:root{--ink:#12305e;--sky:#2b8fff;--yellow:#ffd23a;--pink:#ff3b6b;--cream:#fffaf0;--green:#22c55e;font-family:Jua,Pretendard,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#0d1b33;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}#app{background:#8fd3ff;width:min(100vw,60dvh);height:100dvh;margin:0 auto;position:relative;overflow:hidden}#cv{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hud,#screen{pointer-events:none;position:absolute;inset:0}#hud>*,#screen>*{pointer-events:auto}#screen:empty{display:none}.topbar{padding:max(10px, env(safe-area-inset-top)) 12px 0;justify-content:flex-end;gap:6px;display:flex}.pill{color:#fff;background:#12305ed1;border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:15px;display:flex;box-shadow:0 2px #00000040}.pill small{opacity:.75;margin-left:3px;font-size:11px}.pill.gold{color:#ffd23a}.cls{color:#fff;vertical-align:2px;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:12px;font-style:normal}.cls.cC{background:#8a94a6}.cls.cB{background:#2f9e44}.cls.cA{background:#1c7ed6}.cls.cS{background:#e8590c}.cls.off{opacity:.55}.go{color:#7a3d00;text-shadow:0 1px #fff6;background:linear-gradient(#ffe36b,#ffbf1a);border-radius:18px;padding:12px 0;font-size:30px;box-shadow:0 6px #c77b00,0 10px 18px #00000040}.go:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #c77b00}#screen.lobby{background:linear-gradient(#2b8fff00 40%,#0d1b3373);flex-direction:column;align-items:center;display:flex}.logo{text-align:center;filter:drop-shadow(0 6px #12305e59);margin-top:6vh;line-height:1;transform:rotate(-4deg)}.logo span{color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:clamp(26px,6.5vh,40px);display:block}.logo b{color:var(--yellow);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;letter-spacing:-2px;font-size:clamp(54px,13vh,88px);display:block}.lobby .best{background:#ffffffe0;border-radius:999px;margin-top:10px;padding:4px 14px;font-size:16px}.lobby .best b{color:var(--pink)}.sel{grid-template-columns:1fr 1fr;gap:8px;width:calc(100% - 32px);margin-top:auto;display:grid}.card{background:var(--cream);text-align:left;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;align-items:center;gap:8px;padding:9px 10px;display:flex}.card i{border:2px solid var(--ink);border-radius:8px;flex:none;width:26px;height:26px}.card small{opacity:.6;font-size:12px;display:block}.card b{font-size:16px;font-weight:400}.lobby .go{width:calc(100% - 32px);margin-top:12px}.lobby .row{gap:8px;width:calc(100% - 32px);margin-top:12px;display:flex}.lobby .row button,.result .row button:not(.go){background:var(--cream);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:12px;flex:1;padding:8px 0;font-size:17px}.keys{color:#fff;opacity:.8;margin:10px 0 max(12px, env(safe-area-inset-bottom));text-align:center;padding:0 12px;font-size:12px}#screen.panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1b338c;flex-direction:column;display:flex;overflow:hidden}.head{align-items:center;gap:8px;padding:6px 12px;display:flex}.head button{background:var(--cream);border:3px solid var(--ink);width:40px;height:40px;box-shadow:0 3px 0 var(--ink);border-radius:12px;font-size:26px;line-height:1}.head h2{color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;margin:0;font-size:26px;font-weight:400}.mini{background:var(--yellow);white-space:nowrap;border-radius:8px;padding:3px 7px;font-size:13px;box-shadow:0 2px #c77b00}.big{color:#fff;background:linear-gradient(#5cc8ff,#2b8fff);border-radius:12px;width:100%;margin-top:8px;padding:11px 0;font-size:18px;display:block;box-shadow:0 4px #1658b8}.big.alt{color:#7a3d00;background:linear-gradient(#ffe36b,#ffbf1a);box-shadow:0 4px #c77b00}.hint{color:#5a6b85;margin:8px 0 0;font-size:13px}.garage{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 12px 12px;display:flex}.garage .list{scrollbar-width:thin;flex:none;gap:6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.item{background:var(--cream);border:2px solid var(--ink);border-radius:10px;flex:none;align-items:center;gap:5px;padding:6px 9px;font-size:15px;display:flex;position:relative}.item i{border:1.5px solid var(--ink);border-radius:4px;width:14px;height:14px}.item.on{background:var(--yellow);box-shadow:0 3px 0 var(--ink);transform:translateY(-2px)}.item.notown{opacity:.8;background:#dfe6f0}.item .cur{background:var(--pink);color:#fff;border-radius:6px;padding:0 4px;font-size:10px}.item .lk{font-size:11px}.detail{background:var(--cream);border:3px solid var(--ink);border-radius:16px;flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.detail h3{align-items:center;gap:6px;margin:0;font-size:24px;font-weight:400;display:flex}.detail h3 i{border:2px solid var(--ink);border-radius:7px;width:24px;height:24px}.desc{color:#4a5b75;margin:4px 0 10px;font-size:14px;line-height:1.35}.stat{grid-template-columns:58px 1fr 62px auto auto;align-items:center;gap:6px;margin:8px 0;font-size:15px;display:grid}.stat .bar{border:1.5px solid var(--ink);background:#dde5ef;border-radius:6px;height:12px;overflow:hidden}.stat .bar i{background:linear-gradient(90deg,#5cc8ff,#2b8fff);height:100%;display:block}.stat>b{text-align:right;font-weight:400}.stat>b small{opacity:.6;margin-left:2px;font-size:10px}.dots{gap:2px;display:flex}.dots i{background:#c8d2df;border-radius:50%;width:8px;height:8px}.dots i.on{background:var(--pink)}.max{color:var(--pink);font-size:12px}.acts{margin-top:6px}.drivers{flex-direction:column;flex:1;gap:8px;padding:0 12px 12px;display:flex;overflow-y:auto}.drv{background:var(--cream);border:3px solid var(--ink);border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.drv.on{background:#fff3b8}.drv .face{border:3px solid var(--ink);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.drv b{font-size:18px;font-weight:400}.drv p{color:#4a5b75;margin:2px 0;font-size:13px;line-height:1.3}.drv small{color:#8090a8;font-size:12px}.drv>button{background:var(--yellow);white-space:nowrap;border-radius:10px;padding:7px 10px;box-shadow:0 3px #c77b00}.settings{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex;overflow-y:auto}.settings label{background:var(--cream);border:3px solid var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:15px;display:flex}.settings label button{background:var(--yellow);white-space:nowrap;border-radius:8px;padding:5px 10px}.settings .stats{background:#ffffffe6;border-radius:12px;padding:9px 12px;font-size:13px}.settings .stats p{margin:4px 0 0}.danger{color:#b42318;background:#ffe1e1;border-radius:12px;padding:9px 0}.shop{flex-direction:column;flex:1;gap:7px;padding:0 12px;display:flex;overflow-y:auto}.sh{background:var(--cream);border:3px solid var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.sh.on{background:#fff3b8}.sh b{font-size:17px;font-weight:400}.sh p{color:#4a5b75;margin:2px 0 0;font-size:12px;line-height:1.3}.sh p.got{color:var(--pink);font-size:13px}.sh>button,.cnt button{background:var(--yellow);white-space:nowrap;border-radius:9px;padding:6px 9px;font-size:14px;box-shadow:0 2px #c77b00}.sh.on>button{background:var(--green);color:#fff;box-shadow:0 2px #15803d}.cnt{text-align:center;grid-template-columns:30px 26px 30px;align-items:center;gap:2px;display:grid}.cnt small{color:#6a7b95;grid-column:1/4;font-size:11px}.cnt b{font-size:18px}.foot{padding:10px 12px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex}.foot>span{color:#fff;text-align:center;font-size:16px}.foot .bad{color:#ff8080}#screen.result,#screen.pausebox{justify-content:center;align-items:center;gap:10px;padding:20px}.result h2,.pausebox h2{color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;margin:0;font-size:34px;font-weight:400}.newbest{background:var(--pink);color:#fff;border-radius:999px;padding:4px 16px;font-size:18px;animation:.6s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(-4px)scale(1.04)}}.rscore{color:var(--yellow);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;font-size:58px;line-height:1}.rscore small{margin-left:4px;font-size:22px}.rgrid{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.rgrid div{background:var(--cream);border:2px solid var(--ink);text-align:center;border-radius:10px;padding:6px}.rgrid small{color:#6a7b95;font-size:12px;display:block}.rgrid b{font-size:18px;font-weight:400}.earn{color:#fff;font-size:20px}.earn b{color:var(--yellow);margin-left:6px;font-weight:400}.unl{border:2px solid var(--green);background:#e7ffe9;border-radius:10px;padding:6px 10px;font-size:15px}.result .best{color:#fff;opacity:.8}.result .row{gap:8px;width:100%;display:flex}.result .row .go{flex:2;font-size:22px}.pausebox>button:not(.go){background:var(--cream);border:3px solid var(--ink);border-radius:12px;padding:10px 20px}.pausebox .go{width:80%;font-size:24px}.hud-top{top:max(8px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:10px;right:10px}.hud-top>*{pointer-events:auto}.pause{border:3px solid var(--ink);background:#fffaf0eb;border-radius:11px;width:38px;height:38px;font-size:16px}.score{text-align:center;line-height:1}.score b{color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:38px;font-weight:400;display:block}.score small{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:15px}.hgold{color:var(--yellow);background:#12305ecc;border-radius:999px;padding:5px 10px;font-size:16px}.hgold b{font-weight:400}.fuel{top:calc(max(8px, env(safe-area-inset-top)) + 64px);pointer-events:none;grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;width:62%;display:grid;position:absolute;left:50%;transform:translate(-50%)}.fuel span{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:13px}.fbar{border:2px solid var(--ink);background:#12305e8c;border-radius:7px;height:14px;overflow:hidden}.fbar i{background:linear-gradient(90deg,#ffd23a,#22c55e);height:100%;transition:width .15s;display:block}.fbar i.low{background:#ff3b3b;animation:.4s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.4}}.fuel small{text-align:center;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;grid-column:1/3;font-size:12px}.status{top:calc(max(8px, env(safe-area-inset-top)) + 112px);pointer-events:none;flex-wrap:wrap;justify-content:center;gap:4px;display:flex;position:absolute;left:8px;right:8px}.status span{color:#fff;border:2px solid var(--ink);border-radius:999px;padding:2px 8px;font-size:12px}.b-boost{background:#0ea5e9}.b-shadow{background:#475569}.b-mag{background:#ef4444}.b-bump{background:#f97316}.b-aux{background:#16a34a}.b-combo{background:var(--pink)}.pops{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:30%;left:0;right:0}.pop{text-align:center;margin-bottom:4px;line-height:1;animation:1.1s ease-out forwards pop}.pop b{color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:30px;font-weight:400;display:block}.pop small{color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;margin-top:2px;font-size:16px;display:block}.pop.cha b{color:var(--yellow);font-size:calc(30px + var(--n,0) * 3px)}.pop.cha.c2{--n:1}.pop.cha.c3{--n:2}.pop.cha.c4{--n:3}.pop.cha.c5{--n:4}.pop.cha.c6{--n:5}.pop.cha.c7{--n:6}.pop.cha.c8{--n:7}.pop.cha.c4 b,.pop.cha.c5 b,.pop.cha.c6 b,.pop.cha.c7 b,.pop.cha.c8 b{color:#ff7ad9}.pop.cp b{color:var(--pink);font-size:34px}.pop.box b{color:#7cf3ff}.pop.jump b{color:#ffa94d;font-size:34px}.pop.warn b{color:#ff5b5b}@keyframes pop{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1.15)}30%{transform:scale(1)}80%{opacity:1;transform:translateY(-14px)}to{opacity:0;transform:translateY(-26px)}}.say{text-align:center;opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;bottom:150px;left:12px;right:12px}.say.on{opacity:1}.say{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:15px}.speed{text-align:right;pointer-events:none;line-height:1;position:absolute;bottom:112px;right:12px}.speed b{color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:34px;font-weight:400}.speed small{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin-left:2px;font-size:13px}.speed em{color:#7cf3ff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;opacity:0;font-size:12px;font-style:normal;display:block}.speed em.on{opacity:1}.emerg{color:#fff;border:3px solid var(--ink);background:#ff3b3b;border-radius:14px;padding:10px 18px;font-size:20px;animation:.4s ease-in-out infinite alternate bob;display:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.emerg.on{display:block}.ctrl{padding:0 10px max(10px, env(safe-area-inset-bottom));grid-template-columns:1.25fr 1fr 1fr 1.25fr;gap:8px;display:grid;position:absolute;bottom:0;left:0;right:0}.cb{border:3px solid var(--ink);height:84px;box-shadow:0 4px 0 var(--ink);touch-action:none;background:#fffaf0d1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;font-size:30px;line-height:1;display:flex}.cb.press{box-shadow:0 1px 0 var(--ink);background:var(--yellow);transform:translateY(3px)}.cb.jump{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;background:#5cc8ffe6;font-size:22px}.cb.turbo{background:#ffd23ae6;font-size:20px}.cb.turbo b{font-weight:400}.cb.turbo small{margin-top:3px;font-size:14px}.tireic{background:#9aa3ad;border:4px solid #1b1b1b;border-radius:50%;width:15px;height:15px;margin-right:2px;display:inline-block;box-shadow:0 0 0 1px #fff3}.garage .list{flex:1;order:2;grid-template-columns:1fr 1fr;align-content:start;min-height:0;display:grid;overflow:hidden auto}.garage .item{justify-content:flex-start}.garage .item.on{transform:none}#app{width:100vw;height:100dvh}#rotate{display:none}html.need-rotate #rotate{z-index:99;color:#fff;text-align:center;background:#2b8fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}html.need-rotate #app{visibility:hidden}#rotate b{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-size:26px;font-weight:400}#rotate small{opacity:.9;font-size:15px}#rotate .phone{border:5px solid #fff;border-radius:10px;width:46px;height:80px;margin-bottom:14px;animation:1.6s ease-in-out infinite turn}@keyframes turn{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.topbar{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 12px}#screen.lobby{padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));background:linear-gradient(90deg,#0d1b3300 45%,#0d1b3373);grid-template-rows:auto 1fr auto;grid-template-columns:1fr minmax(280px,40%);gap:0 18px;display:grid}#screen.lobby .topbar{grid-column:1/3;padding-right:0}.lobby-l{flex-direction:column;justify-content:center;align-items:center;display:flex}.lobby-l .logo{margin-top:0}.logo span{font-size:clamp(22px,7vh,40px)}.logo b{font-size:clamp(44px,17vh,96px)}.lobby-r{flex-direction:column;justify-content:center;gap:0;display:flex}.lobby-r .sel,.lobby-r .go,.lobby-r .row{width:100%;margin-left:0}.lobby-r .sel{margin-top:0}.lobby-r .go,.lobby-r .row{margin-top:10px}#screen.lobby .keys{margin:4px 0 max(6px, env(safe-area-inset-bottom));grid-column:1/3}#screen.panel{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.garage{flex-direction:row}.garage .detail{flex:1.3;order:1;max-height:none}.garage .list{flex:1;order:2;grid-template-columns:1fr 1fr}.drivers,.shop{grid-template-columns:1fr 1fr;align-content:start;display:grid}.foot{flex-direction:row;justify-content:space-between;align-items:center;padding-top:8px}.foot .go{flex:none;min-width:46%;padding:8px 0;font-size:24px}.settings{grid-template-columns:1fr 1fr;align-content:start;display:grid}.settings .stats,.settings .danger{grid-column:1/3}.rgrid{grid-template-columns:repeat(6,1fr);max-width:760px}.result .row{max-width:520px}.rscore{font-size:clamp(40px,12vh,58px)}#screen.result{gap:6px;overflow-y:auto}.hud-top{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right))}.fuel{width:min(46%,420px);top:calc(max(8px, env(safe-area-inset-top)) + 58px)}.pops{top:26%}.ctrl{padding:0 0 max(10px, env(safe-area-inset-bottom));gap:10px;display:flex;bottom:0;left:auto;right:auto}.ctrl.cl{left:max(12px, env(safe-area-inset-left))}.ctrl.cr{right:max(12px, env(safe-area-inset-right))}.cb{border-radius:22px;width:clamp(70px,11vw,104px);height:clamp(70px,11vw,104px)}.speed{left:50%;right:auto;bottom:max(10px, env(safe-area-inset-bottom));text-align:center;transform:translate(-50%)}@media (height<=500px){.cb{border-radius:18px;width:66px;height:66px;font-size:24px}.cb.jump{font-size:18px}.cb.turbo{font-size:16px}.score b{font-size:30px}.fuel{top:calc(max(6px, env(safe-area-inset-top)) + 46px)}.status{top:calc(max(6px, env(safe-area-inset-top)) + 80px)}.speed b{font-size:28px}.say{font-size:13px;bottom:54px}.pop b{font-size:24px}.head{padding:4px 12px}.head button{width:34px;height:34px;font-size:22px}.head h2{font-size:22px}.detail{padding:8px 12px}.detail h3{font-size:20px}.stat{margin:4px 0}.big{margin-top:6px;padding:8px 0;font-size:16px}.lobby-r .go{padding:8px 0;font-size:24px}.lobby-r .row button{padding:6px 0;font-size:15px}.card{padding:6px 8px}.keys{display:none}.sh{padding:6px 8px}.sh p{font-size:11px}.drv{grid-template-columns:40px 1fr auto;padding:6px 8px}.drv .face{width:40px;height:40px;font-size:20px}.result h2{font-size:26px}.rgrid div{padding:3px}}.speed{left:auto;right:max(12px, env(safe-area-inset-right));top:calc(max(8px, env(safe-area-inset-top)) + 48px);text-align:right;bottom:auto;transform:none}.speed em{text-align:right}.settings .credit{color:#fff;opacity:.8;text-align:center;grid-column:1/3;margin:2px 0 0;font-size:12px}.preview{background:radial-gradient(at 50% 70%,#fff 0%,#d9ecff 55%,#b9dbff 100%);border:2px solid #c9d8ea;border-radius:14px;height:clamp(120px,34vh,260px);margin:2px 0 6px;position:relative;overflow:hidden}.preview canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pv-lock{z-index:1;font-size:18px;position:absolute;top:6px;right:8px}@media (height<=500px){.preview{height:118px}}.garage .item{white-space:nowrap;min-width:0;overflow:hidden}.speed,.fuel{display:none}.cp-top{top:calc(max(8px, env(safe-area-inset-top)) + 54px);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;pointer-events:none;white-space:nowrap;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.status{top:calc(max(8px, env(safe-area-inset-top)) + 76px)}.gauge{left:50%;bottom:max(8px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:2px;width:min(40vw,340px);display:flex;position:absolute;transform:translate(-50%)}.gauge .spd{align-items:flex-end;gap:4px;line-height:.9;display:flex;position:relative;transform:skew(-12deg)}.gauge .spd b{color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;letter-spacing:1px;font-variant-numeric:tabular-nums;text-align:right;min-width:2.2em;font-size:clamp(34px,7vw,54px);font-weight:400}.gauge .spd small{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;margin-bottom:4px;font-size:18px}.gauge .spd em{color:#7cf3ff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;opacity:0;white-space:nowrap;font-size:12px;font-style:normal;position:absolute;bottom:8px;left:-84px}.gauge .spd em.on{opacity:1}.fuelrow{align-items:center;gap:6px;width:100%;display:flex}.pump{flex:none;width:22px;height:22px}.seg{border:2px solid var(--ink);background:#12305e8c;border-radius:3px;flex:1;grid-template-columns:repeat(20,1fr);gap:2px;height:16px;padding:2px;display:grid;transform:skew(-20deg)}.seg i{background:#ffffff1f;border-radius:1px}.seg i.on{background:var(--c);box-shadow:inset 0 -3px #0000002e}.seg i:nth-child(-n+4){--c:#ff3b3b}.seg i:nth-child(n+5):nth-child(-n+8){--c:#ff8a1f}.seg i:nth-child(n+9):nth-child(-n+12){--c:#ffd23a}.seg i:nth-child(n+13):nth-child(-n+16){--c:#a3e635}.seg i:nth-child(n+17){--c:#22c55e}.seg.low i.on{animation:.4s steps(2,end) infinite blink}.say{bottom:92px}.emerg{bottom:96px}@media (height<=500px){.gauge .spd b{font-size:38px}.seg{height:13px}.say{bottom:78px}.emerg{padding:6px 14px;font-size:16px;bottom:80px}.cp-top{top:calc(max(6px, env(safe-area-inset-top)) + 44px)}.status{top:calc(max(6px, env(safe-area-inset-top)) + 64px)}}.say{top:calc(max(8px, env(safe-area-inset-top)) + 44px);bottom:auto;left:auto;right:max(12px, env(safe-area-inset-right));text-align:right;max-width:42%}@media (height<=500px){.say{top:calc(max(6px, env(safe-area-inset-top)) + 40px);bottom:auto}}.ctrl{bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;display:flex}.ctrl.cl{left:max(10px, env(safe-area-inset-left));align-items:flex-start}.ctrl.cr{right:max(10px, env(safe-area-inset-right));align-items:flex-end}.cb.arrow{--s:clamp(96px, 30vh, 150px);width:var(--s);height:var(--s);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff47;border:3px solid #ffffffd9;border-radius:26px;box-shadow:0 4px #12305e73}.cb.arrow svg{fill:none;stroke:#fff;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px #12305eb3);width:58%;height:58%}.cb.arrow.press{background:#ffd23a99;transform:translateY(3px);box-shadow:0 1px #12305e73}.cb.jump,.cb.turbo{--s:clamp(78px, 24vh, 118px);width:var(--s);height:var(--s);border-radius:50%}.cb.jump{color:#fff;-webkit-text-stroke:5px #8a3a00;paint-order:stroke fill;background:radial-gradient(circle at 35% 30%,#ffb35c,#ff7a00 70%);border:4px solid #fff;font-size:clamp(20px,6vh,28px);box-shadow:0 5px #b45309}.cb.turbo{color:#fff;-webkit-text-stroke:4px #0b4a8a;paint-order:stroke fill;background:radial-gradient(circle at 35% 30%,#7ee8ff,#1e9bff 70%);border:4px solid #fff;font-size:clamp(15px,4.5vh,20px);box-shadow:0 5px #0b4a8a}.cb.turbo small{-webkit-text-stroke:4px #0b4a8a;font-size:clamp(14px,4vh,18px)}.cb.turbo.empty{filter:grayscale();opacity:.55}.cb.jump.press,.cb.turbo.press{transform:translateY(4px);box-shadow:0 1px #555}.gauge{width:min(34vw,320px)}@media (height<=500px){.cb.arrow{--s:112px}.cb.jump,.cb.turbo{--s:82px}.ctrl{gap:8px}}.pops{top:calc(max(8px, env(safe-area-inset-top)) + 52px);left:max(12px, env(safe-area-inset-left));align-items:flex-start;width:27%;right:auto}.pop{text-align:left;animation-name:pop-side}.pop b{-webkit-text-stroke:5px var(--ink);font-size:24px}.pop small{font-size:14px}.pop.cha b{font-size:calc(24px + var(--n,0) * 1.5px)}.pop.cp b,.pop.jump b{font-size:26px}.pop.small b{font-size:16px}@keyframes pop-side{0%{opacity:0;transform:translate(-16px)scale(.6)}15%{opacity:1;transform:scale(1.1)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (height<=500px){.pops{top:calc(max(6px, env(safe-area-inset-top)) + 40px)}.pop b{font-size:20px}.pop small{font-size:12px}.pop.cha b{font-size:calc(20px + var(--n,0) * 1px)}.pop.cp b,.pop.jump b{font-size:22px}}:root{--hud-t:max(8px, env(safe-area-inset-top));--hud-r:max(12px, env(safe-area-inset-right))}.hud-top .score{text-align:right;position:absolute;top:34px;right:0}.score b{font-size:30px}.score small{font-size:14px}.cp-top{left:auto;right:var(--hud-r);top:calc(var(--hud-t) + 86px);text-align:right;font-size:12px;transform:none}.say{top:calc(var(--hud-t) + 104px);right:var(--hud-r);max-width:34%;font-size:13px}.status{left:auto;right:var(--hud-r);top:calc(var(--hud-t) + 126px);justify-content:flex-end;width:34%}.status span{padding:1px 7px;font-size:11px}.emerg{left:calc(max(10px, env(safe-area-inset-left)) + clamp(78px, 24vh, 118px) + 12px);top:auto;right:auto;bottom:calc(max(10px, env(safe-area-inset-bottom)) + clamp(96px, 30vh, 150px) + 14px);transform:none}@media (height<=500px){.hud-top .score{top:32px}.score b{font-size:24px}.score small{font-size:12px}.cp-top{top:calc(var(--hud-t) + 72px)}.say{top:calc(var(--hud-t) + 88px);font-size:12px;bottom:auto}.status{top:calc(var(--hud-t) + 106px)}.emerg{left:calc(max(10px, env(safe-area-inset-left)) + 92px);bottom:calc(max(10px, env(safe-area-inset-bottom)) + 124px)}}.emerg{left:max(10px, env(safe-area-inset-left));bottom:calc(max(10px, env(safe-area-inset-bottom)) + clamp(96px, 30vh, 150px) + 10px);z-index:2;border:4px solid #fff;border-radius:50%;width:clamp(78px,24vh,118px);height:clamp(78px,24vh,118px);padding:0;font-size:clamp(14px,4vh,18px);line-height:1.1;animation:none;box-shadow:0 5px #8a1010}@media (height<=500px){.emerg{left:max(10px, env(safe-area-inset-left));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 130px);width:82px;height:82px;padding:0;font-size:14px}}@media (height<=360px){:root{--arrow:clamp(62px, 30vh, 100px);--round:clamp(52px, 23vh, 78px)}.ctrl{bottom:max(8px, env(safe-area-inset-bottom));flex-direction:row;align-items:flex-end;gap:8px}.ctrl.cl{flex-direction:row-reverse}.cb.arrow{--s:var(--arrow);border-width:2px;border-radius:20px}.cb.jump,.cb.turbo{--s:var(--round);border-width:3px}.cb.jump{-webkit-text-stroke:4px #8a3a00;font-size:17px}.cb.turbo,.cb.turbo small{font-size:13px}.emerg{width:var(--round);height:var(--round);left:calc(max(10px, env(safe-area-inset-left)) + var(--arrow) + 8px);bottom:max(8px, env(safe-area-inset-bottom));border-width:3px;font-size:12px}.gauge{width:min(30vw,260px);bottom:max(6px, env(safe-area-inset-bottom))}.gauge .spd b{-webkit-text-stroke:6px var(--ink);font-size:30px}.gauge .spd small{font-size:14px}.seg{height:11px}.pump{width:18px;height:18px}.pause{border-width:2px;width:32px;height:32px;font-size:13px}.hgold{padding:3px 9px;font-size:13px}.hud-top .score{top:26px}.score b{-webkit-text-stroke:5px var(--ink);font-size:20px}.score small{font-size:11px}.cp-top{top:calc(var(--hud-t) + 58px);font-size:11px}.say{top:calc(var(--hud-t) + 72px);font-size:11px}.status{top:calc(var(--hud-t) + 88px)}.status span{padding:0 6px;font-size:10px}.pops{top:calc(var(--hud-t) + 36px)}.pop b{-webkit-text-stroke:4px var(--ink);font-size:17px}.pop small{font-size:11px}.pop.cha b{font-size:calc(17px + var(--n,0) * 1px)}.pop.cp b,.pop.jump b{font-size:18px}}