/* Shared platform chrome; the slot and its assets remain independent. */
/* Centre capped account pages within the space beside the fixed sidebar. */
.main-content{margin-left:max(var(--sidebar-width),calc((100% + var(--sidebar-width) - 1800px)/2))}
/* Catalogues use the available monitor width, including ultrawide displays. */
body:is([data-page="lobby"],[data-page="originals"],[data-page="favorites"]) .main-content{max-width:none;margin-left:var(--sidebar-width)}
.topbar{background:#192e3a;border-bottom:0;display:grid;grid-template-columns:1fr auto 1fr;padding:0 12px;height:76px;box-shadow:0 3px 16px #07141c30}
.topbar .brand-area{width:auto;padding:0}.topbar .wordmark{font-size:48px;letter-spacing:-3px;font-weight:700}.topbar .wordmark span{font-size:9px;margin-left:7px}
.header-wallet{display:flex;align-items:stretch;justify-self:center;height:52px;border-radius:9px;overflow:hidden;background:#0e202b;box-shadow:0 2px 5px #0001}
.header-balance{display:flex;align-items:center;gap:10px;padding:0 19px;font-size:17px;font-variant-numeric:tabular-nums}.header-balance:hover{background:#102632}.header-coin{display:grid;place-items:center;background:#6d7ee9;color:white;font-size:12px;font-weight:800;border-radius:50%;width:23px;height:23px;box-shadow:inset 0 0 0 3px #ffffff12}.balance-chevron{width:15px;transform:rotate(90deg);margin-left:5px}
.wallet-button{display:flex;align-items:center;justify-content:center;background:#1478e8;color:#fff;font-size:15px;font-weight:750;padding:0 25px;transition:background .18s}.wallet-button:hover{background:#298dfb}.topbar .top-actions{margin-left:0;justify-self:end;gap:16px}.topbar .icon-button{width:38px;height:42px;color:#dce9f0}.topbar .icon-button>.icon{width:24px;height:24px}.topbar .header-account>.icon{fill:#dce9f0;stroke-width:1}
.catalog-layout{grid-template-columns:minmax(0,1fr)}.game-grid,body[data-page="favorites"] .game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.game-cover{height:250px}.search-launch{color:#91a9b9;text-align:left;font-size:12px;cursor:pointer;max-width:480px}.search-launch span{flex:1}.search-launch:hover{border-color:#658093;background:#142735}.game-meta strong{font-size:13px}.cover-provider{max-width:calc(100% - 56px);font-size:7px;letter-spacing:1.2px}
.placeholder-cover,.search-cover{--art:#9178df;--art-dark:#302749;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--art) 38%,transparent),transparent 65%),linear-gradient(145deg,var(--art-dark),#0b1624);border-color:color-mix(in srgb,var(--art) 30%,transparent)}
.art-neon-nights{--art:#e479ef;--art-dark:#452247}.art-solar-rush,.art-desert-gold{--art:#ffcb76;--art-dark:#5e3b20}.art-deep-blue,.art-frost-byte{--art:#72d9ef;--art-dark:#163e58}.art-velvet-vault{--art:#cba5ed;--art-dark:#423057}.art-jade-temple{--art:#88e4b4;--art-dark:#214c40}.art-moon-dust{--art:#aeb2ff;--art-dark:#303562}.art-cherry-club{--art:#ff8fa8;--art-dark:#612e47}.art-ember-crown{--art:#ffa271;--art-dark:#582d23}.art-cosmic-candy{--art:#e7a7ff;--art-dark:#492e66}.art-wild-west{--art:#d6b395;--art-dark:#4a392e}
.placeholder-art{position:absolute;inset:25px 0 65px;display:grid;place-items:center;color:var(--art)}.placeholder-art span{font-size:91px;text-shadow:0 0 44px var(--art);transition:transform .5s;line-height:1}.placeholder-art:before,.placeholder-art:after,.placeholder-art i{content:'';position:absolute;width:118px;height:118px;border:1px solid currentColor;border-radius:50%;opacity:.23;transform:rotate(-35deg) scaleX(.65)}.placeholder-art:after{transform:rotate(35deg) scaleX(.65)}.placeholder-art i{width:145px;height:145px;transform:none;opacity:.1}.game-card:hover .placeholder-art span{transform:rotate(12deg) scale(1.08)}.placeholder-title{position:absolute;bottom:64px;left:15px;right:15px;font-size:25px;letter-spacing:-.8px;line-height:1.05;color:#fff;text-align:center}.placeholder-subtitle{position:absolute;bottom:43px;left:5px;right:5px;text-align:center;color:var(--art);font-size:9px;letter-spacing:.5px}
body:has(dialog[open]){overflow:hidden}.dialog{opacity:0;transform:translateY(12px) scale(.985);transition:opacity .2s,transform .25s,display .25s allow-discrete,overlay .25s allow-discrete}.dialog[open]{opacity:1;transform:translateY(0) scale(1)}.dialog::backdrop{opacity:0;transition:opacity .2s,display .25s allow-discrete,overlay .25s allow-discrete}.dialog[open]::backdrop{opacity:1}
@starting-style{.dialog[open]{opacity:0;transform:translateY(12px) scale(.985)}.dialog[open]::backdrop{opacity:0}}
.search-dialog{width:760px;max-width:calc(100vw - 28px);background:#172b39;border-color:#385363;overflow:hidden}.search-dialog[open]{display:flex;flex-direction:column}.search-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 28px 20px}.search-heading .eyebrow{font-size:9px;letter-spacing:1.8px;color:#8da7b8}.search-heading h2{font-size:25px;letter-spacing:-.7px;margin-top:5px}.popup-search-field{margin:0 28px;background:#0d202c;border:1px solid #3b576b;border-radius:8px;display:flex;align-items:center;padding:0 15px;gap:12px;min-height:54px;transition:border-color .18s,box-shadow .18s}.popup-search-field:focus-within{border-color:#4395e8;box-shadow:0 0 0 3px #2584e513}.popup-search-field>.icon{color:#91adc0}.popup-search-field input{background:transparent;border:0;outline:none;color:white;width:100%;min-width:0;height:52px;font-size:15px}.popup-search-field input:focus-visible{outline:none}.popup-search-field kbd{font-size:9px;color:#6f8d9f;border:1px solid #314959;padding:3px 5px;border-radius:4px}.search-filters{display:flex;gap:6px;align-items:center;padding:18px 28px}.search-filters button{background:transparent;color:#91abba;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:700;white-space:nowrap}.search-filters button.active{background:#2b4558;color:#fff}.search-filters button:hover{background:#263f50}.search-filters>span{margin-left:auto;color:#829daf;font-size:11px;white-space:nowrap}.search-results{padding:0 18px 12px;overflow-y:auto;min-height:180px;max-height:430px;scrollbar-width:thin;scrollbar-color:#476378 transparent;overscroll-behavior:contain}.search-result{display:flex;align-items:center;gap:14px;padding:10px;border-radius:9px;transition:background .15s,transform .15s;min-height:80px}.search-result[href]:hover,.search-result[href]:focus-visible{background:#243e51;transform:translateX(3px)}.search-result[aria-disabled]{cursor:default}.search-cover{width:54px;height:60px;flex-shrink:0;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:7px;font-size:31px;color:var(--art,#c9dfb7)}.search-cover.art-lux{background:linear-gradient(#15293377,#101928cc),url(anomaly.svg) center/cover;color:#f5e9cb;font-size:17px;letter-spacing:2px;font-weight:800}.search-result-copy{min-width:0}.search-result-copy strong{font-size:14px;display:block}.search-result-copy small{display:block;color:#90a7b7;font-size:11px;margin-top:4px}.search-status{margin-left:auto;color:#8199ab;font-size:10px;white-space:nowrap}.search-status.is-live{color:#b5ed50;display:flex;align-items:center;gap:8px;font-weight:700}.search-status .icon{width:15px}.search-footer{padding:15px 28px;border-top:1px solid #2c4252;display:flex;justify-content:space-between;gap:12px;color:#8199aa;font-size:10px}.search-no-results{text-align:center;padding:35px 15px}.search-no-results>.icon{width:32px;height:32px;color:#7297b1;margin-bottom:14px}.search-no-results h3{font-size:19px}.search-no-results p{color:#8fa6b6;margin:8px 0 20px;font-size:12px}
.admin-wallet-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid #285788;border-radius:10px;background:#163452;margin:0 0 20px}.admin-wallet-banner>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-wallet-banner span{font-size:12px;color:#a5bed1}.deposit-primary{background:#1478e8;color:white}.deposit-primary:hover{background:#2b8dfa}.deposit-dialog{width:470px;max-width:calc(100vw - 28px);padding:30px;background:#192e3e}.deposit-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#1478e822;color:#69b2ff;margin-bottom:20px}.deposit-icon .icon{width:25px;height:25px}.deposit-dialog>.eyebrow{color:#75b9ff;font-size:9px;letter-spacing:1.6px}.deposit-dialog h2{font-size:27px;line-height:1.15;letter-spacing:-.7px;margin:10px 0}.deposit-description{font-size:12px;color:#9bb3c5;margin-bottom:27px}.deposit-dialog label{font-size:12px;font-weight:650;color:#bdd0dd;display:block;margin-bottom:8px}.deposit-label{display:flex;justify-content:space-between}.deposit-label button{font-size:11px;color:#7bbbff;background:transparent;padding:0;margin-bottom:8px}.deposit-dialog input{width:100%;min-width:0;border:1px solid #3b5569;border-radius:7px;background:#0f2230;padding:13px;color:white;font-size:15px;margin-bottom:20px}.deposit-amount-field{position:relative}.deposit-amount-field input{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums;padding-right:45px;margin-bottom:10px}.deposit-amount-field>span{position:absolute;right:17px;top:18px;color:#839cf0;font-weight:800}.deposit-presets{display:flex;gap:8px}.deposit-presets button{flex:1;padding:9px 0;border-radius:5px;background:#294255;color:#cedfe9;font-size:11px;font-weight:700}.deposit-presets button:hover{background:#355771}.deposit-note{font-size:10px;color:#879faf;line-height:1.7;margin:15px 0 22px}.deposit-success{font-size:12px;line-height:1.7;color:#c7edb9;background:#85b96116;border:1px solid #a4d07d44;padding:13px;border-radius:7px;margin-bottom:16px}.deposit-history{display:flex;align-items:center;justify-content:center;gap:8px;color:#99b0c1;font-size:11px;margin-top:20px}.deposit-history .icon{width:15px}
@media(min-width:1600px){.topbar{padding-inline:12px}.header-wallet{height:58px}.header-balance{font-size:19px;padding-inline:24px}.wallet-button{padding-inline:28px;font-size:17px}}
@media(max-width:850px){.topbar{height:65px;padding:0 17px}.topbar .brand-area{gap:8px}.topbar .wordmark{font-size:39px}.header-wallet{height:44px}.header-balance{font-size:14px;padding:0 12px;gap:8px}.wallet-button{font-size:13px;padding:0 16px}.topbar .top-actions{gap:6px}.topbar .icon-button{width:34px}.header-activity{display:none}.topbar .top-actions>.button{padding:10px;font-size:11px}.game-grid{gap:15px}}
@media(max-width:600px){.topbar{padding:0 8px;column-gap:8px}.topbar .wordmark{font-size:34px}.topbar .wordmark span{display:none}.topbar .brand-area{gap:1px}.topbar .menu-toggle{width:29px}.header-balance{padding:0 8px;font-size:12px;gap:5px}.header-coin{width:18px;height:18px;font-size:10px}.balance-chevron{display:none}.wallet-button{padding:0 11px;font-size:12px}.header-wallet{height:40px}.topbar .top-actions{gap:0}.topbar .top-actions>.button[data-auth="register"]{display:none}.topbar .top-actions>.button{font-size:10px;padding:7px}.topbar .icon-button{width:31px}.topbar .icon-button>.icon{width:21px}.game-grid,body[data-page="favorites"] .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.game-cover{height:230px}.placeholder-title{font-size:23px}.search-dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 20px)}.search-heading{padding:23px 18px 17px}.search-heading h2{font-size:23px}.search-heading .eyebrow{font-size:7px}.popup-search-field{margin-inline:18px}.popup-search-field input{font-size:16px}.popup-search-field kbd{display:none}.search-filters{padding:14px 14px;gap:1px}.search-filters button{font-size:10px;padding:8px 9px}.search-filters>span{font-size:10px}.search-results{padding-inline:8px;max-height:50dvh}.search-result{gap:10px}.search-result-copy small{font-size:10px}.search-result-copy strong{font-size:13px}.search-status{font-size:9px}.search-cover{width:45px;height:54px}.search-footer{padding:13px 18px;flex-direction:column;gap:4px;font-size:9px}.deposit-dialog{padding:25px}.deposit-dialog h2{font-size:25px}.deposit-dialog input{font-size:16px}.admin-wallet-banner{align-items:flex-start;flex-direction:column}.admin-wallet-banner .button{width:100%}}
@media(max-width:600px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.header-wallet{min-width:0;max-width:100%}.header-balance{min-width:0}.header-balance strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-coin,.wallet-button{flex-shrink:0}}
@media(max-width:360px){.header-coin{display:none}.topbar .wordmark{font-size:30px}.header-balance{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.dialog,.dialog::backdrop,.search-result,.placeholder-art span{transition:none!important;transform:none}}
@media(min-width:1800px){
    .game-grid,body[data-page="favorites"] .game-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(200px,9vw,260px),1fr));gap:24px}
    .game-grid .game-cover{height:auto;aspect-ratio:4/5}
    .hero{height:clamp(385px,20vw,560px)}
    .hero-content{padding:clamp(36px,2.3vw,64px) clamp(40px,2.5vw,72px)}
    .hero h2{font-size:clamp(40px,2vw,56px)}
    .hero p{font-size:clamp(14px,.65vw,17px)}
    .page-intro h1{font-size:clamp(21px,1vw,28px)}
}