:root{--asphalt:#15110e;--panel:#18130fd6;--panel-solid:#1d1814;--chalk:#f4ecdc;--dust:#b8a68a;--rust:#e2561d;--hazard:#ffc21a;--line:#f4ecdc24;--good:#7bc950;--gold:#ffc21a;--silver:#d9d4ca;--bronze:#c98a4b;--display:"Big Shoulders Stencil Display", Impact, "Arial Narrow", sans-serif;--text:"Big Shoulders Text", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}html,body{background:var(--asphalt);height:100%;color:var(--chalk);font-family:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;overflow:hidden}#c{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 14px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 16px);position:fixed;inset:0}button{font-family:var(--text);pointer-events:auto;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}.top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.brand{flex-direction:column;gap:2px;min-width:0;display:flex}.brand b{font-family:var(--display);letter-spacing:.02em;color:var(--chalk);text-shadow:0 2px #00000073;font-size:clamp(26px,5vw,38px);font-weight:900;line-height:.9}.brand span{letter-spacing:.18em;text-transform:uppercase;color:var(--hazard);font-size:13px;font-weight:700}.pips{gap:5px;margin-top:8px;display:flex}.pip{background:#f4ecdc2e;width:26px;height:8px;transform:skew(-18deg)}.pip.used{background:var(--rust)}.pip.now{background:var(--hazard)}.icon-btn,.cam-btn,.lang-btn{border:1px solid var(--line);background:var(--panel);width:40px;height:40px;color:var(--chalk);border-radius:4px;place-items:center;display:grid}.icon-btn svg,.cam-btn svg{width:20px;height:20px}.top-btns{align-items:flex-start;gap:8px;display:flex}.lang-btn{letter-spacing:.08em;font-size:14px;font-weight:800}.cam{position:relative}.cam-name{white-space:nowrap;letter-spacing:.16em;text-transform:uppercase;color:var(--chalk);text-shadow:0 1px 4px #000000e6;pointer-events:none;opacity:0;font-size:13px;font-weight:800;animation:1.6s ease-out camname;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}@keyframes camname{0%,to{opacity:0}10%,70%{opacity:1}}@media (pointer:coarse){.cam-btn{width:56px;height:56px}.cam-btn svg{width:28px;height:28px}}.board{right:calc(env(safe-area-inset-right,0px) + 16px);top:calc(env(safe-area-inset-top,0px) + 66px);background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--hazard);-webkit-backdrop-filter:blur(6px);width:min(270px,100vw - 32px);position:fixed}.board h2{font-family:var(--display);letter-spacing:.06em;justify-content:space-between;align-items:baseline;margin:0;padding:8px 12px 6px;font-size:18px;font-weight:800;display:flex}.board h2 small{font-family:var(--text);letter-spacing:.12em;color:var(--dust);text-transform:uppercase;font-size:12px;font-weight:700}.board-tabs{gap:6px;padding:0 12px 8px;display:flex}.board-tabs button{border:1px solid var(--line);min-height:32px;color:var(--dust);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:4px;flex:1;padding:4px 8px;font-size:12px;font-weight:800}.board-tabs button[aria-selected=true]{border-color:var(--chalk);background:var(--chalk);color:var(--asphalt)}.rows{flex-direction:column;max-height:38vh;display:flex;overflow:hidden}.rows.all{overscroll-behavior:contain;overflow-y:auto}.row.empty,.row.gap{color:var(--dust);font-size:14px;display:block}.row.gap{text-align:center;padding:0 12px}.row{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:22px 10px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 12px;display:grid}.row .rk{font-family:var(--display);color:var(--dust);font-size:18px;font-weight:800}.row:first-child .rk{color:var(--hazard)}.row .dot{border-radius:50%;width:10px;height:10px}.row .nm{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.row .nm em{letter-spacing:.1em;color:var(--asphalt);background:var(--chalk);vertical-align:2px;margin-left:6px;padding:1px 4px;font-size:11px;font-style:normal;font-weight:800}.row .nm i{letter-spacing:.1em;color:var(--hazard);vertical-align:1px;margin-left:6px;font-size:11px;font-style:normal;font-weight:800;animation:1s steps(2,end) infinite blink}.row .bst{font-family:var(--display);font-size:20px;font-weight:800}.row .tries{color:var(--dust);grid-column:3/5;gap:10px;margin-top:-2px;font-size:12px;display:flex}.board .note{border-top:1px solid var(--line);color:var(--dust);padding:8px 12px 10px;font-size:13px;line-height:1.35}@keyframes blink{50%{opacity:.25}}.dash{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 132px);align-items:flex-end;gap:18px;display:flex;position:fixed;transform:translate(-50%)}.gauge{background:var(--panel);border:1px solid var(--line);text-align:center;min-width:110px;padding:6px 12px 8px}.gauge label{letter-spacing:.2em;color:var(--dust);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.gauge .val{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:44px;font-weight:900;line-height:1}.gauge .val small{font-family:var(--text);color:var(--dust);margin-left:3px;font-size:14px;font-weight:700}.gauge .val.deg{font-size:22px}.gauge svg{width:120px;height:66px;margin:2px auto 0;display:block}.gauge .sweet{stroke:#7bc950}.gauge .sweet-glow{stroke:#9be86a;opacity:0;visibility:hidden}.gauge svg.hot .sweet{stroke:#b4f58a}.gauge svg.hot .sweet-glow{opacity:.9;visibility:visible}.hold{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.hold-btn{display:flex;position:relative}.hold button{width:min(340px,100vw - 32px);height:76px;color:var(--asphalt);font-family:var(--display);letter-spacing:.06em;touch-action:none;background:0 0;border:0;border-radius:4px;font-size:30px;font-weight:900;position:relative}.hold .face{padding:inherit;background:repeating-linear-gradient(-45deg, var(--hazard) 0 18px, #e8ad0a 18px 36px);border-radius:4px;justify-content:center;align-items:center;transition:transform .16s cubic-bezier(.3,1.8,.5,1),box-shadow .16s ease-out;display:flex;position:absolute;inset:0;box-shadow:0 6px #8a5d00,0 12px 24px #0006}.hold button:active .face,.hold button.down .face{transition-duration:60ms;transition-timing-function:ease-out;transform:translateY(4px)scale(1.04,.9);box-shadow:0 2px #8a5d00,0 6px 14px #0006}@media (prefers-reduced-motion:reduce){.hold .face{transition:none}.hold button:active .face,.hold button.down .face{transform:translateY(4px)}}.hold button.nudge{color:var(--chalk)}.hold button.nudge .face{background:var(--rust);box-shadow:0 6px #7d2a08,0 12px 24px #0006}.hold p{letter-spacing:.08em;color:var(--chalk);text-shadow:0 1px 3px #000c;text-align:center;margin:0;font-size:14px;font-weight:700;line-height:1.3}.hold p.grade{font-family:var(--display);font-weight:900;animation:.18s ease-out grade-pop;transform:scale(1.5)}.hold p.grade.perfect{color:var(--good)}.hold p.grade.good{color:var(--hazard)}@keyframes grade-pop{0%{opacity:0;transform:scale(.8)}}.result{background:var(--panel-solid);border:1px solid var(--line);border-top:4px solid var(--rust);text-align:center;z-index:1;width:min(380px,100vw - 32px);padding:18px 20px 20px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000008c}.result .lbl{letter-spacing:.22em;color:var(--dust);text-transform:uppercase;font-size:12px;font-weight:800}.result .big{font-family:var(--display);font-variant-numeric:tabular-nums;margin:6px 0 4px;font-size:clamp(64px,18vw,96px);font-weight:900;line-height:.95}.result .big small{color:var(--dust);margin-left:4px;font-size:.4em}.tags{flex-wrap:wrap;justify-content:center;gap:6px;min-height:6px;margin-bottom:10px;display:flex}.tag{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:3px 8px;font-size:12px;font-weight:800}.tag.rec{background:var(--hazard);color:var(--asphalt);border-color:var(--hazard)}.tag.bad{color:var(--rust);border-color:var(--rust)}.result .sub{color:var(--dust);margin-bottom:16px;font-size:15px}.result .sub b{color:var(--chalk)}.cta{background:var(--chalk);width:100%;height:56px;color:var(--asphalt);font-family:var(--display);letter-spacing:.05em;border:0;border-radius:4px;font-size:24px;font-weight:900}.cta:hover{background:#fff}@keyframes pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.9)}}.intro{--more-band:56px;padding:calc(env(safe-area-inset-top,0px) + 16px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 16px);pointer-events:auto;background:linear-gradient(#15110e40,#15110ed1 55%);grid-template-columns:minmax(0,440px);place-content:stretch center;display:grid;position:fixed;inset:0;overflow-y:auto}.intro.band{bottom:calc(env(safe-area-inset-bottom,0px) + var(--more-band));padding-bottom:16px}.intro.band:after{content:"";height:calc(env(safe-area-inset-bottom,0px) + var(--more-band));border-top:1px solid var(--line);pointer-events:none;background:#15110ed1;position:fixed;bottom:0;left:0;right:0}.more-btn{z-index:1;left:calc(50% + (env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)) / 2);bottom:calc(env(safe-area-inset-bottom,0px) + 6px);border:1px solid var(--hazard);background:var(--panel-solid);height:44px;color:var(--hazard);font-family:var(--display);letter-spacing:.05em;border-radius:22px;align-items:center;gap:4px;padding:0 16px 0 10px;font-size:18px;font-weight:800;animation:1.6s ease-in-out infinite more-nudge;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #00000073}.more-btn svg{width:24px;height:24px}@keyframes more-nudge{50%{transform:translate(-50%,4px)}}.card{flex-direction:column;gap:14px;width:100%;min-width:0;margin:auto 0;display:flex}.start-col{display:contents}.intro.split{grid-template-columns:minmax(0,880px)}.split .card{flex-direction:row;align-items:flex-start;gap:24px}.split .start-col{flex-direction:column;flex:1 1 0;gap:10px;min-width:0;display:flex}.split .card h1{font-size:clamp(40px,7.4vw,64px)}.split .card .pitch{font-size:16px}.split .step b{font-size:17px}.split .field input{height:44px}.split .cta{height:48px}.card h1{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 4px #0006;margin:0;font-size:clamp(52px,14vw,80px);font-weight:900;line-height:.85}.card h1 span{font-family:var(--text);letter-spacing:.3em;color:var(--hazard);text-shadow:none;margin-bottom:8px;font-size:15px;font-weight:800;display:block}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:-6px;display:flex}.card-head .tagline{letter-spacing:.3em;color:var(--hazard);font-size:15px;font-weight:800}.card .pitch{color:var(--chalk);max-width:38ch;margin:0;font-size:18px;line-height:1.35}.howto summary{width:max-content;max-width:100%;min-height:44px;font-family:var(--display);letter-spacing:.04em;color:var(--hazard);cursor:pointer;align-items:center;gap:6px;font-size:20px;font-weight:800;list-style:none;display:flex}.howto summary::-webkit-details-marker{display:none}.howto summary svg{width:22px;height:22px;transition:transform .15s}.howto[open] summary svg{transform:rotate(180deg)}.howto .steps{margin-top:4px}@media (orientation:portrait) and (max-height:700px){.start .mode span{display:none}.start .card,.lobby>.card{gap:10px}.start .card .pitch{font-size:16px;line-height:1.3}}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.step{background:var(--panel);border:1px solid var(--line);padding:8px 10px}.step b{font-family:var(--display);color:var(--hazard);font-size:20px;font-weight:800;display:block}.step span{color:var(--dust);font-size:13px;line-height:1.25}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.2em;text-transform:uppercase;color:var(--dust);font-size:12px;font-weight:800}.field input{border:1px solid var(--line);background:var(--panel-solid);height:48px;color:var(--chalk);font-family:var(--text);-webkit-user-select:text;user-select:text;border-radius:4px;padding:0 12px;font-size:20px;font-weight:700}.swatches{margin:0 -5px;display:flex}.sw{background:0 0;border:0;border-radius:50%;flex:0 44px;min-width:0;height:44px;padding:0}.sw:before{content:"";box-sizing:border-box;background:var(--c);border:3px solid #0000;border-radius:50%;width:34px;height:34px;margin:auto;display:block}.sw[aria-pressed=true]:before{border-color:var(--chalk);box-shadow:0 0 0 2px var(--asphalt) inset}.mp{color:var(--dust);border-left:3px solid var(--rust);margin:0;padding-left:10px;font-size:14px;line-height:1.4}.mp b{color:var(--chalk)}.toasts{left:calc(env(safe-area-inset-left,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 120px);flex-direction:column;gap:6px;max-width:calc(100vw - 32px);display:flex;position:fixed}.toast{background:var(--panel);border-left:4px solid var(--hazard);padding:7px 12px;font-size:15px;font-weight:700;animation:.3s ease-out slide}@keyframes slide{0%{opacity:0;transform:translate(-20px)}}.tagname{letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#15110ebf;border-bottom:2px solid;padding:2px 7px;font-size:13px;font-weight:800;position:fixed;top:0;left:0;transform:translate(-50%,-140%)}body.podium .tagname{display:none}body.podium .toasts{z-index:2}.loading{background:var(--asphalt);z-index:5;text-align:center;place-items:center;display:grid;position:fixed;inset:0}.loading b{font-family:var(--display);font-size:56px;font-weight:900;display:block}.loading span{letter-spacing:.2em;color:var(--dust);text-transform:uppercase;font-size:13px;font-weight:700}.loading .bar{background:#f4ecdc1f;width:180px;height:6px;margin:14px auto 0;overflow:hidden}.loading .bar i{background:var(--hazard);width:40%;height:100%;animation:1.1s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(250%)}}.err{color:var(--rust);letter-spacing:0;text-transform:none;max-width:36ch;margin:12px auto 0;font-size:15px}.errbar{left:calc(env(safe-area-inset-left,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px);top:calc(env(safe-area-inset-top,0px) + 70px);z-index:6;background:var(--panel-solid);border:1px solid var(--rust);border-left:4px solid var(--rust);pointer-events:auto;-webkit-user-select:text;user-select:text;align-items:flex-start;gap:10px;padding:8px 10px;font-size:13px;line-height:1.35;display:flex;position:fixed}.errbar b{color:var(--rust);white-space:nowrap}.errbar span{overflow-wrap:anywhere;min-width:0;color:var(--chalk);flex:1;font-family:ui-monospace,Menlo,monospace;font-size:12px}.errbar button{color:var(--chalk);background:0 0;border:0;padding:0 4px;font-size:20px;line-height:1}.debug{left:8px;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:7;white-space:pre;pointer-events:none;background:#000000b3;padding:4px 8px;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.4;position:fixed}.debug.det{white-space:pre-wrap;max-width:calc(100vw - 32px);top:auto;bottom:8px}body.intro .board,body.intro .hud{display:none}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.btn2{border:1px solid var(--line);background:var(--panel);width:100%;height:48px;color:var(--chalk);font-family:var(--display);letter-spacing:.05em;border-radius:4px;font-size:20px;font-weight:800}.btn2:hover{border-color:var(--chalk)}button:disabled{opacity:.5;cursor:default}.joinrow{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.joinrow input{text-transform:uppercase;letter-spacing:.3em}.joinrow input::placeholder{text-transform:none;letter-spacing:.1em}.joinrow .btn2{width:auto;height:48px;padding:0 18px}.intro-msg{color:var(--rust);border-left:3px solid var(--rust);margin:0;padding-left:10px;font-size:15px;line-height:1.35}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--dust);font-size:12px;font-weight:800}.roomcode{font-family:var(--display);letter-spacing:.12em;color:var(--hazard);text-shadow:0 4px #0006;-webkit-user-select:text;user-select:text;font-size:clamp(64px,20vw,104px);font-weight:900;line-height:.9}.plist{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--hazard);flex-direction:column;display:flex}.plist .row{box-sizing:border-box;grid-template-columns:10px minmax(0,1fr) auto;min-height:44px;padding-block:0}.plist .row:first-child{border-top:0}.plist .kick{width:44px;height:44px;color:var(--dust);background:0 0;border:0;margin-right:-12px;padding:0;font-size:20px;line-height:1}.row .who{color:inherit;text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted #f4ecdc59;text-decoration:underline dotted #f4ecdc59}.row .who em,.row .who i{display:inline-block}.pmenu{border-top:1px solid var(--line);background:#00000040;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px 8px;display:flex}.pmenu p{flex-basis:100%;margin:0;font-size:14px;line-height:1.35}.pmenu button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--chalk);border-radius:4px;padding:0 12px;font-size:15px;font-weight:700}.pmenu button:hover:not(:disabled){border-color:var(--chalk)}.pmenu .warn{border-color:var(--hazard);background:var(--hazard);color:var(--asphalt)}.row.off{opacity:.5}.sw:disabled{opacity:.2}.lobby-hint{color:var(--dust);margin:0;font-size:14px;line-height:1.4}.wait{text-align:center;color:var(--chalk);margin:0;font-size:16px;font-weight:700}.countdown{text-align:center;pointer-events:none;place-content:center;display:grid;position:fixed;inset:0}.countdown b{font-family:var(--display);color:var(--hazard);text-shadow:0 6px #00000073;font-size:clamp(120px,40vw,220px);font-weight:900;line-height:.85;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:block}.countdown span{letter-spacing:.25em;text-transform:uppercase;color:var(--chalk);text-shadow:0 1px 3px #000c;font-size:15px;font-weight:800}.statusline{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--hazard);text-align:center;letter-spacing:.04em;width:min(380px,100vw - 32px);padding:10px 14px;font-size:15px;font-weight:700;position:fixed;transform:translate(-50%)}.podium .rank{border-top:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums;grid-template-columns:34px 10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid}.podium .rank:first-of-type{border-top:0}.podium .rank b{font-family:var(--display);color:var(--dust);font-size:26px;font-weight:900}.podium .rank.r1 b{color:var(--gold)}.podium .rank.r2 b{color:var(--silver)}.podium .rank.r3 b{color:var(--bronze)}.podium .rank .nm{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.podium .rank .bst{font-family:var(--display);font-size:24px;font-weight:800}.podium .ranks{margin:6px 0 14px}.mode-icon{flex:none;width:20px;height:20px}.medal{width:22px;height:22px;color:var(--dust);font-family:var(--text);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1.5px #f4ecdc47}.medal.m1,.medal.m2,.medal.m3{color:var(--asphalt);background-image:radial-gradient(circle at 32% 28%,#fff6,#fff0 58%);box-shadow:inset 0 0 0 2px #15110e38,0 1px #0006}.medal.m1{background-color:var(--gold)}.medal.m2{background-color:var(--silver)}.medal.m3{background-color:var(--bronze)}.medal.none{box-shadow:none;opacity:.6}.move{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-weight:800;display:inline-flex}.move svg{width:.7em;height:.7em}.move.up{color:var(--good)}.move.down{color:var(--rust)}.move.same{color:var(--dust)}.notes{left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.conn,.update{background:var(--panel-solid);border:1px solid var(--rust);border-left:4px solid var(--rust);padding:8px 14px;font-size:14px;font-weight:700}.update{border-color:var(--hazard);align-items:center;gap:12px;padding:4px 4px 4px 12px;display:flex;box-shadow:0 8px 24px #00000073}body.running .update,body.flying .update{display:none}.update button{background:var(--hazard);min-height:44px;color:var(--asphalt);white-space:nowrap;border:0;border-radius:4px;padding:0 14px;font-size:15px;font-weight:800}.crash{z-index:20;pointer-events:auto;background:#15110ee0;position:fixed;inset:0}.crash h1{font-family:var(--display);margin:8px 0 10px;font-size:clamp(32px,9vw,44px);font-weight:900;line-height:1}.crash details{text-align:left;color:var(--dust);margin-top:12px;font-size:12px}.crash code{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin-top:6px;font-family:ui-monospace,Menlo,monospace;display:block}.install{justify-content:center;align-items:center;gap:10px;display:flex}.install svg{flex:none;width:22px;height:22px}.install-hint{border:1px dashed var(--line);color:var(--dust);border-radius:4px;align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:15px;line-height:1.35;display:flex}.install-hint svg{width:24px;height:24px;color:var(--chalk);flex:none}.version{text-align:center;letter-spacing:.08em;color:var(--dust);margin:0;font-size:12px}.modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode{border:1px solid var(--line);background:var(--panel);color:var(--chalk);text-align:left;border-radius:4px;flex-direction:column;gap:3px;padding:9px 10px 10px;display:flex}.mode b{font-family:var(--display);letter-spacing:.04em;align-items:center;gap:7px;font-size:20px;font-weight:800;display:flex}.mode span{color:var(--dust);font-size:13px;line-height:1.3}.mode[aria-pressed=true]{border-color:var(--hazard);box-shadow:inset 0 3px 0 var(--hazard)}.mode[aria-pressed=true] b{color:var(--hazard)}.mode:disabled{opacity:.35}.strip{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 128px);pointer-events:none;width:min(420px,100vw - 32px);position:fixed;transform:translate(-50%)}.strip-lbl{text-shadow:0 1px 3px #000c;justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.strip-lbl b{font-family:var(--display);letter-spacing:.04em;color:var(--hazard);font-size:22px;font-weight:900}.strip-lbl span{letter-spacing:.2em;text-transform:uppercase;color:var(--chalk);font-size:12px;font-weight:800}.strip-bar{background:var(--panel);border:1px solid var(--line);height:10px;position:relative}.strip-bar i{position:absolute;top:0;bottom:0}.strip-bar .zone{background:#e2561d8c}.strip-bar .bull{background:var(--hazard)}.strip-bar .line{background:var(--asphalt);width:2px;margin-left:-1px}.strip-bar .dot{border:1px solid var(--asphalt);border-radius:3px;width:6px;margin-left:-3px;top:-4px;bottom:-4px}.flight-m{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 128px);pointer-events:none;white-space:nowrap;font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--chalk);text-shadow:0 3px #00000073;font-size:44px;font-weight:900;line-height:1;position:fixed;transform:translate(-50%)}.flight-m small{margin-left:4px;font-size:.5em}.flight-m.landed{color:var(--hazard);animation:.35s cubic-bezier(.2,1.4,.4,1) pop}.touchdown{text-align:center;pointer-events:none;text-shadow:0 4px #00000073;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;position:fixed;top:24%;left:50%;transform:translate(-50%)}.touchdown b{font-family:var(--display);font-size:clamp(72px,22vw,128px);font-weight:900;line-height:.9;display:block}.touchdown span{letter-spacing:.08em;text-transform:uppercase;color:var(--chalk);text-shadow:0 1px 4px #000000e6;font-size:20px;font-weight:800}.target-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--hazard);flex-direction:column;align-items:center;gap:2px;margin-top:14px;padding:10px 22px 12px;display:flex}.target-card small{letter-spacing:.22em;text-transform:uppercase;color:var(--dust);font-size:12px;font-weight:800}.target-card strong{font-family:var(--display);color:var(--chalk);font-size:clamp(44px,12vw,64px);font-weight:900;line-height:1}.target-card em{letter-spacing:.22em;text-transform:uppercase;color:var(--hazard);font-size:12px;font-style:normal;font-weight:800}.result .target-line,.result .crash-line{color:var(--chalk);margin-bottom:4px}.row .tries .pt{text-align:center;min-width:18px;color:var(--asphalt);padding:0 3px;font-weight:800}.row .tries .pt.miss{color:var(--dust);border:1px solid var(--line)}.row .tries small{margin-left:auto;font-size:11px}body.tgt .dash{bottom:calc(env(safe-area-inset-bottom,0px) + 180px)}body.tgt .toasts{bottom:calc(env(safe-area-inset-bottom,0px) + 176px)}.board-sum{border:1px solid var(--line);background:var(--panel);width:100%;height:44px;box-shadow:inset 0 3px 0 var(--hazard);color:var(--chalk);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:4px;align-items:center;gap:8px;padding:0 10px 0 12px;display:none}.board-sum b{font-family:var(--display);color:var(--hazard);font-size:20px;font-weight:800}.board-sum span{font-size:16px;font-weight:700}.board-sum svg{fill:none;width:16px;height:16px;stroke:var(--dust);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;margin-left:auto}@media (max-width:640px),(max-height:500px){.icon-btn,.lang-btn{width:44px;height:44px}.top-btns{flex-direction:column-reverse;align-items:flex-end}.top-btns .lang-btn{order:-1}body.running .top-btns .lang-btn,body.flying .top-btns .lang-btn{visibility:hidden}.cam-btn{width:56px;height:56px}.cam-btn svg{width:28px;height:28px}.board{top:calc(env(safe-area-inset-top,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 68px);width:auto;max-width:calc(100vw - 84px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));-webkit-backdrop-filter:none;background:0 0;border:0}.board h2,.board .board-tabs,.board .rows,.board .note{display:none}.board-sum{display:flex}.board.open .board-tabs{border-bottom:1px solid var(--line);padding:8px;display:flex}.board-tabs button{min-height:44px}.board.open{z-index:3}.board.open .board-sum svg{transform:rotate(180deg)}.board.open .board-list{box-sizing:border-box;width:min(280px, calc(100vw - 84px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));overscroll-behavior:contain;background:var(--panel-solid);border:1px solid var(--line);border-radius:4px;max-height:min(60vh,100vh - 94px);position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}.board.open .rows{max-height:none;display:flex;overflow:visible}.board.open .row:first-child{border-top:0}.board.away{visibility:hidden}.toasts,body.tgt .toasts{bottom:auto;top:calc(env(safe-area-inset-top,0px) + 200px)}.result{box-sizing:border-box;top:calc(50% + (env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / 2);max-height:calc(100% - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto}.errbar{right:calc(env(safe-area-inset-right,0px) + 80px)}.errbar button{min-width:44px;min-height:44px}}@media (max-width:640px) and (orientation:portrait){.dash,body.tgt .dash{bottom:auto;top:calc(env(safe-area-inset-top,0px) + 84px);gap:10px;left:calc(50% - 36px)}.gauge{min-width:96px;padding:4px 8px 6px}.gauge .val{font-size:34px}.gauge svg{width:100px;height:56px}}@media (max-height:500px) and (orientation:landscape){.dash,body.tgt .dash{left:calc(env(safe-area-inset-left,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);flex-direction:column;align-items:stretch;gap:8px;transform:none}.gauge{min-width:88px;padding:3px 8px 5px}.gauge .val{font-size:30px}.gauge .val.deg{font-size:18px}.gauge svg{width:88px;height:48px}.hold{left:auto;right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);gap:6px;transform:none}.hold button{width:min(260px,36vw);height:60px;font-size:24px}.hold p{max-width:min(260px,36vw);font-size:12px}.strip{top:calc(env(safe-area-inset-top,0px) + 14px);bottom:auto;left:calc(50% + (env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)) / 2);width:min(420px, max(180px, calc(100vw - 460px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))))}.board.open .board-list{top:max(calc(100% + 4px), calc(var(--strip-h,0px) + 4px));max-height:min(60vh, calc(100vh - 32px - max(44px, var(--strip-h,0px))))}.flight-m{top:calc(env(safe-area-inset-top,0px) + 10px);font-size:36px;bottom:auto}.touchdown{top:22%;left:78%}.touchdown b{font-size:20vh}.touchdown span{font-size:16px}.toasts,body.tgt .toasts{top:calc(env(safe-area-inset-top,0px) + 92px)}.result{padding:12px 18px 14px}.result .big{margin:2px 0;font-size:16vh}.result .tags{margin-bottom:6px}.result .sub{margin-bottom:10px}.cta{height:48px}.countdown b{font-size:34vh}.target-card{margin-top:6px;padding:6px 16px 8px}.target-card strong{font-size:12vh}}.pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.daily-btn{border-color:var(--hazard);justify-content:center;align-items:center;gap:8px;display:flex}.daily-btn .daily-icon{width:22px;height:22px}.daily-head{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;display:grid}.daily-head .daily-badge{grid-row:span 2}.daily-head h1{font-size:clamp(48px,13vw,72px)}.daily-date{color:var(--chalk);margin:4px 0 0;font-size:15px;font-weight:700;line-height:1.35}.daily-date span{color:var(--dust);font-variant-numeric:tabular-nums}.modes.tabs .mode{text-align:center;justify-content:center;align-items:center;min-height:44px}.linkbtn{min-height:44px;color:var(--hazard);text-underline-offset:3px;background:0 0;border:0;padding:0 4px;font-size:15px;font-weight:800;text-decoration:underline}.daily-closed{color:var(--dust);border-left:3px solid var(--dust);flex-wrap:wrap;align-items:center;column-gap:8px;margin:0;padding-left:10px;font-size:15px;font-weight:700;display:flex}.daily-me{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--hazard);flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.daily-place{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.daily-place .rank-icon{align-self:center;width:34px;height:34px}.daily-place b{font-family:var(--display);color:var(--hazard);font-size:52px;font-weight:900;line-height:.9}.daily-place span{color:var(--dust);font-size:16px;font-weight:700}.daily-place strong{font-family:var(--display);margin-left:auto;font-size:30px;font-weight:800}.daily-tries{color:var(--dust);font-variant-numeric:tabular-nums;gap:12px;font-size:13px;display:flex}.daily-gap{color:var(--chalk);margin:2px 0 0;font-size:15px;font-weight:700}.daily-gap:empty{display:none}.daily-board{flex-direction:column;align-items:stretch;gap:6px;display:flex}.daily-board .linkbtn{align-self:flex-start}.daily-board .plist .row{grid-template-columns:26px 10px minmax(0,1fr) auto;min-height:44px;padding-block:0}.daily-board .row .who{align-self:stretch;min-height:44px}.daily-board .rank-icon{width:26px;height:26px}.daily-board .row .rk{text-align:center}.daily-board .row.me{background:#ffc21a1f}.daily-tag{letter-spacing:.14em;text-transform:uppercase;background:var(--hazard);color:var(--asphalt);margin-bottom:6px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-block}.daily-tag.practice{color:var(--chalk);border:1px dashed var(--dust);background:0 0}.result .btn2.below{margin-top:8px}@media (max-height:500px) and (orientation:landscape){.daily-head .daily-badge{width:56px;height:56px}.daily-head h1{font-size:48px}}.plan-chips{flex-wrap:wrap;gap:6px;max-height:72px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.plan-chips li{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:15px;align-items:center;gap:6px;height:30px;padding:0 10px 0 4px;font-size:15px;font-weight:700;display:flex}.plan-chips li b{background:var(--hazard);width:22px;height:22px;color:var(--asphalt);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.plan-chips li .mode-icon{width:18px;height:18px;color:var(--dust);margin-right:-2px}.plan-chips li.more{color:var(--dust);padding:0 10px}.plan-meta{color:var(--dust);justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.plan-meta .btn2{width:auto;height:44px;padding:0 18px}.sheet{z-index:7;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:#15110ee6;grid-template-columns:minmax(0,440px);place-content:center;display:grid;position:fixed;inset:0;overflow-y:auto}.sheet-card{box-sizing:border-box;background:var(--panel-solid);border:1px solid var(--line);border-top:4px solid var(--hazard);padding:16px 16px 0}.sheet-card h2,.between-card h2{font-family:var(--display);letter-spacing:.03em;margin:0;font-size:32px;font-weight:900;line-height:1}.plan-presets{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.plan-presets .btn2{height:44px;font-size:17px}.plan-list{border:1px solid var(--line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-list li{border-top:1px solid var(--line);grid-template-columns:28px 20px minmax(0,1fr) 44px 44px 44px;align-items:center;gap:4px;min-height:48px;padding:0 4px 0 8px;display:grid}.plan-list li:first-child{border-top:0}.plan-list li b{font-family:var(--display);color:var(--hazard);font-size:20px;font-weight:800}.plan-list li span{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.plan-list button{width:44px;height:44px;color:var(--chalk);background:0 0;border:0;border-radius:4px;font-size:18px}.plan-list button:not(:disabled):hover{background:var(--panel)}.sheet-foot{padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 12px);background:var(--panel-solid);border-top:1px solid var(--line);color:var(--dust);white-space:nowrap;align-items:center;gap:12px;margin:0 -16px;font-weight:700;display:flex;position:sticky;bottom:0}.sheet-foot .cta{flex:1;width:auto;height:48px;font-size:22px}.mode-card{background:var(--panel-solid);border:1px solid var(--line);border-top:3px solid var(--rust);flex-direction:column;align-items:center;gap:2px;margin-bottom:14px;padding:10px 22px 12px;display:flex}.mode-card small{letter-spacing:.22em;text-transform:uppercase;color:var(--dust);font-size:12px;font-weight:800}.mode-card strong{font-family:var(--display);align-items:center;gap:.2em;font-size:clamp(36px,10vw,52px);font-weight:900;line-height:1;display:flex}.mode-card .mode-icon{width:.8em;height:.8em;color:var(--hazard)}.mode-card span{color:var(--chalk);font-size:15px;font-weight:700}.between{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:radial-gradient(circle at 50% 20%, #2a221b, var(--asphalt) 70%);pointer-events:auto;grid-template-columns:minmax(0,480px);place-content:center;display:grid;position:fixed;inset:0;overflow-y:auto}.mrows{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--hazard);flex-direction:column;display:flex}.mrow{--gap:8px;align-items:center;gap:var(--gap);border-top:1px solid var(--line);font-variant-numeric:tabular-nums;flex-wrap:wrap;padding:7px 12px;animation:.3s ease-out backwards slide;display:flex}.mrow:first-child{border-top:0}.mrow:nth-child(2){animation-delay:60ms}.mrow:nth-child(3){animation-delay:.12s}.mrow:nth-child(n+4){animation-delay:.18s}.mrow.off{opacity:.5}.mrow .rk{min-width:32px;font-family:var(--display);color:var(--dust);flex:none;font-size:22px;font-weight:900}.mrow:first-child .rk{color:var(--hazard)}.mrow .dot{border-radius:50%;flex:none;width:10px;height:10px}.mrow .nm,.places .nm{white-space:nowrap;font-size:17px;font-weight:700}.mrow .nm,.step3 .nm,.places .nm{align-items:center;min-width:0;display:flex}.mrow .nm{flex:1 1 0}.nm>.tx{text-overflow:ellipsis;min-width:0;overflow:hidden}.nm>.dot,.nm>em,.nm>i{flex:none}.nm>.dot{margin-right:5px}.mrow .nm em,.places .nm em{letter-spacing:.1em;color:var(--asphalt);background:var(--chalk);margin-left:6px;padding:1px 4px;font-size:11px;font-style:normal;font-weight:800}.mrow .nm i,.places .nm i{letter-spacing:.1em;text-transform:uppercase;color:var(--dust);margin-left:6px;font-size:11px;font-style:normal;font-weight:800}.mrow .tie{box-sizing:border-box;padding-left:calc(32px + 2 * var(--gap));color:var(--dust);flex:1 0 100%;margin-top:-5px;font-size:12px;font-weight:600;line-height:1.25}.mrow .val{font-family:var(--display);white-space:nowrap;flex:none;font-size:20px;font-weight:800}.mrow .val.score{align-items:center;gap:4px;display:inline-flex}.mrow .val .mode-icon{color:var(--dust)}.mrow .gain{background:var(--hazard);min-width:40px;color:var(--asphalt);text-align:center;font-family:var(--display);white-space:nowrap;border-radius:4px;flex:none;padding:2px 6px;font-size:18px;font-weight:900;animation:1.6s ease-in .6s forwards gain}.mrow .gain.zero{color:var(--dust);border:1px solid var(--line);background:0 0;animation:none}@keyframes gain{30%{transform:scale(1.25)}to{opacity:0;transform:translateY(-40px)scale(.6)}}.mrow .move{flex:none;min-width:30px;font-size:14px}.tie-note{color:var(--dust);margin:-6px 0 0;font-size:13px}.match-podium .tie-note{margin:-4px 0 12px}.next-card{background:var(--panel);border:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;padding:10px 14px 12px;display:grid}.next-card small{letter-spacing:.22em;text-transform:uppercase;color:var(--dust);font-size:12px;font-weight:800}.next-card strong{min-width:0;font-family:var(--display);white-space:nowrap;align-items:center;gap:8px;font-size:26px;font-weight:900;line-height:1;display:flex}.next-card strong span{text-overflow:ellipsis;overflow:hidden}.next-card .mode-icon{width:24px;height:24px;color:var(--hazard)}.next-card .bar{background:var(--line);grid-column:1/-1;height:4px;display:block}.next-card .bar i{background:var(--hazard);height:100%;transition:width 1s linear;display:block}.between-btns{gap:8px;display:grid}.end-ask{grid-template-columns:1fr 1fr;gap:8px;display:grid}.end-ask p{color:var(--chalk);grid-column:1/-1;margin:0;font-size:15px;font-weight:700}.board-match{letter-spacing:.04em;color:var(--hazard);padding:0 12px 6px;font-size:13px;font-weight:700}.row .tries .sum{color:var(--chalk);margin-left:auto;font-weight:800}.row .tries small+.sum{margin-left:8px}.match-podium{width:min(560px,100vw - 32px);max-height:calc(100% - 24px);overflow-y:auto}.steps3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;margin:10px 0 12px;display:grid}.step3{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.step3 small{letter-spacing:.16em;text-transform:uppercase;color:var(--hazard);font-size:11px;font-weight:800}.step3 .nm{white-space:nowrap;max-width:100%;font-size:16px;font-weight:700}.step3 .dot{border-radius:50%;width:10px;height:10px}.step3 b{font-family:var(--display);font-size:20px;font-weight:800}.step3 i{width:100%;font-style:normal;font-family:var(--display);color:var(--asphalt);background:#c98a4b;place-items:center;height:44px;font-size:32px;font-weight:900;display:grid}.step3.s1 i{background:var(--hazard);height:76px}.step3.s2 i{background:#d9d4ca;height:58px}.places-wrap{border:1px solid var(--line);margin-bottom:12px;overflow-x:auto}.places{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:center;width:100%}.places th{letter-spacing:.1em;color:var(--dust);padding:4px 3px;font-size:11px;font-weight:800}.places th.mode-col{line-height:1}.places th.mode-col .mode-icon{width:18px;height:18px;margin:0 auto 2px;display:block}.places td{border-top:1px solid var(--line);padding:4px 3px}.places .who{text-align:left;max-width:150px}.places .nm{font-size:15px}.places .nm .dot{border-radius:50%;width:9px;height:9px}.places .rk,.places .sum{font-family:var(--display);font-size:18px;font-weight:800}.places tr.off{opacity:.5}@media (max-width:640px),(max-height:500px){.sheet{align-content:stretch;padding:0}.sheet-card{padding-top:calc(env(safe-area-inset-top,0px) + 12px);border:0}.board .board-match{display:none}.board.open .board-match{border-bottom:1px solid var(--line);padding:6px 12px;display:block}.between{align-content:start}.mrow{--gap:6px;padding:6px 10px}}@media (max-height:500px) and (orientation:landscape){.between{grid-template-columns:minmax(0,620px)}.step3 i{height:30px;font-size:22px}.step3.s1 i{height:46px}.step3.s2 i{height:38px}}.sheet .mode{justify-content:center;min-height:48px}.acct-badge{vertical-align:-2px;width:15px;height:15px;color:var(--hazard);flex:none;margin-left:5px;display:inline-block}.name-fixed{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;display:grid}.name-fixed input{color:var(--dust)}.name-fixed .acct-badge{width:24px;height:24px;margin:0}.name-fixed small{color:var(--dust);grid-column:1/-1;font-size:13px}.account-note{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--hazard);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.account-note p{margin:0;font-size:15px;line-height:1.4}.account-note .account-go{border-color:var(--hazard)}.account-box{flex-direction:column;gap:8px;display:flex}.account-who{flex-wrap:wrap;align-items:baseline;column-gap:10px;display:flex}.account-who b{overflow-wrap:anywhere;font-size:18px}.account-who small{color:var(--dust);font-size:13px}.account-offline{border:1px solid var(--hazard);letter-spacing:.06em;text-transform:uppercase;color:var(--hazard);vertical-align:2px;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:12px;font-weight:700}.account-offline-hint{border-left:3px solid var(--hazard);padding-left:10px}.account-bests{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--hazard);flex-direction:column;display:flex}.account-best{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;column-gap:10px;padding:8px 12px;display:grid}.account-best:first-child{border-top:0}.account-best span{font-size:15px;font-weight:700}.account-best b{font-family:var(--display);font-size:20px;font-weight:800}.account-best em{color:var(--hazard);font-size:13px;font-style:normal;font-weight:700}.account-best small{color:var(--dust);grid-column:1/-1;font-size:13px}.leaders h1{font-size:clamp(44px,12vw,64px)}.daily-icon{vertical-align:middle;flex:none;width:20px;height:20px}.daily-badge{flex:none;width:72px;height:72px;display:block}.rank-icon{flex:none;width:28px;height:28px;display:block}.steer-zone{z-index:2;width:35vw;height:40vh;--steer-arrow:clamp(56px, 16vmin, 84px);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;height:40dvh;display:flex;position:fixed;bottom:0}.steer-zone.left{left:0}.steer-zone.right{right:0}.steer-key{pointer-events:none;width:48px;height:48px;margin-top:-24px;position:absolute;top:50%}.steer-key.left{right:calc(100% + 16px)}.steer-key.right{left:calc(100% + 16px)}@media (max-height:500px) and (orientation:landscape){.steer-key.left{right:calc(100% + 80px)}.steer-key.right{left:auto;right:calc(100% + 16px)}}.steer-arrow{width:var(--steer-arrow);height:var(--steer-arrow);opacity:.5;filter:drop-shadow(0 2px 4px #0009);transition:opacity 80ms,transform 80ms;display:block}.steer-key .steer-arrow{width:100%;height:100%}.steer-arrow svg{width:100%;height:100%;display:block}.steer-zone,.steer-key{color:var(--chalk)}.steer-zone.held,.steer-key.held{color:var(--hazard)}.steer-wait .steer-arrow{opacity:.6}.steer-wait.held .steer-arrow{opacity:.85}.steer-wait .steer-arrow svg{fill-opacity:0;stroke-dasharray:3 2}.steer-live.held .steer-arrow{opacity:1;transform:scale(1.12)}.steer-zone.steer-live.held{background:radial-gradient(closest-side,#ffc21a29,#0000)}.steer-key.steer-live.held .steer-arrow{filter:drop-shadow(0 2px 4px #0009)drop-shadow(0 0 6px #ffc21ab3)}.steer-live .steer-arrow{animation:.2s ease-out steer-pulse}@keyframes steer-pulse{50%{scale:1.2}}@media (orientation:portrait) and (min-height:600px){.steer-zone{--steer-lift:min(calc(env(safe-area-inset-bottom,0px) + 186px), calc(40dvh - var(--steer-arrow)));box-sizing:border-box;padding-bottom:var(--steer-lift);align-items:flex-end}.steer-zone.steer-live.held{background:radial-gradient(closest-side at 50% calc(100% - var(--steer-lift) - var(--steer-arrow) / 2), #ffc21a29, transparent)}}body.steerzones .hold{pointer-events:none;width:min(340px,100vw - 32px)}body.steerzones .hold button{width:calc(30vw - 12px);padding:0 4px;font-size:clamp(18px,5.5vw,30px)}body.steerzones .hold p{max-width:none}@media (max-height:500px) and (orientation:landscape){body.steerzones .hold{width:auto;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);justify-content:flex-end;inset:0;transform:none}body.steerzones .hold-btn{right:calc(env(safe-area-inset-right,0px) + 16px);bottom:min(calc(40vh + 8px), calc(100vh - env(safe-area-inset-top,0px) - 190px));bottom:min(calc(40dvh + 8px), calc(100dvh - env(safe-area-inset-top,0px) - 190px));position:absolute}}
