:root{color-scheme:dark;--ink: #fff7e8;--panel: rgba(28, 18, 12, .86);--accent: #e08a3c}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1b120c;color:var(--ink);font:16px/1.4 system-ui,sans-serif;overflow:hidden}#view{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}button{pointer-events:auto;font:700 18px/1 system-ui,sans-serif;color:#1b120c;background:var(--accent);border:0;border-radius:6px;padding:12px 20px;margin:6px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff7e8;outline-offset:2px}button.secondary{background:#e9dcc6}.screen{position:fixed;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none}.panel{pointer-events:auto;background:var(--panel);border:3px solid var(--accent);border-radius:10px;padding:20px 26px;max-width:min(92vw,720px);max-height:92vh;overflow:auto;box-shadow:0 8px #00000059}.panel h1{margin:0 0 10px;font-size:40px;letter-spacing:2px;color:var(--accent);text-shadow:3px 3px 0 #000}.panel h2{margin:0 0 12px}.note{opacity:.8;font-size:14px}table.help,table.results{border-collapse:collapse;margin:10px 0;width:100%}table.help th,table.help td,table.results th,table.results td{text-align:left;padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.15)}table.results tr.me{background:#e08a3c4d;font-weight:700}.labels{position:fixed;inset:0;overflow:hidden}.racer-label{position:absolute;left:0;top:0;font:700 13px/1 system-ui,sans-serif;padding:3px 6px;border-radius:4px;background:#140c08bf;border-left:5px solid #fff;white-space:nowrap}.racer-label.local{border-left-style:double}.racer-label[data-color=copper]{border-color:#c8763a}.racer-label[data-color=teal]{border-color:#2a9d8f}.racer-label[data-color=sun]{border-color:#f2c14e}.racer-label[data-color=berry]{border-color:#b5446e}.racer-label[data-color=lime]{border-color:#8ac926}.racer-label[data-color=sky]{border-color:#4ea8de}.racer-label[data-color=coral]{border-color:#f28482}.racer-label[data-color=violet]{border-color:#7b61ff}.hud{position:fixed;inset:0;display:none;font:800 22px/1.1 system-ui,sans-serif;text-shadow:2px 2px 0 #000,-1px -1px 0 #000}.hud-tl{position:absolute;top:14px;left:16px}.hud-lap{font-size:30px}.hud-pos{font-size:26px;color:#ffd27a}.hud-time{font-size:16px;opacity:.9}.hud-bl{position:absolute;bottom:16px;left:16px;width:300px}.hud-speed{font-size:34px}.hud-stab span{font-size:13px;letter-spacing:1px}.bar{height:14px;background:#0000008c;border:2px solid #000;border-radius:4px}.bar-fill{height:100%;background:#8ac926;transition:width .1s}.bar-fill.low{background:#e63946}.hud-row{display:flex;gap:14px;font-size:15px;margin-top:6px}.hud-center{position:absolute;top:32%;width:100%;text-align:center;font-size:64px;color:#ffd27a}.hud-warn{position:absolute;top:14px;right:16px;font-size:16px;color:#ffb4a2}input,select{font:600 17px system-ui,sans-serif;padding:9px 10px;border-radius:6px;border:2px solid #8a5a35;background:#fff7e8;color:#1b120c;margin:6px;pointer-events:auto}label{pointer-events:auto}.row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:6px 0}.error{color:#ffb4a2;min-height:1.2em}.members{list-style:none;padding:0;margin:8px 0}.members li{padding:6px 10px;margin:4px 0;background:#ffffff12;border-left:6px solid #fff;border-radius:4px}.members li[data-color=copper]{border-color:#c8763a}.members li[data-color=teal]{border-color:#2a9d8f}.members li[data-color=sun]{border-color:#f2c14e}.members li[data-color=berry]{border-color:#b5446e}.members li[data-color=lime]{border-color:#8ac926}.members li[data-color=sky]{border-color:#4ea8de}.members li[data-color=coral]{border-color:#f28482}.members li[data-color=violet]{border-color:#7b61ff}.code{font:800 24px/1 ui-monospace,monospace;letter-spacing:3px;color:#ffd27a}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--panel);border:2px solid var(--accent);padding:10px 16px;border-radius:8px}.banner{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--panel);padding:8px 14px;border-radius:8px;font-weight:700}button.small{font-size:13px;padding:6px 10px;margin:2px}.btn-link{pointer-events:auto;color:#ffd27a;margin:6px 12px;font-weight:700}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;position:fixed;width:100%}input,select,.panel,.panel *{-webkit-user-select:text;user-select:text;touch-action:manipulation}.panel{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.hud-tl{top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.hud-bl{bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left))}.hud-warn{top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.menu-btn{display:none;position:fixed;z-index:6;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:48px;height:48px;padding:0;font-size:24px;border-radius:50%;background:#1c120cb3;color:var(--ink);border:2px solid var(--accent)}body.touch-first .menu-btn{display:block}.touch{display:none;position:fixed;inset:0;z-index:4;pointer-events:none}.tcluster{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.tleft{left:max(10px,env(safe-area-inset-left))}.tright{right:max(10px,env(safe-area-inset-right))}.touch.swap .tleft{left:auto;right:max(10px,env(safe-area-inset-right))}.touch.swap .tright{right:auto;left:max(10px,env(safe-area-inset-left))}.tbtn{pointer-events:auto;touch-action:none;margin:0;width:92px;height:64px;border-radius:16px;font:800 15px/1.05 system-ui,sans-serif;color:#fff7e8;background:#1c120c8c;border:3px solid rgba(255,247,232,.7);box-shadow:0 4px #00000059}.tbtn.big{width:108px;height:108px;border-radius:50%;font-size:19px;background:#e639468c;border-color:#ffd27a}.tbtn.down{transform:translateY(3px) scale(.96);background:#ffd27abf;color:#1b120c;box-shadow:none}.touch[data-mode=touch] .tgrid{display:grid;grid-template-columns:96px 96px;gap:10px}.touch[data-mode=touch] .tbtn.big{width:96px;height:96px}.touch[data-mode=touch] .tbtn{width:96px}.tsteer{pointer-events:auto;touch-action:none;position:relative;width:min(44vw,300px);height:120px;border-radius:60px;background:#1c120c59;border:3px dashed rgba(255,247,232,.55);display:flex;align-items:center;justify-content:center}.tsteer-hint{font:700 13px system-ui,sans-serif;opacity:.8;position:absolute;top:8px}.tknob{width:64px;height:64px;border-radius:50%;background:#ffd27acc;border:3px solid #fff7e8;transition:transform .05s}.rotate{display:none;position:fixed;inset:0;z-index:20;background:#1b120c;color:var(--ink);align-items:center;justify-content:center;text-align:center;font:800 22px/1.5 system-ui,sans-serif;padding:24px}@media(orientation:portrait)and (pointer:coarse){body.in-race .rotate{display:flex}}.phone-settings h3{margin:6px 0;color:#ffd27a}.slider input{width:140px;vertical-align:middle}details summary{cursor:pointer;margin:8px 0;font-weight:700}.help-card ul{padding-left:20px}.help-card li{margin:6px 0;font-size:17px}.invite{color:#ffd27a;font-weight:700}.invite-row{margin-top:-4px}.speedlines{position:fixed;inset:0;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 45%,#fff7e800 0deg 5deg,#fff7e829 5deg 5.6deg);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,transparent 38%,#000 80%);mask-image:radial-gradient(ellipse at 50% 45%,transparent 38%,#000 80%)}.pow{position:absolute;left:0;top:0;font:900 30px/1 system-ui,sans-serif;letter-spacing:1px;color:#ffe066;-webkit-text-stroke:2px #1b120c;text-shadow:3px 3px 0 #1b120c;white-space:nowrap;pointer-events:none;animation:pow .7s ease-out forwards}.pow.block{color:#9fd3ff}.pow.miss{color:#e9dcc6;font-size:20px}.pow.spill{color:#ff8fab;font-size:38px}@keyframes pow{0%{opacity:0;scale:.4}15%{opacity:1;scale:1.25}70%{opacity:1;scale:1}to{opacity:0;scale:1;translate:0 -30px}}@media(prefers-reduced-motion:reduce){.pow{animation-duration:.9s;animation-name:pow-still}@keyframes pow-still{0%,80%{opacity:1}to{opacity:0}}}@media(max-height:500px){.hud{font-size:16px}.hud-lap{font-size:20px}.hud-pos{font-size:18px}.hud-time{font-size:13px}.hud-speed{font-size:22px}.hud-center{font-size:46px;top:22%}.panel{padding:12px 16px}.panel h1{font-size:28px}button{font-size:16px;padding:9px 14px}body.touch-first .hud-bl{left:50%;transform:translate(-50%);width:min(34vw,240px);bottom:max(8px,env(safe-area-inset-bottom));text-align:center}body.touch-first .hud-row{justify-content:center;font-size:12px}.racer-label{font-size:11px;padding:2px 4px}}body.touch-first .hud-warn{right:max(66px,calc(env(safe-area-inset-right) + 60px))}body.touch-first.in-race .hud-row .hud-guard{display:none}.lang-btn{float:right;margin:0 0 6px 10px}.hud-item{font-size:15px;margin-top:6px;opacity:.75}.hud-item.ready{opacity:1;color:#00e5ff}.tzone{position:absolute;inset:0;pointer-events:auto;touch-action:none}.tcluster{z-index:1}.tbtn.small{width:92px;height:44px;font-size:14px;border-radius:12px}.tbtn.item{background:#1c120c73}.tbtn.item.has-item{background:#00e5ff8c;border-color:#fff7e8;color:#1b120c}.touch[data-mode=touch] .tbtn.small{height:44px}@media(max-height:420px){.tbtn.big{width:92px;height:92px}.tbtn{height:54px}.tbtn.small{height:40px}}.hud-points{font-size:24px;color:#00e5ff}.hud-points.pop{animation:pts .35s ease-out}@keyframes pts{0%{transform:scale(1.5)}to{transform:scale(1)}}table.results td.pts{font-weight:900;color:#00e5ff}@media(max-height:500px){.hud-points{font-size:18px}}.tstick{pointer-events:auto;touch-action:none;position:relative;width:min(38vh,170px);height:min(38vh,170px);border-radius:50%;background:#1c120c59;border:3px solid rgba(255,247,232,.6);display:flex;align-items:center;justify-content:center}.tstick-up,.tstick-down{position:absolute;left:50%;transform:translate(-50%);font:800 16px system-ui,sans-serif;opacity:.75}.tstick-up{top:6px;color:#8ac926}.tstick-down{bottom:6px;color:#ffb4a2}.tbtn.wide{grid-column:span 2;width:auto}