:root{--bg:#1a1a1a;--surface-raised:#2a2a2a;--border:#ffffff1f;--border-strong:#ffffff3d;--text:#fff;--text-dim:#ffffffb3;--text-muted:#ffffff61;--accent:#3d8ef8;--accent-light:#6aacff;--accent-on:#000;--danger-bg:#b41e1e33;--danger-border:#b41e1e80;--winner-bg:#1e50a026;--winner-border:#3c82dc66;--loser-bg:#a01e1e26;--loser-border:#c83c3c66;--radius:4px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}#root{width:100%}.gm-panel,.player-view{flex-direction:column;gap:12px;min-height:100vh;padding:12px;display:flex}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.panel-title{color:var(--text);letter-spacing:.02em;font-size:15px;font-weight:600}.round-badge{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius);padding:2px 8px;font-size:12px}.section{flex-direction:column;gap:8px;display:flex}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.party-list{flex-direction:column;gap:6px;display:flex}.party-row{align-items:center;gap:6px;display:flex}.party-name-input{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);flex:1;padding:5px 8px;font-family:inherit;font-size:13px}.party-name-input:focus{border-color:var(--accent);outline:none}.initiative-input{background:var(--surface-raised);border:1px solid var(--border);width:64px;color:var(--text);border-radius:var(--radius);text-align:center;padding:5px 8px;font-family:inherit;font-size:15px;font-weight:700}.initiative-input:focus{border-color:var(--accent);outline:none}.checkbox-row{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-row input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.defer-row{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;padding:8px}.initiative-result{flex-direction:column;gap:6px;display:flex}.result-row{border-radius:var(--radius);border:1px solid;align-items:center;gap:8px;padding:8px 10px;display:flex}.result-row.winner{background:var(--winner-bg);border-color:var(--winner-border)}.result-row.middle{background:var(--surface-raised);border-color:var(--border)}.result-row.loser{background:var(--loser-bg);border-color:var(--loser-border)}.result-rank{color:var(--text-muted);flex-shrink:0;width:20px;font-size:11px}.result-name{flex:1;font-weight:700}.result-roll{color:var(--text-dim);font-size:12px}.result-label{letter-spacing:.1em;color:var(--text-muted);font-size:10px;font-weight:700}.current-phase-block{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.current-phase-label{color:var(--text);font-size:18px;font-weight:700}.phase-progress{color:var(--text-dim);font-size:12px}.combatants,.player-combatants{align-items:center;gap:8px;font-size:13px;display:flex}.combatant-vs{color:var(--text-muted);font-size:11px}.winner-tag{color:var(--accent-light)}.loser-tag{color:#d47a5a}.phase-sequence-section{flex:1;overflow:auto}.phase-list{flex-direction:column;gap:2px;list-style:none;display:flex}.phase-item{border-radius:var(--radius);color:var(--text-muted);border:1px solid #0000;border-left-width:2px;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.phase-item.group-initiative{border-left-color:var(--border-strong)}.phase-item.group-winner{border-left-color:var(--winner-border)}.phase-item.group-middle{border-left-color:var(--border)}.phase-item.group-loser{border-left-color:var(--loser-border)}.phase-item.current{background:var(--surface-raised);border-color:var(--border);border-left-color:var(--accent);color:var(--text);font-size:13px;font-weight:700}.phase-item.done{color:var(--text-muted);text-decoration:line-through}.phase-item-marker{text-align:center;flex-shrink:0;width:12px;font-size:10px}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .1s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.85}.btn.primary{background:var(--accent);border-color:var(--accent-light);color:var(--accent-on)}.btn.secondary{background:var(--surface-raised);border-color:var(--border);color:var(--text)}.btn.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--text)}.btn.full-width{width:100%}.btn-icon{border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:opacity .1s;display:flex}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon.danger:not(:disabled):hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--text)}.btn-text{color:var(--accent);cursor:pointer;text-align:left;opacity:.8;background:0 0;border:none;padding:2px 0;font-family:inherit;font-size:13px}.btn-text:hover{opacity:1}.panel-footer{border-top:1px solid var(--border);gap:8px;padding-top:8px;display:flex}.panel-footer .btn{flex:1}.player-view.idle{justify-content:center;align-items:center;gap:8px}.idle-icon{opacity:.3;font-size:40px}.idle-text{color:var(--text-dim);font-size:14px}.player-phase-block{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);text-align:center;padding:16px}.player-phase-block.group-winner{border-color:var(--winner-border);background:var(--winner-bg)}.player-phase-block.group-loser{border-color:var(--loser-border);background:var(--loser-bg)}.player-phase-label{color:var(--text);margin-bottom:4px;font-size:22px;font-weight:700}.player-round{color:var(--text-dim);font-size:12px}.player-phase-list{flex:1;overflow:auto}.banner{background:var(--bg);align-items:center;gap:10px;width:100%;min-height:64px;padding:0 14px;display:flex}.banner.banner-declarations{flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px}.banner-header-row{align-items:center;gap:10px;display:flex}.banner-declarations-list{flex-direction:column;gap:4px;padding-left:20px;display:flex}.banner-declaration-item{color:var(--text-dim);font-size:12px}.banner.group-winner{background:var(--winner-bg);border-bottom:1px solid var(--winner-border)}.banner.group-loser{background:var(--loser-bg);border-bottom:1px solid var(--loser-border)}.banner-icon{background-color:var(--text);flex-shrink:0;width:36px;height:36px;-webkit-mask:url(/favicon.svg) 0 0/36px;mask:url(/favicon.svg) 0 0/36px}.banner-content{flex-direction:column;flex-grow:1;display:flex}.banner-phase{color:var(--text);justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.banner-round{color:var(--text-dim);justify-content:center;align-items:center;font-size:11px;display:flex}.header-right{align-items:center;gap:6px;display:flex}.party-name-label{color:var(--text);flex:1;padding:5px 8px;font-size:13px}.declarations-list{flex-direction:column;gap:6px;display:flex}.declaration-item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.declaration-bullet{color:var(--text-muted);flex-shrink:0;font-size:10px}.no-declarations{color:var(--text-muted);font-size:12px;font-style:italic}.no-scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;padding:24px;display:flex}.no-scene-icon{opacity:.3;margin-bottom:8px;font-size:36px}.no-scene-sub{color:var(--text-dim);font-size:12px}