:root{--bg:#111313;--panel:#191c1c;--panel2:#202424;--line:#303535;--muted:#899291;--text:#edf0ed;--lime:#b7e44a;--orange:#f5a35c;--red:#ff6f62;--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -10%,#25302b 0,#111313 44%);color:var(--text);font-family:var(--sans);min-height:100vh}.app-shell{max-width:1440px;margin:auto;padding:0 42px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.14em;color:#bbc2bb}.brand{font-weight:700;color:#f0f3ed}.brand em{font-style:normal;color:var(--lime)}.brand-mark{font-size:20px;color:var(--lime);margin-right:11px}.match-meta{font-family:var(--mono);font-size:10px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #b7e44a;margin-right:8px}.meta-divider{display:inline-block;width:1px;height:13px;background:var(--line);margin:0 14px -3px}.icon-button{border:1px solid var(--line);background:none;color:var(--muted);font-size:15px;letter-spacing:3px;width:42px;height:30px;border-radius:4px}.match-header{display:flex;justify-content:space-between;align-items:end;padding:43px 0 29px}.eyebrow{font:500 10px var(--mono);letter-spacing:.16em;color:var(--muted)}h1,h2,p{margin:0}h1{font-size:38px;letter-spacing:-.05em;margin-top:10px}h1 span,h2 span{color:var(--lime)}.round-state{text-align:right}.round-label{font:10px var(--mono);letter-spacing:.12em;color:var(--muted)}.round-label strong{color:var(--text);font-weight:400}.timer{font:500 32px var(--mono);color:var(--lime);margin-top:4px}.phasebar{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:53px;margin-bottom:18px}.phase{font:500 11px var(--mono);letter-spacing:.08em;color:#687170;display:flex;align-items:center;gap:12px;padding:0 30px;border-right:1px solid var(--line)}.phase span{font-size:9px;color:#56605e}.phase.active{color:var(--lime);background:rgba(183,228,74,.06)}.phase.active span{color:var(--lime)}.game-grid{display:grid;grid-template-columns:230px minmax(380px,1fr) 290px;gap:18px}.panel{background:rgba(25,28,28,.85);border:1px solid var(--line);border-radius:5px}.panel-heading{height:48px;padding:0 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:11px;letter-spacing:.12em;font-weight:500}.panel-heading h2 span{font-family:var(--mono);font-size:10px;margin-left:5px}.tiny-label,.private-label,.connection{font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.connection{color:var(--lime);font-size:8px}.players-list{padding:10px 8px}.player{display:flex;align-items:center;gap:11px;padding:11px 9px;border-radius:3px;transition:.2s}.player:hover{background:#242a28}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;background:#343b38;color:#cad1ca}.player.you{background:rgba(183,228,74,.1);border:1px solid rgba(183,228,74,.25)}.player.you .avatar{background:var(--lime);color:#182017}.player.eliminated{opacity:.3;text-decoration:line-through}.player-name{font-size:13px}.player-status{margin-left:auto;width:6px;height:6px;background:#69736f;border-radius:50%}.player.you .player-status{background:var(--lime)}.legend{border-top:1px solid var(--line);padding:13px 17px;color:var(--muted);font:9px var(--mono);letter-spacing:.03em}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px}.status-dot.human{background:#6f7d76}.status-dot.you{background:var(--lime)}.legend-sep{padding:0 6px;color:#4b5351}.chat-panel{min-height:424px;display:flex;flex-direction:column}.chat-feed{padding:21px 23px;overflow:auto;flex:1;max-height:354px}.chat-line{font-size:13px;line-height:1.45;margin-bottom:15px;color:#cad0ca}.chat-line .chat-author{font-weight:600;color:var(--lime);margin-right:8px}.chat-line.system{color:var(--muted);font-family:var(--mono);font-size:10px;border-left:2px solid var(--orange);padding-left:11px}.chat-line.system .chat-author{color:var(--orange)}.chat-form{display:flex;margin:0 14px;border:1px solid #3a4540;border-radius:3px;background:#131616}.chat-form input{background:none;border:0;outline:0;color:var(--text);font:13px var(--sans);padding:13px;flex:1}.chat-form button{background:var(--lime);border:0;width:43px;font-size:20px;color:#172014;cursor:pointer}.chat-hint{font:9px var(--mono);color:#626c67;padding:10px 17px 14px}.you-panel{min-height:424px}.identity-card{padding:18px 18px 21px;border-bottom:1px solid var(--line)}.identity-top{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.12em}.label{color:var(--muted)}.alignment{color:var(--lime)}.role-name{font-size:22px;letter-spacing:-.04em;margin:13px 0 7px}.identity-card p{font-size:12px;color:#adb5ae;line-height:1.5}.power-box{margin:14px;padding:14px;background:#252c28;border:1px solid #3f4d3a;border-radius:3px}.power-title{font:10px var(--mono);letter-spacing:.1em;color:var(--lime)}.power-title>span{font-size:14px}.available{float:right;color:#859777;font-size:8px;padding-top:3px}.power-box p{font-size:11px;color:#bdc8be;line-height:1.45;margin:12px 0}.power-actions{display:flex;gap:5px;flex-wrap:wrap}.power-target,.vote-target{font:10px var(--mono);padding:8px 9px;background:#303933;color:#dbe5d6;border:1px solid #4b5947;border-radius:2px;cursor:pointer}.power-target:hover,.vote-target.selected{background:var(--lime);color:#192015}.rules-note{display:flex;gap:9px;margin:17px;color:var(--muted);font:10px var(--mono);line-height:1.5}.rules-note>span{color:var(--orange);border:1px solid var(--orange);width:14px;height:14px;text-align:center;border-radius:50%}.rules-note strong{font-size:9px;color:#c5cdc5}.voting-panel{margin-top:18px;padding:22px 24px;display:flex;align-items:center;gap:28px;min-height:136px}.voting-copy{min-width:270px}.voting-copy h2{font-size:22px;margin:7px 0 5px;letter-spacing:-.04em}.voting-copy p{font-size:11px;color:var(--muted);line-height:1.45}.vote-board{display:flex;flex-wrap:wrap;gap:7px;flex:1}.vote-target{position:relative;min-width:76px;text-align:left;padding:9px}.vote-target small{display:block;color:#87938b;font-size:8px;margin-top:4px}.vote-target.selected small{color:#40532c}.vote-count{position:absolute;right:5px;top:4px;color:var(--lime);font-size:9px}.submit-vote,.new-match{font:500 10px var(--mono);letter-spacing:.08em;background:var(--lime);color:#182116;border:0;border-radius:3px;padding:13px 15px;cursor:pointer;white-space:nowrap}.submit-vote:disabled{background:#303633;color:#6c7770;cursor:not-allowed}.hidden{display:none}.result-panel{margin-top:18px;padding:35px;text-align:center}.result-panel h2{font-size:40px;color:var(--lime);margin:10px 0}.result-panel p{color:var(--muted)}.result-list{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:25px 0}.result-chip{padding:9px 12px;background:#252a28;border:1px solid var(--line);font:10px var(--mono)}.result-chip.ai{color:var(--orange)}footer{display:flex;justify-content:space-between;color:#4f5955;font:9px var(--mono);letter-spacing:.08em;padding:25px 3px 32px}footer b{color:#738079;font-weight:400}@media(max-width:900px){.app-shell{padding:0 16px}.game-grid{grid-template-columns:1fr}.players-panel{order:1}.chat-panel{order:2}.you-panel{order:3}.voting-panel{align-items:stretch;flex-direction:column;gap:16px}.voting-copy{min-width:0}.round-state{align-self:start}h1{font-size:28px}.phase{padding:0 12px;font-size:9px}.match-meta{display:none}}