:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#21334c;background:#f5f8fd;font-synthesis:none;--blue:#0866ef;--muted:#8290a6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #ffb54b;outline-offset:4px}button{color:inherit}button:hover{filter:brightness(.98)}.sidebar{width:224px;background:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:34px 20px;border-right:1px solid #e9edf5;z-index:10}.brand{display:flex;align-items:center;gap:9px;margin:0 0 45px}.brand-mark{font-size:35px;color:var(--blue);font-weight:1000;letter-spacing:-8px;position:relative;width:44px;font-style:italic}.brand-mark span{color:#35baf9}.brand-mark i{position:absolute;width:7px;height:7px;background:#ffd449;border-radius:50%;right:0;top:2px}.brand strong{font-size:17px;letter-spacing:-.7px}.brand strong>span{display:block;font-size:9px;letter-spacing:2px;color:#8b99ae;margin-top:5px}.nav-item{display:flex;width:100%;align-items:center;gap:14px;padding:14px 17px;border-radius:12px;background:none;text-align:left;font-size:13px;margin-bottom:6px;color:#6d7a8f;font-weight:550}.nav-item>span{font-size:22px;width:20px;text-align:center;font-weight:400}.nav-item.active{background:#eaf2ff;color:var(--blue)}.nav-item:hover{background:#f1f6ff}.nav-item b{font-size:11px;margin-left:auto;background:white;padding:2px 6px;border-radius:5px}.nav-label{font-size:10px;color:#9aa5b6;letter-spacing:1.5px;margin:32px 17px 14px}.sidebar-note{margin:auto 5px 26px;padding:22px 17px;border-radius:16px;background:#f5f8ff;position:relative}.sidebar-note>span{display:block;color:#6499f9;font-size:31px;margin-bottom:12px}.sidebar-note strong{font-size:13px}.sidebar-note p{font-size:11px;color:#8a98ae;line-height:1.9;margin-bottom:0}.sidebar-bottom{font-size:10px;color:#8c9bad;text-align:center;white-space:nowrap}.status-dot{display:inline-block;background:#31bf9c;border-radius:50%;width:6px;height:6px;margin-right:7px}.workspace{margin-left:224px}header{height:88px;display:flex;align-items:center;gap:26px;padding:0 42px;background:#ffffffb3;border-bottom:1px solid #e8edf5}.breadcrumb{font-size:12px;color:#8591a4;white-space:nowrap}.breadcrumb>span{color:#ecb849;margin-left:9px}.search{display:flex;align-items:center;border:1px solid #e7ecf4;background:#f4f7fb;border-radius:11px;height:42px;padding:0 14px;gap:10px;margin-left:auto;width:340px}.search svg{fill:none;stroke:#8b9aae;stroke-width:1.7;width:18px;flex-shrink:0}.search input{width:100%;background:transparent;border:0;outline:none;font-size:12px;color:#263958}.search:focus-within{border-color:#0866ef}.search kbd{border:1px solid #dfe5ef;padding:1px 5px;color:#a0abbb;border-radius:4px;font-size:10px}.random-button{background:#edf4ff;border-radius:10px;color:#0866ef;font-size:20px;padding:9px 15px;white-space:nowrap}.random-button span{font-size:12px;vertical-align:2px;margin-left:5px}main{max-width:1480px;margin:auto;padding:38px 42px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#6e86a8;font-weight:650}h1{font-size:32px;letter-spacing:-1.2px;margin:12px 0 10px;font-weight:800}h1>span{color:var(--blue)}.intro p{font-size:12px;color:var(--muted);margin:0}.intro-note{font-size:10px;color:#8594a9}.featured{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;height:284px;margin-bottom:38px}.feature-main,.feature-small{position:relative;overflow:hidden;border-radius:20px;text-align:left;padding:0}.feature-main{background:#ddeefa}.feature-main>img{position:absolute;height:120%;width:72%;object-fit:cover;right:-40px;bottom:-27px}.feature-copy{position:relative;z-index:1;padding:28px 30px}.pill{display:inline-block;background:#ffffffb8;padding:6px 10px;font-size:10px;border-radius:6px;font-weight:600}.feature-copy h2{font-size:29px;line-height:1.4;margin:16px 0 9px;letter-spacing:-.8px}.feature-copy p{font-size:10px;color:#628197;margin:0 0 20px}.play-cta{display:inline-flex;align-items:center;gap:28px;background:var(--blue);color:#fff;padding:12px 16px;border-radius:10px;font-size:12px;box-shadow:0 5px 15px #146ff025}.play-cta>span{font-size:17px}.feature-corner{position:absolute;right:19px;bottom:15px;color:#789aae;font-size:9px;letter-spacing:2px}.feature-small{background:#ebe5ff}.feature-small>img{position:absolute;width:100%;height:100%;object-fit:cover;top:-38px}.feature-small>div{position:absolute;bottom:20px;left:24px;right:24px}.feature-small .pill{font-size:9px}.feature-small h2{font-size:20px;margin:10px 0}.feature-small p{font-size:11px;color:#8c79ab;margin:0}.feature-small p span{float:right;font-size:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading>div{display:flex;gap:14px;align-items:baseline}.section-heading h2{font-size:19px;margin:0;letter-spacing:-.5px}.section-heading>div>span{font-size:10px;color:#91a0b4}.sort{font-size:10px;color:#90a0b4}.sort select{border:none;background:transparent;color:#65758e;font-size:11px;padding:5px;max-width:115px}.filters{display:flex;gap:9px;margin-bottom:23px;overflow:auto;padding:2px}.filters button{padding:10px 16px;border:1px solid #e4eaf3;border-radius:9px;background:#fff;color:#76869e;font-size:11px;white-space:nowrap}.filters button.selected{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 4px 10px #0866ef20}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.game-card{background:white;border:1px solid #e7edf5;border-radius:15px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #33527612}.game-open{display:block;background:none;width:100%;padding:0;text-align:left}.card-art{height:151px;position:relative;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.game-card:hover img{transform:scale(1.045)}.card-badge{position:absolute;top:10px;left:10px;border-radius:5px;padding:4px 7px;background:#ffffffed;font-size:9px;font-weight:600;color:#506885}.card-badge.soon{background:#253852c9;color:white}.card-body{padding:14px 15px 16px}.card-body h3{font-size:13px;margin:0 30px 8px 0}.card-body p{font-size:10px;color:#97a1b1;margin:0}.card-body p span{float:right;color:#7e93ac}.favorite{position:absolute;right:10px;bottom:40px;background:transparent;color:#9ba9ba;font-size:23px;padding:0 4px}.favorite.saved{color:#ee6a87}.bottom-banner{display:flex;align-items:center;gap:18px;border:1px dashed #cfdced;border-radius:14px;margin:32px 0;padding:23px 25px;background:#eef4fe}.banner-icon{font-size:43px;color:#85a9e9;line-height:1}.bottom-banner h3{font-size:13px;margin:0 0 7px}.bottom-banner p{font-size:10px;color:#8d9cb2;margin:0}.bottom-banner>span{margin-left:auto;letter-spacing:1.4px;font-size:9px;color:#8aa4c8}footer{border-top:1px solid #e4eaf4;display:flex;justify-content:space-between;align-items:center;padding:25px 0;gap:15px}footer a{font-size:13px;font-weight:800;color:#637795}footer a span{font-weight:400;color:#a0adc0}footer p,footer>span{font-size:9px;color:#96a3b7}.empty{padding:48px 10px;text-align:center;background:white;border-radius:16px}.empty>span{font-size:40px;color:#619bee}.empty h3{font-size:17px}.empty p{font-size:13px;color:#8191a8}.empty button{background:#eaf2ff;padding:12px 20px;border-radius:8px;color:var(--blue)}dialog{border:none;border-radius:18px;padding:0;width:min(1050px,95vw);max-width:none;color:#21334c;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#12243fba;backdrop-filter:blur(5px)}.player-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.player-top>div{display:flex;align-items:center;gap:12px}.player-top h2{font-size:16px;margin:0}.player-icon{background:#eaf2ff;color:#0866ef;padding:7px 10px;border-radius:9px;font-size:12px}.player-top button{border-radius:8px;background:#f1f5fb;font-size:20px;width:36px;height:36px}.player-body{height:min(72vh,740px);background:#141d32;position:relative}.player-body iframe{position:relative;z-index:1;width:100%;height:100%;border:0;display:block;background:transparent}.player-body>p{position:absolute;inset:40% 0;text-align:center;color:#dae5fa;font-size:14px}.player-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;font-size:11px;color:#8291a7}.player-bottom p{margin:0}.player-bottom a{color:var(--blue);white-space:nowrap}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#203655;color:white;padding:13px 22px;border-radius:11px;z-index:100;font-size:13px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog:fullscreen{width:100vw;height:100vh;border-radius:0;max-height:none}.player-body:fullscreen{height:100vh}dialog:fullscreen .player-body{height:calc(100vh - 112px)}
@media(min-width:1500px){.card-art{height:190px}.featured{height:310px}}@media(max-width:1150px){.sidebar{width:190px;padding:30px 14px}.workspace{margin-left:190px}header{padding:0 25px;gap:15px}main{padding:28px 25px 0}.brand strong{font-size:14px}.breadcrumb{display:none}.search{margin-left:0;flex:1}.intro-note{display:none}.feature-copy{padding:26px 22px}.feature-copy h2{font-size:25px}.card-art{height:130px}.section-heading>div{gap:8px}.bottom-banner>span{display:none}}@media(max-width:850px){.sidebar{width:76px;padding:26px 12px}.brand{justify-content:center}.brand strong,.nav-item b,.nav-label,.sidebar-note,.sidebar-bottom{display:none}.nav-item{font-size:0;padding:14px;gap:0}.nav-item>span{font-size:23px}.workspace{margin-left:76px}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured{grid-template-columns:1.4fr 1fr;height:270px}.feature-main>img{right:-55px;width:84%;opacity:.8}.feature-copy h2{font-size:24px}.feature-small h2{font-size:17px}.section-heading>div{display:block}.section-heading>div>span{display:block;margin-top:8px}footer>span{display:none}}@media(max-width:600px){.sidebar{position:sticky;top:0;width:100%;height:61px;padding:8px 17px;flex-direction:row;align-items:center;border-bottom:1px solid #e4eaf4}.brand{margin:0 auto 0 0}.brand strong{display:block;font-size:15px}.brand strong>span{display:none}.brand-mark{font-size:30px}.sidebar nav{display:flex}.nav-item{display:none;margin:0;padding:8px 10px}.nav-item[data-view]{display:flex}.workspace{margin-left:0}header{height:70px;padding:12px 18px;gap:9px}.random-button{padding:8px 12px}.random-button span{display:none}main{padding:24px 18px 0}h1{font-size:27px}.eyebrow{font-size:8px}.intro p{font-size:11px}.featured{grid-template-columns:1fr;height:250px;margin-bottom:28px}.feature-small{display:none}.feature-main>img{width:67%;right:-22px;opacity:1}.feature-copy{padding:24px}.feature-copy h2{font-size:25px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.card-art{height:138px}.card-body{padding:12px}.card-body h3{font-size:12px}.card-body p{font-size:9px}.favorite{bottom:33px}.section-heading h2{font-size:17px}.filters{gap:6px;margin-bottom:17px}.filters button{padding:9px 12px;font-size:10px}.sort{font-size:0}.bottom-banner{padding:18px 12px;gap:12px;margin:24px 0}.bottom-banner p{font-size:9px}.bottom-banner h3{font-size:12px}footer{flex-wrap:wrap;gap:6px;padding:20px 0}footer p{font-size:8px}.player-bottom{font-size:10px}.player-top{padding:10px}.player-top>div{gap:6px}.player-top button{width:32px}.player-body{height:70vh}dialog{width:96vw;border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}.feature-main>img{mix-blend-mode:multiply}.feature-small>img{mix-blend-mode:multiply}
/* Game packages own their artwork; preserve the complete square icons. */
.card-art{height:auto;aspect-ratio:1}.card-art img{display:block;object-fit:contain}
.feature-main{background:#412111;color:#fff}.feature-main>img{height:100%;width:65%;right:0;bottom:0;object-fit:cover;mix-blend-mode:normal;opacity:1}.feature-main:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#412111 8%,#412111ee 35%,#41211120 72%,transparent);pointer-events:none}.feature-copy{z-index:1}.feature-copy .pill{color:#67421b;background:#fff2d6}.feature-copy p{color:#efcfad}.feature-corner{z-index:1;color:#fff0cf;text-shadow:0 1px 4px #482209}
.feature-small{background:#1576ce;color:white}.feature-small>img{top:0;mix-blend-mode:normal;object-position:center 38%}.feature-small:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#083c74cc 100%);pointer-events:none}.feature-small>div{z-index:1}.feature-small .pill{color:#215893}.feature-small p{color:#d2eaff}
@media(max-width:600px){.feature-main>img{width:75%}.feature-main:after{background:linear-gradient(90deg,#412111f5,#412111be 40%,#41211110 100%)}.feature-copy p{max-width:180px;line-height:1.6}}