.ss-board *,.ss-board ::after,.ss-board ::before{box-sizing:border-box}
.ss-board{--ss-bg:#000000;--ss-text:#999;--ss-header:#64b5f6;--ss-border:#333333;--ss-accent:#ffd740;--ss-current:#ffffff;--ss-total:#1a1a00;background:var(--ss-bg);border-radius:8px;overflow:hidden;border:1px solid var(--ss-border)}
.ss-timer,.ss-title{text-align:center;border-bottom:1px solid var(--ss-border)}
.ss-title{padding:.5em .7em;font-weight:700;font-size:.85em;letter-spacing:.04em;color:var(--ss-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-timer{padding:.4em .5em;font-size:1.6em;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ss-accent);letter-spacing:.05em;font-family:"Roboto Mono","JetBrains Mono",monospace}
.ss-table-wrap{overflow-x:auto}
.ss-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:clamp(.75rem,2vw,1rem)}
.ss-table thead{background:rgba(0,0,0,.25)}
.ss-cell{padding:.45em .6em;text-align:center;color:var(--ss-text);border-bottom:1px solid var(--ss-border);line-height:1.5;white-space:nowrap}
.ss-cell--label{text-align:left;padding-left:.7em;font-size:.85em;min-width:4em;color:var(--ss-text);opacity:.8}
.ss-cell--player{font-weight:700;color:var(--ss-header);letter-spacing:.02em;min-width:3em;max-width:8em;overflow:hidden;text-overflow:ellipsis}
.ss-cell--score{font-variant-numeric:tabular-nums;font-weight:600;min-width:2.5em}
.ss-cell--positive{color:var(--ss-current)}
.ss-cell--negative{color:#ef5350}
.ss-cell--total,.ss-cell--total-label{font-weight:800;font-size:1.2em;color:var(--ss-current);border-top:2px solid var(--ss-accent);padding-top:.55em;padding-bottom:.55em}
.ss-cell--total-label{font-weight:700;color:var(--ss-accent);text-transform:uppercase;font-size:.8em;letter-spacing:.08em}
.ss-cell--leading,.ss-cell--winner{color:var(--ss-accent)!important}
.ss-cell--winner{font-weight:800}
.ss-cell--rank{font-weight:700;font-size:.9em}
.ss-cell--rank-label{font-weight:700;color:var(--ss-text);text-transform:uppercase;font-size:.75em;letter-spacing:.08em}
.ss-cell--gold{color:#ffd740!important}
.ss-cell--silver{color:#bdbdbd!important}
.ss-cell--bronze{color:#cd7f32!important}
.ss-row--total{background:var(--ss-total)}
.ss-row--rank{background:rgba(0,0,0,.1)}
.ss-score-input{background:0 0;border:1px solid transparent;border-radius:3px;color:inherit;font:inherit;font-weight:inherit;text-align:center;width:3.5em;padding:.15em 0;margin:0;box-sizing:border-box;-moz-appearance:textfield}
.ss-score-input::-webkit-inner-spin-button,.ss-score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ss-score-input:hover{border-color:rgba(255,255,255,.2)}
.ss-score-input:focus{outline:0;border-color:var(--ss-accent);background:rgba(0,0,0,.25)}
.ss-label-input{background:0 0;border:1px solid transparent;border-radius:3px;color:inherit;font:inherit;text-align:left;width:100%;min-width:5em;max-width:10em;padding:.15em .3em;margin:0;box-sizing:border-box}
.ss-label-input:hover{border-color:rgba(255,255,255,.2)}
.ss-label-input:focus{outline:0;border-color:var(--ss-accent);background:rgba(0,0,0,.25)}
.number-font-roboto-mono .ss-cell--score,.number-font-roboto-mono .ss-cell--total,.number-font-roboto-mono .ss-timer{font-family:"Roboto Mono",monospace}
.number-font-major-mono .ss-cell--score,.number-font-major-mono .ss-cell--total,.number-font-major-mono .ss-timer{font-family:"Major Mono Display",monospace}
.number-font-share-tech .ss-cell--score,.number-font-share-tech .ss-cell--total,.number-font-share-tech .ss-timer{font-family:"Share Tech Mono",monospace}
.number-font-mono .ss-cell--score,.number-font-mono .ss-cell--total,.number-font-mono .ss-timer{font-family:"JetBrains Mono",monospace}
.number-font-azeret-mono .ss-cell--score,.number-font-azeret-mono .ss-cell--total,.number-font-azeret-mono .ss-timer{font-family:"Azeret Mono",monospace}
.number-font-segment .ss-cell--score,.number-font-segment .ss-cell--total,.number-font-segment .ss-timer{font-family:"DSEG7 Classic",monospace}
.ss-admin{display:grid;grid-template-columns:320px 1fr;grid-template-areas:"controls board";gap:1.25rem;max-width:1200px;margin:0 auto;padding:1rem;align-items:start}
.ss-admin__board{position:sticky;top:1rem;min-width:0;grid-area:board}
.ss-admin__board-scroll{overflow-x:auto}
.ss-admin .ss-timer{cursor:pointer;user-select:none;transition:filter .12s,text-shadow .15s,transform .08s}
.ss-admin .ss-timer:hover{filter:brightness(1.25);text-shadow:0 0 12px var(--ss-accent)}
.ss-admin .ss-timer:active{transform:scale(.99)}
.ss-admin__controls{display:flex;flex-direction:column;gap:.75rem;grid-area:controls}
.ctrl-section{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.75rem}
.ctrl-section__title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem}
.ctrl-row{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.ctrl-row+.ctrl-row{margin-top:.4rem}
.ctrl-input{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.75rem;padding:.25rem .4rem;font-family:monospace;min-width:0;flex:1}
.ctrl-input[readonly]{opacity:.8}
.timer-display{text-align:center;font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);padding:.3rem 0;font-family:"Roboto Mono",monospace}
.timer-btns{display:flex;gap:.3rem}
.timer-btns .btn{flex:1}
.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:200}
.confirm-overlay.show{display:flex}
.confirm-box{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem;max-width:360px;text-align:center}
.confirm-box__msg{margin:0 0 1rem;font-size:.9rem}
.confirm-box__btns{display:flex;gap:.5rem;justify-content:center}
.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(100%);background:var(--panel,#16213e);color:var(--text,#eee);border:1px solid var(--border,#0f3460);padding:.4rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:300}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.session-ended-banner{position:fixed;top:32px;left:0;right:0;background:#3773c1;color:#fff;text-align:center;font-size:.85rem;font-weight:700;padding:.3rem .5rem;text-transform:uppercase;letter-spacing:.08em;z-index:50;font-family:Arial,sans-serif}
.ss-home{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:1.5rem;max-width:1100px;margin:0 auto;padding:1.5rem 1rem;align-items:start}
.ss-home__form{display:flex;flex-direction:column;gap:.75rem}
.ss-home__preview{position:sticky;top:3rem;overflow-x:auto}
.player-list{display:flex;flex-direction:column;gap:.3rem}
.player-entry{display:flex;gap:.3rem;align-items:center}
.player-entry .form-input{flex:1;margin:0}
.player-add-btn,.player-remove-btn{border:1px solid var(--border);cursor:pointer;font-family:inherit}
.player-remove-btn{background:0 0;border-radius:4px;color:#ef5350;font-size:.85rem;width:1.8em;height:1.8em;display:flex;align-items:center;justify-content:center;padding:0}
.player-remove-btn:hover{background:rgba(239,83,80,.15)}
.player-add-btn{background:var(--input-bg);border-radius:5px;color:var(--muted);font-size:.8rem;padding:.35rem .6rem;text-align:center;margin-top:.2rem}
.player-add-btn:hover{border-color:#3773c1;color:var(--text)}
.round-list{display:flex;flex-direction:column;gap:.3rem}
.round-entry{display:flex;gap:.3rem;align-items:center}
.round-entry .form-input{flex:1;margin:0}
.round-add-btn,.round-remove-btn{border:1px solid var(--border);cursor:pointer;font-family:inherit}
.round-remove-btn{background:0 0;border-radius:4px;color:#ef5350;font-size:.85rem;width:1.8em;height:1.8em;display:flex;align-items:center;justify-content:center;padding:0}
.round-remove-btn:hover{background:rgba(239,83,80,.15)}
.round-add-btn{background:var(--input-bg);border-radius:5px;color:var(--muted);font-size:.8rem;padding:.35rem .6rem;text-align:center;margin-top:.2rem}
.round-add-btn:hover{border-color:#3773c1;color:var(--text)}
.ss-live-body{margin:0;padding:0;background:#000;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}
.ss-live{width:94vw;max-width:1000px}
.ss-live .ss-board{font-size:clamp(.85rem,3vw,1.5rem)}
.ss-live .ss-table{font-size:inherit}
.ss-live .ss-cell{padding:.5em .7em}
.ss-live .ss-timer{font-size:2em}
.fullscreen-btn,.ss-live-overlay{position:fixed;color:#fff;font-family:Arial,sans-serif}
.ss-live-overlay{inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:100;text-align:center;padding:2rem;font-size:1.1rem;line-height:1.6}
.ss-live-overlay[hidden]{display:none}
.ss-live-overlay a{color:#3773c1}
.fullscreen-btn{bottom:.75rem;right:.75rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.4rem .6rem;font-size:.8rem;cursor:pointer;z-index:40;opacity:.5;transition:opacity .2s}
.fullscreen-btn:hover{opacity:1;background:rgba(255,255,255,.2)}
@media (max-width:768px){.ss-admin{grid-template-columns:1fr;grid-template-areas:"board""controls"}
.ss-admin__board{position:static}
.ss-home{grid-template-columns:1fr}
.ss-home__preview{position:static;order:-1}
}