:root{--ice-1:#bfeaf5;--player:#2f6fed;--enemy:#ff6a3d;--gold:#f4c542;--panel:#0e2a35;--panel-border:#1c4a5c}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ice-1);background:radial-gradient(at 50% 0,#1b4a5c 0%,#0a1e27 70%);margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif}.wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px 16px;display:flex}h1{letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 2px #7a5410,0 0 20px #f4c54259;margin:0;font-size:22px}.sub{color:#9fd6e8;margin:0;font-size:13px}.error{color:#ff8a8a;font-size:13px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;gap:10px;width:min(90vw,380px);padding:20px 24px;display:flex}.panel h2{color:var(--gold);letter-spacing:1px;margin:0 0 4px;font-size:15px}input{border:1px solid var(--panel-border);color:var(--ice-1);background:#123a47;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}input:focus{outline:2px solid var(--gold)}.btn{border:1px solid var(--panel-border);color:var(--ice-1);letter-spacing:.5px;cursor:pointer;background:#123a47;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--gold)}.btn.primary{background:linear-gradient(90deg,var(--gold),#ff9d3d);color:#3a2c0e;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.join-form{gap:8px;display:flex}.join-form input{text-transform:uppercase}.hud{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;align-items:center;gap:16px;padding:8px 16px;font-size:13px;display:flex}.badge{letter-spacing:1px;text-transform:uppercase;background:#1c4a5c;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.stat{letter-spacing:2px;color:#ff5d7a;align-items:center;gap:6px;display:flex}.game-canvas{border-radius:14px;max-width:92vw;height:auto;box-shadow:0 10px 40px #00000080}.toast{background:var(--panel);border:1px solid var(--gold);color:var(--gold);letter-spacing:1px;opacity:0;pointer-events:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:700;transition:opacity .25s;position:absolute;top:14px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.clash-panels{flex-wrap:wrap;justify-content:center;gap:10px;max-width:820px;display:flex}.clash-panel{color:#ffe3b0;border:2px solid var(--gold);background:#7a1f1f;border-radius:10px;min-width:190px;padding:6px 16px 10px;font-size:13px;font-weight:700}.panel-label{opacity:.85;margin-bottom:4px;font-size:11px}.prompt-text{min-height:20px;margin-top:6px;font-size:15px;animation:.5s infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.6}}.tug-wrap{border:1px solid var(--panel-border);background:#0d222a;border-radius:7px;width:100%;height:14px;margin-top:4px;position:relative;overflow:hidden}.tug-fill{background:linear-gradient(90deg,var(--enemy),var(--player));width:0%;position:absolute;top:0;bottom:0;left:50%}.tug-mid{background:var(--gold);width:2px;position:absolute;top:0;bottom:0;left:50%}.slots{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.slot{border:1px solid var(--panel-border);background:#123a47;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.slot-A{border-left:3px solid var(--player)}.slot-B{border-left:3px solid var(--enemy)}.slot-team{font-size:11px}.round-message{background:var(--panel);border:1px solid var(--gold);color:var(--gold);letter-spacing:1px;border-radius:10px;padding:8px 18px;font-weight:700}