:root{--bg:#0a0d16;--ink:#f5f5f2;--mute:#9aa3b5;--blue:#2f7bff;--orange:#ff7a1a;--mint:#2ee9a8;--panel:#0e121ed1}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 20% 0,#2f7bff47,#0000 55%),radial-gradient(at 90% 100%,#ff7a1a40,#0000 55%),#06080eb8;justify-content:center;align-items:flex-start;padding:32px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-inner{width:100%;max-width:1040px;margin:auto}.menu-inner.narrow{text-align:center;max-width:520px}.kicker{letter-spacing:.25em;color:var(--mint);font-family:JetBrains Mono,monospace;font-size:13px}h1{letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(100deg, var(--blue) 0%, #fff 48%, var(--orange) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 12px;font-family:Unbounded,sans-serif;font-size:clamp(48px,10vw,112px);font-weight:900;line-height:.9}.tag{max-width:560px;color:var(--mute);margin:0 0 24px;font-size:17px;line-height:1.5}.cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=760px){.cols{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid #ffffff14;border-radius:18px;padding:20px}h2{text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-family:Unbounded,sans-serif;font-size:16px;font-weight:800}h2:not(:first-child){margin-top:22px}h3{letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:18px 0 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}button{color:var(--ink);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;padding:11px 16px;font:700 14px Inter,sans-serif;transition:transform .12s,background .12s,border-color .12s}button:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-1px)}button.big{text-align:left;background:linear-gradient(90deg,#2f7bff59,#ff7a1a38);width:100%;margin-bottom:8px;padding:15px 18px;font-size:16px;display:block}button.big:hover{background:linear-gradient(90deg,#2f7bff8c,#ff7a1a66)}.row{gap:8px;margin-bottom:8px;display:flex}.row>*{flex:1}label{color:var(--mute);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;display:flex}label.chk{justify-content:flex-start}select,input{color:var(--ink);background:#00000059;border:1px solid #ffffff24;border-radius:10px;padding:9px 10px;font:600 14px Inter,sans-serif}#join-code{text-transform:uppercase;letter-spacing:.2em;font-family:JetBrains Mono,monospace}.small{color:var(--mute);font-size:13px;line-height:1.5}.controls{border-collapse:collapse;width:100%;font-size:13px}.controls td{border-bottom:1px solid #ffffff0f;padding:6px 0}.controls td:last-child{text-align:right;color:var(--ink);font-family:JetBrains Mono,monospace}.controls td:first-child{color:var(--mute)}.credit{color:var(--mute);margin-top:20px;font-size:13px;text-decoration:none;display:inline-block}.credit b{background:linear-gradient(90deg, var(--mint), #fff, var(--mint));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shine}@keyframes shine{to{background-position:-200% 0}}#lobby-list{text-align:left;margin:18px 0;padding:0;list-style:none}#lobby-list li{background:#ffffff0f;border-radius:10px;justify-content:space-between;margin-bottom:6px;padding:10px 14px;font-weight:600;display:flex}#lobby-list li .t0{color:var(--blue)}#lobby-list li .t1{color:var(--orange)}#end-score{margin-bottom:16px;font-family:Space Grotesk,Unbounded,sans-serif;font-size:44px;font-weight:800}#hud{pointer-events:none;position:fixed;inset:0}#scoreboard{z-index:3;filter:drop-shadow(0 6px 18px #00000080);align-items:stretch;font-family:Unbounded,sans-serif;font-weight:800;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.sb-team{align-items:center;gap:10px;padding:6px 14px;display:flex}.sb-team.blue{background:linear-gradient(90deg, transparent, var(--blue));border-radius:12px 0 0 12px}.sb-team.orange{background:linear-gradient(90deg, var(--orange), transparent);border-radius:0 12px 12px 0}.sb-name{letter-spacing:.14em;opacity:.85;font-size:11px}.sb-score{text-align:center;min-width:28px;font-size:30px}#clock{background:#080a12e6;align-items:center;padding:8px 18px;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;display:flex}#clock.ot{color:var(--mint)}#feed{z-index:3;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:70px;right:16px}.feed-item{border-left:4px solid var(--blue);background:#080a12cc;border-radius:6px;padding:7px 12px;font-size:14px;font-weight:700;animation:.25s ease-out slidein}.feed-item.t1{border-left-color:var(--orange)}.feed-item.big{background:#a01414d9;font-family:Unbounded,sans-serif;font-size:15px}@keyframes slidein{0%{opacity:0;transform:translate(40px)}}#center{text-align:center;z-index:3;position:absolute;top:34%;left:0;right:0}#center-big{text-shadow:0 8px 40px #0009;font-family:Unbounded,sans-serif;font-size:clamp(48px,9vw,130px);font-weight:900}#center-big.pop{animation:.35s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(2.2)}}#center-small{text-shadow:0 2px 10px #000c;margin-top:6px;font-size:20px;font-weight:800}#hint{color:#ffffff73;font:500 11px JetBrains Mono,monospace;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.phud{position:absolute;left:0;right:0}.boost{width:120px;height:120px;position:absolute;bottom:18px;right:20px}.boost svg{width:100%;height:100%;transform:rotate(135deg)}.boost .num{flex-direction:column;justify-content:center;align-items:center;font-family:Unbounded,sans-serif;font-size:34px;font-weight:900;display:flex;position:absolute;inset:0}.boost .num small{letter-spacing:.2em;color:var(--mute);font-family:JetBrains Mono,monospace;font-size:10px}.dmg{background:#080a12b3;border-radius:14px;width:120px;padding:10px;position:absolute;bottom:16px;left:18px}.dmg svg{width:100%;height:auto;display:block}.dmg .lbl{letter-spacing:.16em;color:var(--mute);justify-content:space-between;margin-bottom:4px;font:700 10px JetBrains Mono,monospace;display:flex}.dmg .eng{background:#ffffff1f;border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.dmg .eng i{background:linear-gradient(90deg,#ffd23a,#ff3a2a);width:0;height:100%;display:block}.pname{letter-spacing:.08em;font:800 13px Unbounded,sans-serif;position:absolute;top:14px;left:18px}.ss{letter-spacing:.14em;color:#fff;text-shadow:0 0 12px #7fd0ff;opacity:0;font:900 13px Unbounded,sans-serif;transition:opacity .15s;position:absolute;bottom:30px;right:150px}.ss.on{opacity:1}@media (width<=640px){.boost{width:86px;height:86px}.boost .num{font-size:24px}.dmg{width:92px}.sb-score{font-size:22px}#clock{font-size:18px}}