*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--panel: #161b22;--accent: #40c4ff;--text: #e6edf3}html,body{height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#game{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#canvas{background:#04060d;border:1px solid rgba(64,196,255,.3);border-radius:10px;max-width:calc(100vw - 220px);max-height:calc(100vh - 24px);aspect-ratio:1200 / 800;box-shadow:0 0 60px #40c4ff26,0 0 30px #000000b3,inset 0 0 80px #0000008c}#hud{position:absolute;top:16px;right:16px;width:180px;background:#161b22d9;border:1px solid #21262d;border-radius:8px;padding:12px 14px}#hud h2{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#8b949e;margin-bottom:2px}#hud-target{font-size:12px;color:var(--accent);margin-bottom:8px}#scoreboard{list-style:none}#scoreboard li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:15px}#scoreboard .swatch{width:12px;height:12px;border-radius:3px;flex:0 0 auto}#scoreboard .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#scoreboard .pts{font-variant-numeric:tabular-nums;font-weight:600}.ping{font-size:11px;color:#6e7681;font-variant-numeric:tabular-nums}#lobby-players .name{flex:1}#scoreboard li.dead{opacity:.4}#banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;font-weight:800;text-shadow:0 4px 24px rgba(0,0,0,.8);pointer-events:none;text-align:center}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05070dd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel{background:var(--panel);border:1px solid #21262d;border-radius:12px;padding:32px 36px;width:360px;text-align:center}.panel.menu{width:420px}.panel h1{font-size:38px;margin-bottom:8px;letter-spacing:1px}.logo{font-size:56px;background:linear-gradient(90deg,#40c4ff,#69f0ae,#ffd740,#e040fb);-webkit-background-clip:text;background-clip:text;color:transparent}.howto{margin-top:22px;text-align:left;background:#0d1117;border:1px solid #21262d;border-radius:8px;padding:14px 16px}.howto-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#8b949e;margin-bottom:8px}.howto ul{list-style:none;display:grid;gap:6px}.howto li{font-size:14px;color:#c9d1d9;padding-left:16px;position:relative}.howto li:before{content:"›";position:absolute;left:0;color:var(--accent)}.divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:#8b949e;font-size:12px;text-transform:uppercase;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#21262d}#code-input{text-align:center;text-transform:uppercase;letter-spacing:8px;font-size:24px;font-weight:700}.error{color:#ff6e6e;font-size:14px;margin-top:10px}.code-box{display:flex;flex-direction:column;align-items:center;gap:8px;background:#0d1117;border:1px solid #21262d;border-radius:10px;padding:14px;margin-bottom:18px}.code-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#8b949e}.code{font-size:40px;font-weight:800;letter-spacing:10px;padding-left:10px;color:var(--accent)}.code-box button{width:auto;padding:8px 14px}button.link{background:none;color:#8b949e;font-weight:500;margin-top:10px;padding:6px}button.link:hover:not(:disabled){color:var(--text);filter:none}.tag{color:#8b949e;font-size:14px;margin-bottom:20px}.controls{color:#8b949e;font-size:13px;margin-top:16px}input,button{font:inherit;width:100%;padding:12px 14px;border-radius:8px;border:1px solid #30363d}input{background:#0d1117;color:var(--text);margin-bottom:12px}input:focus{outline:none;border-color:var(--accent)}button{background:var(--accent);color:#06121a;font-weight:700;border:none;cursor:pointer;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{background:#30363d;color:#8b949e;cursor:not-allowed}.bot-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.bot-row button{flex:1;min-width:0}button.secondary{background:#21262d;color:var(--text);font-weight:600}#bot-difficulty{width:auto;flex:0 0 auto;padding:12px 10px;background:#0d1117;color:var(--text);border:1px solid #30363d;border-radius:8px;font:inherit;cursor:pointer}button.secondary:hover:not(:disabled){background:#2d333b;filter:none}#lobby-players{list-style:none;margin-bottom:16px}#lobby-players li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:16px;border-bottom:1px solid #21262d}#lobby-players .swatch{width:14px;height:14px;border-radius:4px}#standings{list-style:none;margin:8px 0 20px;counter-reset:rank}#standings li{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;border-radius:8px;background:#0d1117;border:1px solid #21262d;counter-increment:rank}#standings li:before{content:counter(rank);width:22px;font-weight:700;color:#8b949e;text-align:center}#standings li.champion{background:linear-gradient(90deg,rgba(255,215,64,.18),transparent);border-color:#ffd740}#standings li.champion:before{content:"🏆";font-size:16px}#standings .swatch{width:14px;height:14px;border-radius:4px}#standings .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#standings .pts{font-variant-numeric:tabular-nums;font-weight:700}#netstat{position:absolute;bottom:12px;left:14px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8b949e;background:#0d1117b3;border:1px solid #21262d;border-radius:6px;padding:4px 8px;pointer-events:none}#round-standings{position:relative;width:100%;margin:10px 0 4px}.round-row{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:9px;background:#0d1117;border:1px solid #21262d;transition:top .65s cubic-bezier(.34,1.2,.4,1),background .3s,border-color .3s}.round-row.gained{border-color:#69f0ae8c}.round-row.leader{background:linear-gradient(90deg,rgba(255,215,64,.16),transparent);border-color:#ffd740}.round-row .r{width:22px;text-align:center;font-weight:800;color:#8b949e;font-variant-numeric:tabular-nums}.round-row .swatch{width:13px;height:13px;border-radius:4px}.round-row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-row .sc{font-variant-numeric:tabular-nums;font-weight:700}.round-row .delta{color:#69f0ae;font-size:12px;font-weight:700;opacity:0;transition:opacity .3s}.round-row.gained .delta{opacity:1}.hidden{display:none!important}