*{box-sizing:border-box}html,body{color:#e8f1ff;background:#0b1020;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{width:calc(100vw / var(--hud-scale,1));height:calc(100vh / var(--hud-scale,1));transform:scale(var(--hud-scale,1));transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0}#hud small{letter-spacing:.18em;opacity:.7;font-size:11px;display:block}#score{background:#080e1e99;border:1px solid #7fd4ff40;border-radius:10px;align-items:center;gap:14px;padding:6px 16px;font-size:26px;font-weight:700;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#score-home{color:#35b6ff;text-align:right;min-width:1.2em}#score-away{color:#ff8a3d;min-width:1.2em}#clock{letter-spacing:.2em;opacity:.8;font-size:13px}#banner{letter-spacing:.06em;text-shadow:0 0 30px #7fd4ffcc;opacity:0;white-space:nowrap;font-size:64px;font-weight:800;transition:opacity .2s;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}#banner.show{opacity:1}#boost{text-align:center;width:132px;height:132px;position:absolute;bottom:22px;right:26px}#boost svg{position:absolute;inset:0;transform:rotate(135deg)}#boost circle{fill:none;stroke-width:11px;stroke-linecap:round}#boost .track{stroke:#080e1eb3;stroke-dasharray:235.6 314.2}#boost .arc{stroke:#ffb347;stroke-dasharray:0 314.2}#boost-value{place-items:center;font-size:38px;font-weight:800;display:grid;position:absolute;inset:0}#boost small{position:absolute;bottom:14px;left:0;right:0}#speed{text-align:right;position:absolute;bottom:40px;right:176px}#speed-value{font-size:34px;font-weight:700}#supersonic{letter-spacing:.22em;color:#ffb347;opacity:0;margin-top:2px;font-size:11px;transition:opacity .15s}#supersonic.on{opacity:1}#cam-mode{letter-spacing:.2em;opacity:.75;font-size:11px;position:absolute;bottom:164px;right:30px}#help{background:#080e1e99;border:1px solid #7fd4ff33;border-radius:10px;max-width:340px;padding:10px 14px;font-size:12.5px;line-height:1.55;position:absolute;bottom:16px;left:18px}#help.hidden{display:none}#help b{color:#7fd4ff;min-width:108px;font-weight:600;display:inline-block}#help .title{letter-spacing:.18em;opacity:.7;margin-bottom:4px;font-size:11px}#hud.hidden{display:none}#menu{background:radial-gradient(#080e1e80,#080e1ee0);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}#menu.hidden{display:none}#menu .panel{text-align:center;width:min(560px,100%)}#menu h1{letter-spacing:.14em;text-shadow:0 0 30px #1fd1c199;margin:0 0 6px;font-size:44px}#menu[data-screen=title] h1{font-size:clamp(44px,9vw,76px)}#menu .subtitle{opacity:.8;margin:0 0 18px;font-size:14px}#menu .items{gap:6px;margin-top:14px;display:grid}#menu .item{cursor:pointer;text-align:left;background:#080e1e8c;border:1px solid #7fd4ff29;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:16px;display:flex}#menu .item.action{justify-content:center}#menu .item.selected{background:#ffb34724;border-color:#ffb347;box-shadow:0 0 18px #ffb3472e}#menu .value{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}#menu .value em{color:#ffb347;text-align:center;min-width:3.2em;font-style:normal;font-weight:700}#menu .value i{opacity:.6;padding:0 4px;font-style:normal}#menu .value i:hover{opacity:1}#menu .bar{background:#7fd4ff2e;border-radius:3px;width:110px;height:6px;display:inline-block;overflow:hidden}#menu .bar span{background:#7fd4ff;height:100%;display:block}#menu .detail{text-align:left;background:#080e1e8c;border:1px solid #7fd4ff29;border-radius:9px;margin-top:14px;padding:10px 14px;font-size:13px}#menu .blurb{opacity:.85;margin:0 0 8px}#menu .bindings div{gap:12px;line-height:1.6;display:flex}#menu .bindings b{color:#7fd4ff;flex:0 0 150px;font-weight:600}#menu .hint{letter-spacing:.08em;opacity:.55;margin-top:14px;font-size:11px}