.st-board{--st-bg:#000000;--st-text:#999999;--st-border:#333333;--st-accent:#ffd740;--st-current:#ffffff;--st-title-bg:#1a1a1a;--st-row-bg:#0d0d0d;--st-row-text:#ffffff;background:var(--st-bg);border-radius:8px;overflow:hidden;border:1px solid var(--st-border);padding:1rem;margin-bottom:1rem}
.st-title{text-align:center;font-weight:700;font-size:1em;letter-spacing:.06em;color:var(--st-current);background:var(--st-title-bg);border-bottom:1px solid var(--st-border);margin:-1rem -1rem 1rem;padding:.6rem .75rem}
.st-table{width:100%;border-collapse:separate;border-spacing:0 4px;table-layout:auto;font-size:clamp(.75rem,1.4vw,.95rem)}
.st-cell{padding:.4em .5em;vertical-align:middle;background:var(--st-row-bg);color:var(--st-row-text);border-top:1px solid var(--st-border);border-bottom:1px solid var(--st-border)}
.st-row>.st-cell:first-child{border-left:1px solid var(--st-border);border-top-left-radius:5px;border-bottom-left-radius:5px}
.st-row>.st-cell:last-child{border-right:1px solid var(--st-border);border-top-right-radius:5px;border-bottom-right-radius:5px}
.st-cell--rank,.st-row--header{font-weight:700;color:var(--st-text)}
.st-row--header{font-size:.65em;letter-spacing:.08em}
.st-row--header>.st-cell{background:var(--st-title-bg);padding:.4em .5em;border-color:var(--st-border)}
.st-cell--rank{text-align:right;white-space:nowrap;width:1%}
.st-cell--name{text-align:left;font-weight:600;padding-left:.7rem}
.st-cell--stat{text-align:center;font-variant-numeric:tabular-nums;font-family:"Roboto Mono",monospace;font-size:.95em;white-space:nowrap}
.st-cell--actions,.st-cell--pts{width:1%;white-space:nowrap;text-align:right}
.st-cell--pts{font-weight:700;font-family:"Roboto Mono",monospace;color:var(--st-accent);font-size:1.05em;padding-right:.7rem}
.st-row--header .st-cell--pts{color:var(--st-text)}
.st-cell--actions{padding-left:.15em;padding-right:.15em}
.st-medal{font-size:1.1em;line-height:1;margin-right:.25em;vertical-align:middle}
.st-rank-num{display:inline-block;min-width:1.2em;text-align:right;font-variant-numeric:tabular-nums;vertical-align:middle}
.st-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-stat-group{display:inline-flex;align-items:center;justify-content:center;gap:.15em}
.st-table--zebra tbody tr:nth-child(2n)>.st-cell{background:color-mix(in srgb,var(--st-row-bg) 78%,var(--st-row-text) 12%)}
@supports not (background:color-mix(in srgb,red,blue)){.st-table--zebra tbody tr:nth-child(2n)>.st-cell{background:linear-gradient(rgba(127,127,127,.18),rgba(127,127,127,.18)),var(--st-row-bg)}
}
.st-row--leader>.st-cell{border-color:var(--st-accent)}
.st-row--leader .st-cell--name,.st-row--leader .st-name{color:var(--st-accent)}
.st-row--rank1>.st-cell:first-child{box-shadow:inset 3px 0 0 0 gold}
.st-row--rank2>.st-cell:first-child{box-shadow:inset 3px 0 0 0 silver}
.st-row--rank3>.st-cell:first-child{box-shadow:inset 3px 0 0 0#cd7f32}
.st-row--empty .st-name,.st-row--empty-state>.st-cell{color:var(--st-text);font-style:italic;opacity:.5}
.st-row--empty-state>.st-cell{text-align:center;opacity:.6}
.st-name-input{width:100%;min-width:0;box-sizing:border-box;background:0 0;border:1px solid transparent;border-radius:3px;color:inherit;font:inherit;font-weight:600;padding:.1em .15em;margin-left:-.15em}
.st-name-input:hover{border-color:rgba(255,255,255,.2)}
.st-name-input:focus{outline:0;border-color:var(--st-accent);background:rgba(0,0,0,.3)}
.st-row--leader .st-name-input{color:var(--st-accent)}
.st-stat-input{background:0 0;border:1px solid transparent;border-radius:3px;color:inherit;font:inherit;font-weight:600;font-family:"Roboto Mono",monospace;text-align:center;width:2.4em;padding:.1em .15em;font-size:.95em;-moz-appearance:textfield}
.cols-editor__cell .form-input[type=number]::-webkit-inner-spin-button,.cols-editor__cell .form-input[type=number]::-webkit-outer-spin-button,.st-stat-input::-webkit-inner-spin-button,.st-stat-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.st-stat-input:hover{border-color:rgba(255,255,255,.2)}
.st-stat-input:focus{outline:0;border-color:var(--st-accent);background:rgba(0,0,0,.3)}
.st-btn{background:0 0;border:1px solid var(--st-border);border-radius:3px;color:var(--st-text);font-size:.85em;line-height:1;min-width:1.4em;height:1.4em;padding:0 .3em;cursor:pointer;opacity:.7;transition:opacity .15s,color .15s,border-color .15s;font-family:inherit;font-weight:700;vertical-align:middle}
.st-btn:hover{opacity:1;border-color:var(--st-accent);color:var(--st-accent)}
.st-btn--inc:hover{color:#4caf50;border-color:#4caf50}
.st-btn--dec:hover{color:#ff9800;border-color:#ff9800}
.st-btn--remove:hover{color:#ef5350;border-color:#ef5350}
.standings-home{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem 1rem;align-items:start}
.standings-home__form{display:flex;flex-direction:column;gap:.75rem}
.standings-home__preview{position:sticky;top:3rem}
.standings-home__hint{margin:.5rem 0;color:var(--muted);text-align:center}
.standings-home .form-radio{min-width:90px}
.form-check+.form-check{margin-top:.2rem}
.form-row{display:flex;gap:.4rem;margin-top:.4rem}
.form-row .form-input{margin:0}
.preset-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem}
.cols-editor-table{width:100%;margin-top:.4rem;border-collapse:separate;border-spacing:.3rem .35rem;table-layout:auto}
.cols-editor-table__th{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:0 .15rem .1rem;white-space:nowrap}
.cols-editor-table__th--points,.cols-editor-table__th--step{text-align:right}
.cols-editor-table__th--label{width:5em}
.cols-editor-table__th--points,.cols-editor-table__th--step{width:4.2em}
.cols-editor-table__th--remove{width:1.9em}
.cols-editor__cell{padding:0;vertical-align:middle}
.cols-editor__cell .form-input{margin:0;padding:.3rem .4rem;font-size:.8rem}
.cols-editor__cell .form-input[type=number]{text-align:right;-moz-appearance:textfield}
.cols-editor__cell--remove{text-align:right}
.cols-editor__remove{background:0 0;border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:.25rem .45rem;cursor:pointer;font-weight:700}
.cols-editor__remove:hover{color:#ef5350;border-color:#ef5350}
.cols-editor__add{margin-top:.4rem}
.demo-styles{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.35rem}
.standings-admin{display:grid;grid-template-columns:340px 1fr;grid-template-areas:"controls board";gap:1.25rem;max-width:min(95vw,1600px);margin:0 auto;padding:1rem;align-items:start}
.standings-admin__board{position:sticky;top:1rem;min-width:0;grid-area:board}
.standings-admin__controls{display:flex;flex-direction:column;gap:.75rem;min-width:0;grid-area:controls}
.standings-admin__controls>.page-badge{grid-area:badge;justify-self:start;margin:0}
.ctrl-section--options{grid-area:options}
.ctrl-section--actions{grid-area:actions}
.ctrl-section--links{grid-area:links}
.board-hint{text-align:center;color:var(--muted);margin:.5rem 0 0}
.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}
.standings-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}
.standings-live{width:96vw;max-width:900px}
.standings-live .st-board{font-size:clamp(.9rem,2vw,1.15rem)}
.fullscreen-btn,.standings-live-overlay{position:fixed;color:#fff;font-family:Arial,sans-serif}
.standings-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}
.standings-live-overlay[hidden]{display:none}
.standings-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){.standings-home{grid-template-columns:1fr}
.standings-home__preview{position:static;order:-1}
.standings-admin{grid-template-columns:1fr;grid-template-areas:"board""controls"}
.standings-admin__board{position:static}
.st-cell{padding:.35em}
.st-cell--name{padding-left:.5rem}
.st-cell--pts{padding-right:.5rem}
.st-btn{min-width:1.2em;height:1.2em}
.st-stat-input{width:2em}
}