:root{--bg:#03060c;--text:#f4f7fb;--text-2:#e2ecf8b3;--text-3:#e2ecf873;--accent:#4fe3ff;--accent-2:#8f7bff;--gold:#ffd25a;--good:#5bf2a6;--danger:#ff5f73;--glass:#10162180;--glass-hover:#222c3c9e;--glass-strong:#090e17cc;--hairline:#ffffff14;--hairline-2:#ffffff26;--fill:#ffffff0f;--fill-2:#ffffff1c;--radius-xl:28px;--radius-lg:22px;--shadow:0 24px 60px #00000061;--blur:blur(18px) saturate(1.25);--ease:cubic-bezier(.2, .8, .2, 1);--pad-top:calc(env(safe-area-inset-top) + 16px);--pad-right:calc(env(safe-area-inset-right) + 18px);--pad-bottom:calc(env(safe-area-inset-bottom) + 18px);--pad-left:calc(env(safe-area-inset-left) + 18px);--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{font:inherit;color:inherit}[hidden]{display:none!important}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#game{position:fixed;inset:0}#game canvas{width:100%;height:100%;display:block}#flash{opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}#flash.on{animation:.7s ease-out flash}#flash.hit{background:#ff2a3a}@keyframes flash{0%{opacity:.85}to{opacity:0}}.btn{pointer-events:auto;letter-spacing:.01em;white-space:nowrap;cursor:pointer;min-height:50px;transition:transform .15s var(--ease), background-color .2s, color .2s, opacity .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 30px;font-size:16px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:default;opacity:.45}.btn-primary{color:#05080d;background:#fff;box-shadow:0 10px 30px #00000047}.btn-primary:hover:not(:disabled){background:#e6f6ff}.btn-glass{background:var(--glass);box-shadow:inset 0 0 0 1px var(--hairline-2);-webkit-backdrop-filter:var(--blur)}.btn-glass:hover:not(:disabled){background:var(--glass-hover)}.btn-quiet{min-height:44px;color:var(--text-2);background:0 0}.btn-quiet:hover{color:var(--text)}.btn-small{min-height:38px;padding:0 16px;font-size:14px}.icon-btn{pointer-events:auto;background:var(--glass);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--hairline-2);-webkit-backdrop-filter:var(--blur);cursor:pointer;transition:transform .15s var(--ease), background-color .2s;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.icon-btn:hover{background:var(--glass-hover)}.icon-btn:active{transform:scale(.94)}.icon-btn svg,.nav-btn svg,.row.link svg,.install-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-btn svg.solid{fill:currentColor;stroke:none}#mute-btn .sound-off,#mute-btn.muted .sound-on{display:none}#mute-btn.muted .sound-off{display:block}.nav-btn{pointer-events:auto;background:var(--glass);min-width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--hairline-2);-webkit-backdrop-filter:var(--blur);cursor:pointer;transition:transform .15s var(--ease), background-color .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 17px 0 13px;font-size:14px;font-weight:600;display:inline-flex}.nav-btn:hover{background:var(--glass-hover)}.nav-btn:active{transform:scale(.96)}.nav-btn.admin{color:var(--gold)}.text-btn{pointer-events:auto;color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:var(--hairline-2);text-decoration-color:var(--hairline-2);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:14px;font-weight:500}.text-btn:hover{color:var(--text)}.seg{background:var(--glass);box-shadow:inset 0 0 0 1px var(--hairline);-webkit-backdrop-filter:var(--blur);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{pointer-events:auto;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s}.seg button:hover{color:var(--text)}.seg button[aria-selected=true]{color:#05080d;background:#fff}.wallet-chip{background:var(--glass);height:40px;box-shadow:inset 0 0 0 1px var(--hairline-2);-webkit-backdrop-filter:var(--blur);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:15px;font-weight:700;display:inline-flex}.coin-icon{background:radial-gradient(circle at 35% 35%,#fff4c2,#ffc83d 48%,#c88a10);border-radius:50%;flex:none;width:16px;height:16px;display:inline-block;box-shadow:0 0 10px #ffc84673}.scrollable{scrollbar-width:none}.scrollable::-webkit-scrollbar{display:none}.screen{padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left);animation:screen-in .32s var(--ease);flex-direction:column;display:flex;position:fixed;inset:0}@keyframes screen-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes drop-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.title{text-align:center;background:linear-gradient(#03060c9e 0%,#03060c00 30% 56%,#03060cbd 100%);justify-content:space-between;align-items:center}.corner{top:var(--pad-top);animation:drop-in .5s var(--ease) both;align-items:center;gap:10px;display:flex;position:absolute}.corner-start{left:var(--pad-left)}.corner-end{right:var(--pad-right)}.title-hero{animation:drop-in .6s var(--ease) both;margin-top:clamp(64px,11vh,120px)}.logo{letter-spacing:.26em;white-space:nowrap;text-shadow:0 4px 30px #00000073;margin:0;padding-left:.26em;font-size:clamp(28px,4.6vw,62px);font-weight:700;line-height:1}.logo span{background:linear-gradient(90deg,#6ae9ff,#a495ff);color:#0000;text-shadow:none;filter:drop-shadow(0 2px 10px #0000008c);-webkit-background-clip:text;background-clip:text}.title-best{color:#ecf3fad1;text-shadow:0 1px 2px #0009,0 2px 14px #0009;margin:14px 0 0;font-size:15px;font-weight:500}.title-best b{color:var(--text);margin-left:4px;font-weight:700}.title-actions{width:min(100%,520px);animation:rise-in .6s 80ms var(--ease) both;flex-direction:column;align-items:center;gap:12px;display:flex}.button-row{justify-content:center;gap:12px;width:100%;display:flex}.title .button-row .btn{flex:1 1 0;max-width:240px;padding:0 20px}.install-tip{pointer-events:auto;background:var(--glass);max-width:100%;box-shadow:inset 0 0 0 1px var(--hairline);-webkit-backdrop-filter:var(--blur);color:var(--text-2);text-align:left;border-radius:20px;align-items:center;gap:10px;padding:8px 8px 8px 16px;font-size:13px;font-weight:500;line-height:1.4;display:flex}#install-text{flex:1}#install-text b{color:var(--text)}.install-tip .share{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;margin:0 2px -2px;display:inline-block}.install-action{color:#05080d;cursor:pointer;background:#fff;border:0;border-radius:999px;flex:none;height:32px;padding:0 14px;font-size:13px;font-weight:600}.install-close{width:32px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:7px}.install-close svg{width:100%;height:100%}.page{background:linear-gradient(#03060c99,#03060cc7);align-items:center;gap:14px}.page-bar{width:min(100%,640px);animation:drop-in .4s var(--ease) both;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.page-bar h2{letter-spacing:.01em;margin:0;font-size:18px;font-weight:650}.page-bar-end{justify-self:end}.sheet{width:min(100%,640px);min-height:0;animation:rise-in .42s var(--ease) both;flex:auto}.page .sheet.scrollable{touch-action:pan-y;padding:12px 2px 40px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 32px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 32px),#0000 100%)}.group+.group{margin-top:26px}.group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:0 0 8px 18px;font-size:12px;font-weight:600}.group-card{border-radius:var(--radius-lg);background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--hairline);-webkit-backdrop-filter:var(--blur);overflow:hidden}.group-card>*+*{box-shadow:inset 0 1px 0 var(--hairline)}.row{justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:8px 18px;font-size:15px;font-weight:500;display:flex}.row.text{color:var(--text-2);margin:0;padding:14px 18px;font-size:13.5px;font-weight:400;line-height:1.55;display:block}.row.link{pointer-events:auto;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;transition:background-color .2s}.row.link:hover{background-color:var(--fill)}.row.link svg{width:18px;height:18px;color:var(--text-3)}.row.link.danger{color:var(--danger)}.note{color:var(--text-3);margin:8px 18px 0;font-size:12.5px;line-height:1.5}.note:empty{display:none}.version{font-family:var(--mono)}input.switch{appearance:none;background:var(--fill-2);width:50px;height:30px;box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;transition:background-color .25s var(--ease);border-radius:999px;flex:none;margin:0;position:relative}input.switch:after{content:"";width:24px;height:24px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000059}input.switch:checked{background:var(--accent)}input.switch:checked:after{transform:translate(20px)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:min(58%,260px);height:30px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill,50%), #ffffff29 var(--fill,50%));border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:24px;height:24px;margin-top:-10px;box-shadow:0 2px 8px #0006}input[type=range]::-moz-range-track{background:#ffffff29;border-radius:999px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:24px;height:24px}.row select{appearance:none;color:var(--text-2);font:inherit;text-align:right;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b4c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") 100%/18px no-repeat;border:0;padding:6px 26px 6px 8px;font-size:15px;font-weight:500}.row select option{color:var(--text);background:#0b111b}.field{align-items:center;gap:10px;padding:8px 8px 8px 18px;display:flex}.field input,.field code{min-width:0;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;flex:1;padding:8px 0;font-size:16px;font-weight:500}.field input::placeholder{color:var(--text-3)}.field code{font-family:var(--mono);letter-spacing:.06em;-webkit-user-select:all;user-select:all;font-size:15px}.group-card:focus-within{box-shadow:inset 0 0 0 1px #4fe3ff80}.controls{grid-template-columns:auto minmax(0,1fr);column-gap:18px;margin:0;padding:4px 18px;display:grid}.controls dt,.controls dd{box-shadow:inset 0 1px 0 var(--hairline);margin:0;padding:11px 0;font-size:14px}.controls dt:first-of-type,.controls dt:first-of-type+dd{box-shadow:none}.controls dt{white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:flex}.controls dd{color:var(--text-2);align-self:center}.controls kbd{background:var(--fill-2);min-width:26px;height:26px;box-shadow:inset 0 -2px 0 #00000059, inset 0 0 0 1px var(--hairline-2);border-radius:7px;place-items:center;padding:0 7px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;display:inline-grid}.controls .wide{color:var(--text-3);grid-column:1/-1;font-size:13px;line-height:1.5}.board-sheet{border-radius:var(--radius-xl);background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow);-webkit-backdrop-filter:var(--blur);flex-direction:column;display:flex;overflow:hidden}.board-head{flex-direction:column;align-items:center;gap:10px;padding:16px 16px 8px;display:flex}.board-head .seg{background:var(--fill);-webkit-backdrop-filter:none}.caption{color:var(--text-3);margin:0;font-size:12.5px}.board-list{touch-action:pan-y;flex:1;min-height:0;margin:0;padding:4px 8px 10px;list-style:none;overflow-y:auto}.board-list li{border-radius:14px;align-items:center;gap:14px;min-height:46px;padding:0 14px;font-size:15px;display:flex}.board-list .rank,.board-me .rank{text-align:center;width:32px;color:var(--text-3);flex:none;font-size:13px;font-weight:600}.board-list .medal .rank{color:#17110a;border-radius:50%;width:28px;height:28px;margin:0 2px;font-weight:700;line-height:28px}.board-list .gold .rank{background:linear-gradient(135deg,#ffe58a,#e3ac34)}.board-list .silver .rank{background:linear-gradient(135deg,#f3f6fa,#aeb8c6)}.board-list .bronze .rank{background:linear-gradient(135deg,#f4c79f,#bd7339)}.board-list .name,.board-me .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.board-list .score,.board-me .score{color:var(--text-2);flex:none;font-weight:600}.board-list .me{background:#4fe3ff1f}.board-list .me .name{color:var(--accent)}.board-list .gap{color:var(--text-3);justify-content:center}.board-status{text-align:center;color:var(--text-3);margin:0;padding:18px 16px 24px;font-size:14px}.board-status:empty,.board-list:empty{display:none}.board-list:empty+.board-status{flex:1;place-items:center;display:grid}.board-me{min-height:58px;box-shadow:inset 0 1px 0 var(--hairline);background:#ffffff08;flex:none;align-items:center;gap:14px;padding:0 22px;font-size:15px;display:flex}.board-me .rank{color:var(--accent)}.board-me em{background:var(--fill-2);letter-spacing:.04em;color:var(--text-2);vertical-align:1px;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.garage{background:linear-gradient(#03060c8c 0%,#03060c00 20% 46%,#03060cc7 100%);justify-content:space-between;align-items:center}.garage .page-bar{width:100%}.garage-dock{width:min(100%,980px);animation:rise-in .45s var(--ease) both;flex-direction:column;align-items:center;gap:12px;display:flex}.dock-sheet{border-radius:var(--radius-xl);background:var(--glass-strong);width:100%;box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow);-webkit-backdrop-filter:var(--blur);padding:14px}.paint-panel{flex-direction:column;gap:12px;display:flex}.skin-list{scroll-snap-type:x proximity;touch-action:pan-x;gap:4px;padding:2px;display:flex;overflow-x:auto}.skin-card{pointer-events:auto;scroll-snap-align:center;cursor:pointer;background:0 0;border:0;border-radius:18px;flex-direction:column;flex:none;align-items:center;gap:6px;width:86px;padding:10px 4px 9px;transition:background-color .2s;display:flex}.skin-card:hover{background:var(--fill)}.skin-card.selected{background:var(--fill-2)}.swatch{border-radius:50%;width:44px;height:44px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff40,0 4px 14px #00000059}.skin-card.selected .swatch{box-shadow:0 0 0 2px #0c121c,0 0 0 4px #fff}.skin-card .label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.skin-card .price{color:var(--gold);align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex}.skin-card .price .coin-icon{width:11px;height:11px;box-shadow:none}.skin-card .price.owned{color:var(--text-3)}.skin-card .price.equipped{color:var(--good)}.paint-foot{box-shadow:inset 0 1px 0 var(--hairline);justify-content:space-between;align-items:center;gap:16px;padding:12px 4px 0 6px;display:flex}.skin-info{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}.skin-info b{font-size:18px;font-weight:650}.skin-info small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);font-size:13px;overflow:hidden}#skin-action{flex:none;min-width:170px}#skin-action .coin-icon{box-shadow:none}.upgrade-list{touch-action:pan-x;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.upgrade-card{background:var(--fill);box-shadow:inset 0 0 0 1px var(--hairline);text-align:left;border-radius:20px;grid-template-rows:auto 1fr auto auto;grid-template-columns:44px minmax(0,1fr);gap:10px 12px;padding:14px;display:grid}.upgrade-card .icon{background:var(--fill);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.upgrade-card .icon svg{width:26px;height:26px}.upgrade-card h4{align-self:center;margin:0;font-size:15px;font-weight:650}.upgrade-card h4 small{color:var(--text-3);margin-top:2px;font-size:12px;font-weight:500;display:block}.upgrade-card p{color:var(--text-2);grid-column:1/-1;margin:0;font-size:12.5px;line-height:1.45}.upgrade-card .meter{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}.upgrade-card .pips{gap:4px;display:flex}.upgrade-card .pips i{background:#ffffff24;border-radius:999px;width:22px;height:5px}.upgrade-card .pips i.on{background:var(--accent)}.upgrade-card .stat{color:var(--text-2);text-align:right;font-size:12.5px;font-weight:600}.upgrade-card .stat span{color:var(--good)}.upgrade-card button{pointer-events:auto;color:#05080d;cursor:pointer;min-height:42px;transition:transform .15s var(--ease), background-color .2s;background:#fff;border:0;border-radius:999px;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:650;display:flex}.upgrade-card button:hover:not(:disabled){background:#e6f6ff}.upgrade-card button:active:not(:disabled){transform:scale(.97)}.upgrade-card button .coin-icon{box-shadow:none}.upgrade-card button:disabled{background:var(--fill-2);color:var(--text-3);cursor:default}.upgrade-card button:disabled .coin-icon{opacity:.6}.search-row{gap:8px;margin:10px 0;display:flex}.search-row input{background:var(--glass-strong);min-width:0;height:44px;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;border:0;border-radius:999px;flex:1;padding:0 18px;font-size:16px}.search-row .btn{min-height:44px}.admin-list{border-radius:var(--radius-lg);background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--hairline);margin:0;padding:0;list-style:none;overflow:hidden}.admin-list:empty{display:none}.admin-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:12px 14px 12px 18px;display:grid}.admin-list li+li{box-shadow:inset 0 1px 0 var(--hairline)}.admin-list b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.admin-list b em{letter-spacing:.06em;color:var(--gold);margin-left:8px;font-size:11px;font-style:normal;font-weight:700}.admin-list small{color:var(--text-3);grid-column:1;font-size:12.5px}.admin-list .actions{grid-area:1/2/span 2;gap:6px;display:flex}.admin-list .actions button{pointer-events:auto;background:var(--fill-2);cursor:pointer;border:0;border-radius:999px;height:32px;padding:0 12px;font-size:12.5px;font-weight:600}.admin-list .actions button.danger{color:#ff9aa8;background:#ff5f7329}.admin-list .actions button:disabled{opacity:.35;cursor:default}.overlay{background:#03060c80;justify-content:center;align-items:center}.card{border-radius:var(--radius-xl);background:var(--glass-strong);width:min(100%,380px);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow);-webkit-backdrop-filter:var(--blur);text-align:center;animation:card-in .36s var(--ease) both;padding:24px 22px 20px}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.pause-card{flex-direction:column;gap:10px;display:flex}.pause-card h2{margin:0 0 8px;font-size:22px;font-weight:650}.pause-card .btn{width:100%}.results{background:linear-gradient(#03060c00 25%,#03060cb3);justify-content:flex-end;align-items:center}.results-card{width:min(100%,440px);animation-delay:50ms}.results-head{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.results-head b{letter-spacing:.16em;text-transform:uppercase;color:var(--danger);font-size:13px;font-weight:700}.results-head span{color:var(--text-2);font-size:14.5px}.results-distance{justify-content:center;align-items:baseline;gap:6px;margin-top:12px;display:flex}.results-distance span{letter-spacing:-.02em;font-size:clamp(54px,12vw,76px);font-weight:700;line-height:1}.results-distance small{color:var(--text-2);font-size:22px;font-weight:600}.results-best{color:var(--text-2);margin:8px 0 0;font-size:14px}.results-best.new{color:var(--gold);font-weight:650}.results-stats{box-shadow:inset 0 1px 0 var(--hairline), inset 0 -1px 0 var(--hairline);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;padding:12px 0;display:grid}.results-stats b{font-size:20px;font-weight:650;display:block}.results-stats small{color:var(--text-3);font-size:12px}.results-online{color:var(--accent);margin:12px 0 0;font-size:13px;font-weight:500}.results-online:empty,.results-share:empty{display:none}.results .button-row{align-items:center;margin-top:18px}.results .btn-primary{flex:auto}.results-share{color:var(--text-3);margin:10px 0 0;font-size:12.5px}#hud{pointer-events:none;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 16px);flex-direction:column;display:flex;position:fixed;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.score{flex-direction:column;align-items:center;gap:8px;display:flex}.score-line{text-shadow:0 2px 18px #00000080;align-items:baseline;gap:4px;display:flex}#score{letter-spacing:-.02em;font-size:clamp(40px,8.5vw,64px);font-weight:700;line-height:1}.score-line small{color:var(--text-2);font-size:18px;font-weight:600}.coins{background:var(--glass);height:30px;box-shadow:inset 0 0 0 1px var(--hairline);-webkit-backdrop-filter:var(--blur);border-radius:999px;align-items:center;gap:7px;padding:0 13px 0 9px;font-size:15px;font-weight:700;display:inline-flex}#popups{align-self:center;height:0;position:relative}.popup{white-space:nowrap;text-align:center;letter-spacing:.02em;text-shadow:0 0 22px #4fe3ff80,0 3px 12px #0000008c;font-size:clamp(22px,5.2vw,32px);font-style:italic;font-weight:800;animation:1.1s cubic-bezier(.2,.9,.25,1) forwards popup;position:absolute;top:34px;left:50%;transform:translate(-50%)}.popup small{letter-spacing:.04em;color:var(--accent);font-size:.56em;font-style:normal;font-weight:700;display:block}@keyframes popup{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.08)}30%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-26px)scale(.96)}}#hint{background:var(--glass);box-shadow:inset 0 0 0 1px var(--hairline);-webkit-backdrop-filter:var(--blur);opacity:0;border-radius:999px;margin:auto auto 18px;padding:10px 18px;font-size:15px;font-weight:600;transition:opacity .4s}#hint.show{opacity:1}.hud-bottom{justify-content:space-between;gap:12px;display:flex}.gauge{background:var(--glass);box-shadow:inset 0 0 0 1px var(--hairline);-webkit-backdrop-filter:var(--blur);border-radius:18px;flex:0 220px;padding:10px 14px 12px}.gauge-head{color:var(--text-2);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.gauge-head b{color:var(--text);font-size:14px;font-weight:700}.bar{background:#ffffff24;border-radius:999px;height:5px;overflow:hidden}.bar>div{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent));width:0%;height:100%}#air-run-bar,#air-bar{background:linear-gradient(90deg,#a9e9ff,#fff)}#speed-bar,#air-run-bar{transform-origin:0;width:100%;transform:scaleX(0)}#run-air.flash{animation:.3s steps(2,end) 2 air-empty}#run-air.flash b{color:var(--danger)}@keyframes air-empty{50%{background:#96162899}}#debug{left:calc(env(safe-area-inset-left) + 8px);top:calc(env(safe-area-inset-top) + 64px);font:600 11px/1.4 var(--mono);white-space:pre;background:#00000080;border-radius:8px;padding:6px 8px;position:fixed}.powerups{align-self:center;gap:8px;margin-top:8px;display:flex}.power{background:var(--glass);height:30px;box-shadow:inset 0 0 0 1px var(--hairline);-webkit-backdrop-filter:var(--blur);border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 8px;display:flex}.power svg{width:18px;height:18px}.power b{color:#c3a6ff;text-align:center;min-width:22px;font-size:14px;font-style:italic;font-weight:800}.power .bar{width:54px;height:4px}.power .bar i{transform-origin:0;background:#ff6b70;height:100%;display:block}.power.multi .bar i{background:#b48cff}#police-warning{width:min(280px,72vw);-webkit-backdrop-filter:var(--blur);text-align:center;background:#1e08129e;border-radius:18px;align-self:center;margin-top:12px;padding:10px 14px 12px;animation:.5s steps(2,end) infinite police-pulse;box-shadow:inset 0 0 0 1px #ffffff24}#police-warning b{letter-spacing:.1em;text-transform:uppercase;font-size:12.5px;font-weight:700;display:block}#police-warning .lightbar{justify-content:center;gap:4px;margin-bottom:6px;display:flex}#police-warning .lightbar i{background:#ff3340;border-radius:3px;width:22px;height:5px;animation:.36s steps(2,end) infinite police-flash;box-shadow:0 0 10px #ff3340}#police-warning .lightbar i+i{background:#3d7bff;animation-delay:.18s;box-shadow:0 0 10px #3d7bff}#escape-hint{color:var(--text-2);margin-top:3px;font-size:11px;display:block}#police-warning .bar{height:4px;margin-top:8px}#police-bar{transform-origin:0;background:linear-gradient(90deg,#ff3340,#3d7bff);width:100%}.escape-row{color:var(--good);align-items:center;gap:8px;margin-top:7px;font-size:11px;font-weight:700;display:flex}.escape-row .bar{flex:1;height:5px;margin-top:0}#escape-bar{transform-origin:0;background:var(--good);width:100%;transition:transform .2s ease-out;transform:scaleX(0);box-shadow:0 0 8px #5bf2a6b3}@keyframes police-flash{50%{opacity:.15}}@keyframes police-pulse{50%{box-shadow:inset 0 0 0 1px #ff465acc}}.boost-btn{pointer-events:auto;color:#fff;letter-spacing:.06em;text-transform:uppercase;background:radial-gradient(circle at 50% 38%,#8cdcff61,#0e1e34b3);border:0;border-radius:50%;flex:none;align-self:center;width:76px;height:76px;font-size:13px;font-weight:800;box-shadow:inset 0 0 0 2px #beecffb3,0 0 22px #4fe3ff59}.boost-btn:active{transform:scale(.94)}.boost-btn.on{box-shadow:inset 0 0 0 2px #fff,0 0 32px #a0ebffe6}#intro-ui{pointer-events:none;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 22px);flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;display:flex;position:fixed;inset:0}#air-gauge{flex:none;width:min(300px,80vw)}#air-bar{width:100%}#air-gauge.empty{animation:.35s steps(2,end) infinite air-empty;box-shadow:inset 0 0 0 1px #ff5a6ed9}#air-gauge.empty .gauge-head b{color:var(--danger)}#wanted{color:#ff4a4f;text-align:center;letter-spacing:.08em;text-shadow:0 0 18px #ff3c3c99;background:#14060a59;border:4px solid #ff4a4f;border-radius:12px;padding:10px 26px 12px;font-weight:900;animation:.45s cubic-bezier(.2,1.4,.4,1) both stamp;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}#wanted span{font-size:clamp(40px,11vw,76px);line-height:1;display:block}#wanted small{letter-spacing:.24em;margin-top:4px;font-size:clamp(13px,3.4vw,18px);display:block}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-6deg)scale(2.2)}to{opacity:1;transform:translate(-50%,-50%)rotate(-6deg)scale(1)}}#skip-hint{background:var(--glass);-webkit-backdrop-filter:var(--blur);color:var(--text-2);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500}#tutorial-dim{pointer-events:none;opacity:0;background:radial-gradient(85% 75% at 50% 62%,#0000 45%,#03060c9e 100%);transition:opacity .3s;position:fixed;inset:0}#tutorial-dim.show{opacity:1}#tutorial{align-self:center;margin-top:12px;display:none}#tutorial.show{display:block}.tut-card{background:var(--glass-strong);max-width:min(360px,100%);box-shadow:inset 0 0 0 1px var(--hairline), 0 12px 40px #0006;-webkit-backdrop-filter:var(--blur);text-align:center;border-radius:24px;padding:14px 24px 16px;animation:.4s cubic-bezier(.2,.9,.25,1) tut-in}.tut-step{letter-spacing:.16em;color:var(--accent);font-size:11px;font-weight:700}.tut-card b{margin-top:4px;font-size:clamp(22px,6vw,28px);font-weight:800;line-height:1.15;display:block}.tut-card small{color:var(--text-2);margin-top:6px;font-size:14px;line-height:1.4;display:block}.tut-gesture{justify-content:center;align-items:center;gap:10px;height:64px;margin:8px 0 4px;display:flex}.tut-gesture[hidden]{display:none}.g-track{width:120px;height:56px;position:relative}.g-finger{background:#ffffffeb;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 6px #ffffff2e,0 0 22px #4fe3ffcc}.g-arrow{color:var(--accent);font-size:34px;font-style:normal;font-weight:300;line-height:1;animation:1.3s ease-in-out infinite g-blink}.side .g-finger{animation:1.3s ease-in-out infinite g-side}.side .g-arrow+.g-track+.g-arrow{animation-delay:.65s}.up .g-track{width:56px;height:64px}.up .g-track .g-arrow{z-index:1;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-90deg)}.up .g-finger{animation:1.1s cubic-bezier(.3,.6,.3,1) infinite g-up}.g-boost{letter-spacing:.04em;background:#2878a059;border:2px solid #a0e6ffe6;border-radius:50%;place-items:center;width:58px;height:58px;font-size:11px;font-weight:800;animation:1s ease-out infinite tut-ring;display:grid;position:relative}.g-boost .g-finger{animation:1s ease-in-out infinite g-tap}.tut-gesture kbd{background:#ffffff1a;border:1px solid #ffffff4d;border-bottom-width:4px;border-radius:12px;place-items:center;min-width:46px;height:46px;padding:0 10px;font-family:inherit;font-size:18px;font-weight:700;line-height:1;animation:1.1s ease-in-out infinite g-key;display:grid}.tut-gesture kbd.wide{font-size:14px;animation-delay:.55s}.side kbd+kbd{animation-delay:.55s}.tut-skip{pointer-events:auto;top:calc(env(safe-area-inset-top) + 64px);right:calc(env(safe-area-inset-right) + 16px);background:var(--glass);height:36px;box-shadow:inset 0 0 0 1px var(--hairline-2);-webkit-backdrop-filter:var(--blur);cursor:pointer;border:0;border-radius:999px;padding:0 16px;font-size:13px;font-weight:600;position:absolute}.boost-btn.tut-pulse{animation:1s ease-out infinite tut-ring}@keyframes tut-in{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:none}}@keyframes g-side{0%,to{transform:translate(-46px)}50%{transform:translate(46px)}}@keyframes g-up{0%{opacity:0;transform:translateY(24px)}20%{opacity:1}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes g-tap{0%,to{opacity:.85;transform:translate(14px,18px)scale(1)}45%{opacity:1;transform:translate(0)scale(.82)}}@keyframes g-blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes g-key{0%,60%,to{border-bottom-width:4px;transform:none}30%{background:#4fe3ff4d;border-bottom-width:1px;transform:translateY(3px)}}@keyframes tut-ring{0%{box-shadow:0 0 #a0e6ffbf}to{box-shadow:0 0 0 18px #a0e6ff00}}#loading{z-index:50;background:radial-gradient(at 50% 60%,#0d1d33 0%,#060c17 55%,#03060c 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .logo{font-size:clamp(22px,4vw,40px)}.loading-bar{background:#ffffff24;border-radius:2px;width:140px;height:3px;overflow:hidden}.loading-bar i{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:40%;height:100%;animation:1.1s ease-in-out infinite loading;display:block}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (max-width:760px){.nav-btn{width:44px;padding:0}.nav-btn span{display:none}.logo{letter-spacing:.2em;padding-left:.2em;font-size:clamp(22px,6.6vw,44px)}.title .button-row .btn{padding:0 12px}.page-bar{width:100%}.upgrade-list{touch-action:pan-y;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;max-height:46vh;overflow:hidden auto}.upgrade-card{grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px}.upgrade-card .icon{grid-row:1/span 2;width:40px;height:40px}.upgrade-card h4{grid-column:2;align-self:end}.upgrade-card h4 small,.upgrade-card p{display:none}.upgrade-card .meter{flex-direction:column;grid-column:2;align-items:flex-start;gap:6px}.upgrade-card .stat{text-align:left;order:-1}.upgrade-card .pips i{width:16px;height:4px}.upgrade-card button{grid-area:1/3/span 2;align-self:center;height:40px;min-height:40px;padding:0 16px}#skin-action{min-width:0;padding:0 22px}}@media (max-height:520px) and (orientation:landscape){:root{--pad-top:calc(env(safe-area-inset-top) + 10px);--pad-bottom:calc(env(safe-area-inset-bottom) + 10px)}.nav-btn{width:40px;min-width:40px;height:40px;padding:0}.nav-btn span{display:none}.wallet-chip{height:36px}.icon-btn{width:40px;height:40px}.title-hero{margin-top:0}.logo{font-size:clamp(20px,3.6vw,34px);line-height:40px}.title-best{margin-top:4px;font-size:13px}.title-actions{gap:6px}.btn{min-height:44px}.text-btn{padding:2px 10px;font-size:13px}.install-tip{padding-top:5px;padding-bottom:5px;font-size:12px}.page{gap:8px}.page-bar h2{font-size:16px}.board-head{flex-direction:row;justify-content:space-between;padding:10px 12px 6px 16px}.seg button{padding:6px 14px;font-size:13px}.board-list li{min-height:38px}.board-me{min-height:44px}.garage-dock{gap:8px}.dock-sheet{border-radius:22px;padding:10px}.skin-card{gap:4px;width:72px;padding:6px 2px}.swatch{width:32px;height:32px}.paint-panel{flex-direction:row;align-items:center;gap:10px}.skin-list{flex:1;min-width:0}.paint-foot{width:180px;box-shadow:inset 1px 0 0 var(--hairline);flex-direction:column;flex:none;align-items:stretch;gap:8px;padding:0 0 0 12px}.skin-info b{font-size:15px}.skin-info small{font-size:12px}#skin-action{min-width:0;min-height:38px;padding:0 14px;font-size:14px}.upgrade-list{grid-auto-columns:minmax(220px,1fr)}.upgrade-card{gap:8px 10px;padding:10px}.upgrade-card .icon{width:36px;height:36px}.upgrade-card p{display:none}.upgrade-card button{min-height:36px}.card{padding:16px 18px 14px}.pause-card{gap:8px}.pause-card h2{margin-bottom:4px;font-size:18px}.results-card{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:22px;width:min(100%,560px);display:grid}.results-head,.results-online,.results .button-row,.results-share{grid-column:1/-1}.results-distance{margin-top:6px}.results-distance span{font-size:48px}.results-best{grid-area:3/1;margin-top:2px}.results-stats{grid-area:2/2/span 2;margin-top:6px}.results .button-row{margin-top:12px}.results-online{margin-top:8px}#police-warning{top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 72px);width:230px;margin:0;position:absolute}}@media (prefers-reduced-motion:reduce){.screen,.corner,.title-hero,.title-actions,.page-bar,.sheet,.garage-dock,.card{animation:none!important}}
