/* styles/base.css */
:root{--bg:#0b0b14;--bg-2:#12121f;--surface:#191927;--surface-2:#21213380;--line:#2e2e44;--line-soft:#ffffff14;--text:#f2f2f7;--muted:#a2a2bd;--dim:#6f6f8c;--brand:#7c3aed;--brand-2:#a855f7;--hot:#ec4899;--gold:#f59e0b;--lime:#22d3a5;--cyan:#22d3ee;--danger:#f43f5e;--grad-hot:linear-gradient(135deg,var(--brand) 0%,var(--hot) 55%,var(--gold) 100%);--grad-cool:linear-gradient(135deg,var(--cyan) 0%,var(--brand-2) 100%);--grad-win:linear-gradient(135deg,var(--lime) 0%,var(--cyan) 100%);--r-sm:8px;--r:14px;--r-lg:22px;--r-pill:999px;--sh-1:0 1px 2px #0008;--sh-2:0 6px 20px -6px #000a;--sh-glow:0 0 32px -6px var(--brand-2);--topbar-h:56px;--tabbar-h:60px;--maxw:1100px;--gutter:14px;--t-fast:120ms;--t:220ms;--ease-pop:cubic-bezier(.2,1.4,.4,1);--sa-top:env(safe-area-inset-top,0px);--sa-bottom:env(safe-area-inset-bottom,0px)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior-y:none}html{-webkit-text-size-adjust:100%}body{padding-bottom:calc(var(--tabbar-h) + var(--sa-bottom) + 12px);background:radial-gradient(1200px 600px at 50% -10%,#221040 0%,transparent 60%),radial-gradient(900px 500px at 100% 100%,#16203a 0%,transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.15;font-weight:800;letter-spacing:-.01em}h1{font-size:clamp(1.5rem,5vw,2.2rem)}h2{font-size:clamp(1.15rem,4vw,1.5rem)}h3{font-size:1.05rem}p{margin:0 0 1em}a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}canvas{display:block;touch-action:none}.skip-link{position:fixed;top:-100px;left:8px;z-index:999;background:var(--surface);padding:10px 14px;border-radius:var(--r-sm)}.skip-link:focus{top:calc(8px + var(--sa-top))}.noscript{padding:40px 20px;text-align:center;color:var(--muted)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--text);font-weight:700;transition:transform var(--t-fast) var(--ease-pop),filter var(--t-fast),background var(--t-fast);user-select:none;touch-action:manipulation}.btn:active{transform:scale(.95)}.btn--primary{background:var(--grad-hot) border-box;background-repeat:no-repeat;border-color:transparent;box-shadow:var(--sh-2)}.btn--ghost{background:transparent}.btn--block{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}.row{display:flex;gap:10px;align-items:center}.row--wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.center{display:grid;place-items:center}.grow{flex:1 1 auto}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:.82rem}.hidden{display:none !important}.nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}}
/* styles/shell.css */
.topbar{position:sticky;top:0;z-index:40;padding-top:var(--sa-top);background:#0b0b14e8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.topbar__inner{height:var(--topbar-h);max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:10px}.topbar__progress{height:2px;background:var(--grad-hot);width:0%;transition:width .4s ease}.brand{display:flex;align-items:center;gap:8px;color:var(--text);flex:0 0 auto}.brand:hover{text-decoration:none}.brand__mark{font-size:1.5rem;line-height:1;filter:drop-shadow(0 0 8px #a855f7aa)}.brand__text{font-weight:900;letter-spacing:-.03em;font-size:1.02rem}.brand__text span{color:var(--hot)}@media (max-width:360px){.brand__text{display:none}}.hud{margin-left:auto;display:flex;align-items:center;gap:6px;min-width:0}.hud__level{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}.hud__lvl-num{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--grad-hot);font-size:.78rem;font-weight:900;box-shadow:0 0 12px -2px var(--hot)}.hud__stack{display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:0}.hud__title{max-width:15ch;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:800;letter-spacing:.02em;color:var(--gold);line-height:1.15;background:none;border:0;padding:0;text-align:left;cursor:pointer;display:flex;align-items:center;gap:4px}.hud__title:active{opacity:.6}.hud__badge{font-size:.8rem;line-height:1;flex:0 0 auto}.hud__badge.is-new{animation:badge-pop 1s var(--ease-pop) 2}@keyframes badge-pop{0%,100%{transform:scale(1) rotate(0);filter:none}35%{transform:scale(1.7) rotate(-12deg);filter:drop-shadow(0 0 8px var(--gold))}70%{transform:scale(1.25) rotate(8deg)}}#hud-title-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:560px){.hud__title{max-width:18ch}}@media (min-width:700px){.hud__title{max-width:24ch}}@media (min-width:900px){.hud__title{max-width:32ch}}.hud__xp{width:54px;height:6px;border-radius:var(--r-pill);background:#ffffff1a;overflow:hidden}.hud__xp i{display:block;height:100%;width:0%;background:var(--grad-win);transition:width .35s ease}@media (max-width:559px){.brand__text{display:none}.hud__xp{display:none}.hud{gap:5px}.hud__title{font-size:.6rem;max-width:none}}.hud__chip{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:5px 9px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line-soft);font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums}.hud__chip b{font-weight:900}.hud__chip--streak b{color:var(--gold)}.hud__chip.is-bumped{animation:chip-bump .4s var(--ease-pop)}@keyframes chip-bump{0%{transform:scale(1)}45%{transform:scale(1.28)}100%{transform:scale(1)}}.hud__icon{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.95rem;background:var(--surface-2);border:1px solid var(--line-soft)}.hud__icon:active{transform:scale(.9)}.hud__icon[aria-pressed="false"]{opacity:.45}.hud__icon--install{border-color:var(--brand-2);box-shadow:0 0 14px -6px var(--brand-2)}.hud__icon--install[hidden]{display:none}@media (max-width:400px){.hud{gap:4px}}.titlerow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);border:1px solid transparent}.titlerow__badge{min-width:30px;text-align:center;font-size:1.1rem;line-height:1}.titlerow.is-locked .titlerow__badge{opacity:.35}.titlerow__name{font-weight:800;font-size:.9rem}.titlerow.is-earned .titlerow__name{color:var(--fg)}.titlerow.is-locked .titlerow__name{color:var(--dim)}.titlerow.is-now{border-color:var(--gold);background:#f59e0b14}.titlerow.is-now .titlerow__name{color:var(--gold)}.titlerow__tag{margin-left:auto;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.view{max-width:var(--maxw);margin:0 auto;padding:16px var(--gutter) 24px;outline:none;min-height:60vh}.view.view--game{max-width:760px;padding-top:8px}.view-enter{animation:view-in .28s ease both}@keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{text-align:center;padding:10px 0 18px}.hero h1{background:var(--grad-hot);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}.hero p{color:var(--muted);margin:0;font-size:.95rem}.hero__stats{display:flex;justify-content:center;gap:18px;margin-top:12px;flex-wrap:wrap}.hero__stat{text-align:center}.hero__stat b{display:block;font-size:1.15rem;font-weight:900}.hero__stat span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.hero__intro{max-width:62ch;margin:14px auto 0;font-size:.82rem;line-height:1.55;color:var(--dim);text-align:left}.crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.74rem;color:var(--dim);margin-bottom:4px}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--text)}.crumbs b{color:var(--text);font-weight:700}.hubnav{margin-top:22px}.hubnav__head{font-size:.82rem;color:var(--dim);margin:0 0 8px;font-weight:700}.hubnav .chip{display:inline-flex;align-items:center;min-height:34px}.poprow{margin-bottom:4px}.poprow__list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.poplink{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:6px;padding:8px 12px;min-height:44px;border-radius:var(--r-pill);background:linear-gradient(160deg,var(--surface) 0%,var(--bg-2) 100%) border-box;border:1px solid var(--line);color:var(--text);font-size:.8rem;font-weight:800}.poplink:hover{border-color:var(--brand-2);text-decoration:none}.poplink__rank{font-size:.68rem;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.poplink__emoji{font-size:1.05rem;line-height:1}.waitrow{margin:6px 0 18px}.waitrow__chips{margin-bottom:8px}.waitrow__note{margin:0 0 10px;font-size:.8rem;color:var(--muted);line-height:1.45}.waitrow__list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.waitrow__list::-webkit-scrollbar{display:none}.waitrow__where{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:12px 0 0;font-size:.78rem;color:var(--dim)}.waitrow__where a{color:var(--muted);font-weight:700;padding:6px 10px;min-height:34px;display:inline-flex;align-items:center;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface)}.waitrow__where a:hover{color:var(--text);border-color:var(--brand-2);text-decoration:none}.picks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.picks__item{margin:0}.picks__link{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--r);background:radial-gradient(120% 140% at 0% 0%,var(--card-glow,#7c3aed44) 0%,transparent 60%),linear-gradient(160deg,var(--surface) 0%,var(--bg-2) 100%) border-box;border:1px solid var(--line);color:var(--text)}.picks__link:hover{border-color:var(--brand-2);text-decoration:none}.picks__rank{flex:0 0 auto;width:22px;padding-top:2px;font-size:.8rem;font-weight:900;color:var(--dim)}.picks__emoji{flex:0 0 auto;font-size:1.7rem;line-height:1.1}.picks__body{display:flex;flex-direction:column;gap:3px;min-width:0}.picks__title{font-size:.95rem;font-weight:900}.picks__why{font-size:.82rem;color:var(--muted);line-height:1.45}.picks__more{margin-top:18px;text-align:center}.hof{margin-top:30px}.hof__me{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:var(--r);background:linear-gradient(140deg,#1d1630,#10101c);border:1px solid var(--line)}.hof__me-emoji{font-size:1.6rem;line-height:1}.hof__alias{display:block;font-size:.95rem;font-weight:900;color:var(--gold);letter-spacing:-.01em}.hof__note{display:block;font-size:.68rem;color:var(--dim);line-height:1.45}.hof__rows{display:flex;flex-direction:column;gap:4px}.hof__row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line-soft);color:var(--text);min-height:46px}.hof__row:hover{text-decoration:none;border-color:var(--brand-2)}.hof__row.is-top{border-color:var(--gold);box-shadow:inset 0 0 22px -14px var(--gold)}.hof__pos{flex:0 0 auto;min-width:26px;font-size:.68rem;font-weight:900;color:var(--dim);font-variant-numeric:tabular-nums}.hof__row.is-top .hof__pos{color:var(--gold)}.hof__emoji{flex:0 0 auto;font-size:1.2rem;line-height:1}.hof__game{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.hof__game b{font-size:.84rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hof__label{font-size:.62rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.hof__score{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto}.hof__score b{font-size:.92rem;font-weight:900}.hof__rank{font-size:.62rem;color:var(--gold);font-weight:800}.hof__actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.hof__btn{font-size:.76rem;padding:8px 12px}.faq{margin-top:28px}.faq__head{margin:0 0 8px;font-size:1rem}.faq__item{padding:10px 0;border-top:1px solid var(--line-soft)}.faq__item h3{margin:0 0 4px;font-size:.86rem;font-weight:800}.faq__item p{margin:0;font-size:.8rem;line-height:1.5;color:var(--muted)}.filters{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:0 14px}.search input{flex:1;background:none;border:0;outline:none;padding:11px 0;font-size:.95rem}.search input::placeholder{color:var(--dim)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:7px 14px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);font-size:.82rem;font-weight:700;color:var(--muted);transition:all var(--t-fast)}.chip.is-active{background:var(--grad-hot) border-box;background-repeat:no-repeat;border-color:transparent;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}@media (max-width:380px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}.card{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 12px 12px;border-radius:var(--r);background:linear-gradient(160deg,var(--surface) 0%,var(--bg-2) 100%);border:1px solid var(--line);color:var(--text);overflow:hidden;transition:transform var(--t) var(--ease-pop),border-color var(--t),box-shadow var(--t);text-align:left;min-height:118px}.card::after{content:"";position:absolute;inset:0;background:radial-gradient(120px 80px at 80% 0%,var(--card-glow,#7c3aed44),transparent 70%);opacity:0;transition:opacity var(--t);pointer-events:none}.card:hover{transform:translateY(-3px);border-color:var(--brand-2);text-decoration:none;box-shadow:var(--sh-2)}.card:hover::after{opacity:1}.card:active{transform:scale(.97)}.card__emoji{font-size:1.9rem;line-height:1}.card__title{font-weight:800;font-size:.93rem;letter-spacing:-.01em}.card__blurb{font-size:.74rem;color:var(--muted);line-height:1.3}.card__badge{position:absolute;bottom:8px;right:8px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:var(--r-pill);background:var(--grad-win);color:#04140f;z-index:1}.card--fresh .card__blurb,.card--fresh .card__best{padding-right:46px}.card__fav{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.9rem;opacity:.25;transition:opacity var(--t),transform var(--t-fast);z-index:2}.card__fav.is-on{opacity:1;filter:drop-shadow(0 0 6px var(--gold))}.card__fav:active{transform:scale(1.3)}.card__best{margin-top:auto;font-size:.68rem;color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0 10px}.section-head h2{margin:0}.section-head span{font-size:.78rem;color:var(--dim)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty__emoji{font-size:3rem;display:block;margin-bottom:10px}.installpill{position:fixed;z-index:45;left:10px;right:10px;bottom:calc(var(--tabbar-h) + var(--sa-bottom) + 10px);max-width:520px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-lg);background:#14101fF2;border:1px solid var(--brand-2);box-shadow:0 14px 40px -14px #000,0 0 22px -12px var(--brand-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(140%);opacity:0;transition:transform .32s var(--ease-pop),opacity .32s ease}.installpill.is-in{transform:none;opacity:1}.installpill__emoji{font-size:1.7rem;line-height:1;flex:0 0 auto}.installpill__copy{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.installpill__copy b{font-size:.84rem;font-weight:900}.installpill__copy span{font-size:.68rem;color:var(--muted)}.installpill__go{flex:0 0 auto;padding:8px 14px;font-size:.8rem}.installpill__x{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:none;border:1px solid var(--line-soft);color:var(--dim);font-size:.8rem;display:grid;place-items:center}.installpill__x:active{transform:scale(.9)}@media (max-width:380px){.installpill__copy span{display:none}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;padding-bottom:var(--sa-bottom);background:#0b0b14f2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line-soft)}.tabbar__item{flex:1;height:var(--tabbar-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--dim);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tabbar__item:hover{text-decoration:none}.tabbar__item span{font-size:1.15rem;line-height:1;transition:transform var(--t) var(--ease-pop)}.tabbar__item.is-active{color:var(--text)}.tabbar__item.is-active span{transform:translateY(-2px) scale(1.15);filter:drop-shadow(0 0 8px var(--brand-2))}.ad-slot{display:none;position:relative;margin:0 auto;width:100%;max-width:var(--maxw);overflow:hidden}.ad-slot.is-active{display:block}.ad-slot__box{display:grid;place-items:center;width:100%;height:100%;color:var(--dim);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#ffffff06 0 10px,transparent 10px 20px);border:1px dashed var(--line);border-radius:var(--r-sm)}.ad-slot--leaderboard{min-height:90px;padding:8px var(--gutter)}@media (max-width:759px){.ad-slot--leaderboard{min-height:76px}}@media (max-width:599px){.ad-slot--leaderboard{min-height:66px}}.ad-slot--inline{min-height:250px;padding:12px 0;grid-column:1 / -1}.ad-slot--interstitial{min-height:250px;padding:12px 0}.ad-slot--native{min-height:300px;padding:12px 0;grid-column:1 / -1}.ad-slot--rail{position:fixed;top:calc(var(--topbar-h) + var(--sa-top) + 120px);z-index:30;width:160px;max-width:160px;min-height:600px}.ad-slot--rail-left{left:calc(50% - (var(--maxw) / 2) - 176px)}.ad-slot--rail-right{right:calc(50% - (var(--maxw) / 2) - 176px);min-height:300px}@media (max-width:1459px){.ad-slot--rail{display:none !important}}@media (max-width:1599px){.ad-slot--rail-right{display:none !important}}.ad-slot--sticky{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--sa-bottom));z-index:39;min-height:50px;background:#0b0b14f2;border-top:1px solid var(--line-soft)}body.has-sticky-ad{padding-bottom:calc(var(--tabbar-h) + var(--sa-bottom) + 62px)}.toasts{position:fixed;z-index:60;left:50%;transform:translateX(-50%);top:calc(var(--topbar-h) + var(--sa-top) + 10px);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(92vw,420px)}.toast{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--r-pill);background:#191927f2;border:1px solid var(--line);box-shadow:var(--sh-2);font-size:.86rem;font-weight:700;animation:toast-in .32s var(--ease-pop) both;max-width:100%}.toast.is-out{animation:toast-out .25s ease forwards}.toast__emoji{font-size:1.2rem}.toast__sub{display:block;font-size:.72rem;color:var(--muted);font-weight:500}.toast--gold{border-color:var(--gold);box-shadow:0 0 24px -6px var(--gold)}.toast-skip{pointer-events:auto;margin-top:2px;padding:6px 14px;min-height:32px;border-radius:var(--r-pill);background:#10101ae6;border:1px solid var(--line);color:var(--muted);font-size:.72rem;font-weight:800;animation:toast-in .3s var(--ease-pop) both}.toast-skip:active{transform:scale(.94)}@keyframes toast-in{from{opacity:0;transform:translateY(-16px) scale(.9)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-10px) scale(.95)}}.fx-layer{position:fixed;inset:0;z-index:55;pointer-events:none;width:100%;height:100%}.modal-root[hidden]{display:none !important}.modal-root{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#000000b8;backdrop-filter:blur(4px);padding:20px;animation:fade-in .2s ease}@keyframes fade-in{from{opacity:0}to{opacity:1}}.modal{width:min(460px,100%);max-height:80vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;animation:view-in .28s var(--ease-pop) both}.modal h2{margin-top:0}.rankcard{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:14px;border-radius:var(--r);background:linear-gradient(160deg,var(--surface) 0%,var(--bg-2) 100%);border:1px solid var(--line)}.rankcard__lvl{display:grid;place-items:center;min-width:56px}.rankcard__lvl b{font-size:1.6rem;font-weight:900;line-height:1;color:var(--gold)}.rankcard__badge{font-size:1.7rem;line-height:1}.rankcard__title{font-size:1.02rem;font-weight:900;color:var(--gold);margin-bottom:6px;line-height:1.2}.rankcard .bar{margin-bottom:6px}.medalrow{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r);background:linear-gradient(160deg,var(--surface) 0%,var(--bg-2) 100%);border:1px solid var(--line)}.medalrow__head{display:flex;align-items:center;gap:10px}.medalrow__icon{font-size:1.6rem;filter:drop-shadow(0 2px 6px #0008)}.medalrow__name{font-weight:900;font-size:.96rem;letter-spacing:-.01em}.medalrow__sub{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.medalrow__count{font-size:.78rem;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.medalrow__next{font-size:.7rem;color:var(--dim)}.medalrow__discs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.medal-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 2px;border-radius:var(--r-sm);background:#ffffff08;border:1px solid var(--line-soft);overflow:hidden}.medal-chip__icon{font-size:1.15rem;line-height:1;filter:grayscale(1) brightness(.6)}.medal-chip__label{font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-weight:800;font-variant-numeric:tabular-nums}.medal-chip.is-on{background:#ffffff0d;border-color:var(--medal-color);box-shadow:0 0 14px -6px var(--medal-glow),inset 0 0 12px -6px var(--medal-glow)}.medal-chip.is-on::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,var(--medal-glow),transparent 70%);opacity:.32;pointer-events:none}.medal-chip.is-on .medal-chip__icon{filter:none}.medal-chip.is-on .medal-chip__label{color:var(--medal-color)}.medal-chip.is-on::after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(100deg,transparent,#ffffff40,transparent);animation:medal-sheen 3.6s ease-in-out infinite}@keyframes medal-sheen{0%,70%{transform:translateX(-180%)}100%{transform:translateX(320%)}}.modal--medal{position:relative;text-align:center;overflow:hidden;border-color:var(--gold);background:radial-gradient(circle at 50% 20%,#241a3d,var(--surface) 70%)}.medal-rays{position:absolute;inset:-70%;background:conic-gradient(from 0deg,#ffffff00 0deg,#ffffff0f 22deg,#ffffff00 45deg,#ffffff00 90deg,#ffffff0d 112deg,#ffffff00 135deg,#ffffff00 180deg,#ffffff0f 202deg,#ffffff00 225deg,#ffffff00 270deg,#ffffff0d 292deg,#ffffff00 315deg,#ffffff00 360deg);filter:blur(14px);opacity:.9;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,#000 34%,transparent 74%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,#000 34%,transparent 74%);animation:medal-spin 56s linear infinite;will-change:transform;pointer-events:none}@keyframes medal-spin{to{transform:rotate(360deg)}}.medal-disc{position:relative;width:128px;height:128px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#ffffffdd,transparent 42%),conic-gradient(from 210deg,var(--medal-color),var(--medal-glow),var(--medal-color),var(--medal-glow),var(--medal-color));box-shadow:0 0 46px -6px var(--medal-glow),inset 0 -8px 18px #0006,inset 0 6px 14px #ffffff40;border:4px solid #ffffff33;animation:medal-land .7s var(--ease-pop) both}@keyframes medal-land{0%{transform:scale(0) rotate(-160deg);opacity:0}65%{transform:scale(1.18) rotate(10deg);opacity:1}100%{transform:scale(1) rotate(0)}}.medal-disc__icon{font-size:3.4rem;filter:drop-shadow(0 3px 6px #0007)}.medal-tier{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.22em}.medal-name{margin:4px 0 2px;font-size:1.35rem}.medal-desc{color:var(--muted);font-size:.8rem;margin-bottom:12px}.medal-payout{display:flex;justify-content:center;gap:14px;margin-bottom:16px;font-weight:900;font-variant-numeric:tabular-nums}.medal-payout span{padding:6px 14px;border-radius:var(--r-pill);background:#ffffff0f;border:1px solid var(--line-soft);font-size:.84rem}.trophy{opacity:.5}.trophy.is-on{opacity:1;border-color:var(--gold)}.trophy.is-hard{border-style:dashed}.trophy.is-hard.is-on{border-style:solid;border-color:var(--hot);box-shadow:0 0 22px -10px var(--hot)}.trophy__badge{font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:var(--r-pill);color:#1a0a16;background:linear-gradient(135deg,var(--hot),var(--gold));white-space:nowrap}.gamebar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gamebar__back{width:48px;height:48px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--text);transition:transform var(--t-fast) var(--ease-pop),background var(--t-fast),border-color var(--t-fast)}.gamebar__back span{font-size:2rem;line-height:1;font-weight:700;margin:-4px 3px 0 0}.gamebar__back:hover{background:var(--bg-2);border-color:var(--brand-2);text-decoration:none}.gamebar__back:active{transform:scale(.92)}.gamebar__title{font-weight:900;font-size:1.05rem;letter-spacing:-.02em;line-height:1.1;margin:0}.gamebar__sub{font-size:.72rem;color:var(--dim)}.gamebar__fav{margin-left:auto;font-size:1.2rem;opacity:.3;padding:8px}.gamebar__fav.is-on{opacity:1;filter:drop-shadow(0 0 6px var(--gold))}.gameinfo{margin-top:22px}.gameinfo__head{font-size:.95rem;margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.gameinfo__head + .gameinfo__head{margin-top:18px}.gameinfo__text{font-size:.88rem;color:var(--muted);margin:0 0 10px;max-width:68ch}.gameinfo__tags{display:flex;flex-wrap:wrap;gap:6px}.tagchip{font-size:.68rem;font-weight:700;color:var(--dim);padding:4px 9px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line-soft)}a.tagchip{color:var(--muted)}a.tagchip:hover{color:var(--text);border-color:var(--brand-2);text-decoration:none}.gameinfo__more{display:grid;gap:8px;margin-top:8px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.morelink{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--text)}.morelink:hover{border-color:var(--brand-2);text-decoration:none;background:var(--bg-2)}.morelink span{font-size:1.3rem;line-height:1}.morelink b{font-size:.84rem;font-weight:800}.morelink i{font-size:.7rem;color:var(--dim);font-style:normal;display:block}.morelink > div{min-width:0}.sitefooter{max-width:var(--maxw);margin:8px auto 0;padding:18px var(--gutter) 4px;border-top:1px solid var(--line-soft)}.sitefooter__head{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin:0 0 8px}.sitefooter__links{display:flex;flex-wrap:wrap;gap:6px 10px}.sitefooter__links a{font-size:.74rem;color:var(--muted);padding:4px 2px}.sitefooter__links a:hover{color:var(--text)}.sitefooter__legal{font-size:.7rem;color:var(--dim);margin:12px 0 0}.prerender{padding:4px 0 10px}.prerender__title{display:flex;align-items:center;gap:10px;margin-bottom:6px}.prerender__emoji{font-size:2rem;line-height:1}.prerender h1{font-size:1.15rem;margin:0}.prerender__blurb{color:var(--muted);font-size:.8rem;margin:0}.prerender__body{color:var(--muted);font-size:.88rem;max-width:68ch}.prerender__loading{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:.78rem;margin:14px 0}.social{display:flex;align-items:center;gap:8px;margin:10px 0 0}.social__label{font-size:.7rem;color:var(--dim)}.social__link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.78rem;font-weight:700;transition:border-color .15s,color .15s,transform .1s}.social__link:hover{color:var(--text);border-color:var(--brand-2)}.social__link:active{transform:scale(.96)}.social__link svg{width:18px;height:18px;flex:none}.consent{position:fixed;z-index:65;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--sa-bottom));padding:10px var(--gutter);background:#0b0b14f2;border-top:1px solid var(--line);backdrop-filter:blur(8px);animation:consent-in .28s ease-out both}@keyframes consent-in{from{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.consent{animation:none}}.consent__inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.consent__text{margin:0;flex:1 1 min(46ch,100%);font-size:.78rem;line-height:1.45;color:var(--muted)}.consent__text b{color:var(--text)}.consent__actions{display:flex;gap:8px;flex:none;margin-left:auto}.consent__actions .btn{min-height:44px}
/* styles/games.css */
:root{--play-vh:1vh;--play-reserve:250px;--ad-reserve:0px}@supports (height:1svh){:root{--play-vh:1svh}}body:has(.ad-slot--leaderboard.is-active){--ad-reserve:96px}:root{--play-h:clamp( 340px,calc(var(--play-vh) * 100 - var(--topbar-h) - var(--tabbar-h) - var(--sa-top) - var(--sa-bottom) - var(--ad-reserve) - var(--play-reserve)),620px )}.stage{--play-h:clamp( 340px,calc(var(--play-vh) * 100 - var(--topbar-h) - var(--tabbar-h) - var(--sa-top) - var(--sa-bottom) - var(--ad-reserve) - var(--play-reserve)),620px )}.stage{position:relative;display:flex;flex-direction:column;gap:12px;min-height:58vh}.stage--center{align-items:center;justify-content:center;text-align:center}.gameload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:180px;width:100%}.gameload__spinner{width:30px;height:30px;border-radius:50%;border:3px solid #ffffff1f;border-top-color:var(--brand-2);animation:gameload-spin .7s linear infinite}.gameload__text{margin:0;font-size:.78rem;color:var(--dim)}@keyframes gameload-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.gameload__spinner{animation:gameload-pulse 1.2s ease-in-out infinite;border-top-color:#ffffff1f}@keyframes gameload-pulse{0%,100%{opacity:.3}50%{opacity:1}}}.stage--fill{min-height:66vh}.stage--canvas{width:100%;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#06060d;touch-action:none}.stage--scroll{height:var(--play-h);overflow-y:auto;overflow-x:hidden;border-radius:var(--r);border:1px solid var(--line);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.stat{flex:1 1 80px;min-width:76px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r);padding:8px 10px;text-align:center}.stat b{display:block;font-size:1.25rem;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.stat span{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.stat--gold b{color:var(--gold)}.stat--win b{color:var(--lime)}.bignum{font-size:clamp(2.4rem,13vw,4.6rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;background:var(--grad-hot);-webkit-background-clip:text;background-clip:text;color:transparent}.bignum.is-pulse{animation:num-pulse .18s var(--ease-pop)}@keyframes num-pulse{0%{transform:scale(1)}50%{transform:scale(1.14)}100%{transform:scale(1)}}.label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-weight:800}.tapbtn{position:relative;width:min(62vw,230px);aspect-ratio:1;border-radius:50%;background:var(--grad-hot);box-shadow:0 10px 40px -10px var(--hot),inset 0 -8px 20px #0004;display:grid;place-items:center;font-size:clamp(2.6rem,12vw,4rem);transition:transform 90ms var(--ease-pop),box-shadow var(--t);user-select:none;touch-action:manipulation}.tapbtn:active{transform:scale(.92);box-shadow:0 4px 18px -8px var(--hot)}.tapbtn::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #ffffff30;animation:halo 2.4s ease-in-out infinite}@keyframes halo{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:.1}}.bar{position:relative;width:100%;height:16px;background:#ffffff12;border-radius:var(--r-pill);overflow:hidden;border:1px solid var(--line-soft)}.bar > i{display:block;height:100%;width:0%;background:var(--grad-win);border-radius:var(--r-pill);transition:width 80ms linear}.bar--tall{height:26px}.bar--danger > i{background:linear-gradient(90deg,var(--gold),var(--danger))}.bar__text{position:absolute;inset:0;display:grid;place-items:center;font-size:.7rem;font-weight:900;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}.vbar{position:relative;width:100%;height:100%;background:#ffffff10;border-radius:var(--r-sm);overflow:hidden;display:flex;align-items:flex-end}.vbar > i{display:block;width:100%;height:0%;background:var(--grad-win);transition:height 80ms linear}.tiles{display:grid;gap:8px}.tile{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:1.3rem;transition:transform 90ms var(--ease-pop),background 140ms;user-select:none;touch-action:manipulation}.tile:active,.tile.is-hit{transform:scale(.9)}.tile.is-on{background:var(--grad-hot) border-box;background-repeat:no-repeat;border-color:transparent}.hint{font-size:.8rem;color:var(--muted);text-align:center;max-width:46ch;margin:0 auto}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.slider-row{display:grid;grid-template-columns:34px 1fr 44px;align-items:center;gap:10px}.slider-row span:first-child{font-size:1.2rem;text-align:center}.slider-row output{font-size:.74rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:none;touch-action:pan-y}input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-pill);background:#ffffff1f}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:var(--grad-hot);box-shadow:0 0 10px -2px var(--hot)}input[type="range"]::-moz-range-track{height:6px;border-radius:var(--r-pill);background:#ffffff1f}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--hot)}.collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.collection__item{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:1.5rem;position:relative}.collection__item.is-locked{filter:grayscale(1) brightness(.35)}.collection__item b{position:absolute;bottom:2px;right:4px;font-size:.58rem;color:var(--muted)}.rarity-1{box-shadow:inset 0 0 0 1px #6b7280}.rarity-2{box-shadow:inset 0 0 0 1px var(--cyan)}.rarity-3{box-shadow:inset 0 0 0 1px var(--brand-2)}.rarity-4{box-shadow:inset 0 0 0 2px var(--gold),0 0 18px -4px var(--gold)}.is-shake{animation:shake .32s ease}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}.flash-win{animation:flash-win .5s ease}@keyframes flash-win{0%{box-shadow:0 0 0 0 #22d3a500}30%{box-shadow:0 0 60px 8px #22d3a599}100%{box-shadow:0 0 0 0 #22d3a500}}.flash-gold{animation:flash-gold .8s ease}@keyframes flash-gold{0%{filter:brightness(1)}25%{filter:brightness(2.2) saturate(1.6)}100%{filter:brightness(1)}}.floater{position:absolute;pointer-events:none;font-weight:900;font-size:1.1rem;animation:floater 900ms ease-out forwards;text-shadow:0 2px 8px #000;z-index:5}@keyframes floater{0%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-70px) scale(1.5)}}.shop{display:flex;flex-direction:column;gap:8px}.shop__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;transition:all var(--t-fast)}.shop__item:disabled{opacity:.4}.shop__item:not(:disabled):active{transform:scale(.98)}.shop__item.is-affordable{border-color:var(--lime);box-shadow:0 0 16px -8px var(--lime)}.shop__icon{font-size:1.5rem}.shop__name{font-weight:800;font-size:.88rem}.shop__desc{font-size:.7rem;color:var(--muted)}.shop__cost{margin-left:auto;font-weight:900;font-size:.82rem;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}