:root{--bg:#1a1209;--surface:#231a0d;--surface-raised:#2c2010;--border:#5a3e1a;--border-light:#7a5a2a;--gold:#c8972d;--gold-light:#e8b86d;--gold-dim:#7a5a1a;--text:#f0e6d3;--text-dim:#9a8060;--text-muted:#6a5040;--red:#4a1010;--red-border:#8b2a2a;--winner-bg:#0e1a26;--winner-border:#2a5a8a;--loser-bg:#260e0e;--loser-border:#7a2a2a;--radius:4px}*{box-sizing:border-box}body{margin:0;padding:0}#root{width:100%}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.5}.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(--gold-light);letter-spacing:.05em;text-transform:uppercase;font-size:15px;font-weight:700}.round-badge{background:var(--surface-raised);border:1px solid var(--border);color:var(--gold);border-radius:var(--radius);padding:2px 8px;font-size:12px}.section{flex-direction:column;gap:8px;display:flex}.section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.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(--gold-dim);outline:none}.initiative-input{background:var(--surface-raised);border:1px solid var(--border);width:64px;color:var(--gold-light);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(--gold);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(--gold);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(--gold-dim)}.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(--gold-light);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:#5a9fd4}.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)}.phase-item.group-winner{border-left-color:var(--winner-border)}.phase-item.group-middle{border-left-color:var(--gold-dim)}.phase-item.group-loser{border-left-color:var(--loser-border)}.phase-item.current{background:var(--surface-raised);border-color:var(--gold-dim);border-left-color:var(--gold);color:var(--gold-light);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;letter-spacing:.03em;border:1px solid;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .1s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.85}.btn.primary{background:var(--gold);border-color:var(--gold-light);color:#1a1209}.btn.secondary{background:var(--surface-raised);border-color:var(--border);color:var(--text)}.btn.danger{background:var(--red);border-color:var(--red-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(--red);border-color:var(--red-border);color:var(--text)}.btn-text{color:var(--gold-dim);cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-family:inherit;font-size:13px}.btn-text:hover{color:var(--gold)}.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(--gold-light);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(--surface);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{border-bottom-color:var(--winner-border);background:var(--winner-bg)}.banner.group-loser{border-bottom-color:var(--loser-border);background:var(--loser-bg)}.banner-icon{color:#fff;background-color:#fff;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(--gold-light);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(--gold-dim);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}