:root{color-scheme:only light;--bg: #0b0c10;--panel: #141823;--panel-2: #1f2433;--accent: #7ef9ff;--text: #f8f8ff;--muted: #9aa3b2}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(circle at top,#1a2033,#0b0c10 60%);color:var(--text);overflow:hidden}.app{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;padding:16px;gap:12px;overflow:hidden}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.top-actions{display:flex;align-items:center;gap:10px}.top h1{margin:0;font-size:32px;letter-spacing:.5px}.top p{margin:4px 0 0;color:var(--muted)}.status{padding:8px 12px;background:var(--panel);border-radius:999px;font-size:14px}.fullscreen-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a2d3a;background:#141823e6;color:var(--text);border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.fullscreen-btn:hover{border-color:#4b5368;background:#1f2433f2;transform:translateY(-1px)}.fullscreen-btn:active{transform:translateY(0)}.ok{color:#7dff83}.warn{color:#ff9f5a}.layout{display:grid;grid-template-columns:minmax(280px,1fr) 280px;gap:20px;flex:1;min-height:0}.arena{touch-action:none;position:relative;background:linear-gradient(135deg,#111424,#0d0f18);border-radius:18px;padding:12px;display:flex;align-items:center;justify-content:center;min-height:0;height:100%;overflow:hidden}.arena-frame{width:fit-content;max-width:100%;max-height:100%;padding:2px;border-radius:14px;animation:neon-pulse 3.2s ease-in-out infinite}canvas{display:block;border-radius:12px;background:#0f1016;border:0;max-width:100%;max-height:100%}@keyframes neon-pulse{0%,to{border-color:#6efcff;box-shadow:0 0 8px #6efcff8c,0 0 18px #6efcff47,0 0 28px #6efcff29,inset 0 0 8px #6efcff14}50%{border-color:#8bffff;box-shadow:0 0 14px #8bffffd9,0 0 32px #8bffff80,0 0 56px #8bffff3d,inset 0 0 14px #8bffff29}}.panel{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:auto;padding-right:2px}.panel-block{background:var(--panel);padding:16px;border-radius:16px;box-shadow:0 12px 30px #00000040}.panel-block h3{margin:0 0 12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:12px}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-count{color:var(--muted);font-size:12px}.big{font-size:36px;font-weight:700;color:var(--accent)}.bar{background:#0f111a;border-radius:999px;height:12px;overflow:hidden;border:1px solid #2a2d3a}.bar-fill{height:100%;background:linear-gradient(90deg,#6be9ff,#7ef9ff)}ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}li{display:flex;align-items:center;justify-content:space-between;gap:8px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.pct{color:var(--muted)}.winbar{flex:1;height:8px;background:#0f111a;border-radius:999px;overflow:hidden;border:1px solid #2a2d3a;margin-left:10px}.winbar-fill{height:100%}.sparklines{margin-top:12px;display:flex;flex-direction:column;gap:10px}.sparkline{background:#0a0c1499;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:8px 10px 10px}.sparkline-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:6px}.sparkline svg{width:100%;height:36px;display:block}.chat-block{display:flex;flex-direction:column;min-height:260px}.chat-log{flex:1;min-height:160px;max-height:260px;overflow:auto;background:#0a0c1499;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.chat-empty{color:var(--muted);font-size:13px}.chat-message{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.chat-message:last-child{border-bottom:0;padding-bottom:0}.chat-name{font-size:12px;font-weight:700}.chat-text{font-size:14px;line-height:1.35;word-break:break-word}.chat-form{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.chat-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #2a2d3a;background:#0f111a;color:var(--text);font:inherit}.chat-send{border:none;border-radius:10px;padding:10px 14px;background:var(--accent);color:#03131a;font:inherit;font-weight:700;cursor:pointer}.chat-send:disabled,.chat-input:disabled{opacity:.6;cursor:not-allowed}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0c14b3;border-radius:18px}.card{background:var(--panel);padding:20px;border-radius:16px;min-width:240px;text-align:center}.card input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #2a2d3a;background:#0f111a;color:var(--text);margin-bottom:12px}.card button{width:100%;padding:10px 12px;border:none;border-radius:10px;background:var(--accent);color:#03131a;font-weight:700}.card button.ghost{background:transparent;border:1px solid #2a2d3a;color:var(--text);margin-top:12px}.join-error{margin-top:10px;font-size:12px;color:#ff9f5a}.event{font-size:12px;color:var(--muted);margin-bottom:8px}.event-sub{margin-top:4px;color:#7ef9ff;font-size:12px}ol{text-align:left;padding-left:20px;margin:12px 0 0}@media (max-width: 900px){body{overflow:auto}.layout{grid-template-columns:1fr}.panel{flex-direction:row;flex-wrap:wrap;overflow:visible}.panel-block{flex:1 1 200px}.top{flex-wrap:wrap}.top-actions{width:100%;justify-content:flex-end}.app{height:auto;min-height:100dvh;overflow:visible}.arena{min-height:56vh;height:auto}}