:root{font-family:Arial,Helvetica,sans-serif;color-scheme:dark;--bg:#0d0f17;--side:#11131d;--panel:#171a26;--border:#292d3d;--text:#f0f0f5;--muted:#9095a9;--violet:#b69af6;--field:#171923;--soft:#212432;--button-ink:#211635}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--violet);outline-offset:4px}button:disabled{cursor:default}svg{width:20px;height:20px}button{border:0;background:none}button,a{transition:background .15s,transform .15s,color .15s}p{line-height:1.65}.shell{display:flex;min-height:100vh}.sidebar{width:216px;flex-shrink:0;background:var(--side);border-right:1px solid var(--border);padding:25px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:5}.studio{display:flex;align-items:center;gap:9px;padding:0 5px 29px}.studio img{width:64px;height:72px;object-fit:contain}.studio-name{font-size:18px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.studio-name>span{font-size:10px;letter-spacing:1.3px;display:block;color:var(--violet);margin-top:3px}.studio-name small{display:block;font-size:8px;font-weight:500;letter-spacing:1.5px;color:var(--muted);margin-top:8px}.nav-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:18px 14px}.nav{display:flex;flex-direction:column;gap:8px}.nav-button{display:flex;align-items:center;width:100%;gap:10px;text-align:left;font-size:12px;font-weight:600;border-radius:8px;padding:13px 12px;color:var(--muted)}.nav-button:hover{background:var(--soft)}.nav-button.active{color:var(--violet);background:#ab8df418}.nav-icon{font-size:21px;line-height:18px}.count{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;background:var(--soft);padding:3px 6px;border-radius:4px;color:var(--muted)}.sidebar-bottom{margin-top:auto;padding-top:40px}.studio-note{border-top:1px solid var(--border);padding:23px 12px;color:var(--muted)}.tiny-orbit{font-size:28px;color:var(--violet)}.studio-note p{font-size:13px;margin:9px 0}.studio-note strong{color:var(--text)}.studio-note>span:last-child{font-size:10px;line-height:1.7;display:block}.appearance{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);padding:12px;width:100%;border-radius:7px}.appearance:hover{background:var(--soft)}.appearance>span:first-child{font-size:18px}.version{border-top:1px solid var(--border);margin-top:12px;padding:20px 10px 0;font-size:8px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between}.version>span{font-size:7px}.content{margin-left:216px;width:calc(100% - 216px)}.topbar{height:83px;display:flex;align-items:center;gap:24px;padding:0 42px;border-bottom:1px solid var(--border)}.breadcrumb{font-size:12px;white-space:nowrap;color:var(--muted)}.breadcrumb span{margin:0 10px;color:#545a71}.breadcrumb strong{font-weight:500;color:var(--text)}.search{margin-left:auto;display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--border);padding:9px 11px;border-radius:8px;width:275px;color:var(--muted)}.search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.search input{width:100%;min-width:0;background:none;border:0;color:var(--text);font-size:11px;outline:none}.search:focus-within{border-color:var(--violet)}.search input::placeholder{color:var(--muted)}kbd{border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:11px}.guest-status{font-size:10px;display:flex;gap:7px;align-items:center;color:var(--muted);white-space:nowrap}.guest-status i,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a9e6cf}main{max-width:1400px;margin:auto;padding:36px 42px 0}.welcome{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.9px;color:var(--muted)}h1{font-size:clamp(24px,2.8vw,39px);letter-spacing:-1.3px;line-height:1.2;font-weight:600;margin:10px 0}h1>span{color:var(--violet)}.welcome p{font-size:12px;color:var(--muted);margin:0}.collection-badge{font-size:8px;letter-spacing:1.3px;border:1px solid var(--border);border-radius:20px;padding:10px 13px;white-space:nowrap;color:var(--muted)}.collection-badge>span{font-size:14px;color:var(--violet);margin-right:6px}.hero{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #30423f;background:#172d2b;border-radius:16px;overflow:hidden;min-height:355px;color:#f3f9f6}.hero-copy{padding:32px 0 40px 32px;z-index:1}.hero-tag{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.6px;color:#b3c9c2}.hero-tag>span:last-child{margin-left:7px;padding:4px 7px;border:1px solid #ffffff30;border-radius:4px;font-size:8px;letter-spacing:.9px}.hero h2{font-size:clamp(40px,5vw,67px);font-weight:700;letter-spacing:-2.8px;margin:22px 0 10px;line-height:1}.hero-tagline{font-size:21px;letter-spacing:-.5px;line-height:1.4;margin:0;color:#d5eae0}.hero-description{font-size:11px;color:#a9c0b7;max-width:320px;margin:13px 0 20px;line-height:1.8}.hero-actions{display:flex;gap:15px;align-items:center}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:700;background:#b7ead4;color:#18302b;border:1px solid transparent;border-radius:7px;padding:12px 16px;min-height:43px}.play-button svg{width:15px;height:15px;fill:currentColor}.play-button>span{font-size:17px;margin-left:11px;font-weight:400}.play-button:hover{transform:translateY(-2px);background:#d5f7e8}.detail-button{color:var(--text);font-size:11px;border:1px solid var(--border);padding:12px 15px;border-radius:7px;min-height:42px}.hero .detail-button{border-color:#ffffff2c;color:#e1ece7}.detail-button:hover{background:#ffffff0c}.hero-note{font-size:8px;color:#91afa3;margin-top:12px;line-height:1.5}.hero-art{position:relative;min-width:0;align-self:stretch;display:grid;place-items:center;background:radial-gradient(ellipse at center,#438b7338,transparent 70%)}.hero-art img{width:115%;height:100%;max-height:400px;object-fit:contain;position:relative;transform:rotate(-6deg);pointer-events:none}.art-caption{position:absolute;bottom:24px;right:27px;font-size:8px;letter-spacing:1.5px;color:#a5c6b8}.hero-pagination{position:absolute;right:24px;top:22px;display:flex;align-items:center;gap:6px;z-index:2}.feature-dot{width:24px;height:24px;display:grid;place-items:center;padding:0}.feature-dot:before{content:'';height:5px;width:5px;border-radius:5px;background:#ffffff45}.feature-dot.selected:before{width:18px;background:#d7ede4}.hero-pagination>span{font-size:8px;letter-spacing:1px;color:#d0d5df;padding-left:8px}.hero[data-game=starfall]{background:#201c36;border-color:#403557}.hero[data-game=starfall] .hero-art{background:radial-gradient(ellipse at center,#9976e338,transparent 70%)}.hero[data-game=starfall] .hero-tagline{color:#e3daf7}.hero[data-game=starfall] .hero-description,.hero[data-game=starfall] .hero-note,.hero[data-game=starfall] .hero-tag{color:#b5a7cf}.hero[data-game=starfall] .play-button{background:#c5a9f6;color:#25183c}.hero[data-game=starfall] .hero-art img{transform:none}.return-card{margin-top:18px;display:flex;align-items:center;gap:15px;padding:15px 20px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.return-card[hidden]{display:none}.recent-icon{font-size:26px;color:var(--violet)}.return-card .eyebrow{font-size:8px;letter-spacing:1px}.return-card strong{display:block;font-size:13px;margin-top:4px}.return-card p{margin:3px 0 0;font-size:10px;color:var(--muted)}.small-play{font-size:11px;margin-left:auto;white-space:nowrap;padding:10px 0;color:var(--violet)}.small-play span{margin-left:10px}.library{margin-top:34px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:21px}.section-heading h2{font-size:18px;letter-spacing:-.4px;margin:0;font-weight:600}.section-heading h2>span{font-size:10px;font-weight:400;color:var(--muted);margin-left:8px;vertical-align:middle}.section-heading p{font-size:10px;color:var(--muted);margin:7px 0 0}.filters{display:flex;border:1px solid var(--border);padding:4px;border-radius:7px;gap:3px;background:var(--field)}.filter{font-size:10px;color:var(--muted);padding:7px 11px;border-radius:4px;min-height:30px}.filter:hover{color:var(--text)}.filter.active{background:var(--soft);color:var(--text)}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.game-card{border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden;transition:border-color .15s,transform .15s}.game-card:hover{border-color:#706087;transform:translateY(-3px)}.card-art{display:block;position:relative;height:190px;background:#1b2b2b;overflow:hidden}.card-art img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.game-card:hover .card-art img{transform:scale(1.04)}.game-card[data-game=starfall] .card-art{background:#211e35}.card-art-label{position:absolute;top:14px;left:15px;font-size:8px;text-transform:uppercase;letter-spacing:1px;background:#0b121e99;color:#f1f5ff;border:1px solid #ffffff20;padding:6px 9px;border-radius:5px}.card-art-badge{position:absolute;bottom:14px;right:15px;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#cdd9e1}.card-body{padding:20px}.card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-heading h3{font-size:23px;letter-spacing:-.7px;margin:0}.favorite-button{font-size:24px;line-height:24px;color:var(--muted);width:38px;height:38px;border:1px solid var(--border);border-radius:8px}.favorite-button:hover,.favorite-button[aria-pressed=true]{color:var(--violet);background:#b69af412}.card-body p{font-size:11px;color:var(--muted);margin:5px 0 15px}.card-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.card-features span,.features span{font-size:8px;color:var(--muted);border:1px solid var(--border);padding:5px 7px;border-radius:4px}.card-actions{display:flex;gap:9px}.card-play{flex:1;background:var(--soft);color:var(--text);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-radius:6px;font-size:11px;min-height:42px}.card-play:hover{background:var(--violet);color:var(--button-ink)}.card-more{padding:8px 13px;border:1px solid var(--border);border-radius:6px;font-size:10px}.card-note{display:block;font-size:8px;color:var(--muted);margin-top:11px;line-height:1.5}.empty-state{text-align:center;border:1px dashed var(--border);padding:36px 20px;border-radius:12px;color:var(--muted)}.empty-state[hidden]{display:none}.empty-state>span{font-size:30px}.empty-state h3{color:var(--text);font-size:17px}.empty-state p{font-size:12px}.collection-note{display:flex;align-items:center;gap:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:30px;padding:23px 0}.note-symbol{font-size:34px;color:var(--violet);padding:0 5px}.collection-note h3{font-size:13px;margin:0;font-weight:500}.collection-note p{font-size:10px;color:var(--muted);margin:5px 0 0}.note-mark{margin-left:auto;color:var(--muted);font-size:7px;letter-spacing:1.5px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:var(--muted);padding:23px 0 30px}footer strong{font-weight:500;color:var(--text)}dialog{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:0}dialog::backdrop{background:#050712bd;backdrop-filter:blur(7px)}.details-dialog{width:min(520px,calc(100vw - 28px));max-height:90svh;overflow-y:auto}.details-dialog>img{width:100%;height:210px;object-fit:contain;background:#202133}.dialog-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;color:white;background:#10131ecc;z-index:2}.details-body{padding:26px}.details-body h2{font-size:33px;letter-spacing:-1px;margin:10px 0}.details-body p{font-size:12px;color:var(--muted)}.details-body h3{font-size:13px;margin-top:23px}.features{display:flex;gap:5px;flex-wrap:wrap;margin-top:17px}.details-body .play-button{width:100%;margin-top:15px;background:var(--violet);color:var(--button-ink)}.details-body small{display:block;font-size:9px;color:var(--muted);margin-top:12px}.player-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;background:#080b14;overflow:hidden}.player-bar{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px;color:#eff2fb;border-bottom:1px solid #2c3041}.player-bar button{font-size:11px;min-height:40px}.player-bar strong{font-size:13px}.player-bar button:last-child{font-size:22px}.player-bar button:last-child span{font-size:10px;margin-left:5px}#frame-slot{height:calc(100% - 57px)}#frame-slot iframe{width:100%;height:100%;border:0;display:block}#player-status{position:absolute;top:57px;left:0;right:0;margin:0;padding:12px;text-align:center;color:#b69af6;background:#10131f;font-size:12px;pointer-events:none}#player-status[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--violet);color:#151021;z-index:100;padding:10px;border-radius:5px}.skip-link:focus{top:15px}.noscript-note{padding:20px;text-align:center}.noscript-note a{text-decoration:underline}
html[data-theme=light]{color-scheme:light;--bg:#f5f5f9;--side:#fcfcfe;--panel:#fff;--border:#dddfea;--text:#20283a;--muted:#656d82;--violet:#7650be;--field:#fbfbfd;--soft:#ececf4;--button-ink:#fff}html[data-theme=light] .hero .play-button{color:#18302b}html[data-theme=light] .count{color:#656d82}
@media(min-width:1550px){main{padding-top:45px}.hero{min-height:410px}.hero-copy{padding-top:45px}.hero-description{font-size:13px}.hero-note{font-size:10px}.card-art{height:235px}}
@media(max-width:1150px){.sidebar{width:185px;padding:22px 12px}.content{margin-left:185px;width:calc(100% - 185px)}main{padding:28px 28px 0}.topbar{padding:0 28px;gap:15px}.guest-status{display:none}.collection-badge{display:none}.hero-copy{padding-left:24px}.hero h2{font-size:55px}.hero-tagline{font-size:19px}.hero-description{max-width:260px}.hero-actions{gap:10px}.hero .detail-button{padding:12px 10px}.card-art{height:170px}.note-mark{display:none}}
@media(max-width:820px){.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--border);padding:8px 20px;gap:15px}.shell{display:block}.studio{padding:0;gap:5px}.studio img{width:47px;height:56px}.studio-name{font-size:14px}.studio-name>span{font-size:8px}.studio-name small,.nav-label,.studio-note,.version{display:none}.nav{margin-left:auto;flex-direction:row;gap:4px}.nav-button{padding:10px;font-size:10px;gap:6px;min-height:42px}.nav-icon{font-size:18px}.count{display:none}.sidebar-bottom{padding:0;margin:0}.appearance{width:38px;height:42px;justify-content:center;padding:0}.appearance>span:last-child{display:none}.content{margin:0;width:100%}.topbar{height:68px;padding:0 25px}.search{width:260px}.welcome{margin-bottom:24px}main{padding:28px 25px 0}.hero{min-height:350px}.hero-art img{width:110%}.hero h2{font-size:52px}.hero-tagline{font-size:19px}.hero-copy{padding:27px 0 35px 26px}.hero-description{font-size:11px}.art-caption{font-size:7px;right:20px}.card-art{height:170px}}
@media(max-width:560px){.sidebar{padding:6px 12px;gap:5px}.studio-name{display:none}.studio img{width:52px;height:57px}.nav-button{font-size:10px;gap:5px;padding:10px 9px}.nav{gap:0}.sidebar-bottom{margin-left:5px}.topbar{height:62px;padding:0 17px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.search{width:54%;padding:9px}.search input{font-size:10px}.search kbd{display:none}main{padding:25px 17px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:27px;letter-spacing:-.9px;margin:9px 0}.welcome p{font-size:11px}.hero{display:block;min-height:0}.hero-copy{padding:27px 22px 32px}.hero-tag{font-size:7px;letter-spacing:1.1px}.hero h2{font-size:53px;margin:22px 0 12px}.hero-tagline{font-size:20px;max-width:230px}.hero-description{max-width:100%;padding-right:105px;min-height:62px;font-size:10px;line-height:1.8}.hero-art{position:absolute;right:-52px;top:90px;width:210px;height:205px;opacity:.7;pointer-events:none}.hero-art img{width:100%;height:100%}.hero-copy>*{position:relative;z-index:1}.hero-art .art-caption{display:none}.hero-pagination{top:20px;right:16px;gap:2px}.hero-pagination>span{display:none}.hero-note{font-size:7px;margin-top:13px}.hero-actions{margin-top:8px}.play-button{font-size:11px;padding:11px 13px}.hero .detail-button{font-size:10px}.section-heading{display:block;margin-bottom:17px}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.filters{margin-top:17px;width:max-content}.game-grid{grid-template-columns:1fr;gap:18px}.card-art{height:200px}.card-body{padding:19px}.card-heading h3{font-size:25px}.card-body p{font-size:12px}.card-features span{font-size:9px}.card-play{font-size:12px}.card-note{font-size:9px}.library{margin-top:29px}.collection-note{padding:23px 0;gap:13px}.collection-note h3{font-size:12px}.collection-note p{font-size:10px}.note-symbol{font-size:29px}footer{display:block;line-height:2}footer>span{display:block}.return-card{padding:15px;gap:10px}.return-card p{font-size:9px}.small-play{font-size:10px}.player-bar{padding:0 12px}.player-bar button{font-size:10px}.player-bar button:last-child span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.game-card:hover,.play-button:hover,.game-card:hover .card-art img{transform:none}}