:root{--bg: #0f172a;--panel: rgba(15, 23, 42, .82);--accent: #fde047;--accent2: #38bdf8;--good: #34d399;--bad: #fb7185;--text: #f8fafc;font-family:"Baloo 2",Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text)}#root{position:relative}canvas{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.overlay .card{pointer-events:auto}.card{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.12);border-radius:20px;padding:28px 32px;width:min(440px,92vw);box-shadow:0 20px 60px #00000073}.title{font-size:34px;font-weight:800;letter-spacing:1px;margin:0 0 4px;background:linear-gradient(90deg,var(--accent),#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{opacity:.7;margin:0 0 20px;font-size:14px}label{display:block;font-size:12px;text-transform:uppercase;opacity:.7;margin:14px 0 6px}input{width:100%;padding:12px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);font-size:15px}input:focus{outline:none;border-color:var(--accent2)}button{margin-top:20px;width:100%;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;background:linear-gradient(90deg,var(--accent2),#818cf8);color:#0b1020;transition:transform .08s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--bad);font-size:13px;margin-top:10px;min-height:16px}.note{font-size:11px;opacity:.55;margin-top:16px;line-height:1.5}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hud .top{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:24px;align-items:center;background:var(--panel);padding:10px 22px;border-radius:999px;border:2px solid rgba(255,255,255,.1)}.hud .stat{text-align:center}.hud .stat .v{font-size:22px;font-weight:800}.hud .stat .l{font-size:10px;text-transform:uppercase;opacity:.6}.hud .phase{color:var(--accent)}.banner{position:absolute;top:84px;left:50%;transform:translate(-50%);font-size:28px;font-weight:800;text-shadow:0 3px 10px rgba(0,0,0,.5)}.banner.bad{color:var(--bad)}.banner.good{color:var(--good)}.players-list{margin-top:14px;max-height:240px;overflow-y:auto}.prow{display:flex;justify-content:space-between;padding:6px 10px;border-radius:8px;font-size:14px}.prow:nth-child(odd){background:#ffffff0a}.prow .me{color:var(--accent);font-weight:700}.tag{font-size:11px;padding:2px 8px;border-radius:999px;opacity:.9}.tag.spec{background:#94a3b84d}.tag.out{background:#fb718540;color:var(--bad)}.tag.win{background:#34d39940;color:var(--good)}.controls-hint{position:absolute;bottom:16px;left:16px;font-size:12px;opacity:.6;background:var(--panel);padding:8px 12px;border-radius:10px}.spectator-badge{position:absolute;top:16px;right:16px;background:#94a3b840;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700}