:root{--blue: #3d7bff;--orange: #ff7a1f;--ink: #f4f6fb;--glass: rgba(8, 11, 18, .72)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--ink);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;user-select:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}#scoreboard{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;height:58px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}#scoreboard .team{display:flex;align-items:center;gap:14px;padding:0 18px;font-weight:800;letter-spacing:.08em}#scoreboard .blue{background:linear-gradient(90deg,#14328cd9,#2b62ff);clip-path:polygon(14px 0,100% 0,100% 100%,0 100%)}#scoreboard .orange{background:linear-gradient(90deg,#ff6a12,#963705d9);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}#scoreboard .name{font-size:13px;opacity:.85}#scoreboard .score{font-size:36px;min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.clockbox{background:#06080eeb;min-width:136px;display:flex;flex-direction:column;align-items:center;justify-content:center}#clock{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}#ot{font-size:10px;font-weight:800;color:#ffd36a;letter-spacing:.2em;margin-top:-2px}#banner{position:absolute;top:34%;left:0;right:0;text-align:center;font-size:120px;font-weight:900;letter-spacing:.04em;font-style:italic;text-shadow:0 0 30px rgba(0,0,0,.6),0 6px 0 rgba(0,0,0,.35);opacity:0;transform:scale(.85);transition:opacity .2s,transform .25s}#banner.show{opacity:1;transform:scale(1)}#banner small{display:block;font-size:28px;font-style:normal;letter-spacing:.3em;opacity:.9}#toast{position:absolute;top:96px;left:50%;transform:translate(-50%);padding:8px 22px;background:var(--glass);border-left:4px solid #fff;font-weight:800;letter-spacing:.14em;font-size:15px;opacity:0;transition:opacity .25s}#toast.show{opacity:1}#camtag{position:absolute;left:28px;bottom:28px;font-size:13px;letter-spacing:.18em;font-weight:700;opacity:.8;background:var(--glass);padding:8px 14px}#camtag b{color:#8fd0ff}#boost{position:absolute;right:34px;bottom:26px;width:150px;height:150px}#boost svg{width:100%;height:100%;transform:rotate(135deg)}#boost .track{fill:#06090fb3;stroke:#ffffff1f;stroke-width:10;stroke-dasharray:235.6 314.2}#boost .arc{fill:none;stroke:#ffae2a;stroke-width:10;stroke-linecap:round;stroke-dasharray:0 314.2;filter:drop-shadow(0 0 6px #ff8a00);transition:stroke-dasharray .08s}#boostNum{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:900;font-variant-numeric:tabular-nums}.boostLabel{position:absolute;bottom:22px;width:100%;text-align:center;font-size:11px;letter-spacing:.3em;opacity:.7}#speedo{position:absolute;right:196px;bottom:40px;font-weight:800;font-size:26px;font-variant-numeric:tabular-nums;opacity:.85;background:var(--glass);padding:6px 12px}#speedo small{font-size:10px;margin-left:6px;letter-spacing:.2em;opacity:.7}#replayTag{position:absolute;top:96px;left:30px;font-weight:900;letter-spacing:.3em;font-size:22px;background:var(--glass);padding:10px 18px;display:flex;align-items:center;gap:12px}#replayTag small{font-size:11px;letter-spacing:.1em;opacity:.7;font-weight:600}#replayTag .dot{width:12px;height:12px;border-radius:50%;background:#ff3030;box-shadow:0 0 10px #ff3030;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#00000040,#000000b3)}#loading{background:#05070b}.loadbox{width:420px;text-align:center}.logo{font-size:44px;font-weight:900;font-style:italic;letter-spacing:.06em}.logo span{color:var(--orange)}.logo.big{font-size:78px;line-height:1}.bar{height:4px;background:#ffffff1a;margin:26px 0 12px;overflow:hidden}#loadbar{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--orange));transition:width .2s}#loadmsg{font-size:13px;opacity:.6;letter-spacing:.1em}.menubox{background:#06090fc7;backdrop-filter:blur(10px);padding:34px 44px;border-top:3px solid;border-image:linear-gradient(90deg,var(--blue),var(--orange)) 1;max-width:980px;width:calc(100% - 32px)}.menubox.small{max-width:460px;text-align:center;display:flex;flex-direction:column;gap:14px}.tag{opacity:.7;letter-spacing:.2em;font-size:13px;text-transform:uppercase;margin:10px 0 22px}.diff{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:13px;letter-spacing:.2em;text-transform:uppercase}.diff span{opacity:.7;margin-right:8px}button{font:inherit;color:inherit;cursor:pointer}.diff button{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);padding:8px 18px;font-weight:700;letter-spacing:.1em}.diff button.sel{background:linear-gradient(90deg,var(--blue),#6b4dff);border-color:transparent}.controls{display:grid;grid-template-columns:1fr 1fr;gap:34px}.controls h3{margin:0 0 10px;font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:#9fb4ff}.controls table{width:100%;border-collapse:collapse;font-size:14px}.controls td{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06)}.controls td:first-child{opacity:.75}.controls td:last-child{text-align:right}kbd{display:inline-block;min-width:24px;padding:2px 7px;margin:0 2px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-bottom-width:3px;font-family:inherit;font-size:12px;font-weight:700;text-align:center}.hint{font-size:12px;opacity:.6;margin-top:14px;line-height:1.5}.start{display:block;width:100%;margin-top:26px;padding:16px;border:none;font-weight:900;letter-spacing:.2em;font-size:16px;background:linear-gradient(90deg,var(--blue),var(--orange));animation:pulse 1.6s infinite}.ghost{padding:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);font-weight:700;letter-spacing:.15em}@keyframes pulse{50%{filter:brightness(1.25)}}.endscore{font-size:72px;font-weight:900;font-variant-numeric:tabular-nums}.endscore .b{color:var(--blue)}.endscore .o{color:var(--orange)}.stats{width:100%;border-collapse:collapse;font-size:15px}.stats td{padding:6px;border-bottom:1px solid rgba(255,255,255,.08)}.stats td:first-child{color:var(--blue);font-weight:800;text-align:left}.stats td:last-child{color:var(--orange);font-weight:800;text-align:right}.stats td:nth-child(2){opacity:.7;letter-spacing:.2em;font-size:12px;text-align:center}
