.context-bar { display:flex; gap:8px; justify-content:space-between; border-bottom:1px solid var(--line); margin-top:-10px; }
.context-bar button { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:55%; text-align:left; }
.sync-status { color:var(--muted); font-size:10px; margin:8px 0 15px; min-height:14px; }
.toolbar,.filter-row { display:flex; gap:10px; margin-bottom:18px; }
.toolbar .secondary { margin:0; }
.filter-row select,dialog select { min-width:0; width:100%; background:var(--surface); color:var(--ink); border:1px solid var(--line); padding:12px 8px; border-radius:5px; }
.session-card,.space-card { border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); padding:17px; margin:12px 0; }
.session-card.active,.space-card.active { border-left:3px solid var(--accent); }
.session-card strong,.space-card strong { display:block; overflow-wrap:anywhere; font-size:16px; }
.session-card p,.space-card p { color:var(--muted); font-size:11px; margin:9px 0; }
.session-actions { display:flex; flex-wrap:wrap; gap:8px; }
.session-actions button { background:var(--soft); color:var(--accent); min-height:44px; padding:10px; border-radius:5px; font-size:12px; }
.form-label { display:block; font-size:12px; color:var(--muted); margin:16px 0 6px; }
.field { width:100%; min-height:46px; padding:11px; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:5px; }
dialog .primary { margin-top:16px; }
.player-row { grid-template-columns:24px 1fr 125px; }
.player-row .seat { width:24px; height:26px; border:0; font:12px sans-serif; background:var(--soft); color:var(--accent); }
.score-review { display:grid; grid-template-columns:22px 112px 1fr; gap:8px; align-items:center; padding:10px 0; }
.score-review input { width:100%; min-width:0; font-size:20px; font-weight:650; }
.score-review select { font-size:12px; }
.review-photo { width:100%; max-height:180px; object-fit:contain; border-radius:5px; background:#111; }
.candidate-list button { min-width:70px; }
.qr-image { display:block; width:240px; max-width:100%; margin:15px auto; background:white; }
.invite-link { font-size:11px; overflow-wrap:anywhere; user-select:all; }
.stats-detail { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; border-top:1px solid var(--line); padding-top:12px; text-align:center; font-size:10px; color:var(--muted); }
.stats-detail b { display:block; color:var(--ink); font-size:14px; margin-bottom:5px; }
.standing .pt { font-size:23px; }
#tie-choice { padding:12px; border:1px solid var(--line); border-radius:5px; font-size:12px; }
#tie-choice p { color:var(--muted); font-size:11px; line-height:1.7; }
.inline-error { color:var(--red); font-size:12px; line-height:1.7; }
.pending-card { border-color:var(--accent); }
.audit-item { padding:10px 0; border-bottom:1px solid var(--line); font-size:12px; }
.page-heading { padding-top:8px; }
.nav { padding-left:8px; padding-right:8px; }
a.text-button { display:block; text-align:center; text-decoration:none; }
@media(max-width:360px) { .player-row { grid-template-columns:20px 1fr 106px; } .score-review { grid-template-columns:18px 98px 1fr; gap:6px; } .score-review input { font-size:18px; } .session-actions { gap:5px; } }