:root{--bg:#101418;--panel:#1a2027;--line:#2c3540;--text:#e8edf2;--dim:#93a1b0;--accent:#ffb02e;--good:#3fd07a;--bad:#ff6b6b;font-size:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);flex-direction:column;height:100vh;margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;display:flex}#statebar{background:var(--panel);border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.6rem 1rem;display:flex}#scoreline{align-items:center;gap:.75rem;display:flex}#score{letter-spacing:.05em;font-size:1.6rem;font-weight:700}.team{border:1px solid var(--line);color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .7rem;font-size:1.1rem}.team.possession{color:var(--accent);border-color:var(--accent);font-weight:700}.team.possession:after{content:" ●"}#situation{font-size:1.25rem;font-weight:600}#drive-chip{color:var(--dim)}#mode-controls{color:var(--dim);align-items:center;gap:1rem;margin-left:auto;display:flex}#mode-controls button{font:inherit;background:var(--line);color:var(--text);cursor:pointer;border:0;border-radius:6px;padding:.3rem .8rem}#sync-chip{font-size:.85rem}#sync-chip.saved{color:var(--good)}#sync-chip.saving{color:var(--accent)}#sync-chip.offline{color:var(--bad)}#sync-chip.memory{color:var(--dim)}#feedback-panel{background:var(--panel,#171d24);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:.5rem;margin-top:.6rem;padding:.8rem;display:flex}#feedback-text{font:inherit;color:var(--text);border:1px solid var(--line);resize:vertical;background:#0d1117;border-radius:6px;padding:.5rem}.feedback-actions{align-items:center;gap:.8rem;display:flex}.feedback-actions button{font:inherit;background:var(--line);color:var(--text);cursor:pointer;border:0;border-radius:6px;padding:.35rem .9rem}#feedback-notes{flex-direction:column;gap:.5rem;max-height:14rem;display:flex;overflow-y:auto}.feedback-note{border-top:1px solid var(--line);padding-top:.4rem;font-size:.85rem}.feedback-note .dim{font-size:.75rem}#sb-chip{border:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:baseline;padding:.25rem .7rem;font-size:.85rem;display:inline-flex}.sb-seg{text-align:center;flex:none;display:inline-block;overflow:hidden}.sb-seg+.sb-seg{border-left:1px solid var(--line)}#sb-chip.sb-live{color:var(--good);border-color:var(--good)}#sb-chip.sb-stale{color:var(--accent);border-color:var(--accent)}#sb-chip.sb-offline{color:var(--dim)}#links-panel{background:var(--panel,#171d24);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:.5rem;margin-top:.6rem;padding:.8rem;display:flex}.links-row{align-items:center;gap:.6rem;display:flex}.links-open{text-align:left;font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;flex:1;gap:.1rem;padding:.4rem .6rem;display:flex}.links-open:hover{border-color:var(--accent)}.links-label{font-weight:600}.links-url{color:var(--accent);word-break:break-all;font-size:.78rem}.links-blurb{color:var(--dim);font-size:.75rem}.links-row>button,.links-row>a{font:inherit;background:var(--line);color:var(--text);cursor:pointer;border:0;border-radius:6px;padding:.35rem .7rem;font-size:.8rem;text-decoration:none}#links-qr{text-align:center;color:#000;background:#fff;border-radius:8px;align-self:center;margin-top:.4rem;padding:14px}#links-qr svg{width:220px;height:220px;margin:0 auto 6px;display:block}#links-qr div{font-size:.8rem}#roster-refresh-btn{font:inherit;background:var(--line);color:var(--text);cursor:pointer;border:0;border-radius:5px;margin:0 0 .4rem;padding:.15rem .5rem;font-size:.75rem}#roster-refresh-btn:disabled{opacity:.5;cursor:wait}#user-chip{color:var(--dim);white-space:nowrap;font-size:.85rem;text-decoration:none}#user-chip:hover{color:var(--text);text-decoration:underline}main{flex:1;grid-template-columns:22rem 1fr 18rem;gap:0;min-height:0;display:grid}section{min-height:0;padding:.8rem 1rem;overflow-y:auto}section h2{text-transform:uppercase;letter-spacing:.15em;color:var(--dim);margin:0 0 .6rem;font-size:.8rem}#rail{border-right:1px solid var(--line);min-height:0;overflow-y:auto}#recent{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}#recent li{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:.45rem .6rem;font-size:.85rem}#recent li:hover{border-color:var(--accent)}#recent li .result{color:var(--dim);margin-top:.15rem;font-size:.78rem;display:block}#recent li.scoring{border-left:4px solid var(--good)}#recent li.admin{color:var(--dim);font-style:italic}#entry{flex-direction:column;gap:.8rem;min-height:0;display:flex;overflow-y:auto}#entry>*{flex-shrink:0}#entry>:first-child{margin-top:auto}#entry>:last-child{margin-bottom:auto}#fieldstrip{margin-bottom:.4rem}#situation-big{letter-spacing:.02em;justify-content:space-between;align-items:baseline;margin-bottom:.55rem;font-size:1.45rem;font-weight:700;display:flex}#situation-big .qc{color:var(--dim);font-size:.95rem;font-weight:400}#field{border:1px solid #3a5a44;border-radius:8px;height:4.4rem;display:flex;overflow:hidden;box-shadow:inset 0 2px 8px #0006}.endzone{color:#eef3f8;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.18em;text-shadow:0 1px 2px #000000b3;background:repeating-linear-gradient(45deg,#1f3d54 0 6px,#24485f 6px 12px);justify-content:center;align-items:center;width:6.5%;font-size:.66rem;font-weight:700;display:flex}#field-main{cursor:crosshair;background:linear-gradient(90deg,#ff50501a 0 20%,#0000 20% 80%,#ff50501a 80%),repeating-linear-gradient(90deg,#20402c 0 10%,#1b3726 10% 20%);flex:1;position:relative}#field-ticks{background:linear-gradient(90deg,#0000 calc(50% - 1px),#ffffff73 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),repeating-linear-gradient(90deg,#ffffff47 0 1px,#0000 1px 10%),repeating-linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 5%);position:absolute;inset:0}#field-numbers{pointer-events:none;position:absolute;inset:0}#field-numbers span{letter-spacing:.06em;color:#ffffff8c;text-shadow:0 1px 2px #000c;font-size:.62rem;font-weight:700;position:absolute;bottom:.2rem;transform:translate(-50%)}#field-numbers span.mid{color:#fffc}#drive-shade{background:linear-gradient(#ffb02e38,#ffb02e14);border-left:1px dotted #ffb02eb3;position:absolute;top:0;bottom:0}#ball-marker{z-index:4;filter:drop-shadow(0 0 4px #ffb02ee6);pointer-events:none;margin-left:-.55rem;font-size:1.05rem;line-height:1;position:absolute;top:.15rem}#ball-marker:after{content:"";background:var(--accent);border-radius:2px;width:3px;height:2.1rem;margin-left:-1.5px;position:absolute;top:1.1rem;bottom:-2.2rem;left:50%}#ltg-marker{opacity:.95;z-index:2;border-left:2px dashed #ffe23e;width:0;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #ffe23e80}#ghost-marker{background:var(--good);opacity:.95;z-index:3;pointer-events:none;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:12%;bottom:12%;box-shadow:0 0 6px #3fd07acc}#tap-marker{border-left:3px dotted var(--accent);z-index:4;pointer-events:none;filter:drop-shadow(0 0 4px #ffb02ee6);width:0;margin-left:-1.5px;position:absolute;top:4%;bottom:4%}#tap-marker:after{content:"▾";color:var(--accent);font-size:.95rem;position:absolute;top:-.95em;left:-.42em}#replay-hint{border:1px dashed var(--dim);color:var(--dim);background:#22303c;border-radius:6px;padding:.5rem .8rem;font-size:.9rem}#replay-hint b{color:var(--text)}#preview{min-height:6.2rem}#preview-desc{min-height:1.7rem;font-size:1.3rem}#preview-result{color:var(--good);min-height:1.3rem;margin-top:.2rem}#preview-hint{color:var(--dim);min-height:1.2rem;margin-top:.3rem;font-size:.9rem}#preview-error{color:var(--bad);min-height:1.2rem;font-size:.9rem}#editing-banner{border:1px solid var(--accent);color:var(--accent);background:#3a2f16;border-radius:6px;padding:.4rem .8rem;font-size:.9rem}#command{font:inherit;background:var(--panel);color:var(--text);border:2px solid var(--line);text-transform:uppercase;border-radius:8px;width:100%;padding:.7rem 1rem;font-size:1.6rem}#command:focus{border-color:var(--accent);outline:none}#builder{flex-wrap:wrap;gap:.5rem;min-height:3rem;display:flex}.builder-btn{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;min-height:2.9rem;padding:.45rem .9rem;display:flex}.builder-btn:hover{border-color:var(--accent)}.builder-btn.suggested{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.builder-btn.suggested .label:after{content:" ★";color:var(--accent)}.builder-btn .token{color:var(--accent);background:#2a2410;border-radius:4px;padding:.05rem .4rem;font-weight:700}.builder-btn .label{color:var(--text);font-size:.9rem}#numpad{align-items:center;gap:.9rem;display:flex}#numpad[hidden]{display:none}#numpad-label{color:var(--dim);text-align:right;min-width:7rem;font-size:.85rem}#numpad-keys{grid-template-columns:repeat(4,3.4rem);gap:.4rem;display:grid}#numpad-keys button{font:inherit;background:var(--panel);min-height:2.9rem;color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:8px;font-size:1.15rem}#numpad-keys button:hover{border-color:var(--accent)}#numpad-keys button.op{color:var(--accent)}#entry-buttons{flex-wrap:wrap;gap:.8rem;display:flex}#commit-btn.ready{border-color:var(--good);background:#1d4028}#entry-buttons button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;min-width:7rem;min-height:2.8rem;padding:.6rem 1.2rem;font-size:1rem}#commit-btn{background:#234;border-color:#46a}#entry-buttons button:hover{border-color:var(--accent)}#metrics-panel,#checks-panel,#catchup-form{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.8rem;font-size:.85rem}#checks-panel ul{margin:.4rem 0 0;padding-left:1.2rem}#checks-panel li.warn{color:var(--accent)}#checks-panel li.info{color:var(--dim)}#checks-panel .ok{color:var(--good)}.catchup-row{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:.5rem;display:flex}.catchup-row label{color:var(--dim)}.catchup-row input,.catchup-row select{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;width:4.2rem;padding:.2rem .4rem}.catchup-row select{width:auto}.catchup-row button{font:inherit;color:var(--text);cursor:pointer;background:#234;border:1px solid #46a;border-radius:6px;padding:.3rem .9rem}#metrics-panel table{border-collapse:collapse;width:100%}#metrics-panel th,#metrics-panel td{text-align:right;border-bottom:1px solid var(--line);padding:.2rem .6rem}#metrics-panel th:first-child,#metrics-panel td:first-child{text-align:left}#roster-panel{border-left:1px solid var(--line)}#roster-grid{grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr));gap:.4rem;display:grid}.roster-tile{background:var(--panel);border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:6px;padding:.35rem .4rem}.roster-tile:hover{border-color:var(--accent)}.roster-tile .num{font-size:1.25rem;font-weight:700;display:block}.roster-tile .name{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;display:block;overflow:hidden}.roster-tile.match{border-color:var(--accent);background:#2a2410}#setup{z-index:10;background:#080a0df5;position:fixed;inset:0;overflow-y:auto}#setup-inner{max-width:52rem;margin:0 auto;padding:2rem 1.5rem}#setup-head{justify-content:space-between;align-items:center;display:flex}#setup h1{margin:0 0 .5rem;font-size:1.4rem}#setup h2{text-transform:uppercase;letter-spacing:.15em;color:var(--dim);margin:1.6rem 0 .6rem;font-size:.8rem}#setup h3{margin:0 0 .4rem;font-size:.95rem}#setup ul{margin:0;padding:0;list-style:none}#setup li{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:.8rem;margin-bottom:.4rem;padding:.55rem .9rem;font-size:.9rem;display:flex}#setup li .grow{flex:1}#setup li .dim,#setup .dim{color:var(--dim)}#setup li.active-game{border-color:var(--good)}#setup button{font:inherit;color:var(--text);cursor:pointer;background:#234;border:1px solid #46a;border-radius:6px;padding:.35rem .9rem}#setup button:hover{border-color:var(--accent)}#setup-close{background:var(--panel)}.teams-grid{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}#manual-form input,#manual-form textarea{font:inherit;background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;margin-bottom:.5rem;padding:.45rem .6rem}#manual-form button{margin-top:.6rem;padding:.6rem 1.4rem}#manual-error{color:var(--bad);margin-left:.8rem}