:root{--red: #b8383b;--red-2: #d65a4a;--blu: #5885a2;--blu-2: #7fb0cf;--ink: #f4ead8;--ink-dim: #c9bda6;--panel: rgba(38, 32, 27, .92);--panel-edge: #6b5a45;--accent: #e6a53b}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1c1814;color:var(--ink);font-family:Inter,system-ui,sans-serif}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;cursor:none}[hidden]{display:none!important}h1,h2,.team b,.btn{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em}h1{font-size:64px;margin:0;line-height:1}h1 span{color:var(--accent)}h2{margin:0 0 16px;font-size:26px}.screen,.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.screen{background:radial-gradient(ellipse at 50% 30%,#6d4a2c,#2a1f17 70%)}.overlay{background:#00000073}.overlay.pass{pointer-events:none;background:transparent}.panel{background:var(--panel);border:2px solid var(--panel-edge);border-radius:6px;padding:24px;max-width:100%;box-shadow:0 10px 40px #00000080}.panel.wide{width:860px}.login-panel{width:380px;display:flex;flex-direction:column;gap:14px;text-align:center}.tag{color:var(--ink-dim);margin:0}label{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:13px;color:var(--ink-dim)}input{font:inherit;font-size:16px;padding:10px 12px;border-radius:4px;border:1px solid var(--panel-edge);background:#1f1a15;color:var(--ink);outline:none}input:focus{border-color:var(--accent)}input[type=range]{padding:0;accent-color:var(--accent);border:none;background:transparent}.btn{font-size:18px;padding:10px 18px;border-radius:4px;border:2px solid var(--panel-edge);background:#3b3129;color:var(--ink);cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#2a1f17;border-color:#f2c371}.btn.ghost{background:transparent;margin-top:14px}.status{min-height:1.4em;margin:0;color:var(--ink-dim);font-size:14px}.status.error{color:#ff8a7a}.row{display:flex;gap:10px;margin-top:14px}table.list{width:100%;border-collapse:collapse;font-size:15px}table.list th{text-align:left;color:var(--ink-dim);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--panel-edge)}table.list td{padding:8px;border-bottom:1px solid rgba(255,255,255,.06)}.teams{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.team{cursor:pointer;border:3px solid transparent;border-radius:6px;padding:30px 12px;color:#fff;display:flex;flex-direction:column;gap:6px;align-items:center;font-family:inherit}.team b{font-size:34px}.team em{font-style:normal;opacity:.85;font-size:13px}.team.blu{background:var(--blu)}.team.red{background:var(--red)}.team.auto{background:#6b5a45}.team:hover{border-color:var(--ink)}.classes{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.cls{background:#2c251f;border:2px solid var(--panel-edge);border-radius:6px;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink);font-family:inherit}.cls:hover,.cls.cur{border-color:var(--accent)}.cls canvas{width:72px;height:96px}.cls b{font-family:Oswald,sans-serif;font-size:14px;text-transform:uppercase}.cls small{color:var(--ink-dim);font-size:11px}.cls kbd{font-size:11px}.hint{color:var(--ink-dim);font-size:13px;margin:14px 0 0}kbd{display:inline-block;min-width:22px;padding:2px 6px;border-radius:3px;background:#1f1a15;border:1px solid var(--panel-edge);font-family:Inter,sans-serif;font-size:12px;text-align:center}.keys{display:grid;grid-template-columns:auto auto 1fr;gap:8px 8px;align-items:center;font-size:14px}#scoreboard{align-items:flex-start;padding-top:70px}.sb{width:900px;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sb .col{background:var(--panel);border-radius:6px;overflow:hidden;border:2px solid var(--panel-edge)}.sb .head{padding:10px 12px;font-family:Oswald,sans-serif;font-size:22px;display:flex;justify-content:space-between;color:#fff}.sb .blu .head{background:var(--blu)}.sb .red .head{background:var(--red)}.sb table{width:100%;border-collapse:collapse;font-size:13px}.sb td,.sb th{padding:4px 8px;text-align:left}.sb th{color:var(--ink-dim);font-weight:600}.sb tr.me td{color:var(--accent)}.sb tr.dead td{opacity:.55}.sb .spec{grid-column:1 / -1;color:var(--ink-dim);font-size:13px;padding:6px 2px}#chat{position:fixed;left:16px;bottom:150px;width:460px;max-width:calc(100vw - 32px);font-size:14px;pointer-events:none}#chatLog{display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 2px #000}#chatLog div{background:#00000040;padding:2px 6px;border-radius:3px;transition:opacity .5s;overflow-wrap:anywhere}#chatLog div.old{opacity:0}#chat.open #chatLog div.old{opacity:1}#chatLog .n-red{color:#ff9a85;font-weight:600}#chatLog .n-blu{color:#9fd0f0;font-weight:600}#chatLog .n-spec{color:#ccc;font-weight:600}#chatLog .sys{color:#e6d19b}#chatInputRow{display:flex;gap:6px;align-items:center;margin-top:6px;pointer-events:auto;background:#0009;padding:4px 6px;border-radius:4px}#chatInputRow input{flex:1;padding:6px 8px;font-size:14px}#chatMode{font-weight:600;color:var(--accent)}.popmenu{position:fixed;left:16px;top:16px;background:var(--panel);border:2px solid var(--panel-edge);border-radius:6px;padding:10px 14px;min-width:220px;font-size:14px}.popmenu h3{margin:0 0 8px;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:16px;color:var(--accent)}.popmenu div{padding:2px 0}.popmenu .dim{opacity:.45}@media(max-width:900px){.classes{grid-template-columns:repeat(3,1fr)}.teams,.sb{grid-template-columns:1fr}}