@font-face{font-family:Host Grotesk;font-style:normal;font-display:swap;font-weight:300;src:url(./host-grotesk-latin-300-normal-C1ePwUkb.woff2)format("woff2"),url(./host-grotesk-latin-300-normal-Bff_IbdW.woff)format("woff")}@font-face{font-family:Host Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./host-grotesk-latin-400-normal-qDxuE_yq.woff2)format("woff2"),url(./host-grotesk-latin-400-normal-B5l3BUS2.woff)format("woff")}@font-face{font-family:Host Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./host-grotesk-latin-500-normal-B7155YqD.woff2)format("woff2"),url(./host-grotesk-latin-500-normal-CYkrbnPr.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:300;src:url(./geist-mono-latin-300-normal-78CtQtMz.woff2)format("woff2"),url(./geist-mono-latin-300-normal-DM3Di-2m.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./geist-mono-latin-400-normal-DTRLJnHl.woff2)format("woff2"),url(./geist-mono-latin-400-normal-B2yvC1Cq.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./geist-mono-latin-500-normal-YINYabwD.woff2)format("woff2"),url(./geist-mono-latin-500-normal-D-GG86Jb.woff)format("woff")}[hidden]{display:none!important}:root{--font-sans:"Host Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", monospace;--text:#2b2824;--ui-bg:var(--sky,#f1ede4);--ui-fg:var(--text);--on-accent:var(--sky,#f1ede4);--accent:var(--text);--fade:.2s;--ui-scale:1;--inset-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--inset-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--inset-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));--inset-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));--safe-top:var(--inset-top);--safe-bottom:var(--inset-bottom);--safe-left:max(0px, var(--inset-left) - (100vw - var(--play-w,100vw)) / 2);--safe-right:max(0px, var(--inset-right) - (100vw - var(--play-w,100vw)) / 2)}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:#f1ede4;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--text);position:fixed;top:0;bottom:0;left:0;right:0}#scene,#ui{width:var(--play-w,100%);height:100%;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}#scene{display:block}#ui{pointer-events:none}.layer{padding:calc(var(--safe-top) + 18px) calc(var(--safe-right) + 22px) calc(var(--safe-bottom) + 28px) calc(var(--safe-left) + 22px);opacity:0;visibility:hidden;transition:opacity var(--fade) ease-out, transform var(--fade) ease-out, visibility 0s linear var(--fade);position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(6px)}.layer.on{opacity:1;visibility:visible;transition:opacity var(--fade) ease-out, transform var(--fade) ease-out, visibility 0s;transform:none}#hud{transform:none}#hud:before{content:"";height:calc(var(--safe-top) + 108px);background:linear-gradient(to bottom, var(--sky,transparent) 55%, transparent);opacity:.85;pointer-events:none;position:absolute;top:0;left:0;right:0}.hud-top{position:relative}.label{font-size:calc(14px * var(--ui-scale));letter-spacing:.03em;text-transform:lowercase;font-weight:400;line-height:1.7}.dim{opacity:.72}#hud,.notice,.hint,.combo,.banner,#screen-title{text-shadow:0 0 2px var(--sky,transparent), 0 0 10px var(--sky,transparent)}.score{font-size:calc(36px * var(--ui-scale));letter-spacing:.04em;font-weight:300;line-height:1}.link{pointer-events:auto;cursor:pointer;margin:-10px 0 -10px -16px;padding:10px 0 10px 16px}.button{font:inherit;font-size:calc(13px * var(--ui-scale));color:inherit;pointer-events:auto;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:0;border-bottom:1px solid;border-radius:0;margin-bottom:14px;padding:0 0 3px;display:block;position:relative}.button:after{content:"";position:absolute;top:-16px;bottom:-16px;left:-20px;right:-20px}.button:focus{outline:none}.button:focus-visible{border-bottom-width:2px;padding-bottom:2px}.button:active{opacity:.55}.rule{border-bottom:1px solid;margin-top:26px;padding-bottom:3px;display:inline-block}.hud-top{grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.hud-side{padding-top:2px}.level-num{font-size:calc(22px * var(--ui-scale));letter-spacing:.04em;font-weight:400;line-height:1}.hud-centre{flex-direction:column;align-items:center;display:flex}.progress{width:64px;height:1px;margin-top:10px;position:relative;overflow:hidden}.progress:before{content:"";opacity:.22;background:currentColor;position:absolute;top:0;bottom:0;left:0;right:0}.progress-fill{transform-origin:0;background:currentColor;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.hud-boost{--meter:0;right:calc(var(--safe-right) + 18px);bottom:calc(var(--safe-bottom) + 22px);pointer-events:auto;cursor:pointer;opacity:.55;touch-action:none;flex-direction:column;align-items:center;gap:6px;margin:-24px -18px -14px -30px;padding:24px 18px 14px 30px;transition:opacity .15s ease-out;display:flex;position:absolute}.hud-boost.ready{opacity:1}.boost-dial{width:calc(72px * var(--ui-scale));height:calc(72px * var(--ui-scale));background:color-mix(in srgb, var(--sky,#f1ede4) 55%, transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .12s ease-out,background .15s ease-out;display:flex;position:relative}.boost-dial:before{content:"";background:conic-gradient(currentColor calc(var(--meter) * 360deg), color-mix(in srgb, currentColor 18%, transparent) 0);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.boost-dial svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.boost-num{font-size:calc(11px * var(--ui-scale));letter-spacing:.06em;margin-top:2px;line-height:1}.boost-caption{font-size:calc(10px * var(--ui-scale));letter-spacing:.24em;margin-right:-.24em}.hud-boost.active .boost-dial{color:var(--sky,#f1ede4);background:var(--text);transform:scale(1.1)}.hud-boost.active .boost-dial:before{background:conic-gradient(var(--sky,#f1ede4) calc(var(--meter) * 360deg), transparent 0)}.boost-left .hud-boost{right:auto;left:calc(var(--safe-left) + 18px);margin:-24px -30px -14px -18px;padding:24px 30px 14px 18px}.boost-middle .hud-boost{margin:-24px 0 -14px;padding:24px 30px 14px;left:50%;right:auto;transform:translate(-50%)}.boost-left .boost-fill{transform-origin:100%}.reduce-motion .layer,.reduce-motion .layer.on{transform:none}.reduce-motion .banner.show,.reduce-motion .hint.show{animation-name:fade-only}.reduce-motion .combo.pop .combo-count{animation:none}@keyframes fade-only{0%,to{opacity:0}12%,80%{opacity:1}}.boost-bar{left:0;right:0;bottom:var(--safe-bottom);height:6px;transition:height .15s ease-out;position:absolute}.boost-bar:before{content:"";opacity:.16;background:currentColor;position:absolute;top:0;bottom:0;left:0;right:0}.boost-fill{opacity:.4;transform-origin:0;background:currentColor;transition:opacity .15s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.boost-bar.ready .boost-fill{opacity:.9}.boost-bar.full .boost-fill{animation:1.4s ease-in-out infinite boost-full}.boost-bar.active{height:14px}.boost-bar.active .boost-fill{opacity:1;animation:none}.boost-bar.flash{animation:.45s ease-out boost-flash}@keyframes boost-full{0%,to{opacity:.9}50%{opacity:.5}}@keyframes boost-flash{0%{height:16px}to{height:6px}}.power-label{left:calc(var(--safe-left) + 22px);bottom:calc(var(--safe-bottom) + 26px);position:absolute}.boost-left .power-label{left:auto;right:calc(var(--safe-right) + 22px)}.menu{flex-direction:column;align-items:center;gap:12px;margin-top:32px;display:flex}.menu.left{align-items:flex-start;margin-top:34px}.menu .button{margin:0}.settings{left:calc(var(--safe-left) + 24px);right:calc(var(--safe-right) + 24px);top:calc(var(--safe-top) + 84px);bottom:calc(var(--safe-bottom) + 16px);touch-action:pan-y;overscroll-behavior:contain;pointer-events:auto;padding-bottom:24px;position:absolute;overflow:hidden auto}.settings-group{font-size:calc(11px * var(--ui-scale));letter-spacing:.24em;text-transform:uppercase;opacity:.6;margin:26px 0 4px;font-weight:500}.settings-group:first-child{margin-top:6px}.setting-row{width:100%;min-height:calc(52px * var(--ui-scale));font:inherit;color:inherit;border:0;border-bottom:1px solid color-mix(in srgb, currentColor 25%, transparent);text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.setting-row .value{font-size:calc(12px * var(--ui-scale));letter-spacing:.1em;border:1px solid color-mix(in srgb, currentColor 45%, transparent);border-radius:999px;flex-shrink:0;padding:5px 12px;line-height:1.4}.setting-row:active .value{background:color-mix(in srgb, currentColor 12%, transparent)}.dev-fps{right:calc(var(--safe-right) + 22px);top:calc(var(--safe-top) + 64px);opacity:.6;pointer-events:none;position:absolute}.dev-link{left:calc(var(--safe-left) + 66px);top:calc(var(--safe-top) + 18px);position:absolute}.dev-panel{left:calc(var(--safe-left) + 22px);right:calc(var(--safe-right) + 22px);top:calc(var(--safe-top) + 56px);pointer-events:auto;position:absolute}.dev-open .title-mark,.dev-open .screen-center{visibility:hidden}.dev-grid{grid-template-columns:repeat(3,1fr);gap:4px 12px;margin:8px 0 14px;display:grid}.dev-level,.dev-toggle{font:inherit;font-size:calc(11px * var(--ui-scale));color:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:0;border-bottom:1px solid;border-radius:0;padding:8px 0 4px}.dev-toggle{margin-top:6px;display:block}.room-label{opacity:0;min-height:1.9em;margin-top:8px}.room-label.show{animation:2.4s ease-out both room-label}@keyframes room-label{0%{opacity:0}12%,75%{opacity:.6}to{opacity:0}}.notice{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 120px);z-index:100;background:var(--ui-bg);width:-moz-fit-content;width:fit-content;max-width:min(440px,100% - 32px);color:var(--ui-fg);border:1px solid color-mix(in srgb, var(--ui-fg) 18%, transparent);text-align:center;text-shadow:none;opacity:0;pointer-events:none;border-radius:14px;margin:0 auto;padding:8px 14px;position:absolute}.notice.show{animation:4.5s ease-out both notice}@keyframes notice{0%{opacity:0}8%,80%{opacity:1}to{opacity:0}}.hint{text-align:center;opacity:0;pointer-events:none;position:absolute;top:50%;left:0;right:0}.hint.show{animation:3.6s ease-out both hint}.hint{padding:0 calc(var(--safe-right) + 28px) 0 calc(var(--safe-left) + 28px);top:auto;bottom:50%}#hint-text{text-wrap:balance}.hint-skip{font:inherit;font-size:calc(11px * var(--ui-scale));letter-spacing:.08em;color:inherit;text-underline-offset:3px;opacity:.8;background:0 0;border:none;margin:2px 0 0;padding:8px 14px;text-decoration:underline;display:inline-block}.hint-skip[hidden]{display:none}.pause-feedback{font:inherit;font-size:calc(12px * var(--ui-scale));color:inherit;text-underline-offset:3px;opacity:.8;background:0 0;border:none;margin:28px 0 0;padding:10px 16px;text-decoration:underline}@keyframes hint{0%{opacity:0;transform:translateY(6px)}10%,80%{opacity:.9;transform:none}to{opacity:0}}.combo{text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease-out;position:absolute;top:58%;left:0;right:0}.combo.on{opacity:1;transition:opacity 80ms ease-out}.combo-count{font-size:calc(26px * var(--ui-scale));letter-spacing:.04em;font-weight:400;line-height:1}.combo.pop .combo-count{animation:.22s ease-out combo-pop}@keyframes combo-pop{0%{transform:scale(1.25)}to{transform:none}}.banner{text-align:center;opacity:0;pointer-events:none;position:absolute;top:19%;left:0;right:0}.banner.show{animation:2s ease-out both banner}.banner-num{font-size:calc(64px * var(--ui-scale));letter-spacing:.02em;margin-top:6px;font-weight:300;line-height:1}.banner-theme{margin-top:10px}@keyframes banner{0%{opacity:0;transform:translateY(10px)}11%{opacity:1;transform:none}78%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.hud-side.right{text-align:right}.left-handed .hud-top>.hud-side:first-child{text-align:right;order:3}.left-handed .hud-top>.hud-centre{order:2}.left-handed .hud-top>.hud-side.right{text-align:left;order:1}.screen-center{left:calc(var(--safe-left) + 24px);right:calc(var(--safe-right) + 24px);text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.screen-center .score{margin:14px 0 12px}.setting-note{font-size:calc(12px * var(--ui-scale));padding:12px 0 0;line-height:1.6}.setting-row.locked{opacity:.5}.stat-row{min-height:calc(48px * var(--ui-scale));border-bottom:1px solid color-mix(in srgb, currentColor 25%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}#screen-title{flex-direction:column;padding:0;display:flex;overflow-y:auto}.title-top{padding:calc(var(--safe-top) + clamp(28px, 13vh, 130px)) calc(var(--safe-right) + 24px) 0 calc(var(--safe-left) + 24px);flex-direction:column;align-items:flex-start;gap:12px;display:flex}.title-mark{text-transform:uppercase;margin-bottom:14px}.title-word{font-size:calc(34px * var(--ui-scale));letter-spacing:.2em;font-weight:300;line-height:1.1}.title-word.sub{font-size:calc(13px * var(--ui-scale));letter-spacing:.62em;opacity:.75;margin-top:10px;font-weight:500}.screen-foot{padding:70px calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + 24px);background:linear-gradient(to top, var(--ui-bg) 55%, transparent);position:absolute;bottom:0;left:0;right:0}#screen-title .screen-foot{color:var(--ui-fg);background:var(--ui-bg);margin-top:auto;padding-top:24px;position:relative}#screen-title .screen-foot:before{content:"";background:linear-gradient(to top, var(--ui-bg), transparent);pointer-events:none;height:60px;position:absolute;bottom:100%;left:0;right:0}@media (max-height:680px){.title-top{padding-top:calc(var(--safe-top) + 46px);gap:8px}.title-mark{margin-bottom:6px}.title-word{font-size:calc(26px * var(--ui-scale))}.title-word.sub{margin-top:6px}#screen-title .screen-foot{padding-top:12px;padding-bottom:calc(var(--safe-bottom) + 4px)}.pill.title-ranked{min-height:calc(60px * var(--ui-scale))}#screen-title .pill{min-height:calc(44px * var(--ui-scale))}.title-modes{margin-top:8px}.live-cards{margin-bottom:8px}.live-card{padding:8px 12px}}@media (max-height:540px){.title-word.sub{display:none}}.pill{min-width:180px;min-height:calc(48px * var(--ui-scale));font:inherit;font-size:calc(14px * var(--ui-scale));letter-spacing:.16em;text-transform:lowercase;color:inherit;border:1px solid color-mix(in srgb, currentColor 55%, transparent);pointer-events:auto;cursor:pointer;text-shadow:none;-webkit-appearance:none;appearance:none;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 28px;display:inline-flex}.pill.primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:500;transition:background-color .6s,border-color .6s}.rank-top .pill.primary{background:linear-gradient(110deg, var(--accent) 35%, color-mix(in srgb, var(--accent) 60%, #fff3c4) 50%, var(--accent) 65%) 0 0 / 300% 100%;animation:5s linear infinite rank-sheen}@keyframes rank-sheen{0%{background-position:100% 0}to{background-position:-50% 0}}.rank-top.reduce-motion .pill.primary{animation:none}.pill:active{opacity:.85;transform:scale(.97)}.pill:focus{outline:none}.pill:focus-visible{outline-offset:3px;outline:2px solid}.title-modes{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;margin-top:10px;display:grid}.pill.title-ranked{width:100%;min-width:0;min-height:calc(76px * var(--ui-scale));box-shadow:0 10px 24px -14px color-mix(in srgb, var(--text) 70%, transparent);border-radius:22px;flex-direction:column;gap:4px;display:flex}.title-ranked-name{font-size:calc(20px * var(--ui-scale));letter-spacing:.3em;margin-right:-.3em}.title-ranked-sub{font-size:calc(11px * var(--ui-scale));letter-spacing:.1em;opacity:.75;text-wrap:balance;font-weight:400}.title-ranked-sub:empty{display:none}.gear-btn{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 12px);z-index:2;width:44px;height:44px;color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.gear-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.gear-btn:active{opacity:.6}.gear-btn:focus-visible{outline:2px solid}.live-cards{margin:0 calc(-24px - var(--safe-right)) 12px 0;padding-right:calc(24px + var(--safe-right));scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.live-cards::-webkit-scrollbar{display:none}.live-cards:empty{display:none}.live-card{min-width:0;font:inherit;color:inherit;text-align:left;background:color-mix(in srgb, currentColor 5%, transparent);border:1px solid color-mix(in srgb, currentColor 22%, transparent);pointer-events:auto;cursor:pointer;border-radius:14px;flex-direction:column;flex:1 0 calc(46% - 4px);gap:2px;padding:10px 12px;display:flex;position:relative}.live-card.hot{border-color:#e0503fb3}.live-card:active{transform:scale(.98)}.live-card .kicker{font-size:calc(10px * var(--ui-scale));letter-spacing:.16em;opacity:.65}.live-card .title{font-size:calc(13px * var(--ui-scale));letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-card .xp-track{height:3px;margin-top:6px}.live-card .sub{font-size:calc(10px * var(--ui-scale));letter-spacing:.08em;opacity:.65;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.title-next{text-align:center;font-size:calc(11px * var(--ui-scale));margin-top:10px}.title-next:empty{display:none}.title-bar{justify-content:space-around;gap:2px;margin:12px -14px 0;display:flex}.bar-btn{max-width:25%;min-height:54px;font:inherit;min-width:0;font-size:min(calc(10px * var(--ui-scale)), 2.6vw);letter-spacing:.04em;text-align:center;color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;gap:4px;padding:6px 2px 2px;line-height:1.2;display:flex;position:relative}.bar-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.bar-btn:active{background:color-mix(in srgb, currentColor 8%, transparent)}.bar-btn:focus-visible{outline:2px solid}.bar-btn .news{background:#e0503f;border-radius:50%;width:8px;height:8px;display:none;position:absolute;top:4px;left:calc(50% + 10px)}.bar-btn .news.on{display:block}[data-feature][hidden]{display:none!important}.title-modes .pill{min-width:0}.title-rank{color:var(--ui-fg);font:inherit;text-align:left;background:color-mix(in srgb, var(--ui-bg) 60%, transparent);border:1px solid color-mix(in srgb, currentColor 30%, transparent);pointer-events:auto;cursor:pointer;text-shadow:none;border-radius:999px;align-items:center;gap:12px;padding:6px 14px 6px 6px;display:flex}.lp-track{background:color-mix(in srgb, currentColor 18%, transparent);border-radius:2px;width:120px;height:3px;margin-top:5px;display:block;overflow:hidden}.lp-fill{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.title-rank-text{flex-direction:column;line-height:1.3;display:flex}.title-rank-text .label{line-height:1.4}.insignia{flex-shrink:0;width:36px;height:36px;display:inline-block}.insignia svg{width:100%;height:100%;display:block}.insignia.big{width:84px;height:84px}.insignia.small{width:28px;height:28px}.hud-mode{font-size:calc(10px * var(--ui-scale));letter-spacing:.2em;margin-top:4px}.tabs{left:calc(var(--safe-left) + 24px);right:calc(var(--safe-right) + 24px);top:calc(var(--safe-top) + 86px);scrollbar-width:none;touch-action:pan-x;pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs .tab{white-space:nowrap;flex:none}@media (max-width:380px){.tabs .tab{letter-spacing:.1em;padding:8px 12px}}.tab{font:inherit;font-size:calc(12px * var(--ui-scale));letter-spacing:.14em;color:inherit;border:1px solid color-mix(in srgb, currentColor 30%, transparent);cursor:pointer;text-shadow:none;background:0 0;border-radius:999px;padding:8px 16px}.tab.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.settings.tabbed{top:calc(var(--safe-top) + 138px)}.settings[hidden]{display:none}.setting-row .value.locked{opacity:.75;border-style:dashed}.upgrade-row{border-bottom:1px solid color-mix(in srgb, currentColor 22%, transparent);align-items:center;gap:12px;padding:12px 0;display:flex}.upgrade-info{flex:1;min-width:0}.upgrade-effect{font-size:calc(11px * var(--ui-scale));line-height:1.5}.pips{font-size:calc(11px * var(--ui-scale));letter-spacing:.18em;margin-top:2px}.pill.small{min-width:0;min-height:36px;font-size:calc(11px * var(--ui-scale));letter-spacing:.08em;flex-shrink:0;padding:0 14px}.pill.toggle{min-width:48px}.pill.toggle.on{background:color-mix(in srgb, currentColor 14%, transparent)}.upgrade-row.switched-off .upgrade-info{opacity:.45}.course-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.course-tile{min-height:104px;font:inherit;color:inherit;text-align:left;background:color-mix(in srgb, currentColor 5%, transparent);border:1px solid color-mix(in srgb, currentColor 28%, transparent);cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;display:flex}.course-tile.locked{opacity:.35;cursor:default}#env-grid .course-tile.locked{opacity:.62}.course-need{font-size:calc(10px * var(--ui-scale));opacity:.75;line-height:1.35}.unlock-bar{background:color-mix(in srgb, currentColor 18%, transparent);border-radius:2px;width:100%;height:4px;margin-top:auto;display:block;overflow:hidden}.unlock-bar>span{opacity:.85;background:currentColor;height:100%;display:block}.course-tile.locked .course-time{margin-top:0}.course-num{font-size:calc(18px * var(--ui-scale));line-height:1}.course-name{font-size:calc(11px * var(--ui-scale));letter-spacing:.06em;line-height:1.3}.course-time{font-size:calc(10px * var(--ui-scale));opacity:.7;margin-top:auto}.record-rank{font-size:calc(20px * var(--ui-scale));letter-spacing:.14em;margin-top:8px}.xp-track{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:3px;height:6px;margin:16px 0 6px;position:relative;overflow:hidden}.xp-fill{background:var(--accent);transform-origin:0;transition:transform .6s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.ladder-row{border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent);align-items:center;gap:14px;min-height:46px;display:flex}.ladder-row .ladder-name{flex:1}.ladder-row.locked{opacity:.38}.ladder-row.current{font-weight:500}.over-rank{max-width:320px;margin:18px auto 0}.over-rank:empty{display:none}.over-rank-head{justify-content:center;align-items:center;gap:12px;display:flex}.over-rank.promoted .over-rank-head{animation:.9s ease-out promoted}.promoted-label{font-size:calc(12px * var(--ui-scale));letter-spacing:.3em;text-transform:uppercase}@keyframes promoted{0%{opacity:0;transform:scale(1.3)}60%{opacity:1;transform:scale(.97)}to{transform:none}}.over-rank .xp-track{margin:10px 0 4px}.chip{color:var(--ui-fg);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:calc(12px * var(--ui-scale));letter-spacing:.12em;border:1px solid color-mix(in srgb, currentColor 35%, transparent);text-shadow:none;background:color-mix(in srgb, var(--ui-bg) 60%, transparent);border-radius:999px;padding:11px 6px;line-height:1.4;display:block;overflow:hidden}.chip.link{margin:0}.chip:active{background:color-mix(in srgb, currentColor 12%, transparent)}.screen.panel{color:var(--ui-fg);background:color-mix(in srgb, var(--ui-bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-open #hud,.menu-open .combo,.menu-open .hint,.menu-open .banner{visibility:hidden}.panel-head{left:calc(var(--safe-left) + 24px);right:calc(var(--safe-right) + 24px);top:calc(var(--safe-top) + 14px);border-bottom:1px solid color-mix(in srgb, currentColor 25%, transparent);align-items:center;height:60px;display:flex;position:absolute}.panel-title{text-align:center;font-size:calc(17px * var(--ui-scale));letter-spacing:.18em;pointer-events:none;position:absolute;left:0;right:0}.back{z-index:1;font:inherit;font-size:calc(13px * var(--ui-scale));color:inherit;background:0 0;border:0;margin-left:-16px;padding:14px 18px 14px 16px;position:relative}.back:before{content:"‹ ";white-space:pre}.screen-heading{font-size:calc(15px * var(--ui-scale));letter-spacing:.3em;text-transform:uppercase;opacity:.75}.score.big{font-size:calc(56px * var(--ui-scale))}.stat-value{text-align:right;opacity:.8;flex:0 auto;min-width:0}.stat-row>:first-child{flex-shrink:0}.settings{scrollbar-width:none}.settings::-webkit-scrollbar{display:none}.prog-hero{align-items:center;gap:16px;padding:6px 0 2px;display:flex}.prog-hero .insignia.big{flex:none;width:64px;height:64px}.prog-hero .record-rank{margin-top:2px}.prog-kicker{letter-spacing:.2em}.prog-goal{border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, currentColor 4%, transparent);border-radius:18px;margin-top:18px;padding:18px 18px 14px}.prog-big{font-size:calc(46px * var(--ui-scale));letter-spacing:.02em;font-weight:300;line-height:1}.prog-goal-label{letter-spacing:.12em;margin-top:6px}.prog-goal .xp-track{border-radius:5px;height:10px;margin:14px 0 8px}.prog-detail{font-size:calc(11px * var(--ui-scale));line-height:1.5}.prog-checks{margin-top:10px}.prog-check{align-items:baseline;gap:10px;padding:7px 2px;display:flex}.prog-check-mark{text-align:center;opacity:.55;width:14px}.prog-check.met .prog-check-mark{opacity:1;font-weight:600}.prog-check-value{opacity:.6;text-align:right;margin-left:auto}.prog-gives{gap:10px;margin-top:14px;display:grid}.prog-card{border:1px dashed color-mix(in srgb, currentColor 32%, transparent);border-radius:14px;padding:12px 14px}.prog-card-title{letter-spacing:.12em;margin-bottom:6px}.prog-card-item{line-height:1.7}.prog-card-item:before{content:"› ";opacity:.5}.prog-trend{margin:18px 0 6px}.prog-trend-head{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.prog-empty{padding:8px 0}.trend-bars{align-items:flex-end;gap:3px;height:56px;display:flex}.trend-bars.signed{background:linear-gradient(color-mix(in srgb, currentColor 25%, transparent), color-mix(in srgb, currentColor 25%, transparent)) center / 100% 1px no-repeat;align-items:center}.trend-bar{max-width:16px;min-height:2px;height:calc(var(--h) * 100%);opacity:.75;background:currentColor;border-radius:2px;flex:1}.trend-bars.signed .trend-bar{height:calc(var(--h) * 50%);transform:translateY(-50%)}.trend-bars.signed .trend-bar.down{opacity:.35;transform:translateY(50%)}.ladder{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:14px;max-height:340px;margin-top:8px;padding:0 12px;overflow-y:auto}.ladder-row{align-items:flex-start;padding:10px 0}.ladder-row:last-child{border-bottom:none}.ladder-row .insignia.small{flex:none;margin-top:2px}.ladder-text{flex:1;min-width:0}.ladder-top{align-items:center;gap:8px;display:flex}.ladder-needs,.ladder-gives{font-size:calc(11px * var(--ui-scale));margin-top:2px;line-height:1.5}.ladder-gives{opacity:.75}.ladder-you,.ladder-done{font-size:calc(10px * var(--ui-scale));letter-spacing:.14em}.ladder-you{color:var(--on-accent);background:var(--text);border-radius:999px;padding:2px 8px}.ladder-row.current{background:color-mix(in srgb, currentColor 7%, transparent);margin:0 -12px;padding:10px 12px}.promo{color:var(--ui-fg);--promo:var(--text);z-index:50;background:color-mix(in srgb, var(--ui-bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.promo:not(.show){display:none}.promo-rays{background:repeating-conic-gradient(color-mix(in srgb, var(--promo) 22%, transparent) 0 8deg, transparent 8deg 22deg);border-radius:50%;width:520px;height:520px;animation:18s linear infinite promo-spin;position:absolute;-webkit-mask:radial-gradient(closest-side,#000 25%,#0000);mask:radial-gradient(closest-side,#000 25%,#0000)}.promo-card{text-align:center;flex-direction:column;align-items:center;max-width:320px;display:flex;position:relative}.promo-kicker{letter-spacing:.4em;margin-right:-.4em;font-weight:600}.promo-icon{width:128px;height:128px;filter:drop-shadow(0 8px 24px color-mix(in srgb, var(--promo) 55%, transparent));margin:18px 0 10px}.promo-name{font-size:calc(26px * var(--ui-scale));letter-spacing:.12em}.promo-lines{margin-top:14px;line-height:1.9}.promo-tap{margin-top:26px}.promo.show .promo-icon{animation:.7s cubic-bezier(.2,1.6,.4,1) both promo-pop}.promo.show .promo-kicker,.promo.show .promo-name,.promo.show .promo-lines{animation:.5s ease-out both promo-rise}.promo.show .promo-name{animation-delay:.15s}.promo.show .promo-lines{animation-delay:.3s}@keyframes promo-pop{0%{transform:scale(.3)rotate(-12deg)}to{transform:none}}@keyframes promo-rise{0%{transform:translateY(14px)}to{transform:none}}@keyframes promo-spin{to{transform:rotate(360deg)}}.reduce-motion .promo-rays,.reduce-motion .promo.show .promo-icon,.reduce-motion .promo.show .promo-kicker,.reduce-motion .promo.show .promo-name,.reduce-motion .promo.show .promo-lines{animation:none}.wallet-bar{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 16px);z-index:2;gap:6px;display:flex;position:absolute}.offline-mark{color:var(--ui-fg);font-size:calc(10px * var(--ui-scale));letter-spacing:.16em;opacity:.6;pointer-events:none;border-bottom-style:dashed;align-self:center;margin-right:2px}.coin{color:var(--ui-fg);height:calc(30px * var(--ui-scale));font:inherit;font-size:calc(12px * var(--ui-scale));letter-spacing:.06em;background:color-mix(in srgb, var(--ui-bg) 70%, transparent);border:1px solid color-mix(in srgb, currentColor 30%, transparent);pointer-events:auto;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 10px 0 7px;font-weight:500;display:inline-flex}.coin svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;width:16px;height:16px}.coin.premium svg{stroke:#8a63d2}.coin.bump{animation:.42s ease-out coin-bump}@keyframes coin-bump{30%{transform:scale(1.18)}to{transform:none}}.chip .news{vertical-align:2px;background:#e0503f;border-radius:50%;width:6px;height:6px;margin-left:5px;display:none}.chip .news.on{display:inline-block}.group-note{float:right;text-transform:none;letter-spacing:.06em;font-weight:400}.shop-wallet{text-align:center;margin:4px 0 0}.shop-row{min-height:calc(58px * var(--ui-scale));border-bottom:1px solid color-mix(in srgb, currentColor 25%, transparent);cursor:pointer;align-items:center;gap:12px;padding:8px 0;display:flex}.shop-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pill.shop-buy{min-width:0;min-height:calc(38px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));letter-spacing:.08em;flex:none;padding:0 16px}.pill:disabled{opacity:.45;cursor:default}.screen.panel.showroom{background:linear-gradient(to bottom, color-mix(in srgb, var(--ui-bg) 70%, transparent), transparent 18%);-webkit-backdrop-filter:none;backdrop-filter:none}.showroom-spin{pointer-events:auto;touch-action:none;cursor:grab;position:absolute;top:0;bottom:0;left:0;right:0}.showroom-spin:active{cursor:grabbing}.showroom-note{left:calc(var(--safe-left) + 24px);right:calc(var(--safe-right) + 24px);top:calc(var(--safe-top) + 82px);text-align:center;line-height:1.4;position:absolute}.settings.sheet{color:var(--ui-fg);height:66%;padding:4px calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 20px);background:color-mix(in srgb, var(--ui-bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -10px 30px -18px color-mix(in srgb, var(--text) 60%, transparent);border-radius:22px 22px 0 0;top:auto;bottom:0;left:0;right:0}.sheet .settings-group:first-child{margin-top:14px}.shop-tabs{background:color-mix(in srgb, currentColor 6%, transparent);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 4px;padding:4px;display:grid}.shop-tabs .tab{letter-spacing:.08em;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:6px 4px 5px;transition:background-color .15s,color .15s;display:flex}.shop-tabs .tab-label,.shop-tabs .tab-note{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.shop-tabs .tab-note{font-size:calc(10px * var(--ui-scale));letter-spacing:.04em;opacity:.6}.shop-tabs .tab.on .tab-note{opacity:.8}.offer-cards{margin:8px calc(-1 * (var(--safe-right) + 20px)) 0 calc(-1 * (var(--safe-left) + 20px));padding:4px calc(var(--safe-right) + 20px) 6px calc(var(--safe-left) + 20px);scrollbar-width:none;touch-action:pan-x pan-y;grid-auto-columns:calc(35% - 6px);grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.offer-cards::-webkit-scrollbar{display:none}.offer-cards.more-right,.chip-row.more-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}.scroll-hint{background:color-mix(in srgb, currentColor 10%, transparent);pointer-events:none;border-radius:999px;height:3px;margin:5px 0 0;position:relative}.scroll-hint[hidden]{display:none}.scroll-thumb{border-radius:inherit;background:color-mix(in srgb, currentColor 45%, transparent);min-width:18px;transition:left 80ms linear;position:absolute;top:0;bottom:0}.hangar-sheet .scroll-hint{flex:none;margin:-4px 0 10px}.offer-cards.grid{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;margin-left:0;margin-right:0;padding:4px 0 2px;overflow:visible}.sheet .settings-group.shop-head{margin-top:10px}.settings-group.shop-head{opacity:1;flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;display:flex}.shop-head>span{opacity:.6;white-space:nowrap}.shop-head .group-note{float:none;text-overflow:ellipsis;text-align:right;flex:auto;min-width:0;overflow:hidden}.shop-tool{border:1px solid color-mix(in srgb, currentColor 30%, transparent);font:inherit;font-family:var(--font-mono);font-size:calc(10.5px * var(--ui-scale));letter-spacing:.04em;text-transform:none;color:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;margin:-2px 0;padding:3px 10px}#shop-layout{margin-left:auto}.shop-tool[hidden],.shop-head .group-note[hidden]{display:none}#shop-heading{text-overflow:ellipsis;flex:none;min-width:0;max-width:100%;overflow:hidden}.shop-tool.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.offer-card{font:inherit;color:inherit;text-align:center;background:color-mix(in srgb, currentColor 4%, transparent);border:1px solid color-mix(in srgb, currentColor 14%, transparent);cursor:pointer;border-radius:18px;flex-direction:column;align-items:stretch;gap:8px;padding:5px 5px 10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}@media (max-height:700px){.card-art{aspect-ratio:1.8}.offer-card{gap:6px}}.offer-card.picked{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 6px 18px -12px var(--accent)}.offer-card:active{transform:scale(.97)}.card-art{aspect-ratio:1.25;background:color-mix(in srgb, currentColor 7%, transparent);border-radius:13px;place-items:center;display:grid}.card-swatch{border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.card-swatch svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:32px;height:32px}.card-text{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.card-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:calc(13px * var(--ui-scale));font-weight:500;overflow:hidden}.card-slot{font-size:calc(10px * var(--ui-scale))}.card-price{max-width:100%;font-family:var(--font-mono);font-size:calc(10.5px * var(--ui-scale));letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;background:color-mix(in srgb, currentColor 8%, transparent);border-radius:999px;margin-top:6px;padding:3px 6px;overflow:hidden}.card-price.premium{color:#8a63d2;background:#8a63d221}.offer-card.owned .card-price{color:inherit;opacity:.6;background:0 0}.card-kicker{font-size:calc(10px * var(--ui-scale));letter-spacing:.16em;text-transform:uppercase;color:#8a63d2;margin-bottom:4px}.offer-cards.feature{grid-auto-columns:100%}.offer-cards.feature .offer-card{text-align:left;flex-direction:row;align-items:center;gap:16px;padding:8px 16px 8px 8px}.offer-cards.feature .card-art{aspect-ratio:1;flex:none;width:104px}.offer-cards.feature .card-swatch{width:64px;height:64px}.offer-cards.feature .card-swatch svg{width:44px;height:44px}.offer-cards.feature .card-text{align-items:flex-start}.offer-cards.feature .card-name{font-size:calc(17px * var(--ui-scale))}.offer-cards.feature .card-slot{font-size:calc(12px * var(--ui-scale))}.card-deal{font-size:calc(10px * var(--ui-scale));color:var(--sky,#f1ede4);background:#e0503f;border-radius:999px;padding:2px 6px;font-weight:600;position:absolute;top:10px;right:10px}.shop-info{background:color-mix(in srgb, currentColor 5%, transparent);border-radius:12px;margin-top:12px;padding:10px 12px;line-height:1.45}.shop-info:empty{display:none}.pill.sheet-buy{width:100%;margin-top:12px}.pill.pass-premium{width:100%;margin-top:14px}.pass-head,.pass-tier{grid-template-columns:40px 1fr 1fr;align-items:center;gap:8px;display:grid}.pass-head{font-size:calc(11px * var(--ui-scale));letter-spacing:.2em;text-transform:uppercase;margin:20px 0 4px}.pass-tier{min-height:calc(46px * var(--ui-scale));border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent);opacity:.75}.pass-tier.reached{opacity:1}.pass-tier.current{opacity:1;border-bottom-color:currentColor}.pass-num{font-size:calc(15px * var(--ui-scale));text-align:center;font-weight:500}.pass-tier.reached .pass-num:after{content:" ✓";font-size:.75em}.pass-cell{font-size:calc(12px * var(--ui-scale));line-height:1.35}.pass-cell.premium{color:#4b2a94}body.dark .pass-cell.premium{color:#c9b3ff}.calendar{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.cal-day{text-align:center;border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:12px;flex-direction:column;gap:4px;padding:10px 6px;display:flex}.cal-day:last-child{grid-column:span 2}.cal-day.claimed{opacity:.45}.cal-day.today{background:color-mix(in srgb, currentColor 8%, transparent);border-color:currentColor}.cal-num{font-size:calc(10px * var(--ui-scale));letter-spacing:.16em}.cal-reward{font-size:calc(11px * var(--ui-scale));line-height:1.3}.pill.daily-claim{width:100%;margin-top:12px}.over-rewards{margin-top:12px;line-height:1.8}.over-rewards:empty{display:none}.offer{cursor:default}.offer-ring{--left:1;background:conic-gradient(var(--text) calc(var(--left) * 360deg), color-mix(in srgb, var(--text) 14%, transparent) 0);width:84px;height:84px;font-size:calc(28px * var(--ui-scale));border-radius:50%;place-items:center;margin:18px 0 8px;display:grid;position:relative}.offer-ring:before{content:"";background:var(--ui-bg);border-radius:50%;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.offer-ring span{position:relative}.offer-ring[hidden]{display:none}.pill.offer-yes{min-width:220px;margin-top:22px}.pill.offer-alt{min-width:220px;margin-top:10px}.offer-no{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:8px 16px}.countdown{z-index:40;font-size:calc(96px * var(--ui-scale));pointer-events:none;text-shadow:0 0 2px var(--sky,transparent), 0 0 18px var(--sky,transparent);place-items:center;font-weight:300;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.countdown:empty{display:none}.countdown.tick{animation:1s ease-out count-tick}@keyframes count-tick{0%{transform:scale(1.5)}25%{transform:none}}.reduce-motion .countdown.tick,.reduce-motion .coin.bump{animation:none}.board-tabs,.chip-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin:6px 0 12px;padding:2px 0 4px;display:flex;overflow-x:auto}.sheet .chip-row{margin-right:calc(-1 * (var(--safe-right) + 20px));padding-right:calc(var(--safe-right) + 20px)}.board-tabs::-webkit-scrollbar{display:none}.chip-row::-webkit-scrollbar{display:none}.board-tabs .tab,.chip-row .tab{white-space:nowrap;flex:none}.premium-badge{color:#c9a646;margin-left:6px;font-size:.8em}.board-row{width:100%;font:inherit;color:inherit;text-align:left;border:0;border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent);cursor:pointer;background:0 0;grid-template-columns:2.4em 52px 1fr auto;align-items:center;gap:10px;padding:6px 0;display:grid}.board-ship{object-fit:contain;width:52px;height:31px}.board-ship.none{visibility:hidden}.board-more{text-align:center;border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent);flex-direction:column;align-items:center;gap:6px;padding:6px 0 14px;display:flex}.board-more img{aspect-ratio:168/100;width:min(300px,100%)}.pilot-card{text-align:left;width:100%;margin-top:6px}.pilot-head{background:color-mix(in srgb, currentColor 5%, transparent);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pilot-insignia{flex:none;place-items:center;width:40px;height:40px;display:grid}.pilot-insignia svg{width:100%;height:100%}.pilot-rank{flex-direction:column;gap:2px;min-width:0;display:flex}.pilot-rows{margin-top:6px}.board-row .rank{opacity:.55;font-variant-numeric:tabular-nums}.board-row .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-row .pts{font-variant-numeric:tabular-nums}.board-row.you{background:color-mix(in srgb, currentColor 9%, transparent);border-radius:10px;margin:0 -10px;padding-left:10px;padding-right:10px;font-weight:600}.board-row.you .rank{opacity:1}.board-gap{text-align:center;opacity:.4;letter-spacing:.4em;padding:2px 0}.name-edit{align-items:center;gap:8px;margin-top:8px;display:flex}.name-edit input,.name-input{min-width:0;font:inherit;font-size:calc(14px * var(--ui-scale));letter-spacing:.08em;color:inherit;border:1px solid color-mix(in srgb, currentColor 35%, transparent);background:0 0;border-radius:999px;flex:1;padding:9px 14px}.name-edit input:focus,.name-input:focus{border-color:currentColor;outline:none}.settings.sheet.hangar-sheet{flex-direction:column;height:56%;padding-top:12px;display:flex;overflow:hidden}@media (max-height:700px){.settings.sheet.hangar-sheet{height:66%}.hangar-detail{padding-top:6px}.hangar-status{margin:1px 0 6px}.hangar-detail .pill{min-height:calc(40px * var(--ui-scale))}}.hangar-sheet .chip-row{flex:none;margin-top:0;margin-bottom:8px}.chip-row .tab small{opacity:.6;margin-left:6px;font-size:.85em}.chip-row .tab.on small{opacity:.8}.hangar-pane{flex-direction:column;flex:1;min-height:0;display:flex}.hangar-pane[hidden]{display:none}.hangar-scroll{scrollbar-width:none;touch-action:pan-y;overflow-y:auto}.hangar-scroll::-webkit-scrollbar{display:none}.hangar-grid{touch-action:pan-y;scrollbar-width:none;flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:8px;min-height:0;padding:2px 2px 10px;display:grid;overflow-y:auto}.hangar-grid::-webkit-scrollbar{display:none}.hangar-card{font:inherit;color:inherit;text-align:center;background:color-mix(in srgb, currentColor 4%, transparent);border:1px solid color-mix(in srgb, currentColor 20%, transparent);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:9px 3px 8px;display:flex;position:relative}.hangar-card.picked{background:color-mix(in srgb, currentColor 10%, transparent);border:2px solid;padding:8px 2px 7px}.hangar-card.locked .card-swatch{opacity:.55}.hangar-card .card-swatch{width:38px;height:38px;margin-bottom:3px}.hangar-card .card-swatch svg{width:24px;height:24px}.hangar-card .card-swatch svg[viewBox] path[fill=currentColor]{stroke:none}.hangar-card .card-name{font-size:calc(10.5px * var(--ui-scale));text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2;overflow:hidden}.hangar-card .card-sub{font-size:calc(9px * var(--ui-scale));opacity:.6;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2;overflow:hidden}.hangar-card .card-tick{font-size:calc(11px * var(--ui-scale));position:absolute;top:4px;right:6px}.hangar-detail{border-top:1px solid color-mix(in srgb, currentColor 18%, transparent);flex:none;padding-top:10px}.hangar-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hangar-name{font-size:calc(15px * var(--ui-scale));font-weight:500}.hangar-status{min-height:2.4em;margin:3px 0 8px;line-height:1.35}.hangar-goal{margin:0 0 10px}.hangar-detail .pill{width:100%}.goal-group{margin:22px 0 4px}.goal-row{border-bottom:1px solid color-mix(in srgb, currentColor 16%, transparent);padding:11px 0}.goal-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.goal-name{font-size:calc(13px * var(--ui-scale))}.goal-count{white-space:nowrap;font-size:calc(11px * var(--ui-scale));opacity:.7;font-variant-numeric:tabular-nums;flex-shrink:0}.goal-text{font-size:calc(11px * var(--ui-scale));opacity:.65;margin:2px 0 6px}.goal-reward{font-size:calc(10.5px * var(--ui-scale));opacity:.7;margin-top:6px}.goal-row.claimed .goal-name:before{content:"✓ "}.goal-row.claimed{opacity:.6}.goal-row.claim .goal-name{font-weight:500}.goal-reroll{font:inherit;font-size:calc(11px * var(--ui-scale));color:inherit;cursor:pointer;background:0 0;border:none;margin:-4px 0 -10px;padding:10px 0;text-decoration:underline;display:inline-block}.pill.claim-btn{min-width:0;min-height:calc(32px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));padding:0 16px}.tab .news{vertical-align:2px;background:#e0503f;border-radius:50%;width:6px;height:6px;margin-left:6px;display:none}.tab .news.on{display:inline-block}.goal-row .xp-track{height:4px}.store-wallet{text-align:center;margin:4px 0 14px}.store-hero{border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, currentColor 4%, transparent);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:16px;display:grid}.store-hero-img{object-fit:contain;border-radius:14px;width:72px;height:72px}.store-hero-text{flex-direction:column;gap:2px;min-width:0;display:flex}.store-kicker{font-size:calc(10px * var(--ui-scale));letter-spacing:.24em;text-transform:uppercase}.store-hero-title{font-size:calc(22px * var(--ui-scale));font-weight:500}.store-hero-progress,.store-perks,.store-hero-buttons{grid-column:1/-1}.store-hero-progress{margin-top:8px}.store-hero-progress .xp-track{margin:6px 0 0}.store-tier{font-size:calc(12px * var(--ui-scale))}.store-perks{font-size:calc(12px * var(--ui-scale));margin:10px 0 0;padding:0 0 0 18px;line-height:1.6}.store-hero-buttons{flex-direction:column;gap:8px;margin-top:12px;display:flex}.pill.store-pass-btn{width:100%}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.store-card{text-align:center;border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, currentColor 4%, transparent);border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:14px 10px 12px;display:flex;position:relative}.store-img{object-fit:contain;border-radius:14px;width:80px;height:80px;margin-bottom:4px}body:not(.dark) .store-img,body:not(.dark) .store-hero-img{mix-blend-mode:multiply}.store-card.owned .store-img{opacity:.55}.store-name{font-size:calc(14px * var(--ui-scale));font-weight:500}.store-sub{font-size:calc(11px * var(--ui-scale));line-height:1.45}.store-tag{font-size:calc(10px * var(--ui-scale));letter-spacing:.06em;border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:999px;padding:1px 7px;position:absolute;top:8px;right:8px}.pill.store-price{width:100%;min-width:0;min-height:calc(38px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));letter-spacing:.06em;margin-top:auto;padding:0 10px}.store-text{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.store-swaps{flex-direction:column;gap:8px;margin-top:12px;display:flex}.pill.store-swap{width:100%;min-height:calc(42px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));letter-spacing:.06em}.store-foot{border-top:1px solid color-mix(in srgb, currentColor 25%, transparent);margin-top:18px}.settings.welcome-sheet{height:auto;max-height:60%;padding-top:16px}.welcome-sheet:has([data-welcome=controls]:not([hidden])){max-height:78%}.welcome-sheet:has([data-welcome=feel]:not([hidden])){max-height:78%}.welcome-sheet .pill.sheet-buy+.pill.sheet-buy{margin-top:8px}.welcome-skip{font:inherit;font-size:calc(12px * var(--ui-scale));color:inherit;cursor:pointer;background:0 0;border:none;margin:14px auto 0;padding:6px;text-decoration:underline;display:block}.ctl-cards{grid-template-columns:repeat(var(--cards,3), minmax(0, 1fr));gap:8px;margin:12px 0 4px;display:grid}.ctl-card{min-width:0;font:inherit;color:inherit;text-align:center;background:color-mix(in srgb, currentColor 4%, transparent);border:1px solid color-mix(in srgb, currentColor 22%, transparent);cursor:pointer;text-shadow:none;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;transition:border-color .15s ease-out,background-color .15s ease-out;display:flex;position:relative}.ctl-card.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);box-shadow:inset 0 0 0 1px var(--accent)}.ctl-card:active{transform:scale(.98)}.ctl-card:focus{outline:none}.ctl-card:focus-visible{outline-offset:2px;outline:2px solid}.ctl-art{width:calc(56px * var(--ui-scale));max-width:100%;display:block}.ctl-svg{width:100%;height:auto;display:block;overflow:visible}.ctl-name{font-family:var(--font-mono);font-size:calc(12px * var(--ui-scale));letter-spacing:.12em;margin-top:4px}.ctl-card.on .ctl-name{font-weight:500}.ctl-line{font-size:calc(11.5px * var(--ui-scale));opacity:.85;text-wrap:balance;line-height:1.35}.ctl-good{font-size:calc(10.5px * var(--ui-scale));opacity:.6;text-wrap:balance;margin-top:3px;line-height:1.3}.ctl-tag{font-family:var(--font-mono);font-size:calc(10px * var(--ui-scale));letter-spacing:.14em;color:var(--ui-bg);background:var(--ui-fg);white-space:nowrap;border-radius:999px;padding:1px 8px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.welcome-later{text-align:center}.ctl-svg .art-fill,.ctl-svg .art-press{fill:currentColor;fill-opacity:.22}.ctl-svg .art-half{fill:currentColor;fill-opacity:0;stroke:none}.ctl-svg .art-key rect{fill:currentColor;fill-opacity:0}.ctl-svg .art-text{fill:currentColor;stroke:none;font-family:var(--font-mono);text-anchor:middle;font-size:7px}.ctl-svg .art-ship-shape{fill:currentColor}.ctl-svg .art-trail,.ctl-svg .art-arc{opacity:.45}.ctl-svg .art-rm{display:none}.ctl-svg .art-move-t{animation:2.8s ease-in-out infinite art-swing}.ctl-svg .art-move-s{animation:2.8s ease-in-out infinite art-follow}.ctl-svg .art-phone{transform-box:view-box;transform-origin:32px 40px;animation:2.8s ease-in-out infinite art-rock}.ctl-svg .art-half-l,.ctl-svg .art-key-l rect{animation:2.8s step-end infinite art-on-first}.ctl-svg .art-half-r,.ctl-svg .art-key-r rect{animation:2.8s step-end infinite art-on-second}.ctl-svg .art-press-l{animation:2.8s step-end infinite art-show-first}.ctl-svg .art-press-r{animation:2.8s step-end infinite art-show-second}.ctl-art:has(.art-half) .art-move-s{animation-name:art-step}.ctl-art:has(.art-key) .art-move-s{animation-name:art-step}@keyframes art-swing{0%,to{transform:translate(-12px)}50%{transform:translate(12px)}}@keyframes art-follow{0%,to{transform:translate(-11px)}50%{transform:translate(11px)}}@keyframes art-step{0%{transform:translate(11px)}15%,50%{transform:translate(-11px)}65%,to{transform:translate(11px)}}@keyframes art-rock{0%,to{transform:rotate(-13deg)}50%{transform:rotate(13deg)}}@keyframes art-on-first{0%{fill-opacity:.24}50%{fill-opacity:0}}@keyframes art-on-second{0%{fill-opacity:0}50%{fill-opacity:.24}}@keyframes art-show-first{0%{opacity:1}50%{opacity:0}}@keyframes art-show-second{0%{opacity:0}50%{opacity:1}}@keyframes art-pulse{0%,to{opacity:1}50%{opacity:.35}}.ctl-art[data-dir] .ctl-svg *{animation:none}.ctl-art[data-dir=l] .art-move-t{transform:translate(-12px)}.ctl-art[data-dir=r] .art-move-t{transform:translate(12px)}.ctl-art[data-dir=l] .art-move-s{transform:translate(-11px)}.ctl-art[data-dir=r] .art-move-s{transform:translate(11px)}.ctl-art[data-dir=l] .art-phone{transform:rotate(-13deg)}.ctl-art[data-dir=r] .art-phone{transform:rotate(13deg)}.ctl-art[data-dir] .art-press{opacity:0}.ctl-art[data-dir=l] :is(.art-half-l,.art-key-l rect){fill-opacity:.26}.ctl-art[data-dir=r] :is(.art-half-r,.art-key-r rect){fill-opacity:.26}.ctl-art[data-dir=l] :-webkit-any(.art-move-t,.art-half-l,.art-key-l,.art-press-l){opacity:1;animation:.9s ease-in-out infinite art-pulse}.ctl-art[data-dir=l] :is(.art-move-t,.art-half-l,.art-key-l,.art-press-l){opacity:1;animation:.9s ease-in-out infinite art-pulse}.ctl-art[data-dir=r] :-webkit-any(.art-move-t,.art-half-r,.art-key-r,.art-press-r){opacity:1;animation:.9s ease-in-out infinite art-pulse}.ctl-art[data-dir=r] :is(.art-move-t,.art-half-r,.art-key-r,.art-press-r){opacity:1;animation:.9s ease-in-out infinite art-pulse}.reduce-motion .ctl-svg *,.reduce-motion .ctl-art[data-dir] .ctl-svg *{animation:none!important}.reduce-motion .ctl-art:not([data-dir]) .art-move-t,.reduce-motion .ctl-art:not([data-dir]) .art-move-s,.reduce-motion .ctl-art:not([data-dir]) .art-phone{transform:none}.reduce-motion .ctl-art:not([data-dir]) .art-half,.reduce-motion .ctl-art:not([data-dir]) .art-key rect{fill-opacity:.1}.reduce-motion .ctl-art:not([data-dir]) .art-press{opacity:0}.reduce-motion .ctl-art:not([data-dir]) .art-rm{display:inline}@media (prefers-reduced-motion:reduce){.ctl-svg *{animation:none!important}.ctl-art:not([data-dir]) .art-move-t,.ctl-art:not([data-dir]) .art-move-s,.ctl-art:not([data-dir]) .art-phone{transform:none}.ctl-art:not([data-dir]) .art-press{opacity:0}.ctl-art:not([data-dir]) .art-rm{display:inline}}.tutorial{color:var(--ui-fg);left:calc(var(--safe-left) + 20px);right:calc(var(--safe-right) + 20px);top:calc(var(--safe-top) + 92px);z-index:5;text-align:center;background:color-mix(in srgb, var(--ui-bg) 90%, transparent);border:1px solid color-mix(in srgb, var(--ui-fg) 12%, transparent);pointer-events:auto;border-radius:16px;justify-items:center;gap:4px;max-width:440px;margin:0 auto;padding:10px 16px 6px;display:grid;position:absolute}.tutorial[hidden]{display:none}.tutorial.point-up:before{content:"";background:inherit;border-left:inherit;border-top:inherit;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.tutorial-head{align-items:center;gap:10px;display:flex}.tutorial-head .label{font-size:calc(11px * var(--ui-scale));letter-spacing:.1em}.tutorial-dots{gap:5px;display:flex}.tutorial-dots i{opacity:.45;border:1px solid;border-radius:50%;width:6px;height:6px}.tutorial-dots i.done{opacity:.45;background:currentColor}.tutorial-dots i.now{opacity:1;background:currentColor}.tutorial-item{align-items:center;gap:8px;display:flex}.tutorial-item[hidden]{display:none}.tutorial-icon .item-icon{width:calc(26px * var(--ui-scale));height:calc(26px * var(--ui-scale));display:block}.tutorial-name{font-family:var(--font-mono);font-size:calc(14px * var(--ui-scale));letter-spacing:.12em;filter:brightness(.8);font-weight:500}body.dark .tutorial-name{filter:none}.tutorial-text{font-size:calc(15px * var(--ui-scale));letter-spacing:.04em;text-wrap:balance;line-height:1.4}.tutorial .link{font:inherit;font-size:calc(11px * var(--ui-scale));color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;justify-self:center;padding:6px 12px;text-decoration:underline}.teach-art{left:calc(var(--safe-left) + 16px);bottom:calc(var(--safe-bottom) + 18px);color:var(--ui-fg);background:color-mix(in srgb, var(--ui-bg) 82%, transparent);pointer-events:none;border-radius:14px;padding:6px 10px 4px;animation:.3s ease-out both teach-in;position:absolute}.teach-art .ctl-art{width:calc(46px * var(--ui-scale))}.boost-left .teach-art{left:auto;right:calc(var(--safe-right) + 16px)}@keyframes teach-in{0%{opacity:0}to{opacity:1}}.teach-marks{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.teach-mark{--mark:var(--text);color:var(--mark);will-change:transform;position:absolute;top:0;left:0}.teach-mark>*{position:absolute;left:0;transform:translate(-50%)}.teach-mark svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:10px;animation:1.1s ease-in-out infinite alternate mark-bob;bottom:6px}.teach-mark-label{font-family:var(--font-mono);font-size:calc(11px * var(--ui-scale));letter-spacing:.08em;white-space:nowrap;color:var(--sky,#f1ede4);background:var(--mark);border-radius:999px;padding:1px 7px;bottom:18px}.teach-mark.tinted .teach-mark-label{color:#1c1b19}.teach-mark.below svg{top:6px;bottom:auto;rotate:180deg}.teach-mark.below .teach-mark-label{top:18px;bottom:auto}@keyframes mark-bob{0%{translate:0}to{translate:0 3px}}.reduce-motion .teach-mark svg,.reduce-motion .teach-art,.reduce-motion .hud-boost.teach .boost-dial:after{animation:none}.combo.teach:after{content:"your chain · up to x" attr(data-max);font-family:var(--font-mono);font-size:calc(11px * var(--ui-scale));letter-spacing:.08em;opacity:.85;margin-top:2px;display:block}.hud-boost.teach .boost-dial:after{content:"";border:2px solid;border-radius:50%;animation:1.2s ease-out infinite boost-ring;position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px}@keyframes boost-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}.menu-open .tutorial,.menu-open .teach-art,.menu-open .teach-marks{visibility:hidden}.guide{z-index:60;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px);color:var(--ui-fg);background:color-mix(in srgb, var(--ui-bg) 40%, transparent);pointer-events:auto;text-shadow:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.guide[hidden]{display:none}.guide-card{overscroll-behavior:contain;touch-action:pan-y;background:var(--ui-bg);border:1px solid color-mix(in srgb, var(--ui-fg) 14%, transparent);width:100%;max-width:440px;max-height:100%;box-shadow:0 10px 40px -18px color-mix(in srgb, var(--text) 70%, transparent);border-radius:22px;padding:4px 20px 16px;animation:.2s ease-out both teach-in;overflow-y:auto}.guide-card .settings-group:first-child{margin-top:16px}.guide-row{border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.guide-icon .item-icon{width:calc(30px * var(--ui-scale));height:calc(30px * var(--ui-scale));display:block}.guide-text{min-width:0}.guide-name{font-family:var(--font-mono);font-size:calc(13px * var(--ui-scale));letter-spacing:.1em;line-height:1.5}.guide-does{font-size:calc(13px * var(--ui-scale));opacity:.85;line-height:1.4}.guide-note{padding-top:10px}.name-input{box-sizing:border-box;width:100%;margin-top:8px;display:block}a.setting-row{color:inherit;text-decoration:none}.title-word.sub,.bar-btn svg,#title-rank-icon{color:var(--accent);transition:color .6s}.title-rank:not(.title-league){border-color:color-mix(in srgb, var(--accent) 70%, transparent)}body.dark{--ui-bg:#141518;--ui-fg:#ebe9e3;--on-accent:#141518}body.dark .showroom-note,body.dark .showroom .panel-head,body.dark #screen-title .title-word.sub{color:var(--text)}.score,.pill,.tab,.chip,.coin,.settings-group,.setting-row .value,.panel-title,.bar-btn,.kicker,.hud-mode,.level-num,.promo-kicker,.title-word.sub,.pts,.stat-value{font-family:var(--font-mono)}.store-card{border:1.5px solid color-mix(in srgb, currentColor 70%, transparent);background:color-mix(in srgb, currentColor 3%, transparent);border-radius:18px;margin:14px 0 12px;overflow:hidden}.store-card-pass,.store-card-cores{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.store-card-pass:active,.store-card-cores:active{background:color-mix(in srgb, currentColor 6%, transparent)}.store-card-pass{gap:14px;padding:12px 14px 12px 12px}.store-card-img{border-radius:14px;flex:none;width:64px;height:64px}.store-card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.store-card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.store-card-title{font-family:var(--font-mono);font-size:calc(14px * var(--ui-scale));letter-spacing:.02em;white-space:nowrap;flex:none;font-weight:500}.store-card-left{text-overflow:ellipsis;min-width:0;overflow:hidden}.store-card-left,.store-card-tier,.store-card-note{font-family:var(--font-mono);font-size:calc(11px * var(--ui-scale));opacity:.6;white-space:nowrap}.store-card-hook{font-size:calc(13px * var(--ui-scale));line-height:1.3}.store-card-bar{align-items:center;gap:8px;margin-top:2px;display:flex}.store-card-bar .xp-track{flex:1;height:4px;margin:0}.store-card-go{opacity:.5;flex:none;font-size:22px;line-height:1}.store-card-cores{border-top:1px solid color-mix(in srgb, currentColor 18%, transparent);gap:10px;padding:10px 14px 10px 12px}.store-card-core{border-radius:8px;flex:none;width:28px;height:28px}.store-card-buy{font-family:var(--font-mono);font-size:calc(14px * var(--ui-scale));letter-spacing:.04em;color:#8a63d2;font-weight:500}.store-card-note{text-overflow:ellipsis;text-align:right;flex:1;min-width:0;overflow:hidden}.pilot-report{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:10px;display:flex}.pilot-report-link{font:inherit;font-size:calc(11px * var(--ui-scale));letter-spacing:.1em;color:inherit;background:0 0;border:0;margin:-8px 0;padding:8px 14px}.pilot-report-reasons{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.quick-retry{z-index:90;background:var(--ui-bg);width:-moz-fit-content;width:fit-content;max-width:min(440px,100% - 32px);color:var(--ui-fg);border:1px solid color-mix(in srgb, var(--ui-fg) 18%, transparent);text-align:center;text-shadow:none;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin:0 auto;padding:12px 20px 10px;animation:.24s ease-out both quick-retry;display:flex;position:absolute;top:50%;left:16px;right:16px}.quick-retry[hidden]{display:none}.quick-retry-menu{font:inherit;color:inherit;background:0 0;border:0;margin:-2px 0 -6px;padding:6px 14px}@keyframes quick-retry{0%{opacity:0;transform:translateY(6px)}}.reduce-motion .quick-retry{animation-name:quick-retry-fade}@keyframes quick-retry-fade{0%{opacity:0}}.banner.milestone{top:38%}.milestone-big{font-size:calc(30px * var(--ui-scale));letter-spacing:.02em;margin-bottom:6px;font-weight:300}.menu-open .banner.milestone{display:none}#hud.zen #hud-score,#hud.zen .progress,#hud.zen .hud-side:first-child>:not(.hud-mode){visibility:hidden}.hud-zen{letter-spacing:.06em;margin-top:-1.6em}.fade{z-index:50;background:var(--sky,#000);opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.fade.show{animation:fade-respawn var(--fade-ms,.8s) ease-in-out both}@keyframes fade-respawn{0%{opacity:0}40%,55%{opacity:1}to{opacity:0}}.over-details-toggle{font:inherit;font-size:calc(12px * var(--ui-scale));letter-spacing:.08em;color:inherit;text-underline-offset:3px;opacity:.8;cursor:pointer;background:0 0;border:none;margin:4px 0 0;padding:8px 14px;text-decoration:underline;display:inline-block}.over-details{border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:12px;width:min(320px,100%);margin:8px auto 0;padding:8px 12px}.over-details[hidden]{display:none}.over-spark{width:100%;height:36px;display:block}.over-spark-box:empty{display:none}.over-detail-rows{grid-template-columns:1fr 1fr;gap:2px 14px;margin-top:6px;display:grid}.over-detail-rows .stat-row{min-height:0;font-size:calc(11px * var(--ui-scale));border:0;gap:8px;padding:3px 0}.over-detail-rows .stat-row:first-child{grid-column:1/-1}