*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#141a3c;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas#c{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:0}#hud{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}#topbar{top:calc(10px + env(safe-area-inset-top));pointer-events:none;justify-content:center;gap:8px;display:flex;position:absolute;left:56px;right:56px}.pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;font-variant-numeric:tabular-nums;background:#080c1c9e;border-radius:14px;min-width:62px;padding:6px 12px;font-size:18px;font-weight:700;line-height:1.1}.pill small{letter-spacing:.12em;opacity:.65;font-size:9px;font-weight:600;display:block}#jobPill{flex-direction:column;flex:0 240px;justify-content:center;gap:5px;font-size:14px;display:flex}#jobBar{background:#ffffff2e;border-radius:2px;height:4px;overflow:hidden}#jobBar i{transform-origin:0;background:#6ee7ff;width:100%;height:100%;display:block}#battery{left:calc(14px + env(safe-area-inset-left));background:#080c1c9e;border-radius:8px;align-items:flex-end;width:14px;height:130px;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}#battery i{background:#5dff8a;width:100%;height:100%;transition:background .3s;display:block}#battery span{text-align:center;font-size:10px;position:absolute;top:4px;left:0;right:0}#battery.low i{background:#f56}#minimap{right:calc(12px + env(safe-area-inset-right));top:calc(62px + env(safe-area-inset-top));pointer-events:none;border:1px solid #ffffff40;border-radius:12px;width:104px;height:104px;position:absolute}#marker{pointer-events:none;text-align:center;text-shadow:0 1px 3px #000;will-change:transform;font-size:12px;font-weight:700;position:absolute;top:0;left:0}#arrow{border:9px solid #0000;border-top:0;border-bottom:16px solid;width:0;height:0;margin:0 auto 2px}#toast{text-align:center;text-shadow:0 2px 8px #000000b3;opacity:0;pointer-events:none;font-size:22px;font-weight:800;position:absolute;top:24%;left:0;right:0}#toast.show{animation:1.6s ease-out toast}@keyframes toast{0%{opacity:0;transform:translateY(12px)scale(.9)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-14px)}}#stick{pointer-events:none;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:absolute}#knob{background:#ffffff8c;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ctl{letter-spacing:.06em;touch-action:none;background:#080c1c80;border:2px solid #fff6;border-radius:50%;font-weight:800;position:absolute}.ctl.on{background:#ffffff59}#btnBoost{right:calc(22px + env(safe-area-inset-right));bottom:calc(34px + env(safe-area-inset-bottom));color:#ffd9a0;border-color:#ffb454;width:96px;height:96px;font-size:14px}#btnBrake{right:calc(126px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));width:66px;height:66px;font-size:11px}.mini{top:calc(10px + env(safe-area-inset-top));background:#080c1c9e;border-radius:50%;width:36px;height:36px;font-size:15px;position:absolute}#btnQuit{left:calc(10px + env(safe-area-inset-left))}#btnMute{right:calc(10px + env(safe-area-inset-right))}#countdown{text-shadow:0 4px 24px #0009;pointer-events:none;justify-content:center;align-items:center;font-size:110px;font-weight:900;display:flex;position:fixed;inset:0}.overlay{touch-action:pan-y;background:radial-gradient(#080c1c59,#080c1ccc);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.card{text-align:center;width:100%;max-width:380px;margin:auto}h1{letter-spacing:.04em;margin:0 0 8px;font-size:46px;font-weight:300;line-height:.95}h1 b{color:#ffb454;font-weight:900}h2{margin:0 0 12px;font-size:24px}.sub{opacity:.85;margin:0 0 22px}.help{opacity:.7;margin-top:18px;font-size:12px;line-height:1.6}.big,.offer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-radius:16px;width:100%;margin:10px 0;padding:14px 16px;font-size:19px;font-weight:800;display:block}.big small{opacity:.8;margin-top:3px;font-size:12px;font-weight:500;display:block}.primary{color:#1b1407!important;background:#ffb454!important}.offer{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 12px;font-size:16px;display:grid}.offer .ico{grid-row:span 2;font-size:30px}.offer .pay{color:#9dffb8;grid-row:span 2;font-size:22px}.offer small{opacity:.8;font-size:12px;font-weight:500}#resScore{color:#ffb454;font-variant-numeric:tabular-nums;font-size:56px;font-weight:900}#resDetail{opacity:.85;margin:4px 0 14px;line-height:1.5}.row{gap:8px;margin-top:14px;display:flex}.row button,#nameForm button{background:#ffffff29;border-radius:12px;flex:1;padding:12px;font-weight:700}#nameForm{gap:8px;display:flex}#nameForm input{min-width:0;font:inherit;color:#111;-webkit-user-select:text;user-select:text;background:#ffffffeb;border:0;border-radius:12px;flex:2;padding:12px}#rank{margin:10px 0 4px;font-weight:700}#board{text-align:left;font-variant-numeric:tabular-nums;max-height:26vh;margin:0;padding:0;font-size:14px;list-style:none;overflow-y:auto}#board li{border-radius:8px;justify-content:space-between;padding:4px 10px;display:flex}#board li:nth-child(odd){background:#ffffff12}@media (height<=460px){h1{font-size:30px}.sub,.help{display:none}.big{margin:6px 0;padding:9px 14px}#resScore{font-size:36px}#battery{height:90px}}@media (hover:hover) and (pointer:fine){#btnBoost,#btnBrake{opacity:.45}}#flash{pointer-events:none;opacity:0;background:radial-gradient(#ffffff26 0%,#ff3c288c 100%);position:absolute;inset:0}#flash.show{animation:.45s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}