/* v37: a compact home, clear navigation and sharp animated game scenes. */
.top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:10px max(20px,env(safe-area-inset-left));overflow:visible}
.top .brand{font-size:16px;gap:9px}.top .logo{width:34px;height:34px;box-shadow:none}.top .logo svg{width:30px;height:30px}
.top .tabs{order:initial;display:flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:0;margin:0;overflow:visible;flex:initial;padding:0;scrollbar-width:auto}
.top .tab,.v37-menu>summary{min-height:44px;padding:11px 15px;display:flex;justify-content:center;align-items:center;gap:7px;border-radius:10px;font-size:.9rem;font-weight:700;line-height:1.35;white-space:nowrap;color:var(--muted)}
.top .tab:hover,.v37-menu>summary:hover{color:#fff;background:#ffffff08}.top .tab.active{background:#a5ff5b14;color:var(--lime)}
.v37-menu{position:relative}.v37-menu>summary{cursor:pointer;list-style:none;user-select:none}.v37-menu>summary::-webkit-details-marker{display:none}.v37-menu>summary::marker{content:''}.v37-menu>summary span{font-size:15px;transition:transform .15s}.v37-menu[open]>summary{background:#23263a;color:#fff}.v37-menu[open]>summary span{transform:rotate(180deg)}
.v37-menu>summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
.v37-menu-items{position:absolute;z-index:12;top:calc(100% + 8px);right:0;min-width:205px;padding:7px;border:1px solid #40455c;border-radius:14px;background:#171c2b;box-shadow:0 14px 38px #0007}
.v37-menu:not([open])>.v37-menu-items{display:none}.top .v37-menu-items .tab{width:100%;justify-content:flex-start;text-align:left;min-height:44px;font-size:.9rem;padding:11px 12px}.v37-menu-items .dot{position:static;display:inline-grid;place-items:center;min-width:19px;height:19px;font-size:11px;padding:2px 5px;margin-left:auto}
.top .me{margin:0;display:block}.v37-account>summary{background:#1b2031;border:1px solid #34394f;color:#e4e8f1}.v37-account-controls{min-width:230px;display:grid;gap:6px;padding:10px}.v37-account-controls .chip{min-height:44px;border-radius:10px;width:100%;padding:10px 12px;justify-content:flex-start;white-space:normal;overflow-wrap:anywhere}.v37-account-controls #nickname{min-width:0;word-break:normal}.v37-account-controls .coin-ico{flex:0 0 16px}.v37-coin-label{color:var(--muted);font-size:12px;font-weight:400}.v37-account-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;font-size:13px;color:#c4cbdc}.v37-account-setting .chip.icon{width:44px;flex:0 0 44px;padding:0;justify-content:center}.v37-account-controls #friends-chip{display:none}
main{padding-top:22px}.v37-return{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.v37-return:empty{display:none}.v37-return>section{min-width:0;margin-bottom:18px}.v37-return .section-head{margin-bottom:10px}.v37-return h2{font-size:1.14rem}.v37-return .section-head>span{font-size:11px}.v37-return .recent{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);grid-template-columns:none;gap:10px;margin:0;padding:0 0 5px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.v37-return .rchip{scroll-snap-align:start;min-width:0;min-height:66px;max-width:none;padding:10px;gap:9px;border-radius:13px;background:#171d2c;border-color:#30394d}.v37-return .rchip>span:not(.rgo){min-width:0}.v37-return .rchip b{font-size:13px;line-height:1.4}.v37-return .rchip em{font-size:10px;line-height:1.5}.v37-return .rchip .rgo{flex:0 0 auto;white-space:nowrap;font-size:11px;font-weight:700}.v37-return .rchip img{width:52px;height:42px;object-fit:cover;flex:0 0 52px;border-radius:8px}.v37-return .rchip .v37-resume{font-size:11px;color:var(--lime)}
#tab-play .hero{display:block;margin:0 0 17px}#tab-play .hero-feature{min-height:228px;border-radius:19px;border:1px solid #3b4d42;box-shadow:0 10px 36px #0002;background:#183128}#tab-play #hero-art{width:100%;height:100%;object-fit:cover;object-position:65% 48%}#tab-play .hero-feature::after{background:linear-gradient(90deg,#090e18f5 0%,#090e18df 31%,#090e1880 53%,#090e1810 80%)}#tab-play .hero-copy{max-width:470px;padding:26px 30px}#tab-play .hero-copy .kicker{font-size:10px;letter-spacing:1.7px;margin-bottom:10px;color:#b9e09c}#tab-play .hero-copy h1{font-size:clamp(2.2rem,4vw,3.15rem);line-height:1;margin:0 0 11px;filter:none;letter-spacing:1px}#tab-play .hero-copy p:not(.kicker){font-size:.92rem;line-height:1.5;margin:0 0 19px;max-width:285px;color:#cbd3dd}#tab-play .hero-copy .btn{min-height:44px;padding:11px 19px;box-shadow:0 3px 0 #5e9b2e;font-size:.9rem}
.v37-rewards-heading{display:none}#tab-play .daily.v37-rewards{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1.08fr;gap:0;align-items:stretch;padding:0;margin:0 0 27px;border:1px solid #343b51;border-radius:15px;background:#171d2b;box-shadow:none;overflow:hidden}.v37-reward{min-width:0;padding:15px 16px;border-right:1px solid #30374b}.v37-reward:last-child{border-right:0}#tab-play .v37-rewards .kicker{font-family:var(--body);font-size:9px;font-weight:700;letter-spacing:1.15px;color:#a2aec4;margin:0 0 9px}.v37-rewards h3#daily-text{font-size:12px;line-height:1.45;margin:0 0 9px;color:#e5eaf4;font-weight:500}.v37-rewards .daily-foot{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:0}.v37-rewards #daily-reward{font-size:11px;font-weight:500}.v37-rewards .daily-foot .btn{min-height:32px;padding:6px 12px;font-size:11px;box-shadow:none;border-radius:8px}.v37-rewards .daily-done{font-size:11px;margin-top:8px}.v37-rewards .xp-mini{display:grid;gap:8px}.v37-rewards .xp-mini b{font-size:14px}.v37-rewards .xpbar{height:5px;margin:0}.v37-rewards .xp-mini span{font-size:11px}.v37-rewards .feat-mini,.v37-rewards .pass-mini{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;width:100%;padding:0;min-height:47px;border:0;background:none;text-align:left}.v37-rewards .feat-mini b,.v37-rewards .pass-mini b{font-size:13px;font-weight:500;line-height:1.4}.v37-rewards .feat-mini span,.v37-rewards .pass-mini span{font-size:11px;color:var(--lime)}.v37-rewards .word-status{font-size:12px;line-height:1.55;color:#d3d9e4}.v37-library-head.section-head{margin-bottom:12px}.v37-library-head h2{font-size:1.4rem}.v37-library-head #game-count{font-family:var(--body);font-size:11px;margin-left:8px;letter-spacing:0;color:var(--muted)}.v37-library-head>span{font-size:12px}
.game-search{justify-content:space-between;margin-bottom:13px;gap:14px;font-size:12px}.game-search input{width:min(400px,100%);font-size:13px;min-height:44px;border-color:#353c50;background:#121826}.grid-cats{margin-bottom:17px;gap:7px}.grid-cats .cat{min-height:39px;font-size:12px;padding:9px 14px}.grid{gap:16px}.tile{border-radius:15px}.tile .tile-image{display:block;position:relative;width:100%;aspect-ratio:16/10;background:#101827;overflow:hidden}.tile img.tile-image,.tile .tile-image img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}.tile>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.tile .tile-badges{position:absolute;top:10px;left:10px;right:47px;display:flex;flex-wrap:wrap;gap:5px;pointer-events:none}.tile .tile-badges .badge{position:static;background:#0b101ddd;max-width:100%;font-size:9px;letter-spacing:.3px;padding:4px 7px}.tile .fav{width:34px;height:34px;top:10px;right:10px;background:#0b101ddd;border-radius:10px}.tile .tile-body{padding:15px;gap:7px}.tile h3{font-size:1.12rem;letter-spacing:.2px;line-height:1.25}.tile .tag{font-size:9px;letter-spacing:1.1px}.tile p{font-size:12px;line-height:1.5;color:#b6bfd0}.tile-foot{gap:8px;font-size:11px;margin-top:9px}.tile-foot>[data-best]{min-width:0;overflow-wrap:anywhere;line-height:1.5}.tile-foot .play{flex-shrink:0;padding:8px 12px;font-size:11px;border-radius:8px}.tile .tile-friends{position:static;display:block;width:100%;min-height:36px;margin-top:10px;padding:8px 10px;border-radius:8px;background:#ffffff06;border:1px solid #ffffff19;color:#c3ccdd;font-size:11px}.tile .tile-friends:hover{background:#ffffff10;color:#fff}
@media(max-width:1150px){.top{grid-template-columns:1fr auto;gap:5px 14px;padding:8px 20px}.top .brand{grid-column:1;grid-row:1}.top .me{grid-column:2;grid-row:1}.top .tabs{grid-column:1/-1;grid-row:2;justify-content:center;width:100%;order:initial;overflow:visible}.v37-rewards-heading{display:flex;justify-content:space-between;gap:12px;margin:0 0 9px;font-size:11px;color:#abb7cd}.v37-rewards-heading span:last-child{color:#8190aa}#tab-play .daily.v37-rewards{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:190px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;border-radius:14px}.v37-reward{scroll-snap-align:start}.v37-reward.v37-daily{width:210px;grid-column:auto}.v37-rewards .v37-daily{min-width:190px;width:auto}.grid{gap:14px}}
@media(max-width:700px){.top{padding:8px max(12px,env(safe-area-inset-left));gap:5px 8px}.top .brand{font-size:14px;gap:7px}.top .logo{width:30px;height:30px;border-radius:9px}.top .logo svg{width:26px;height:26px}.top .tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;justify-content:stretch}.top .tabs>.tab,.top #v37-more>summary{font-size:12px;min-height:44px;padding:10px 3px;border-radius:8px}.top .tabs>.tab{width:100%}.top .v37-account>summary{font-size:12px;padding:10px 12px;min-height:40px}.v37-menu-items{right:0;min-width:202px;top:calc(100% + 6px)}.v37-account-controls{min-width:230px}.top .v37-menu-items .tab{font-size:13px;padding:12px}.top #v37-more{width:100%}main{padding:18px 14px 0}.v37-return>section{margin-bottom:15px}.v37-return .section-head>span{display:none}.v37-return .recent{grid-auto-columns:224px;gap:9px}.v37-return h2{font-size:1.03rem}#tab-play .hero-feature{min-height:214px;border-radius:16px}#tab-play .hero-copy{padding:23px 20px;max-width:75%}#tab-play .hero-copy h1{font-size:2.35rem}#tab-play .hero-copy p:not(.kicker){font-size:12px;margin:0 0 18px;max-width:210px}#tab-play .hero-copy .kicker{font-size:8px;line-height:1.6;letter-spacing:1px;max-width:210px}#tab-play .hero-copy .btn{font-size:12px;padding:10px 15px}#tab-play .hero-feature::after{background:linear-gradient(90deg,#090e18f5,#090e18c9 48%,#090e1860 80%)}#tab-play #hero-art{object-position:65% center}#tab-play .daily.v37-rewards{grid-auto-columns:182px;margin-bottom:23px}.v37-reward{padding:14px}.v37-library-head h2{font-size:1.22rem}.v37-library-head #online-note{display:none}.game-search{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:13px}.game-search input{width:100%;font-size:12px}.grid-cats{gap:6px;margin-bottom:14px}.grid-cats .cat{padding:9px 11px;min-height:38px;font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile .tile-body{padding:12px 10px;gap:6px}.tile h3{font-size:.96rem}.tile p{font-size:11px;line-height:1.5}.tile .tag{font-size:8px;letter-spacing:.6px}.tile-foot{font-size:9px;gap:5px;align-items:center}.tile-foot .play{padding:8px 9px;font-size:10px}.tile .tile-badges{top:8px;left:8px;right:40px;gap:4px}.tile .tile-badges .badge{font-size:8px;padding:3px 5px}.tile .fav{top:7px;right:7px;width:30px;height:30px}.tile .tile-friends{font-size:10px;min-height:38px;padding:7px 6px}footer{gap:12px;font-size:11px;flex-wrap:wrap}}
@media(max-width:360px){.top .brand{font-size:12px}.top .tabs>.tab,.top #v37-more>summary{font-size:11px}.top .v37-account>summary{padding:9px 10px}#tab-play .hero-copy{max-width:83%;padding:23px 17px}#tab-play .hero-copy h1{font-size:2.05rem}.v37-library-head #game-count{font-size:10px;margin-left:5px}.tile .tile-body{padding:11px 9px}.tile h3{font-size:.88rem}.tile-foot{flex-wrap:wrap;row-gap:7px}.tile-foot .play{margin-left:auto}.grid{gap:9px}}
@media(prefers-reduced-motion:reduce){.v37-menu>summary span,.tile{transition:none}}
.top .brand span:last-child{display:inline}.v37-account-controls #nickname{max-width:none;overflow:visible;text-overflow:clip}
.top #v37-account{min-width:96px;justify-self:end}.top #v37-account>summary{min-width:96px;min-height:44px}
.tile img.tile-image{height:auto;flex:0 0 auto}.tile .tile-extra{min-height:48px}.tile .tile-extra:empty{pointer-events:none}.tile .tile-friends{margin:10px 0 0}
.v37-login-open{display:inline-flex;align-items:center;justify-content:center;min-height:32px;margin-top:9px;padding:6px 10px;border:1px solid #a5ff5b44;border-radius:8px;background:#a5ff5b10;color:#caff9d;font-size:11px;font-weight:700}.v37-login-open[hidden]{display:none}
@media(pointer:coarse){.v37-login-open{min-height:44px}}
.top #v37-more.has-active>summary{background:#a5ff5b14;color:var(--lime);box-shadow:inset 0 -2px 0 var(--lime)}
@media(max-width:700px){.v37-return{grid-template-columns:1fr;gap:0}.v37-return .recent{grid-auto-columns:240px}.v37-return .rchip{min-height:66px}.v37-account-controls #nickname{max-width:none;overflow:visible;text-overflow:clip}}
.v37-live-art{position:relative;display:block;overflow:hidden;background:#101827;pointer-events:none}
.tile .tile-image.v37-live-art{aspect-ratio:16/10;flex:0 0 auto}
.v37-live-art>img,.v37-live-art>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border:0;object-fit:cover;aspect-ratio:auto}
.tile .v37-live-art>img,.tile .v37-live-art>canvas{height:100%;aspect-ratio:auto}
.v37-live-art>canvas{background:transparent;opacity:0;image-rendering:auto}
.v37-live-art>canvas[data-preview-ready="true"]{opacity:1}
#tab-play .hero-feature>.v37-live-art{position:absolute;inset:0}
#tab-play .hero-feature .v37-live-art>img{object-position:65% center}
.v37-return{grid-template-columns:minmax(0,1fr);gap:0}

/* Native game footage shares the same fixed cover frame as its crisp poster. */
.v37-live-art>video{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border:0;object-fit:cover;pointer-events:none;opacity:0;background:transparent}
.v37-live-art>video[data-cover-ready="true"]{opacity:1}
#tab-play .hero-feature .v37-live-art>video{object-position:65% center}