:root{--ink: #f4f7fa;--ink-2: #c5d0db;--muted: #8f9eae;--dark: #0b1118;--glass: rgba(10, 15, 22, .56);--glass-solid: rgba(10, 15, 22, .76);--sheet: rgba(11, 17, 24, .84);--line: rgba(255, 255, 255, .12);--line-2: rgba(255, 255, 255, .24);--orange: #f07a3c;--orange-hi: #ff9258;--blue: #4fa3ff;--ease: cubic-bezier(.2, .8, .2, 1);--display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--gut: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--dark);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 45%,transparent 58%,rgba(8,14,22,.3))}canvas#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}[hidden]{display:none!important}body:not(.is-touch) .t,body.is-touch .k{display:none}kbd{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:7px;background:linear-gradient(#26303b,#161d26);border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;font:700 13px/1 var(--display);color:#fff;box-shadow:0 2px 6px #00000040}.label{font:600 11px/1 var(--mono);letter-spacing:.14em;color:var(--muted)}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:0 10px 30px #04080c2e;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}body.is-touch .glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-solid)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.topbar,.cluster,.hint{transition:opacity .5s var(--ease),transform .6s var(--ease),visibility .5s}.topbar{position:absolute;top:calc(var(--sat) + 14px);left:calc(var(--sal) + var(--gut));right:calc(var(--sar) + var(--gut));display:flex;align-items:center;gap:16px}.bug{height:40px;padding:0 14px 0 16px;border-radius:999px;display:flex;align-items:center;gap:10px;white-space:nowrap}.bug-mark{font:900 12px/1 var(--display);letter-spacing:.22em}.bug-mark:after{content:"";display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:var(--orange);vertical-align:1px}.bug-course{padding-left:10px;border-left:1px solid var(--line-2);font:600 10px/1 var(--mono);letter-spacing:.14em;color:var(--ink-2);text-transform:uppercase}.bug-course:empty{display:none}.progress{position:relative;flex:1;max-width:380px;height:4px;margin:0 auto;border-radius:4px;background:#ffffff4d;box-shadow:0 1px 8px #04080c4d}.progress:after{content:"";position:absolute;right:-1px;top:-5px;width:3px;height:14px;border-radius:2px;background:#fff;box-shadow:0 1px 6px #04080c66}#progress{position:relative;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(240,122,60,.35),var(--orange))}#progress:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #f07a3c8c,0 2px 10px #04080c66}.topright{display:flex;gap:8px;pointer-events:auto}.icon,.pill{height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ink);transition:background .2s,transform .15s}.icon{width:40px}.pill{padding:0 15px 0 13px;font-weight:700;font-size:14px}.icon svg,.pill svg{width:18px;height:18px;flex:none}.icon:active,.pill:active{transform:scale(.95)}.icon .off-ico,.icon.off .on-ico{display:none}.icon.off .off-ico{display:block}.icon.off{color:var(--muted)}.cluster{position:absolute;left:calc(var(--sal) + var(--gut));bottom:calc(var(--sab) + var(--gut));display:flex;align-items:center;gap:6px;padding:12px 18px 10px 10px;border-radius:24px}.gauge{position:relative;flex:none;width:188px;height:104px}.gauge svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.g-track{fill:none;stroke:#ffffff21;stroke-width:9;stroke-linecap:round}.g-ticks{fill:none;stroke:#ffffff6b;stroke-width:1.6;stroke-linecap:round}.g-fill{fill:none;stroke-width:9;stroke-dasharray:100 200;stroke-dashoffset:100}.g-fill.l{stroke:var(--blue)}.g-fill.r{stroke:var(--orange)}.g-peak{opacity:0;transition:opacity .25s}.g-peak.l,.g-peak.r{opacity:1}.g-peak path{stroke:#fff;stroke-width:2.5;stroke-linecap:round}.g-needle circle{fill:#fff;stroke:var(--dark);stroke-width:2.5}.g-lbl{font:700 10px var(--mono);letter-spacing:.1em}.g-lbl.l{fill:var(--blue)}.g-lbl.r{fill:var(--orange)}.g-read{position:absolute;left:0;right:0;top:33px;text-align:center}.big{font:800 44px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.big i{margin-left:1px;font-style:normal;font-weight:700;font-size:.5em;color:var(--ink-2);vertical-align:.8em}.side{margin-top:5px;font:700 9.5px/1 var(--mono);letter-spacing:.16em;color:var(--muted);white-space:nowrap}.side.left{color:var(--blue)}.side.right{color:var(--orange)}.stats{display:grid;gap:9px;min-width:118px;padding-left:16px;border-left:1px solid var(--line)}.stat{display:flex;align-items:baseline;gap:5px}.stat b{font:800 24px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat small{font:600 9px/1 var(--mono);letter-spacing:.14em;color:var(--muted)}.stat.speed b{font-size:34px;font-style:italic;letter-spacing:-.035em}.stat.gm{display:block}.stat.gm>div:first-child{display:flex;align-items:baseline;gap:5px}.gm-bar{height:4px;margin-top:6px;border-radius:4px;background:#ffffff24;overflow:hidden}#g-bar{height:100%;border-radius:inherit;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#fff,var(--orange))}.subtitle{position:absolute;left:50%;bottom:calc(var(--sab) + 36px);transform:translate(-50%);width:max-content;max-width:min(620px,calc(100vw - 2 * var(--gut)))}.said{position:relative;padding:12px 20px 13px 56px;border-radius:18px;background:#090e14cc;border:1px solid var(--line);box-shadow:0 14px 40px #04080c47;font:600 18px/1.32 var(--display);color:#fff;text-wrap:balance;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .3s ease,transform .5s var(--ease)}.said:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--orange)}.said.on{opacity:1;transform:none}.said .who{display:block;margin-bottom:5px;font:700 10px/1 var(--mono);letter-spacing:.18em;color:var(--orange)}.wave{position:absolute;left:20px;top:50%;height:22px;margin-top:-11px;display:flex;align-items:center;gap:3px;opacity:0;transition:opacity .3s}.wave i{display:block;width:3px;height:100%;border-radius:3px;background:var(--orange);transform:scaleY(.2)}.said.on+.wave{opacity:1}.said.on+.wave i{animation:talk .9s ease-in-out infinite}.said.on+.wave i:nth-child(2){animation-duration:.7s;animation-delay:-.2s}.said.on+.wave i:nth-child(3){animation-duration:1.05s;animation-delay:-.45s}.said.on+.wave i:nth-child(4){animation-duration:.8s;animation-delay:-.1s}.said.on+.wave i:nth-child(5){animation-duration:.95s;animation-delay:-.6s}@keyframes talk{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.hint{position:absolute;left:50%;top:calc(var(--sat) + 68px);transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#090e148c;border:1px solid var(--line);font:600 12px/1.2 var(--mono);color:#eef3f7;white-space:nowrap}.hint:empty,body.is-touch .hint{display:none}.bars i{position:absolute;left:0;right:0;height:11vh;background:#05080c;transition:transform .7s var(--ease)}.bars i:first-child{top:0;transform:translateY(-101%)}.bars i:last-child{bottom:0;transform:translateY(101%)}.intro{position:absolute;left:calc(var(--sal) + 32px);bottom:calc(11vh + 28px);padding-left:16px;opacity:0;transform:translate(-18px);transition:opacity .5s var(--ease),transform .7s var(--ease)}.intro:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:3px;background:var(--orange)}.intro-kicker{font:700 11px/1 var(--mono);letter-spacing:.2em;color:var(--orange)}.intro-title{margin:8px 0 6px;font:800 48px/1 var(--display);letter-spacing:-.03em;text-shadow:0 2px 24px rgba(4,8,12,.45)}.intro-sub{font:600 12px/1.3 var(--mono);letter-spacing:.1em;color:#e3e9ef;text-transform:uppercase;text-shadow:0 1px 10px rgba(4,8,12,.6)}.skip{position:absolute;left:0;right:0;bottom:calc(var(--sab) + 4vh);text-align:center;font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3;opacity:0;transition:opacity .4s}#hud.cine .bars i{transform:none}#hud.cine .intro{opacity:1;transform:none;transition-delay:.3s}#hud.cine .skip{opacity:1;transition-delay:.8s}#hud.cine .topbar{opacity:0;transform:translateY(-14px)}#hud.cine .topright{pointer-events:none}#hud.cine .cluster{opacity:0;transform:translateY(18px)}#hud.cine .hint{visibility:hidden;opacity:0}#hud.cine .pad{opacity:0}#hud:not(.cine) .cluster{transition-delay:.1s}.touch{position:absolute;left:0;right:0;bottom:0;height:62%;display:none;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body.is-touch .touch{display:block}.pad{position:absolute;bottom:calc(var(--sab) + 30px);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#0a0f166b;border:1px solid rgba(255,255,255,.22);color:#ffffffd9;transition:transform .12s,background .12s,border-color .12s,opacity .5s var(--ease)}.pad.l{left:calc(var(--sal) + 18px)}.pad.r{right:calc(var(--sar) + 18px)}.pad svg{width:26px;height:26px;pointer-events:none}.pad small{position:absolute;top:100%;margin-top:6px;font:700 9px/1 var(--mono);letter-spacing:.18em;color:#ffffffbf;text-shadow:0 1px 6px rgba(4,8,12,.6);pointer-events:none}.pad.on{transform:scale(.93);color:#fff}.pad.l.on{background:#4fa3ffb3;border-color:var(--blue)}.pad.r.on{background:#f07a3cbf;border-color:var(--orange)}.stick{position:absolute;left:0;top:0;height:48px;margin-top:-24px;border-radius:999px;pointer-events:none;opacity:0;transition:opacity .15s;background:linear-gradient(90deg,#4fa3ff52,#ffffff0f 42%,#ffffff0f 58%,#f07a3c52);border:1px solid rgba(255,255,255,.28);box-shadow:0 6px 24px #04080c33;will-change:transform}.stick:before{content:"";position:absolute;left:50%;top:11px;bottom:11px;width:2px;margin-left:-1px;border-radius:2px;background:#ffffff8c}.stick.on{opacity:1}.stick i{position:absolute;left:-21px;top:2px;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 4px 16px #04080c59;transition:background .12s,box-shadow .12s;will-change:transform}.stick.l i{background:var(--blue)}.stick.r i{background:var(--orange)}.stick.tuck i{box-shadow:0 0 0 5px #ffffff73,0 4px 16px #04080c59}.touch-hint{display:none;position:absolute;left:50%;bottom:calc(var(--sab) + 30px);width:min(200px,calc(100vw - 200px));transform:translate(-50%);text-align:center;font:600 12px/1.35 var(--display);color:#fff;text-shadow:0 1px 8px rgba(4,8,12,.7);opacity:0}body.is-touch .touch-hint{display:block;animation:coachmark 10s .2s both}.touch-hint .dot{display:block;width:18px;height:18px;margin:0 auto 10px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px #ffffff40;animation:swipe 1.6s ease-in-out infinite}@keyframes coachmark{0%,26%{opacity:0}32%,84%{opacity:1}to{opacity:0}}@keyframes swipe{0%,to{transform:translate(-34px)}50%{transform:translate(34px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet{--pad: 24px;position:relative;width:100%;padding:var(--pad);background:var(--sheet);border:1px solid var(--line);box-shadow:0 30px 80px #02060a73;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}body.is-touch .sheet{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0b1118f0}@media (orientation: landscape){.overlay{padding:calc(var(--sat) + var(--gut)) var(--gut) calc(var(--sab) + var(--gut)) calc(var(--sal) + var(--gut));background:linear-gradient(90deg,#080c129e,#080c1247 40%,#080c1200 72%)}.sheet{width:min(440px,52vw);max-height:100%;margin:auto 0;border-radius:26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.overlay:not([hidden]) .sheet{animation:sheet-side .6s var(--ease) both}}@media (orientation: portrait){.overlay{background:linear-gradient(to top,#080c12b8,#080c1233 55%,#080c1200 80%)}#menu.overlay{padding-top:22vh;scroll-padding-bottom:130px}.sheet{--pad: 20px;max-width:620px;margin:auto auto 0;padding-bottom:calc(var(--pad) + var(--sab));border-bottom:0;border-radius:26px 26px 0 0}.sheet:before{content:"";display:block;width:40px;height:4px;margin:-6px auto 16px;border-radius:4px;background:#ffffff38}.overlay:not([hidden]) .sheet{animation:sheet-up .6s var(--ease) both}}@keyframes sheet-side{0%{opacity:0;transform:translate(-28px)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.brand{font:900 13px/1 var(--display);letter-spacing:.22em}.brand:after{content:"";display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:var(--orange)}h1{margin:12px 0 8px;font:800 34px/1.04 var(--display);letter-spacing:-.025em}.lead{margin:0;color:var(--ink-2);font-size:15px;line-height:1.45}.sheet .label{margin:20px 0 9px}.howto-line{margin:12px 0 0;display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.35;color:var(--ink)}.howto-line .dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #f07a3c40}.terrains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.terrains button{position:relative;padding:36px 12px 11px;border-radius:16px;text-align:left;overflow:hidden;background:#ffffff0d;border:1px solid var(--line);transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}.terrains button:before{content:"";position:absolute;left:12px;right:12px;top:11px;height:18px;background:no-repeat left center / contain;opacity:.9}.terrains button:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M2 7L62 15'/%3E%3C/svg%3E")}.terrains button:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M2 2L62 18'/%3E%3C/svg%3E")}.terrains button:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3q3.75-3 7.5 1.5t7.5 1.5 7.5 1.5 7.5 1.5 7.5 1.5 7.5 1.5 7.5 1.5 7.5 1.5'/%3E%3C/svg%3E")}.terrains button b{display:block;font-size:16px}.terrains button span{display:block;margin-top:3px;font:600 9.5px/1.2 var(--mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap}.terrains button:hover{border-color:var(--line-2)}.terrains button:active{transform:scale(.98)}.terrains button.on{background:linear-gradient(160deg,var(--orange-hi),var(--orange));border-color:transparent;box-shadow:0 10px 26px #f07a3c52}.terrains button.on span{color:#ffffffe6}.modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.modes button{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:10px;row-gap:3px;padding:11px 12px;border-radius:14px;text-align:left;background:#ffffff0a;border:1px solid var(--line);transition:background .2s,border-color .2s}.modes button:before{content:"";grid-row:1 / span 2;width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);transition:border-color .2s,background .2s}.modes button b{font-size:14px;line-height:1.2}.modes button span{grid-column:2;font-size:11.5px;line-height:1.25;color:var(--muted)}.modes button:hover{border-color:var(--line-2)}.modes button.on{background:#f07a3c1f;border-color:#f07a3cbf}.modes button.on:before{border-color:var(--orange);background:radial-gradient(circle,var(--orange) 0 4px,transparent 4.5px)}.sub{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.seg-label{display:block;margin-bottom:6px;font:600 10px/1 var(--mono);letter-spacing:.12em;color:var(--muted)}.seg{display:inline-flex;padding:3px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line)}.seg button{padding:7px 12px;border-radius:999px;font-weight:700;font-size:13px;transition:background .2s,color .2s}.seg button.on{background:var(--ink);color:var(--dark)}.example{position:relative;margin-top:12px;padding:10px 12px 10px 36px;border-radius:12px;background:#ffffff09;font-size:13px;line-height:1.4;color:var(--ink-2)}.example:before{content:"";position:absolute;left:12px;top:11px;width:16px;height:16px;background:var(--orange);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9.5h3.5L12 5.5v13l-4.5-4H4z'/%3E%3Cpath d='M15.5 9a4 4 0 0 1 0 6M18.5 6.5a7.5 7.5 0 0 1 0 11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9.5h3.5L12 5.5v13l-4.5-4H4z'/%3E%3Cpath d='M15.5 9a4 4 0 0 1 0 6M18.5 6.5a7.5 7.5 0 0 1 0 11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.example i{font-style:normal;font-weight:600;color:var(--ink)}.cta-dock{position:sticky;bottom:0;z-index:1;margin:22px calc(-1 * var(--pad)) calc(-1 * var(--pad));padding:14px var(--pad) var(--pad);border-radius:0 0 26px 26px;background:linear-gradient(to top,#0b1118fa 70%,#0b111800)}@media (orientation: landscape){.cta-dock{bottom:calc(-1 * var(--pad))}}@media (orientation: portrait){.cta-dock{margin-bottom:calc(-1 * (var(--pad) + var(--sab)));padding-bottom:calc(var(--pad) + var(--sab));border-radius:0}}.cta{width:100%;height:56px;border-radius:16px;color:#fff;font-weight:800;font-size:17px;letter-spacing:.01em;background:linear-gradient(180deg,var(--orange-hi),var(--orange) 55%,#e2682a);box-shadow:0 12px 32px #f07a3c61,inset 0 1px #ffffff59;transition:transform .15s,box-shadow .2s}.cta:after{content:"→";margin-left:10px;font-weight:700}.cta:hover{transform:translateY(-1px);box-shadow:0 16px 36px #f07a3c73,inset 0 1px #ffffff59}.cta:active{transform:scale(.985)}.ghost{width:100%;height:48px;margin-top:8px;border-radius:14px;font-weight:700;background:#ffffff0f;border:1px solid var(--line);transition:background .2s}.ghost:hover{background:#ffffff1a}.keys{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;font:600 11px/1 var(--mono);color:var(--muted)}.keys kbd{min-width:22px;height:22px;font-size:11px;border-radius:6px}.keys kbd+kbd{margin-left:-2px}body.is-touch .keys{display:none}.score-hero{display:flex;align-items:center;gap:18px;margin-top:12px}.ring{position:relative;flex:none;width:100px;height:100px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff1a;stroke-width:9}.ring-fill{fill:none;stroke:url(#ring-grad);stroke-width:9;stroke-linecap:round;stroke-dasharray:100 200;stroke-dashoffset:100}#finish:not([hidden]) .ring-fill{animation:ring-in 1.4s .25s var(--ease) both}.ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}#score{font:800 40px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}#finish:not([hidden]) #score{animation:pop .6s .3s var(--ease) both}.ring-num small{margin-top:3px;font:600 9px/1 var(--mono);letter-spacing:.16em;color:var(--muted)}.score-hero:has(#score:empty) .ring{display:none}#score-title{margin:0}@keyframes ring-in{0%{stroke-dashoffset:100}}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 12px}.metrics div{padding:10px 12px 9px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line)}#finish:not([hidden]) .metrics div{animation:card-in .5s var(--ease) both}.metrics div:nth-child(1){animation-delay:.35s}.metrics div:nth-child(2){animation-delay:.41s}.metrics div:nth-child(3){animation-delay:.47s}.metrics div:nth-child(4){animation-delay:.53s}.metrics div:nth-child(5){animation-delay:.59s}.metrics div:nth-child(6){animation-delay:.65s}.metrics b{display:block;font:800 24px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metrics small{display:block;margin-top:6px;font:600 9px/1 var(--mono);letter-spacing:.12em;color:var(--muted)}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.quote{padding:12px 14px;border-left:3px solid var(--orange);border-radius:0 12px 12px 0;background:#ffffff09;font-size:15px;line-height:1.45;color:var(--ink-2)}.quote .label{margin:0;color:var(--orange)}.quote:empty{display:none}.buttons{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;margin-top:16px}.buttons .ghost{height:56px;margin-top:0;border-radius:16px}#finish .quote+.label{margin-top:16px}@media (orientation: landscape) and (max-width: 1279px){body:not(.is-touch) .subtitle{left:calc(50vw + 148px);bottom:calc(var(--sab) + var(--gut));max-width:calc(100vw - 296px - 3 * var(--gut))}}@media (orientation: landscape){body.is-touch .cluster{top:calc(var(--sat) + 64px);bottom:auto}body.is-touch .subtitle{bottom:calc(var(--sab) + 30px)}body.is-touch #hud.cine .cluster{transform:translateY(-14px)}}@media (orientation: portrait){.bug{display:none}.topbar{gap:12px}.progress{max-width:none;margin:0 6px 0 2px}.cluster{top:calc(var(--sat) + 64px);bottom:auto;left:calc(var(--sal) + 12px);right:calc(var(--sar) + 12px);max-width:480px;justify-content:space-between;padding:8px 16px 6px 6px;border-radius:22px}#hud.cine .cluster{transform:translateY(-14px)}.cluster{padding:6px 14px 5px 4px;border-radius:18px}.gauge{width:124px;height:69px}.g-read{top:19px}.big{font-size:30px}.side{margin-top:2px;font-size:8px;letter-spacing:.12em}.stats{flex:1;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:6px;min-width:0;padding-left:12px}.stat.speed{grid-column:1 / -1}.stat.speed b{font-size:24px}.stat b{font-size:17px}.subtitle{bottom:calc(var(--sab) + 114px)}.said{padding:10px 16px 11px 48px;font-size:16px}.wave{left:17px;height:18px;margin-top:-9px}.intro{left:calc(var(--sal) + 24px);bottom:calc(11vh + 22px)}.intro-title{font-size:38px}}@media (max-width: 420px){h1{margin:10px 0 6px;font-size:28px}.lead{font-size:14px;line-height:1.4}.terrains button{padding:34px 10px 10px}.terrains button span{font-size:8.5px;letter-spacing:.03em}.modes button{padding:10px;column-gap:8px}.modes button b{font-size:13.5px}.modes button span{font-size:11px}#score{font-size:34px}.ring{width:96px;height:96px}#score-title{font-size:26px}.metrics b{font-size:20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}