*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #14161a;--panel: #1c2027;--panel-2: #232833;--border: #313847;--text: #e5e7eb;--muted: #8b93a3;--red: #ef4444;--blue: #3b82f6;--green: #22c55e;--purple: #a855f7;--amber: #fbbf24}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.menu-root{height:100%;overflow-y:auto;display:flex;justify-content:center;background:radial-gradient(1200px 500px at 50% -10%,rgba(59,130,246,.12),transparent),radial-gradient(900px 400px at 80% 110%,rgba(168,85,247,.1),transparent),var(--bg)}.menu-panel{width:min(720px,94vw);padding:40px 0 60px;display:flex;flex-direction:column;gap:26px}.menu-header h1{font-size:44px;letter-spacing:3px;font-weight:800}.menu-header .accent{color:var(--blue);font-weight:300}.subtitle{color:var(--muted);margin-top:4px}.menu-panel h2{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.card-row{display:flex;gap:12px}.card-row.wrap{flex-wrap:wrap}.card-row.wrap .card{flex:1 1 30%;min-width:200px}.card.mini{padding:10px 12px}.card.mini strong{font-size:13px}.preset-stats{font-size:11.5px;color:var(--muted);letter-spacing:.3px}.builder{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin:12px 0;display:flex;flex-direction:column;gap:10px}.builder h3{margin:0;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.builder input[type=text],.builder input[type=number]{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 8px;font-size:13px;width:100%}.card{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;text-align:left;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s,transform .1s}.card:hover{background:var(--panel-2);transform:translateY(-1px)}.card.selected{border-color:var(--blue);background:var(--panel-2);box-shadow:0 0 0 1px var(--blue)}.card.alliance-red.selected{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.card.alliance-red strong{color:var(--red)}.card.alliance-blue strong{color:var(--blue)}.card strong{font-size:15px}.card span{color:var(--muted);font-size:12.5px;line-height:1.35}.hint{color:var(--muted);font-size:12px;margin-top:8px}.spec-row{display:flex;gap:20px;margin-bottom:12px}.spec-row label{flex:1;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.spec-row input[type=range]{accent-color:var(--blue)}.bind-cols{display:flex;gap:14px;align-items:flex-start}.bind-block{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.bind-block h3{margin:0 0 10px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.bind-grid{display:flex;flex-direction:column;gap:6px}.bind-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px}.bind-label{color:var(--muted);font-size:13px}.bind-keys{display:flex;gap:6px}.keycap{background:var(--panel-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--text);min-width:34px;text-align:center}button.keycap:hover{border-color:var(--blue)}.keycap.capturing{border-color:var(--amber);color:var(--amber);box-shadow:0 0 0 1px var(--amber);animation:keycap-pulse 1s infinite}@keyframes keycap-pulse{50%{opacity:.6}}.keycap.unbound{color:var(--red);border-color:var(--red);border-style:dashed}.keycap.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);color:var(--blue)}.keycap.fixed{display:inline-flex;align-items:center;color:var(--muted);cursor:default}.bind-footer{display:flex;align-items:center;gap:14px;margin-top:10px}.bind-footer .hint{margin-top:0}.bind-reset{flex-shrink:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--text)}.bind-reset:hover{border-color:var(--amber);color:var(--amber)}.start-btn{margin-top:6px;padding:16px;font-size:18px;font-weight:700;letter-spacing:4px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--blue),#7c3aed);color:#fff;transition:filter .15s,transform .1s}.start-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.game-root{position:relative;width:100%;height:100%}.game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.scorebar{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:stretch;border-radius:14px 14px 0 0;overflow:hidden;border:1px solid var(--border);border-bottom:none;box-shadow:0 -4px 18px #00000073}.score-panel{display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px;padding:10px 20px;position:relative}.score-panel.red{background:linear-gradient(180deg,#7f1d1d,#991b1b)}.score-panel.blue{background:linear-gradient(180deg,#1e3a8a,#1d4ed8)}.score-panel.mine{box-shadow:inset 0 0 0 2px #ffffff8c}.panel-score{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.you-tag{position:absolute;top:4px;left:8px;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#ffffffd9}.timer-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 26px;background:#101216f2;min-width:190px;gap:2px}.timer-phase{font-size:10px;font-weight:800;letter-spacing:2.5px;color:var(--muted)}.timer-time{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.timer-panel.warning .timer-time{color:var(--amber)}.timer-panel.urgent .timer-time{color:var(--red);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.55}}.timer-motif{display:flex;align-items:center}.breakdown-row{position:absolute;bottom:76px;left:50%;transform:translate(-50%);display:flex;gap:8px}.breakdown-row span{background:#1c2027d9;border:1px solid var(--border);border-radius:999px;padding:3px 11px;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;background:#1c2027e6;border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:600;letter-spacing:1px}.chip.alliance-red{color:var(--red);border-color:var(--red)}.chip.alliance-blue{color:var(--blue);border-color:var(--blue)}.chip.on{color:var(--green)}.chip.off{color:var(--muted);opacity:.6}.chip.warn{color:var(--amber);border-color:var(--amber)}.motif-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:3px}.motif-dot.purple{background:var(--purple)}.motif-dot.green{background:var(--green)}.status-wrap{position:absolute;top:12px;right:12px;display:flex}.robot-status{display:flex;align-items:center;gap:12px;background:#1c2027e6;border:1px solid var(--border);border-radius:10px;padding:8px 14px}.hopper{display:flex;gap:5px}.hopper-pip{width:14px;height:14px;border-radius:50%;border:1px solid var(--border);background:#101216}.hopper-pip.purple{background:var(--purple)}.hopper-pip.green{background:var(--green)}.flywheel-bar{width:110px;height:8px;border-radius:999px;background:#101216;border:1px solid var(--border);overflow:hidden}.flywheel-fill{height:100%;background:var(--muted);transition:width .1s linear}.flywheel-fill.ready{background:var(--green)}.game-buttons{position:absolute;top:12px;left:12px;display:flex;gap:8px}.game-btn{pointer-events:auto;background:#1c2027e6;border:1px solid var(--border);border-radius:8px;color:var(--muted);padding:6px 13px;font-size:11.5px;font-weight:700;letter-spacing:1.5px;transition:color .15s,border-color .15s}.game-btn:hover{color:var(--text);border-color:var(--blue)}.countdown-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;letter-spacing:6px;color:var(--text);text-shadow:0 6px 30px rgba(0,0,0,.6);pointer-events:none;animation:count-pop 1s ease-out}.countdown-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:160px;font-weight:800;color:var(--text);text-shadow:0 6px 30px rgba(0,0,0,.6);pointer-events:none;animation:count-pop 1s ease-out}@keyframes count-pop{0%{transform:scale(1.5);opacity:0}20%{transform:scale(1);opacity:1}85%{opacity:1}to{opacity:.4}}.eventlog{position:absolute;left:14px;top:52px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.eventlog-line{background:#1c202799;border-left:2px solid var(--border);border-radius:3px;padding:2px 9px;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--muted);animation:log-out .5s ease-in 2s forwards}@keyframes log-out{to{opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0c108c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:30px 40px;text-align:center;display:flex;flex-direction:column;gap:14px;min-width:320px}.overlay-panel h2{letter-spacing:3px;font-size:20px}.overlay-panel .big{font-size:15px;font-weight:600}.overlay-buttons{display:flex;gap:10px;justify-content:center}.overlay-buttons button{padding:10px 22px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);font-weight:700;letter-spacing:1.5px;transition:border-color .15s}.overlay-buttons button:hover{border-color:var(--blue)}.score-table{border-collapse:collapse;margin:0 auto;font-size:14px}.score-table td{padding:3px 14px;text-align:left}.score-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.score-table .section-row td{padding-top:10px;font-size:10.5px;font-weight:800;letter-spacing:2px;color:var(--muted)}.overlay-panel.results{min-width:380px}.final-score{display:flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;padding:10px;color:#fff}.final-score.alliance-red{background:linear-gradient(180deg,#7f1d1d,#991b1b)}.final-score.alliance-blue{background:linear-gradient(180deg,#1e3a8a,#1d4ed8)}.final-score span{font-weight:800;letter-spacing:2px;font-size:14px}.final-score strong{font-size:34px;font-variant-numeric:tabular-nums}.score-table .total-row td{border-top:1px solid var(--border);padding-top:8px;font-weight:800;font-size:16px}.results-head{display:flex;align-items:center;gap:10px;margin:2px 0 8px}.res-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:10px;padding:10px;color:#fff;opacity:.7}.res-side.win{opacity:1;outline:2px solid var(--amber)}.res-side.red{background:linear-gradient(180deg,#7f1d1d,#991b1b)}.res-side.blue{background:linear-gradient(180deg,#1e3a8a,#1d4ed8)}.res-side span{font-weight:800;letter-spacing:2px;font-size:13px}.res-side strong{font-size:32px;font-variant-numeric:tabular-nums}.res-verdict{font-weight:800;font-size:13px;color:var(--amber);min-width:74px;text-align:center}.results-table th{font-size:12px;font-weight:800;padding:2px 0 6px}.results-table th.red,.results-table td.rv{text-align:right}.results-table th.blue,.results-table td.bv{text-align:left}.results-table th.red{color:var(--red)}.results-table th.blue{color:var(--blue)}.results-table td.rv,.results-table td.bv{width:64px;font-variant-numeric:tabular-nums;font-weight:700}.results-table td.cat,.results-table th.cat{text-align:center;color:var(--muted);font-weight:400}.results-table .section-row td{text-align:center}.start-btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.lobby-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.lobby-actions .start-btn{width:auto;flex:1 1 200px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field input{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-size:15px}.lobby-error{color:var(--red);margin:8px 0;font-size:14px}.lobby-players{display:flex;flex-direction:column;gap:6px}.lobby-player{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:6px;padding:8px 10px}.lobby-player.red{border-left-color:var(--red)}.lobby-player.blue{border-left-color:var(--blue)}.lobby-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}.lobby-dot[data-linked=true]{background:var(--green)}.lobby-name{font-weight:700}.lobby-team{color:var(--muted);font-size:13px;margin-right:auto}.chip.red{color:var(--red);border-color:var(--red)}.chip.blue{color:var(--blue);border-color:var(--blue)}.lobby-kick{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:6px;width:24px;height:24px;cursor:pointer;line-height:1;flex:none}.lobby-kick:hover{color:var(--red);border-color:var(--red)}.card-note{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.card:disabled{opacity:.4;cursor:not-allowed}