*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#10162a}body{font-family:Avenir Next Condensed,Roboto Condensed,Arial Narrow,system-ui,sans-serif;color:#fff4e2;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}#boot{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:22px;background:radial-gradient(circle at 50% 38%,#273052,#11172b 56%,#070a13);transition:opacity .45s ease}#boot.done{opacity:0;pointer-events:none}.boot-mark{display:flex;flex-direction:column;align-items:center;font-size:clamp(48px,9vmin,96px);font-weight:900;letter-spacing:.1em;line-height:.82;background:linear-gradient(#fff 10%,#ffd27a 62%,#f0a23c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 12px #0009)}.boot-mark span{margin-left:.38em;font-size:.48em;letter-spacing:.38em}.boot-line{width:min(42vmin,360px);height:5px;overflow:hidden;border-radius:99px;background:#ffffff1f}.boot-line i{display:block;width:12%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6ad2ff,#ffd27a);box-shadow:0 0 16px #ffd27a;animation:load 1.4s ease-in-out infinite}#boot-step{color:#e9f0fa99;font-size:12px;letter-spacing:.22em;text-transform:uppercase}@keyframes load{50%{transform:translate(260%) scaleX(1.8)}to{transform:translate(640%)}}#hud{position:fixed;inset:0;z-index:5;pointer-events:none}.plate{position:absolute;overflow:hidden;border:1px solid #ffd6aa42;border-radius:12px;background:linear-gradient(145deg,#4b3525dc,#160d08e8);box-shadow:0 8px 28px #0007,inset 0 1px #fff1d61c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speed{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto;align-items:end;padding:12px 16px 10px;min-width:128px}.speed small{grid-column:1/3;color:#f0dcbea8;font-size:10px;letter-spacing:.2em}.speed strong{font-size:38px;line-height:.9;font-weight:900;font-variant-numeric:tabular-nums}.speed em{margin-left:8px;padding-bottom:3px;color:#ffcf6b;font-size:11px;font-style:normal;letter-spacing:.12em}.stats{top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:flex;gap:12px;padding:7px 10px;color:#f0dcbea8;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.help{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);padding:8px 14px;border:1px solid #ffffff1f;border-radius:99px;background:#100b08a8;color:#f0dcbea8;font-size:11px;letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#fatal{position:fixed;inset:0;z-index:30;display:grid;place-content:center;padding:24px;background:#070a13ee;color:#ffd9a8;font:600 15px/1.6 system-ui;text-align:center;white-space:pre-wrap}#fatal[hidden]{display:none!important}.race{left:max(18px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));display:grid;grid-template-columns:auto auto;gap:4px 10px;align-items:baseline;padding:10px 14px 9px;min-width:136px}.race small{grid-column:1/3;color:#f0dcbea8;font-size:10px;letter-spacing:.2em}.race strong{font-size:28px;line-height:.92;font-weight:900;font-variant-numeric:tabular-nums}.race em{justify-self:end;color:#ffcf6b;font-size:13px;font-style:normal;letter-spacing:.12em}.item{left:50%;top:max(18px,env(safe-area-inset-top));transform:translate(-50%);display:grid;justify-items:center;padding:9px 14px 8px;min-width:110px}.item small{color:#f0dcbea8;font-size:10px;letter-spacing:.22em}.item strong{font-size:18px;line-height:1;color:#ffcf6b;font-weight:900}.countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);color:#fff4e2;font-size:clamp(84px,22vmin,220px);font-weight:900;line-height:1;text-shadow:0 0 30px #ffbe5a,0 8px 0 #170e0a,0 0 90px #ff8a3d}.wrongway{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 120px);transform:translate(-50%);padding:10px 18px;border:1px solid #ff6b35;border-radius:12px;background:#ff3b5cdc;color:#fff;font-size:14px;font-weight:900;letter-spacing:.18em}#menus{position:fixed;inset:0;z-index:15;display:grid;place-content:center;justify-items:center;gap:16px;padding:28px;background:radial-gradient(circle at 50% 42%,#11182df2,#070a13f6 72%);color:#fff4e2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#menus[hidden]{display:none!important}.menu-card{display:grid;justify-items:center;gap:14px;min-width:min(760px,calc(100vw - 40px));padding:26px 28px;border:1px solid #ffd6aa42;border-radius:22px;background:linear-gradient(160deg,#2b1c12ed,#100b08f2);box-shadow:0 24px 80px #0009,inset 0 1px #fff1d61c}.menu-title{font-size:clamp(42px,8vmin,86px);font-weight:900;letter-spacing:.12em;line-height:.86;text-align:center;background:linear-gradient(#fff 8%,#ffd27a 62%,#f0a23c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 16px #000a)}.menu-sub{color:#f0dcbea8;font-size:14px;letter-spacing:.18em;text-transform:uppercase}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-top:6px}.menu-kart{display:grid;gap:5px;padding:10px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff08;color:#fff4e2;text-align:left}.menu-kart b{display:inline-flex;align-items:center;gap:7px;font-size:13px;letter-spacing:.05em}.menu-kart i{width:9px;height:9px;border-radius:50%;background:var(--c,#fff);box-shadow:0 0 10px var(--c,#fff)}.menu-kart small{color:#f0dcbea8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.menu-btn{pointer-events:auto;min-width:118px;padding:12px 18px;border:1px solid #fff0d64d;border-radius:999px;background:linear-gradient(#402e20b3,#1a0f09e0);color:#fff4e2;font:800 12px/1.2 system-ui;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.menu-btn:hover,.menu-btn.primary{background:linear-gradient(#fff3cc,#ffc84e 58%,#f09a1c);color:#17100b;transform:translateY(-2px);box-shadow:0 0 26px #ffc45a80,0 10px 24px #0007}.menu-results{display:grid;gap:8px;width:min(760px,calc(100vw - 40px));max-height:50vh;overflow:auto}.menu-row{display:grid;grid-template-columns:44px 16px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #ffffff1f;border-radius:12px;background:#ffffff08}.menu-row b{color:#ffcf6b;font-variant-numeric:tabular-nums}.menu-row i{width:10px;height:10px;border-radius:50%;background:var(--c,#fff)}.menu-row span{color:#fff4e2;font-size:12px;letter-spacing:.05em}.menu-row em{font-variant-numeric:tabular-nums;color:#f0dcbea8;font-style:normal}.menu-note{color:#f0dcbea8;font-size:11px;letter-spacing:.08em;text-align:center}.map{left:max(18px,env(safe-area-inset-left));top:calc(max(18px,env(safe-area-inset-top)) + 104px);width:180px;height:120px;padding:7px;border-radius:14px;background:#120b08a8}.touch-controls{position:fixed;inset:0;z-index:8;pointer-events:none}.touch-stick-zone{pointer-events:auto;position:absolute;inset:0;width:52%;height:100%}.touch-stick-base{position:fixed;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:2px solid #ffffff8a;background:radial-gradient(circle at 50% 45%,#fff2,#0d142acc 72%);box-shadow:0 8px 30px #0009,inset 0 0 24px #ffffff16;opacity:.34;transition:opacity .12s ease}.touch-stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#ffd98a 58%,#f0a93c);box-shadow:0 8px 22px #0009,0 0 24px #ffc45a80;transform:translate(-50%,-50%);transition:transform .04s linear}.touch-pads{pointer-events:auto;position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,76px);gap:10px}.touch-btn{pointer-events:auto;min-height:46px;border:1px solid #ffffff2e;border-radius:14px;background:#100b08c9;color:#fff4e2;font:800 11px/1.1 system-ui;letter-spacing:.1em;box-shadow:0 8px 22px #0007,inset 0 1px #ffffff18;touch-action:none}.touch-btn:active{background:#ffd27a;color:#17100b}@media(max-width:700px){.help{bottom:max(78px,calc(env(safe-area-inset-bottom) + 60px));max-width:calc(100vw - 24px);font-size:10px;line-height:1.5;text-align:center;white-space:normal}.speed{min-width:106px;padding:10px 12px}.speed strong{font-size:32px}.stats{font-size:9px}.race{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));min-width:112px;padding:8px 10px}.race strong{font-size:22px}.item{top:max(12px,env(safe-area-inset-top));min-width:92px}.menu-grid{grid-template-columns:repeat(2,1fr)}.menu-card{padding:18px 16px;min-width:calc(100vw - 24px)}.menu-row{grid-template-columns:32px 12px 1fr auto;gap:8px}.menu-row em:last-child{display:none}}