*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:var(--vh);background:var(--g-menu-bg) fixed;color:var(--c-ink);font:var(--t-body);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:focus-visible{outline:2px solid var(--c-swarm);outline-offset:2px}#bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}#bg i{position:absolute;display:block;border-radius:var(--r-pill);filter:blur(var(--blur-glow))}#bg i:nth-child(1){left:-12%;top:-10%;width:62%;height:42%;background:color-mix(in oklab,var(--c-swarm-deep) 34%,transparent);animation:drift-a 9s var(--ease-in-out) infinite alternate}#bg i:nth-child(2){right:-14%;top:22%;width:56%;height:38%;background:color-mix(in oklab,var(--c-accent-deep) 26%,transparent);animation:drift-b 9s var(--ease-in-out) infinite alternate}#bg i:nth-child(3){left:8%;bottom:-16%;width:70%;height:44%;background:color-mix(in oklab,var(--c-brand-300) 34%,transparent);animation:drift-a 9s var(--ease-in-out) infinite alternate-reverse}@keyframes drift-a{0%{transform:translate3d(-14px,0,0)}to{transform:translate3d(14px,-14px,0)}}@keyframes drift-b{0%{transform:translate3d(14px,14px,0)}to{transform:translate3d(-14px,-8px,0)}}#app{position:relative;z-index:1}#app[hidden]{display:none}.screen{display:flex;flex-direction:column;gap:var(--s-4);width:min(100%,var(--menu-max));min-height:var(--vh);margin:0 auto;padding:calc(var(--safe-t) + var(--s-3)) calc(var(--safe-r) + var(--s-4)) calc(var(--safe-b) + var(--banner-h) + var(--s-6)) calc(var(--safe-l) + var(--s-4));animation:screen-in var(--d-base) var(--ease-out)}.screen[hidden],#crash[hidden],#toast[hidden],#popup[hidden]{display:none}@keyframes screen-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.bar{display:flex;align-items:center;gap:var(--s-3);min-height:var(--tap)}.bar-title{flex:1;margin:0;font:var(--t-title);color:var(--c-ink-hi)}.spacer{flex:1}.pill{display:flex;align-items:center;gap:var(--s-2);height:calc(var(--tap) - var(--s-1));padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--c-surface-pill);box-shadow:var(--e-2);color:var(--c-ink-hi);font-weight:800;font-variant-numeric:tabular-nums}.pill-btn{min-height:var(--tap);color:var(--c-ink);font:var(--t-caption);text-decoration:none;touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.icon-btn{display:grid;place-content:center;width:var(--tap);height:var(--tap);flex:none;border:0;border-radius:var(--r-md);background:var(--c-surface-pill);box-shadow:var(--e-2);color:var(--c-ink-hi);text-decoration:none;cursor:pointer;touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.icon-btn.ghost-btn{background:color-mix(in oklab,var(--c-brand-100) 16%,transparent);box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5);border:0;border-radius:var(--r-md);font:var(--t-button);text-decoration:none;text-wrap:balance;cursor:pointer;touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.btn.cta{background:var(--g-cta);box-shadow:var(--e-cta);color:var(--c-on-accent)}.btn.ghost{background:var(--c-surface-pill);box-shadow:var(--e-2);color:var(--c-ink-hi)}.btn.danger{background:color-mix(in oklab,var(--c-danger) 18%,transparent);box-shadow:var(--e-1);color:color-mix(in oklab,var(--c-danger) 70%,var(--c-ink-hi))}.btn.video{min-height:var(--btn-h);background:linear-gradient(135deg,color-mix(in srgb,var(--c-success) 18%,transparent),color-mix(in srgb,var(--c-swarm) 12%,transparent));border:var(--line) solid color-mix(in oklab,var(--c-success) 45%,transparent);color:var(--c-ink-hi);font:var(--t-body);font-weight:800}.btn.wide{width:100%}.btn:active,.icon-btn:active,.nav-btn:active,.pill-btn:active,.node:active,.skin:active,.pack:active,.shop-hero:active,.row-link:active{transform:scale(.92)}.node.locked:active{transform:none}.cta:active{transform:scale(.96) translateY(6px);box-shadow:var(--e-cta-press);animation:none}@media(hover:hover){.icon-btn:hover,.btn:hover{transform:scale(1.04)}.node:hover,.skin:hover,.pack:hover,.shop-hero:hover,.nav-btn:hover,.row-link:hover{transform:translateY(-2px)}.node.locked:hover{transform:none}}.note{margin:0;font:var(--t-caption);color:var(--c-ink-mute);text-wrap:pretty}.note code{color:var(--c-ink)}.tag-caps{margin:0;font:var(--t-caption);letter-spacing:var(--ls-tag);text-transform:uppercase;color:var(--c-ink-mute);text-wrap:pretty}.logo{margin:0;font:var(--t-display);letter-spacing:var(--ls-logo);color:var(--c-ink-hi);text-shadow:var(--e-glow-swarm)}.track{position:relative;height:var(--bar-h);border-radius:var(--r-sm);background:var(--c-bg-deep);box-shadow:var(--e-track);overflow:hidden}.fill{display:block;width:var(--fill, 0%);height:100%;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--c-swarm-deep),var(--c-swarm));box-shadow:var(--e-glow-swarm);transition:width var(--d-base) var(--ease-out)}.track-line{display:flex;justify-content:space-between;font:var(--t-caption);color:var(--c-ink-dim)}.track-line b{font-variant-numeric:tabular-nums}.cta{display:grid;justify-items:center;gap:var(--s-1);min-height:var(--cta-h);padding:var(--s-3) var(--s-5);border-radius:var(--r-lg);background:var(--g-cta);box-shadow:var(--e-cta);color:var(--c-on-accent);text-align:center;text-decoration:none;touch-action:manipulation;animation:cta-pulse var(--d-pulse) var(--ease-in-out) infinite}.cta-label{display:flex;align-items:center;gap:var(--s-3);font:var(--t-button);text-wrap:balance}.cta>span{font:var(--t-caption);color:color-mix(in oklab,var(--c-on-accent) 76%,transparent)}@keyframes cta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.stars-sm{display:flex;gap:var(--s-1)}.star-sm{width:var(--star-sm);height:var(--star-sm);background:color-mix(in oklab,var(--c-brand-100) 26%,transparent);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.star-sm.on{background:var(--g-cta)}.i-star,.i-back,.i-map,.i-gift,.i-shop,.i-sliders,.i-lock,.i-coin,.i-coin-lg,.i-warn,.i-alert,.i-play,.i-noads,.i-close,.i-chev,.i-dot,.i-video,.i-sound,.i-music,.i-haptics,.i-motion,.i-lang{display:block;flex:none}.i-star{width:16px;height:16px;background:var(--g-cta);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.i-back{width:12px;height:12px;margin-inline-start:4px;border-left:2.5px solid var(--c-ink-hi);border-bottom:2.5px solid var(--c-ink-hi);transform:rotate(45deg)}.i-chev{width:8px;height:8px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(-45deg)}.i-play{width:0;height:0;border-left:16px solid currentColor;border-top:11px solid transparent;border-bottom:11px solid transparent}.i-map{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:18px;height:18px}.i-map i{border-radius:2px;background:var(--c-ink-hi)}.i-map i:nth-child(3){background:var(--c-accent)}.i-gift{position:relative;width:18px;height:17px}.i-gift:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:2px;background:var(--c-ink-hi)}.i-gift:after{content:"";position:absolute;inset:7px 2px 0;border-radius:0 0 2px 2px;background:var(--c-ink-hi)}.i-shop{position:relative;width:18px;height:14px;margin-top:5px;border-radius:0 0 4px 4px;background:var(--c-ink-hi)}.i-shop:before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:8px;margin-left:-6px;border:2.5px solid var(--c-ink-hi);border-bottom:0;border-radius:6px 6px 0 0}.i-sliders{display:flex;flex-direction:column;gap:3px;width:20px}.i-sliders i{height:2px;background:var(--c-ink-hi)}.i-lock{position:relative;width:13px;height:10px;margin-top:6px;border-radius:2px;background:currentColor}.i-lock i{position:absolute;top:-7px;left:50%;width:9px;height:7px;margin-left:-4.5px;border:2px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0}.i-coin{width:14px;height:14px;border-radius:var(--r-pill);background:var(--g-reward)}.i-coin-lg{width:var(--s-8);height:var(--s-8);border-radius:var(--r-pill);background:var(--g-reward)}.i-warn{width:0;height:0;border-bottom:9px solid var(--c-danger);border-left:5px solid transparent;border-right:5px solid transparent}.i-alert{width:0;height:0;border-bottom:22px solid var(--c-warning);border-left:13px solid transparent;border-right:13px solid transparent}.i-dot{width:10px;height:10px;border-radius:var(--r-pill);background:var(--c-warning)}.i-noads{width:18px;height:14px;border-radius:3px;background:var(--c-ink-dim)}.i-close{position:relative;width:18px;height:18px}.i-close i{position:absolute;top:8px;left:0;width:18px;height:2.5px;border-radius:2px;background:var(--c-ink)}.i-close i:nth-child(1){transform:rotate(45deg)}.i-close i:nth-child(2){transform:rotate(-45deg)}.i-video{display:grid;place-content:center;width:32px;height:24px;border-radius:5px;background:var(--c-success);color:var(--c-bg-deep)}.i-video:before{content:"";width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.i-sound{width:14px;height:14px;border-radius:3px;background:var(--c-swarm)}.i-music{width:14px;height:14px;border-radius:var(--r-pill);background:var(--c-swarm)}.i-haptics{display:flex;gap:3px;width:14px;height:14px}.i-haptics:before,.i-haptics:after{content:"";width:4px;height:14px;border-radius:2px;background:var(--c-swarm)}.i-motion{width:14px;height:14px;border-radius:var(--r-pill);border:2px solid var(--c-swarm)}.i-lang{width:16px;height:16px;border-radius:var(--r-pill);border:2px solid var(--c-swarm);background:linear-gradient(90deg,transparent 44%,var(--c-swarm) 44% 56%,transparent 56%)}.hero{display:grid;justify-items:center;gap:var(--s-2);margin-block:auto;text-align:center}.ladder{display:grid;gap:var(--s-3)}.ladder-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);font:var(--t-caption);color:var(--c-ink-dim)}.ladder-done{color:var(--c-swarm);font-variant-numeric:tabular-nums}.nav-grid{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--tap-gap)}.nav-btn{display:grid;justify-items:center;align-content:center;gap:var(--s-2);min-height:var(--btn-h);padding:var(--s-2);border-radius:var(--r-md);background:color-mix(in oklab,var(--c-brand-500) 62%,transparent);box-shadow:var(--e-2);color:var(--c-ink);text-decoration:none;text-align:center;touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.nav-btn span{font:var(--t-label);letter-spacing:var(--ls-caps);color:var(--c-ink-dim)}.tabs{flex:1;display:flex;gap:var(--s-1);min-width:0;padding:var(--s-1);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:var(--r-pill);background:color-mix(in oklab,var(--c-bg-deep) 62%,transparent);box-shadow:var(--e-track)}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;display:grid;place-content:center;min-width:0;min-height:calc(var(--tap) - var(--s-2));padding:0 var(--s-2);border-radius:var(--r-pill);color:var(--c-ink-mute);font:var(--t-caption);text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation}.tab.on{background:var(--c-brand-300);box-shadow:var(--e-1);color:var(--c-ink-hi)}.path{display:grid;justify-items:center;gap:var(--s-5);--star-sm: var(--node-star);margin:0;padding:0;list-style:none}.path-item{display:grid;justify-items:center;gap:var(--s-2);transform:translate(var(--node-swing))}.path-item:nth-child(odd){transform:translate(calc(var(--node-swing) * -1))}.node{position:relative;display:grid;place-content:center;width:var(--node);height:var(--node);border-radius:var(--r-pill);background:var(--c-brand-300);box-shadow:var(--e-2);color:var(--c-ink-hi);font:var(--t-button);font-variant-numeric:tabular-nums;text-decoration:none;touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.node.done{background:linear-gradient(180deg,var(--c-success),color-mix(in srgb,var(--c-success) 62%,var(--c-bg-deep)));color:var(--c-bg-deep)}.node.cur{width:var(--node-cur);height:var(--node-cur);background:var(--g-cta);box-shadow:var(--e-cta);color:var(--c-on-accent);font:var(--t-title)}.node.locked{background:var(--c-surface-locked);box-shadow:none;color:var(--c-ink-mute);cursor:default}.node.locked .i-lock{position:absolute;right:-2px;bottom:-2px;margin:0}.node-dot{width:var(--s-3);height:var(--s-3);border-radius:var(--r-pill);background:currentColor}.ping{position:absolute;inset:0;border-radius:var(--r-pill);border:2px solid var(--c-accent);animation:node-ping 1.8s var(--ease-out) infinite}@keyframes node-ping{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.5);opacity:0}}.node-name{max-width:calc(var(--node-cur) * 2.4);font:var(--t-caption);color:var(--c-ink-dim);text-align:center;text-wrap:pretty}.path-item:has(.locked) .node-name{color:var(--c-ink-mute)}.map-cta{position:sticky;bottom:calc(var(--safe-b) + var(--banner-h) + var(--s-2));z-index:5;margin-top:auto}.shop-hero{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--g-brand);box-shadow:var(--e-2);color:var(--c-ink);text-decoration:none;touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.hero-thumb{width:var(--good-thumb);height:var(--good-thumb);flex:none;border-radius:var(--r-md);background:var(--g-cta);box-shadow:var(--e-glow-accent)}.hero-texts{flex:1;display:grid;gap:var(--s-1)}.hero-texts b{color:var(--c-ink-hi);font-weight:900}.hero-texts span{font:var(--t-hint);color:var(--c-ink-dim);text-wrap:pretty}.price-btn{display:grid;place-content:center;min-height:calc(var(--tap) - var(--s-1));flex:none;padding:0 var(--s-4);border-radius:var(--r-md);background:var(--g-cta);color:var(--c-on-accent);font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.price-btn.plain{background:var(--c-surface-locked);color:var(--c-ink-hi)}.shop-section{display:grid;gap:var(--s-2)}.section-title{margin:0;font:var(--t-label);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-ink-mute)}.skins{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.skin{display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;background:var(--c-surface-sunken);box-shadow:var(--e-1);border:var(--line) solid color-mix(in oklab,var(--c-brand-100) 18%,transparent);color:var(--c-ink);text-decoration:none;touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.skin.on{border-color:var(--c-swarm)}.skin-field{position:relative;display:grid;place-items:center;height:var(--skin-field);background:var(--skin-bg, var(--c-bg-field))}.skin-glow{width:calc(var(--skin-field) * .8);height:calc(var(--skin-field) * .8);border-radius:var(--r-pill);background:var(--skin-glow, var(--g-swarm-blob))}.skin-queen{position:absolute;width:var(--s-3);height:var(--s-3);border-radius:var(--r-pill);background:var(--skin-queen, var(--c-accent))}.skin-body{display:grid;gap:var(--s-2);padding:var(--s-3)}.skin-body b{color:var(--c-ink-hi)}.skin-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-1);min-height:var(--set-icon);border-radius:var(--r-sm);background:var(--g-cta);color:var(--c-on-accent);font-weight:900;font-variant-numeric:tabular-nums}.skin-btn.on{background:color-mix(in oklab,var(--c-swarm) 18%,transparent);color:var(--c-swarm)}.skin-btn .i-coin{background:color-mix(in oklab,var(--c-on-accent) 72%,transparent)}.packs{display:grid;gap:var(--s-2)}.pack{display:flex;align-items:center;gap:var(--s-3);min-height:var(--btn-h);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);background:var(--c-surface-sunken);border:var(--line) solid color-mix(in oklab,var(--c-brand-100) 18%,transparent);color:var(--c-ink);text-decoration:none;touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.pack.best{border-color:color-mix(in oklab,var(--c-accent) 45%,transparent);box-shadow:var(--e-glow-accent)}.pack-texts{flex:1;display:grid}.pack-texts b{color:var(--c-ink-hi);font-weight:900;font-variant-numeric:tabular-nums}.pack-tag{font:var(--t-hint);color:var(--c-ink-mute)}.pack-tag.good{color:var(--c-success)}.rows{display:grid;gap:var(--s-2)}.row{display:flex;align-items:center;gap:var(--s-3);min-height:var(--row-h);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);background:var(--c-surface-sunken);box-shadow:var(--e-1);color:var(--c-ink);text-decoration:none}.row.col{flex-direction:column;align-items:stretch;gap:var(--s-3);padding:var(--s-3) var(--s-4)}.row-icon{display:grid;place-content:center;width:var(--set-icon);height:var(--set-icon);flex:none;border-radius:var(--r-sm);background:color-mix(in oklab,var(--c-swarm) 14%,transparent)}.row-text{flex:1;display:grid;gap:var(--s-1)}.row-text b{color:var(--c-ink-hi)}.row-text span{font:var(--t-hint);color:var(--c-ink-mute)}.row-value{display:flex;align-items:center;gap:var(--s-2);color:var(--c-ink-dim);font-weight:800}.row-link{touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.switch{position:relative;width:var(--switch-w);height:var(--tap);flex:none;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation}.switch:before,.switch:after{content:"";position:absolute;inset:calc((var(--tap) - var(--switch-h)) / 2) 0;border-radius:var(--r-pill)}.switch:before{background:var(--c-brand-700);box-shadow:var(--e-track)}.switch:after{background:var(--g-cta);opacity:0;transition:opacity var(--d-micro) var(--ease-out)}.switch[aria-checked=true]:after{opacity:1}.knob{position:absolute;z-index:1;top:calc((var(--tap) - var(--switch-knob)) / 2);left:calc((var(--switch-h) - var(--switch-knob)) / 2);width:var(--switch-knob);height:var(--switch-knob);border-radius:var(--r-pill);background:var(--c-ink-hi);box-shadow:var(--e-1);transition:transform var(--d-base) var(--ease-back)}.switch[aria-checked=true] .knob{transform:translate(calc(var(--switch-w) - var(--switch-knob) - (var(--switch-h) - var(--switch-knob))))}.seg{display:flex;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-pill);background:color-mix(in oklab,var(--c-bg-deep) 62%,transparent);box-shadow:var(--e-track)}.seg-btn{flex:1;min-width:0;min-height:calc(var(--tap) - var(--s-2));border:0;border-radius:var(--r-pill);background:none;color:var(--c-ink-dim);font:var(--t-caption);cursor:pointer;touch-action:manipulation;transition:transform var(--d-base) var(--ease-back)}.seg-btn[aria-pressed=true]{background:var(--c-brand-500);box-shadow:var(--e-1);color:var(--c-ink-hi)}.seg-btn:active{transform:scale(.92)}.warn-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:color-mix(in oklab,var(--c-danger) 14%,transparent);color:color-mix(in oklab,var(--c-danger) 55%,var(--c-ink-hi));font:var(--t-caption)}.version{margin:0;text-align:center;font:var(--t-label);color:var(--c-ink-mute)}.lang-list{display:grid;gap:var(--s-1);max-height:46dvh;overflow-y:auto;text-align:start}.lang-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-4);border:0;border-radius:var(--r-md);background:var(--c-surface-sunken);color:var(--c-ink);font:var(--t-body);text-align:start;cursor:pointer;touch-action:manipulation}.lang-item[aria-pressed=true]{background:color-mix(in oklab,var(--c-swarm) 18%,transparent);color:var(--c-ink-hi)}.lang-note{font:var(--t-hint);color:var(--c-ink-mute)}.days{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}.day{display:grid;justify-items:center;align-content:center;gap:var(--s-2);min-height:calc(var(--tap) + var(--s-8));padding:var(--s-3) var(--s-2);border-radius:var(--r-md);background:var(--c-surface-sunken);border:var(--line) solid color-mix(in oklab,var(--c-brand-100) 16%,transparent)}.day-num{font:var(--t-label);color:var(--c-ink-mute)}.day-reward{color:var(--c-ink-dim);font-variant-numeric:tabular-nums}#popup{position:fixed;inset:0;z-index:20;display:grid;place-content:center;padding:var(--s-5)}.popup-scrim{position:fixed;inset:0;background:var(--c-scrim);animation:fade-in var(--d-base) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.popup-card{position:relative;display:grid;gap:var(--s-4);width:min(var(--card-w),100%);max-height:86dvh;overflow-y:auto;padding:var(--s-4) var(--s-5) var(--s-5);border-radius:var(--r-lg);background:var(--g-panel);box-shadow:var(--e-3);text-align:center;animation:card-in var(--d-base) var(--ease-back)}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.popup-head{display:flex;align-items:center;gap:var(--s-2)}.popup-kicker{flex:1;font:var(--t-label);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-ink-mute);text-align:start}.buy-icon{position:relative;display:grid;place-items:center;justify-self:center;width:var(--buy-icon);height:var(--buy-icon);border-radius:var(--r-lg);background:var(--g-cta);box-shadow:var(--e-glow-accent);overflow:hidden}.buy-icon.skin-icon{background:var(--skin-bg, var(--c-bg-field))}.popup-texts{display:grid;gap:var(--s-1)}.popup-title{margin:0;font:var(--t-title);color:var(--c-ink-hi)}.popup-sub{margin:0;font:var(--t-caption);color:var(--c-ink-dim);text-wrap:pretty}.popup-total{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-md);background:var(--c-surface-sunken);font:var(--t-caption);color:var(--c-ink-dim)}.popup-total b{display:flex;align-items:center;gap:var(--s-2);font:var(--t-stat);color:var(--c-ink-hi);font-variant-numeric:tabular-nums}.popup-note{margin:0;font:var(--t-hint);color:var(--c-ink-mute);text-wrap:pretty}.popup-actions{display:flex;gap:var(--s-2)}.popup-actions .btn{flex:1}#boot{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;gap:var(--s-5);padding:calc(var(--safe-t) + var(--s-10)) calc(var(--safe-r) + var(--s-6)) calc(var(--safe-b) + var(--banner-h) + var(--s-10)) calc(var(--safe-l) + var(--s-6));background:var(--g-menu-bg);text-align:center;transition:opacity var(--d-base) var(--ease-out)}#boot.gone{opacity:0;pointer-events:none}#boot>*{width:min(100%,var(--menu-max))}.blob{display:grid;place-items:center;width:min(66vw,var(--blob));height:min(66vw,var(--blob));margin-top:auto;background:var(--g-swarm-blob);animation:breath 3.6s var(--ease-in-out) infinite}.queen-dot{width:var(--s-6);height:var(--s-6);border-radius:var(--r-pill);background:var(--g-queen-dot)}@keyframes breath{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.03);opacity:1}}.boot-mid{display:grid;justify-items:center;gap:var(--s-2)}.boot-bar{display:grid;gap:var(--s-3)}.tip{display:flex;align-items:center;gap:var(--s-3);margin-top:auto;padding:var(--s-4);border-radius:var(--r-md);background:var(--c-surface-pill);font:var(--t-caption);color:var(--c-ink);text-align:start}.tip-badge{display:grid;place-content:center;width:var(--set-icon);height:var(--set-icon);flex:none;border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-on-accent)}.tip-badge .i-play{border-left-width:11px;border-top-width:7px;border-bottom-width:7px;margin-left:3px}#crash{position:fixed;inset:0;z-index:25;display:grid;place-content:center;padding:var(--s-5);background:var(--g-menu-bg)}#crash .card{display:grid;justify-items:center;gap:var(--s-3);width:min(var(--card-w),100%);padding:var(--s-6) var(--s-5) var(--s-5);border-radius:var(--r-lg);background:var(--g-panel);box-shadow:var(--e-3);text-align:center}.badge-warn{display:grid;place-content:center;width:var(--s-12);height:var(--s-12);border-radius:var(--r-pill);background:color-mix(in oklab,var(--c-warning) 16%,transparent)}#crash h2{margin:0;font:var(--t-title);color:var(--c-ink-hi)}#crash p{margin:0;font:var(--t-caption);color:var(--c-ink-dim);text-wrap:pretty}#toast{position:fixed;z-index:40;left:50%;top:calc(var(--safe-t) + var(--s-2));display:flex;align-items:center;gap:var(--s-3);width:min(var(--menu-max),calc(100% - var(--s-8)));min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--c-toast-bg);border:var(--line) solid var(--c-toast-line);box-shadow:var(--e-2);color:var(--c-ink);font:var(--t-caption);transform:translate(-50%);animation:toast-in var(--d-base) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,calc(var(--s-3) * -1))}to{opacity:1;transform:translate(-50%)}}#banner{position:fixed;z-index:8;left:0;right:0;bottom:0;height:calc(var(--banner-h) + var(--safe-b));background:var(--g-fade-b);pointer-events:none}noscript .note{display:block;padding:var(--s-6) var(--s-5);text-align:center}