/* JoyHop discovery: artwork first, a quiet black gallery, purple navigation. */
.discover-layout [data-library-title],.operations-ranking h2{min-width:0;overflow-wrap:anywhere}
.operations-ranking{margin:12px 0 32px}.operations-ranked-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.operations-ranked-games li{min-width:0}.operations-ranked-games a{display:flex;align-items:center;gap:14px;min-height:100px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;color:var(--text)}.operations-ranked-games a:hover{background:var(--surface-raised);border-color:var(--accent)}.operations-rank-number{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent-dark);flex:0 0 36px}.operations-rank-art{width:72px;flex:0 0 72px}.operations-rank-art img{display:block;width:72px;height:72px;object-fit:cover;border-radius:12px}.operations-ranked-games strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}@media(max-width:1100px){.operations-ranked-games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.operations-ranked-games{grid-template-columns:1fr}.operations-ranked-games a{min-height:88px;padding:10px 14px}.operations-ranking{margin-bottom:24px}}
:root{--page:#0c0c0e;--surface:#171719;--surface-raised:#252528;--line:#2b2b30;--text:#f7f7fa;--ink:var(--text);--muted:#a5a5b0;--accent:#9864ff;--accent-dark:#c5a5ff;--accent-soft:#302044;--rail:76px;--font:"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
html{scroll-padding-top:96px}body{background:var(--page);font-family:var(--font)}body>main{padding-top:88px;min-height:70vh}body[data-discover-hero="true"]>main{padding-top:0}
body>.site-footer{background:var(--page)}.is-hidden,[hidden]{display:none!important}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:#0c0c0ef5;border:0;box-shadow:none;backdrop-filter:blur(14px)}body[data-discover-hero="true"] .site-header{background:linear-gradient(#070709a6,transparent);backdrop-filter:none}body[data-discover-hero="true"] .site-header.is-scrolled{background:#0c0c0ef5;backdrop-filter:blur(14px)}
.header-inner{max-width:none;min-height:80px;padding:12px 24px 12px 12px;display:flex;gap:18px;position:relative}.brand{order:0;min-width:0;gap:7px;padding:9px 17px 10px 12px;border-radius:100px;background:#9550f9;color:#fff}.brand-word{font-size:25px;line-height:1;font-weight:800;letter-spacing:-1.2px}.brand-mark,.brand-mark .icon{width:30px;height:30px}.header-search{order:2;flex:0 1 300px;width:24vw;margin-left:auto;border-radius:100px;background:#1b1b20cc;min-height:46px;border:1px solid #ffffff18;backdrop-filter:blur(14px)}.header-search input{font-size:13px;min-width:0;padding:12px 0}.header-nav{order:1;position:absolute;left:50%;transform:translateX(-50%);gap:3px;border:1px solid #ffffff20;padding:5px;background:#1b1b20c9;border-radius:100px;backdrop-filter:blur(18px)}.header-nav a{padding:10px 17px;gap:8px;font-size:13px;border-radius:100px;min-height:40px;line-height:1.2}.header-nav a.active{background:#ffffff1c;color:#fff}.header-nav a:hover{background:#ffffff12}.header-nav .icon{width:19px;height:19px}.language-control{order:3;border-radius:100px;min-height:44px;background:#1b1b20d9;border-color:#ffffff18;backdrop-filter:blur(14px)}.language-control .icon{display:none}.mobile-menu{order:-1}
.category-bar{display:none}.mobile-global-nav{top:88px;width:var(--rail);padding:12px 10px 20px;background:#0c0c0ef5;border:0;z-index:80;transition:width .2s;scrollbar-width:none}.mobile-global-nav .sidebar-label{display:none}.mobile-global-nav .category-link{position:relative;justify-content:center;gap:0;min-height:48px;margin:4px 0;border-radius:15px;padding:12px;color:#b9a2e4}.mobile-global-nav .category-link .icon{width:25px;height:25px;flex:0 0 25px;object-fit:contain}.mobile-global-nav .category-link>span{display:none}.mobile-global-nav .category-link.active{background:#392448;box-shadow:none}.mobile-global-nav .category-link:hover{background:#292031}.mobile-global-nav .collection-label+a{margin-top:24px}.mobile-global-nav .category-link:focus-visible{outline-offset:-3px}.mobile-bottom-nav{display:none}
.discover-layout{overflow-anchor:none;max-width:none;display:block;padding:0 0 64px}.discover-layout .portal-main{width:100%;min-width:0}.discover-layout .discover-content{max-width:1600px;margin:0 auto;padding:0 32px}.discover-layout .library{scroll-margin-top:100px}.discover-layout .mobile-search{display:none}.discover-layout .section-heading{align-items:center;margin-bottom:17px;gap:16px}.discover-layout .section-heading h1,.discover-layout .section-heading h2{font-size:24px;font-weight:700;letter-spacing:-.6px;line-height:1.25}.discover-layout .library-tools{gap:16px}.discover-layout .library-tools select{border-radius:100px;padding:8px 13px;background:transparent;font-size:11px}.discover-layout .result-count{font-size:11px;color:var(--muted)}
.discover-hero{position:relative;margin:0 0 10px;height:clamp(460px,44vw,650px);isolation:isolate;overflow:hidden;background:#15120f}.discover-hero .featured-track{display:block;height:100%;border-radius:0;overflow:visible;outline-offset:-5px}.discover-slide{position:absolute;inset:0}.discover-hero-art{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 44%}.discover-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--page) 0%,#0c0c0e33 24%,transparent 60%),linear-gradient(90deg,#0c0c0e80 0%,#0c0c0e24 36%,transparent 66%)}.discover-hero-copy{position:absolute;left:32px;right:32px;bottom:88px;max-width:600px}.discover-tag{display:inline-flex;background:#f5f4f1;color:#242329;font-size:10px;font-weight:700;border-radius:6px;padding:5px 9px;line-height:1.2}.discover-hero h2{margin:13px 0 21px;font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-2.8px;font-weight:800;text-shadow:0 3px 24px #0003}.discover-hero h2 a{color:white}.discover-hero-actions{display:flex;align-items:center;gap:12px}.discover-play,.discover-save{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:100px;font:inherit;font-size:13px;font-weight:700;padding:12px 21px;border:1px solid transparent}.discover-play{background:#fff;color:#141316;box-shadow:0 4px 22px #0002}.discover-play:hover{background:#e9ddff}.discover-play .icon{width:18px;height:18px;filter:grayscale(1) brightness(.2)}.discover-save{background:#18151a66;color:#fff;border-color:#ffffff40;backdrop-filter:blur(10px)}.discover-save .icon{width:20px;height:20px}.discover-save[aria-pressed=true]{background:#59313c;border-color:#ffb1cf}.discover-carousel{position:absolute;bottom:34px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between}.discover-dots{display:flex;align-items:center;gap:7px}.discover-dots button{width:28px;height:28px;padding:0;position:relative;border:0;background:none}.discover-dots button::after{content:"";display:block;position:absolute;left:10px;right:10px;top:11px;bottom:11px;border-radius:10px;background:#ffffff73;transition:background .2s}.discover-dots button[aria-pressed=true]{width:44px}.discover-dots button[aria-pressed=true]::after{left:5px;right:5px;background:white}.discover-hero .featured-controls{display:flex;gap:8px}.discover-hero .carousel-button{width:39px;height:39px;border-radius:100px;background:#1b171b88;border:1px solid #ffffff29;backdrop-filter:blur(8px)}.discover-hero .carousel-button .icon{width:17px;height:17px}.discover-hero .carousel-button:first-child .icon{transform:rotate(180deg)}
.discover-genres{display:flex;gap:8px;align-items:center;overflow:auto;margin:0 0 24px;padding:0 0 4px;scrollbar-width:none}.discover-genres>a{display:flex;align-items:center;gap:8px;border:1px solid #ffffff0f;background:#19191c;white-space:nowrap;font-size:12px;line-height:1.3;min-height:40px;border-radius:100px;padding:8px 14px;color:#c3c2cc;transition:background .15s}.discover-genres>a:hover{background:#27232f}.discover-genres>a.active{background:#38224d;border-color:#9f70e547;color:#ebdcff}.discover-genres .icon{width:21px;height:21px;flex:0 0 21px;object-fit:contain}.genre-count{color:#92909e;font-size:10px}
.discover-layout .game-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:23px 15px}.discover-layout .game-card{height:auto;border:0;background:transparent;border-radius:0;overflow:visible;box-shadow:none}.discover-layout .game-card:hover{box-shadow:none;transform:translateY(-3px)}.discover-layout .game-cover,.discover-layout .cover-pattern{aspect-ratio:1.3;border-radius:16px;overflow:hidden;background:#25222b}.discover-layout .cover-link{display:block;height:100%;border-radius:16px;box-shadow:none}.discover-layout .game-card:hover .game-cover{outline:2px solid #aa80f8;outline-offset:3px}.discover-layout .game-thumbnail{width:100%;height:100%;object-fit:cover}.discover-layout .compact-game-card .game-card-body{min-height:28px;padding:9px 2px 0}.discover-layout .compact-game-card .game-card-heading{height:auto;min-height:18px}.discover-layout .compact-game-card h3{font-size:12px;line-height:1.4;color:#c6c4ce;font-weight:600;letter-spacing:0;overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis}.discover-layout .favorite-button{opacity:0;transition:opacity .15s;background:#141318d9;top:8px;right:8px}.discover-layout .game-card:hover .favorite-button,.discover-layout .game-card:focus-within .favorite-button,.discover-layout .favorite-button[aria-pressed=true]{opacity:1}.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+3){grid-column:span 2}.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+3) .game-cover,.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+3) .cover-pattern{aspect-ratio:1.75}.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+3) .game-card-body{padding-top:11px;min-height:33px}.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+3) h3{font-size:14px;color:#f1eef7}
.discover-layout .home-guides{margin-top:48px;padding-top:30px;border-top:1px solid #ffffff0c}.discover-layout .home-guide-grid{gap:16px}.discover-layout .home-guide-grid .guide-card{border:1px solid #ffffff0e;border-radius:16px;padding:18px;background:#171719;box-shadow:none;gap:15px}.discover-layout .home-guide-grid .guide-card-preview{height:66px;width:66px;flex:0 0 66px;border-radius:12px}.discover-layout .home-guide-grid .guide-card h3{font-size:13px;line-height:1.45;color:#e1dfe8;letter-spacing:0}.discover-layout .home-guide-grid .guide-type{display:block;font-size:10px;letter-spacing:0;margin-bottom:5px;color:#b797e9}.discover-layout .home-guide-grid .guide-card p,.discover-layout .home-guide-grid .guide-game{display:none}.discover-layout .all-guides-link{font-size:11px;white-space:nowrap}.site-footer{border-top:1px solid #ffffff0c}.footer-top{padding-top:12px}.footer-brand{color:#eee9f6}.footer-intro p{color:var(--muted)}
@media(min-width:1600px){.discover-layout .discover-content{padding:0 40px}.discover-hero-copy{left:max(40px,calc((100% - 1520px)/2))}.discover-carousel{left:max(40px,calc((100% - 1520px)/2));right:max(40px,calc((100% - 1520px)/2))}}
@media(min-width:1001px) and (max-width:1250px){.header-nav{left:46%;gap:0}.header-nav a{padding:10px 13px}.header-search{max-width:225px;width:20vw}.header-inner{gap:12px;padding-right:16px}.discover-layout .game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:19px 12px}.discover-layout .discover-content{padding:0 26px}.discover-hero-copy,.discover-carousel{left:26px;right:26px}}
@media(max-width:1000px){:root{--rail:0px}body>main,body>.site-footer{margin-left:0}body>main{padding-top:82px}.header-inner{min-height:72px;padding:10px 18px;gap:12px}.header-nav{display:none}.brand{padding:9px 15px 10px 11px}.brand-word{font-size:24px}.header-search{display:flex;max-width:320px;width:auto;flex:1}.mobile-menu{display:grid;width:35px;height:42px;border-radius:100px}.mobile-global-nav{display:none;z-index:130;top:72px;bottom:0;width:270px;padding:20px 14px;background:#151417}.nav-open .mobile-global-nav{display:block;max-height:calc(100dvh - 72px);background:#151417}.mobile-global-nav .category-link{justify-content:flex-start;gap:14px;padding:12px 14px}.mobile-global-nav .category-link>span{display:block}.mobile-global-nav .sidebar-label{display:block}.nav-open .nav-backdrop{inset:72px 0 0;height:calc(100dvh - 72px)}.discover-hero{height:520px;margin-bottom:8px}.discover-hero-copy{bottom:85px}.discover-hero h2{font-size:56px}.discover-layout .game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+3){grid-column:auto}.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+2){grid-column:span 2}.discover-layout .library[data-gallery=showcase] .game-card:nth-child(3) .game-cover,.discover-layout .library[data-gallery=showcase] .game-card:nth-child(3) .cover-pattern{aspect-ratio:1.3}.discover-layout .home-guide-grid{grid-template-columns:1fr}.discover-layout .home-guide-grid .guide-card{padding:16px;min-height:90px}.discover-layout .home-guide-grid .guide-card-preview{width:54px;height:54px;flex-basis:54px}.discover-layout .section-heading h1,.discover-layout .section-heading h2{font-size:23px}}
@media(max-width:620px){html{scroll-padding-top:80px}body{padding-bottom:86px}body>main{padding-top:76px}.header-inner{min-height:66px;padding:9px 13px;gap:8px}.header-search{display:none}.brand{padding:9px 15px 10px 10px;gap:6px}.brand-word{font-size:23px}.brand-mark,.brand-mark .icon{width:27px;height:27px}.mobile-menu{width:30px;height:40px}.language-control{min-height:38px;padding:0 8px;border-radius:100px}.language-control select{min-height:36px;font-size:11px}.mobile-global-nav,.nav-open .mobile-global-nav{top:66px;max-height:calc(100dvh - 66px)}.nav-open .nav-backdrop{inset:66px 0 0;height:calc(100dvh - 66px)}.category-bar{display:none}.mobile-bottom-nav{position:fixed;display:flex;align-items:center;justify-content:space-around;bottom:max(10px,env(safe-area-inset-bottom));left:14px;right:14px;z-index:110;padding:5px;border:1px solid #ffffff26;border-radius:100px;background:#222026e8;box-shadow:0 6px 28px #0007;backdrop-filter:blur(18px)}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:53px;padding:5px 3px;border:0;border-radius:100px;background:none;color:#c4bbd1;font:inherit;font-size:9px;line-height:1.1}.mobile-bottom-nav .icon{width:21px;height:21px}.mobile-bottom-nav .active,.mobile-bottom-nav [aria-expanded=true]{background:#ffffff13;color:#fff}.mobile-bottom-nav button:hover,.mobile-bottom-nav a:hover{background:#ffffff0b}.discover-hero{height:min(620px,76svh);min-height:440px;max-height:650px;margin:0 0 2px}.discover-hero-art{object-position:57% 35%}.discover-hero-shade{background:linear-gradient(0deg,var(--page) 0%,#0c0c0ec4 14%,transparent 62%),linear-gradient(180deg,#0c0c0e4d,transparent 25%)}.discover-hero-copy{bottom:82px;left:20px;right:20px;max-width:none;text-align:center}.discover-tag{font-size:9px;padding:5px 8px}.discover-hero h2{font-size:43px;letter-spacing:-1.8px;margin:13px 0 20px}.discover-hero-actions{justify-content:center;gap:8px}.discover-play,.discover-save{min-height:44px;font-size:12px;padding:11px 19px}.discover-save{padding:11px 13px}.discover-save .icon{width:18px;height:18px}.discover-carousel{left:18px;right:18px;bottom:25px;justify-content:center}.discover-hero .featured-controls{position:absolute;right:0;bottom:-5px;gap:5px}.discover-hero .carousel-button{width:32px;height:32px}.discover-hero .carousel-button .icon{width:14px;height:14px}.discover-layout{padding:0 0 35px}.discover-layout .discover-content{padding:0 16px}.discover-layout .section-heading{margin-bottom:15px;gap:8px;align-items:center}.discover-layout .section-heading h1,.discover-layout .section-heading h2{font-size:21px;letter-spacing:-.6px;max-width:75%}.discover-layout .result-count{display:none}.discover-layout .library-tools select{font-size:10px;max-width:105px;min-height:32px;padding:6px 8px}.discover-layout .mobile-search{display:flex;min-height:44px;background:#1c1b20;border:1px solid #ffffff0c;box-shadow:none;border-radius:100px;margin:0 0 14px;padding:0 13px}.discover-layout .mobile-search input{font-size:12px;min-height:44px;padding:8px 0}.discover-layout .mobile-search .icon{width:19px;height:19px}.discover-genres{gap:6px;margin:0 0 18px;padding-bottom:3px}.discover-genres>a{min-height:36px;font-size:11px;padding:7px 11px;gap:6px}.discover-genres .icon{width:19px;height:19px;flex-basis:19px}.genre-count{display:none}.discover-layout .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.discover-layout .game-cover,.discover-layout .cover-pattern{aspect-ratio:1.14;border-radius:14px}.discover-layout .cover-link{border-radius:14px}.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+2){grid-column:auto}.discover-layout .library[data-gallery=showcase] .game-card:first-child{grid-column:1/-1}.discover-layout .library[data-gallery=showcase] .game-card:first-child .game-cover,.discover-layout .library[data-gallery=showcase] .game-card:first-child .cover-pattern{aspect-ratio:1.85}.discover-layout .library[data-gallery=showcase] .game-card:nth-child(n+2) .game-cover,.discover-layout .library[data-gallery=showcase] .game-card:nth-child(n+2) .cover-pattern{aspect-ratio:1.14}.discover-layout .compact-game-card h3,.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+3) h3{font-size:12px;line-height:1.4;color:#d0ccd7}.discover-layout .compact-game-card .game-card-body,.discover-layout .library[data-gallery=showcase] .game-card:nth-child(-n+3) .game-card-body{padding:9px 2px 0;min-height:25px}.discover-layout .favorite-button{opacity:1;width:32px;height:32px;top:7px;right:7px}.discover-layout .favorite-button .icon{width:17px;height:17px}.discover-layout .home-guides{margin-top:33px;padding-top:23px}.discover-layout .home-guides .section-heading{align-items:flex-start}.discover-layout .home-guides h2{max-width:68%;font-size:20px}.discover-layout .all-guides-link{padding-top:4px}.discover-layout .home-guide-grid{gap:10px}.discover-layout .home-guide-grid .guide-card{border-radius:13px;padding:14px;gap:13px}.site-footer{padding:24px 18px 0}.footer-bottom{font-size:10px}.footer-top{gap:22px}body[data-play-expanded=true] .mobile-bottom-nav{display:none}}
@media(max-width:360px){.header-inner{padding-left:9px;padding-right:9px}.brand-word{font-size:22px}.brand{padding-left:8px;padding-right:12px}.discover-hero h2{font-size:38px}.discover-layout .discover-content{padding:0 12px}.discover-layout .section-heading h1{font-size:19px;max-width:65%}.discover-layout .library-tools select{max-width:96px}.discover-layout .game-grid{gap:17px 10px}}
@media(prefers-reduced-motion:reduce){.mobile-global-nav,.discover-dots button::after,.discover-layout .game-card{transition:none}.discover-layout .game-card:hover{transform:none}}

/* Keep form controls consistent in Chromium and mobile WebKit. */
.language-control{position:relative}.language-control select,.discover-layout .library-tools select{-webkit-appearance:none;appearance:none;background-color:transparent;cursor:pointer}.language-control select{padding-right:17px}.language-control::after,.discover-layout .library-tools::after{content:"";position:absolute;width:10px;height:10px;right:10px;top:50%;margin-top:-5px;background:url('/assets/joyhop-icons-v1/chevron.webp') center/contain no-repeat;transform:rotate(90deg);pointer-events:none}.discover-layout .library-tools{position:relative}.discover-layout .library-tools select{padding-right:28px;max-width:160px}@media(max-width:620px){.discover-layout .library-tools select{max-width:116px;padding-right:25px}.discover-layout .library-tools::after{right:9px}}

/* A real extending navigation panel; gameplay-based names in both languages. */
.mobile-global-nav .rail-link-copy{min-width:0;text-align:left}.rail-link-name{display:block;letter-spacing:0}.mobile-global-nav .category-link.active .rail-link-name{color:#efe4ff}
@media(min-width:1001px){
 .mobile-global-nav{z-index:105;transition:width .18s ease,background-color .18s ease,box-shadow .18s ease;overflow-x:hidden}
 .mobile-global-nav .category-link{justify-content:flex-start;white-space:nowrap}
 .mobile-global-nav .category-link>.rail-link-copy{display:block;opacity:0;visibility:hidden;transition:opacity .12s ease}
 .mobile-global-nav:is(:hover,:has(:focus-visible)){box-shadow:10px 8px 32px #0006,inset -1px 0 #ffffff14}
 .mobile-global-nav:is(:hover,:has(:focus-visible)) .rail-link-copy{opacity:1;visibility:visible}
}
@media(max-width:1000px){.mobile-global-nav .category-link>.rail-link-copy{display:block;white-space:normal}}
@media(prefers-reduced-motion:reduce){.mobile-global-nav,.mobile-global-nav .category-link>.rail-link-copy{transition:none}}

/* Spacious navigation follows the supplied recording: one name, no helper copy. */
.mobile-global-nav .rail-link-name{font-size:18px;line-height:1.25;font-weight:650;color:#cdb6f4}
.mobile-global-nav .category-link .icon{width:32px;height:32px;flex-basis:32px}
.mobile-global-nav .category-link:hover .rail-link-name,.mobile-global-nav .category-link:focus-visible .rail-link-name{color:#fff}
@media(min-width:1001px){
 .mobile-global-nav{padding-top:8px}
 .mobile-global-nav .category-link{height:56px;min-height:56px;padding-left:12px;padding-right:14px;gap:14px}
 .mobile-global-nav .category-link>.rail-link-copy{flex-basis:206px}
 .mobile-global-nav:is(:hover,:has(:focus-visible)){width:304px;background:#202027ed;backdrop-filter:blur(22px);border-radius:0 20px 20px 0}
}
@media(max-width:1000px){
 .mobile-global-nav .category-link{min-height:58px;gap:14px}
 .mobile-global-nav .rail-link-name{font-size:18px}
}

/* Full-canvas launch art; the game itself gets every pixel of available height. */
.game-detail .play-panel{position:relative}
.game-launch{position:absolute;inset:0;z-index:4;isolation:isolate;display:grid;place-items:center;overflow:hidden;padding:32px;background:#18151f;color:#fff}
.game-launch::before{content:"";position:absolute;inset:-22px;z-index:-2;background:var(--launch-art) center/cover no-repeat;filter:blur(8px);transform:scale(1.04)}
.game-launch::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b091d45,#0b091d69 60%,#0b091dc4)}
.launch-brand{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));display:flex;align-items:center;gap:9px;color:#fff;font-size:24px;font-weight:800;letter-spacing:-.7px;text-shadow:0 2px 18px #0005}
.launch-brand .icon{width:30px;height:30px}
.launch-content{width:min(760px,68vw);text-align:center;margin:auto}
.launch-cover{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:24px;box-shadow:0 24px 90px #0005;background:#25202c}
.launch-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.launch-caption{position:absolute;inset:auto 0 0;padding:64px 28px 25px;text-align:left;background:linear-gradient(transparent,#100d22d9)}
.launch-caption h2{margin:0 0 6px;font-size:clamp(26px,3.2vw,44px);line-height:1.08;letter-spacing:-1.2px;color:#fff;text-shadow:0 2px 14px #0006}
.launch-caption p{margin:0;max-width:590px;font-size:14px;line-height:1.5;color:#fff}
.launch-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px}
.launch-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border:0;border-radius:100px;padding:12px 25px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.launch-start{background:#fff;color:#1e1830;box-shadow:0 4px 30px #0002}
.launch-start:hover{background:#eee5ff;transform:translateY(-1px)}
.launch-start .icon{width:21px;height:21px}
.launch-more{background:#211d2ccc;color:#fff;backdrop-filter:blur(12px)}
.launch-more:hover{background:#392c4e}
.launch-more .icon{width:15px;height:15px}
.launch-status{height:24px;margin:14px 0 0;font-size:13px;color:#fff;line-height:24px;text-shadow:0 1px 8px #0008}
.launch-countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:#0c092c85;backdrop-filter:blur(12px)}
.launch-countdown span{font-size:clamp(100px,16vw,200px);line-height:1;font-weight:800;letter-spacing:-8px;text-shadow:0 12px 80px #0006}
.play-panel[data-launch-state=countdown] .launch-actions,.play-panel[data-launch-state=countdown] .launch-status{position:relative;z-index:1}
.play-panel[data-launch-state=countdown] .launch-start span{font-size:0}
.play-panel[data-launch-state=countdown] .launch-start span::after{content:"Start now";font-size:15px}
.game-detail .play-panel[data-play-mode=page] .play-panel-top,.game-detail .play-panel:fullscreen .play-panel-top{display:none}
.game-detail .play-panel[data-play-mode=page] .game-root,.game-detail .play-panel:fullscreen .game-root{height:100%;min-height:0;padding:0;flex:1}
.game-detail .play-panel[data-play-mode=page],.game-detail .play-panel:fullscreen{max-width:none;max-height:none;padding:0;inset:0;transform:none;margin:0}
.game-exit{position:absolute;z-index:10;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid #ffffff45;border-radius:50%;background:#191522cc;color:#fff;box-shadow:0 2px 12px #0003;backdrop-filter:blur(12px);cursor:pointer}
.game-exit:hover{background:#7046b9;border-color:#fff8}
.game-exit .icon{width:22px;height:22px}
.game-exit:focus-visible,.launch-actions button:focus-visible{outline:3px solid #cba7ff;outline-offset:4px}
.play-panel[data-play-mode=embedded] .launch-brand{display:none}
.play-panel[data-play-mode=embedded] .launch-content{width:min(520px,100%)}
.play-panel[data-play-mode=embedded] .launch-caption{padding:40px 20px 18px}
.play-panel[data-play-mode=embedded] .launch-caption h2{font-size:28px}
.play-panel[data-play-mode=embedded] .launch-caption p{display:none}
.play-panel[data-play-mode=embedded] .launch-more{display:none}
@media(max-width:620px){
 .game-launch{padding:22px}
 .launch-brand{font-size:21px;left:20px;top:max(18px,env(safe-area-inset-top))}
 .launch-content{width:100%}
 .launch-cover{aspect-ratio:5/4;border-radius:20px}
 .launch-caption{padding:50px 20px 20px}
 .launch-caption h2{font-size:32px;letter-spacing:-.8px}
 .launch-caption p{font-size:13px;line-height:1.4}
 .launch-actions{gap:9px;margin-top:20px;flex-wrap:wrap}
 .launch-actions button{font-size:14px;padding:12px 18px;min-height:48px}
 .launch-status{font-size:12px}
 .game-exit{width:42px;height:42px;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
 .play-panel[data-play-mode=embedded] .game-launch{padding:14px}
 .play-panel[data-play-mode=embedded] .launch-cover{max-height:calc(100svh - 320px);min-height:110px;aspect-ratio:16/9}
 .play-panel[data-play-mode=embedded] .launch-actions{margin-top:10px}
 .play-panel[data-play-mode=embedded] .launch-status{margin-top:4px}
}
@media(orientation:landscape) and (max-height:600px){
 .game-launch{padding:16px 70px}
 .launch-content{width:min(520px,65vw)}
 .launch-cover{aspect-ratio:2.4;border-radius:16px}
 .launch-brand{font-size:18px;top:14px;left:16px}
 .launch-brand .icon{width:24px;height:24px}
 .launch-caption{padding:25px 20px 16px}
 .launch-caption h2{font-size:28px}
 .launch-caption p{display:none}
 .launch-actions{margin-top:13px}
 .launch-actions button{min-height:44px;padding:10px 22px}
 .launch-status{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.launch-start:hover{transform:none}}

/* Match the brand's footprint to the collapsed rail, including keyboard access. */
.site-header .brand{width:52px;height:52px;flex:0 0 auto;padding:11px;gap:0;overflow:hidden;transition:width .18s ease,padding .18s ease,gap .18s ease}
.site-header .brand-mark{flex:0 0 30px}
.site-header .brand-word{max-width:0;opacity:0;visibility:hidden;white-space:nowrap;transition:opacity .12s ease,max-width .18s ease}
body:has(.mobile-global-nav:is(:hover,:has(:focus-visible))) .site-header .brand,.site-header .brand:is(:hover,:focus-visible),body.nav-open .site-header .brand{width:154px;padding:11px 16px 11px 12px;gap:7px}
body:has(.mobile-global-nav:is(:hover,:has(:focus-visible))) .site-header .brand-word,.site-header .brand:is(:hover,:focus-visible) .brand-word,body.nav-open .site-header .brand-word{max-width:100px;opacity:1;visibility:visible}
@media(max-width:620px){.site-header .brand{width:44px;height:44px;padding:7px}.site-header .brand-mark{flex-basis:30px}.site-header .brand-word{font-size:23px}.site-header .brand:is(:hover,:focus-visible),body.nav-open .site-header .brand{width:145px;padding:7px 12px 7px 8px}}
@media(prefers-reduced-motion:reduce){.site-header .brand,.site-header .brand-word{transition:none}}

/* Readable native menus; equal inline padding keeps the label at the pill's center. */
.site-header .language-control{min-height:48px;padding:0;border-radius:26px;flex-shrink:0;background:#242229;border-color:#ffffff30}
.site-header .language-control select,.discover-layout .library-tools select{box-sizing:border-box;appearance:none;color-scheme:dark;color:#faf8ff;background-color:#242229;font-family:var(--font);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0;text-align:center;text-align-last:center;min-height:46px;height:46px;padding:0 30px;border-radius:26px;white-space:nowrap}
.site-header .language-control select{width:96px;border:0;background-color:transparent}
.site-header .language-control::after{right:13px;width:12px;height:12px;margin-top:-6px}
.discover-layout .library-tools{align-items:center;flex-shrink:0}
.discover-layout .library-tools select{width:180px;min-width:180px;max-width:none;border:1px solid #ffffff30}
.discover-layout .library-tools::after{right:14px;width:12px;height:12px;margin-top:-6px}
.site-header .language-control select option,.discover-layout .library-tools select option{color:#faf8ff;background:#242229;font-family:var(--font);font-size:15px;font-weight:500;text-align:center}
.site-header .language-control:focus-within,.discover-layout .library-tools select:focus-visible{outline:2px solid #b58aff;outline-offset:3px}
.site-header .language-control:hover,.discover-layout .library-tools select:hover{border-color:#b58aff;background-color:#302b3a}
@media(max-width:620px){
 .site-header .language-control{min-height:44px;border-radius:24px}
 .site-header .language-control select,.discover-layout .library-tools select{height:44px;min-height:44px;font-size:14px;padding:0 24px;border-radius:24px}
 .site-header .language-control select{width:84px}
 .site-header .language-control::after{right:9px}
 .discover-layout .library-tools select{width:156px;min-width:156px;max-width:none}
 .discover-layout .library-tools::after{right:10px}
}

/* Brand and enhanced language menu: real raster artwork, deterministic dark options. */
.site-header .brand{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;gap:0;background:#291b3c;border:1px solid #9361ce66}
.site-header .brand-mark{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;background:none;border:0;border-radius:0}
.site-header .brand-controller{display:block;width:36px;height:36px;object-fit:contain}
.site-header .brand-word{display:none;max-width:none;font-size:25px;line-height:1;letter-spacing:-1px;color:#fbf8ff}
body:has(.mobile-global-nav:is(:hover,:has(:focus-visible))) .site-header .brand,.site-header .brand:is(:hover,:focus-visible),body.nav-open .site-header .brand{width:156px;padding:0 14px;gap:8px}
body:has(.mobile-global-nav:is(:hover,:has(:focus-visible))) .site-header .brand-word,.site-header .brand:is(:hover,:focus-visible) .brand-word,body.nav-open .site-header .brand-word{display:block;max-width:none;opacity:1;visibility:visible}
.site-header .language-control[data-picker-ready=true]{position:relative;padding:0;min-height:46px;border:1px solid #665571;background:#242029;backdrop-filter:blur(16px)}
.site-header .language-control[data-picker-ready=true]>select{display:none}
.site-header .language-control[data-picker-ready=true]::after{display:none}
.site-header .language-toggle{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:102px;min-height:46px;padding:0 16px;border:0;border-radius:26px;background:transparent;color:#f7f3ff;text-align:left;font-family:var(--font);font-size:15px;font-weight:700;line-height:1.4;cursor:pointer}
.site-header .language-toggle .icon{display:block;width:12px;height:12px;flex:0 0 12px}
.site-header .language-toggle[hidden],.site-header .language-menu[hidden]{display:none}
.site-header .language-control[data-picker-ready=true]:focus-within{outline:2px solid #ad7be9;outline-offset:3px}
.site-header .language-toggle:focus-visible{outline:0}
.site-header .language-menu{box-sizing:border-box;position:absolute;z-index:160;top:calc(100% + 9px);right:0;display:grid;gap:4px;width:148px;padding:7px;border:1px solid #5b446e;border-radius:18px;background:#211a2b;box-shadow:0 12px 32px #08050d66;color:#f8f4ff}
.site-header .language-menu button{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:10px 14px;text-align:left;font:inherit;font-size:15px;font-weight:650;line-height:1.4;color:#d9cee7;background:transparent;border:1px solid transparent;border-radius:11px;cursor:pointer}
.site-header .language-menu button[aria-checked=true]{color:#fff;background:#57317b;border-color:#8053a5}
.site-header .language-menu button:hover,.site-header .language-menu button:focus-visible{color:#fff;background:#3f2d53;outline:2px solid #b78be6;outline-offset:-2px}
@media(max-width:620px){
 .site-header .brand{width:44px;height:44px;padding:0}
 .site-header .brand-mark,.site-header .brand-controller{width:32px;height:32px;flex-basis:32px}
 .site-header .brand-word{font-size:23px}
 .site-header .brand:is(:hover,:focus-visible),body.nav-open .site-header .brand{width:145px;padding:0 12px;gap:7px}
 .site-header .language-control[data-picker-ready=true],.site-header .language-toggle{min-height:44px}
 .site-header .language-toggle{width:94px;font-size:14px;padding:0 14px}
 .site-header .language-menu{width:142px}
}