:root{--bg: #f1f2ee;--surface: #ffffff;--surface-2: #fafaf7;--surface-sunk: #ebece7;--ink: #0a0f16;--ink-2: #39434f;--ink-3: #5b6673;--ink-4: #7a848f;--line: #e4e6e1;--line-2: #d0d4cd;--line-3: #aeb4ab;--brand: #0c1a2b;--brand-2: #16293f;--brand-ink: #ffffff;--red: #c1121f;--blue: #14509e;--green: #0c7a37;--gold: #9a6a00;--red-bg: #fdeaea;--blue-bg: #e8effb;--green-bg: #e4f4e9;--gold-bg: #fdf3d9;--e1: 0 1px 1px rgba(10, 15, 22, .04), 0 1px 3px rgba(10, 15, 22, .06);--e2: 0 1px 2px rgba(10, 15, 22, .05), 0 6px 16px -4px rgba(10, 15, 22, .1);--e3: 0 2px 6px rgba(10, 15, 22, .08), 0 16px 40px -8px rgba(10, 15, 22, .18);--inset-top: inset 0 1px 0 rgba(255, 255, 255, .14);--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-full: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--tap: 52px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:radial-gradient(1200px 700px at 8% -6%,rgba(20,80,158,.2),transparent 60%),radial-gradient(1000px 620px at 96% 4%,rgba(12,122,55,.17),transparent 58%),radial-gradient(900px 900px at 50% 108%,rgba(154,106,0,.13),transparent 62%),linear-gradient(180deg,#fff,#fff0 26%);background-attachment:fixed;background-repeat:no-repeat;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.45;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;text-rendering:optimizeLegibility}::selection{background:#14509e2e}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}.mono,.clock,.score-val,.timer-num,td.num,th.num,.block-time{font-variant-numeric:tabular-nums}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);padding-top:calc(var(--s3) + var(--safe-top));color:var(--brand-ink);background-color:var(--brand);background-image:radial-gradient(120% 220% at -4% 0%,rgba(56,132,224,.62),transparent 56%),radial-gradient(110% 200% at 104% 10%,rgba(18,158,96,.5),transparent 54%),linear-gradient(120deg,#12304e 0%,var(--brand-2) 42%,#0a1524 100%);box-shadow:0 8px 24px -12px #0a0f168c;isolation:isolate}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22) 18%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.22) 82%,transparent)}.topbar{position:sticky}.topbar h1{font-size:19px;margin:0;font-weight:750;letter-spacing:-.02em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .sub{font-size:11.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;opacity:.62;display:block;margin-top:1px}.screen{flex:1;padding:var(--s4) var(--s4) calc(104px + var(--safe-bottom));max-width:720px;width:100%;margin:0 auto;animation:screen-in .26s var(--ease-out) both}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:30;width:100%;max-width:720px;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:6px 6px 0;padding-bottom:calc(6px + var(--safe-bottom));background-color:#ffffffdb;background-image:linear-gradient(180deg,#ffffff80,#f1f2eeb8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);box-shadow:0 -8px 28px -14px #0a0f1642}@media (min-width: 760px){.tabs{bottom:18px;border:1px solid var(--line);border-radius:var(--r-xl);padding:6px;box-shadow:var(--e3)}.screen{padding-bottom:128px}}.tabs button{position:relative;border:0;background:none;padding:8px 2px 9px;border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;letter-spacing:.005em;color:var(--ink-4);min-height:54px;transition:color .16s var(--ease),background .16s var(--ease)}.tabs button svg{width:23px;height:23px;display:block}.tabs button:active{background:var(--surface-sunk)}.tabs button[aria-current=page]{color:var(--brand)}.tabs button[aria-current=page]:before{content:"";position:absolute;top:0;left:50%;width:22px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent,var(--brand) 22%,var(--brand) 78%,transparent);transform:translate(-50%);animation:tab-in .24s var(--ease-out) both}@keyframes tab-in{0%{width:0;opacity:0}to{width:22px;opacity:1}}.card{background-color:var(--surface);background-image:linear-gradient(180deg,#ffffffe6,#fafaf78c);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e1),0 1px #ffffffb3 inset;padding:var(--s4);margin-bottom:var(--s3)}.card.tight{padding:var(--s3)}.card.raised{box-shadow:var(--e2)}h2{font-size:21px;margin:0 0 var(--s3);letter-spacing:-.024em;font-weight:780}h3{font-size:15.5px;margin:0 0 var(--s1);letter-spacing:-.012em;font-weight:720}p{margin:0 0 var(--s2)}p:last-child{margin-bottom:0}.small{font-size:14.5px;color:var(--ink-2);letter-spacing:-.004em}.tiny{font-size:12.5px;color:var(--ink-3);font-weight:550;letter-spacing:0}.section-label{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-4);margin:var(--s6) 2px var(--s2)}.section-label:first-child{margin-top:2px}.row{display:flex;align-items:center;gap:var(--s3)}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:var(--s3)}.divider{height:1px;background:var(--line);margin:var(--s3) calc(-1 * var(--s4))}.empty{text-align:center;padding:var(--s8) var(--s4);color:var(--ink-4);font-size:15px;font-weight:550}.btn{min-height:var(--tap);padding:13px var(--s4);border-radius:var(--r-md);border:1px solid var(--brand);background:linear-gradient(180deg,var(--brand-2),var(--brand));color:var(--brand-ink);font-weight:700;font-size:17px;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);box-shadow:var(--e1),var(--inset-top);transition:transform .1s var(--ease),box-shadow .16s var(--ease),opacity .16s}.btn:active{transform:translateY(1px) scale(.995);box-shadow:none}.btn.ghost{background:var(--surface);color:var(--brand);border-color:var(--line-2);box-shadow:var(--e1)}.btn.subtle{background:var(--surface-2);color:var(--ink-2);border-color:var(--line-2);font-weight:650;box-shadow:none}.btn.danger{background:linear-gradient(180deg,#d2202d,var(--red));border-color:var(--red)}.btn.wide{width:100%}.btn.big{min-height:66px;font-size:20px;border-radius:var(--r-lg);font-weight:760;letter-spacing:-.018em;box-shadow:var(--e2),var(--inset-top)}.btn.sm{min-height:40px;padding:7px var(--s3);font-size:14.5px;border-radius:var(--r-sm);font-weight:680}.btn:disabled{opacity:.38;box-shadow:none}.btn:disabled:active{transform:none}.field{display:block;margin-bottom:var(--s3)}.field>span{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:6px;letter-spacing:-.004em}.field>span.tiny,.field .tiny{margin-top:6px;margin-bottom:0;font-weight:550}input[type=text],input[type=number],input[type=date],input[type=time],input[type=tel],input[type=email],select,textarea{width:100%;min-height:var(--tap);padding:12px var(--s3);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 1px 2px #0a0f160a;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}textarea{min-height:86px;resize:vertical;line-height:1.45}input:focus-visible,select:focus-visible,textarea:focus-visible,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3.5px #14509e29}button:focus-visible{outline:3px solid rgba(20,80,158,.45);outline-offset:2px}::placeholder{color:var(--ink-4);opacity:1}.pill{display:inline-flex;align-items:center;gap:5px;padding:3.5px 9px;border-radius:var(--r-full);font-size:12px;font-weight:750;letter-spacing:-.002em;background:var(--surface-sunk);border:1px solid transparent;color:var(--ink-2);white-space:nowrap}.pill.behind{background:var(--gold-bg);border-color:#9a6a0052;color:#6d4b00}.pill.ahead{background:var(--blue-bg);border-color:#14509e47;color:#103f7d}.pill.good{background:var(--green-bg);border-color:#0c7a3747;color:#0a5527}.pill.alert{background:var(--red-bg);border-color:#c1121f47;color:#8d1018}.banner{border-radius:var(--r-md);padding:var(--s3) var(--s3);margin-bottom:var(--s3);font-size:15px;font-weight:600;line-height:1.4;border:1px solid rgba(154,106,0,.32);background:var(--gold-bg);color:#6d4b00;box-shadow:var(--e1)}.banner.info{border-color:#14509e47;background:var(--blue-bg);color:#103f7d}.toggle-group{display:flex;padding:3px;gap:3px;background:var(--surface-sunk);border:1px solid var(--line-2);border-radius:var(--r-md)}.toggle-group button{flex:1;min-height:46px;border:0;border-radius:11px;background:transparent;color:var(--ink-2);font-weight:700;font-size:15.5px;letter-spacing:-.01em;transition:background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease)}.toggle-group button[aria-pressed=true]{background:var(--surface);color:var(--brand);box-shadow:var(--e1)}.switch{position:relative;width:60px;height:34px;flex:none;border-radius:var(--r-full);border:1px solid var(--line-3);background:var(--surface-sunk);padding:0;transition:background .2s var(--ease),border-color .2s var(--ease);box-shadow:inset 0 1px 2px #0a0f160f}.switch:after{content:"";position:absolute;top:2px;left:2px;width:28px;height:28px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px #0a0f1633,0 2px 6px #0a0f161f;transition:transform .2s var(--ease-out)}.switch[aria-checked=true]{background:var(--green);border-color:var(--green)}.switch[aria-checked=true]:after{transform:translate(26px)}.player-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3);border-bottom:1px solid var(--line);transition:background .16s var(--ease),opacity .2s var(--ease)}.player-row:last-child{border-bottom:0}.player-row:active{background:var(--surface-2)}.player-row.absent{opacity:.46}.player-row .name{font-weight:700;font-size:17px;letter-spacing:-.014em}.avatar{width:44px;height:44px;flex:none;border-radius:50%;background:linear-gradient(145deg,var(--brand-2),var(--brand));color:#fff;display:grid;place-items:center;font-weight:780;font-size:14.5px;letter-spacing:.01em;box-shadow:var(--e1),var(--inset-top)}.avatar.absent{background:var(--line-3);box-shadow:none}.contact-links{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:7px}.contact-links a{text-decoration:none;color:var(--brand);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:9px var(--s3);min-height:44px;display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:650;background:var(--surface);box-shadow:var(--e1)}.contact-links a:active{background:var(--surface-2);transform:translateY(1px)}.contact-links a svg{width:17px;height:17px;flex:none;color:var(--ink-3)}.toggle-group button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.toggle-group button svg{opacity:.85}.clockbar{display:flex;align-items:center;justify-content:center;gap:var(--s3);flex-wrap:wrap;padding-bottom:var(--s3);margin-bottom:var(--s3);border-bottom:1px solid var(--line)}.clockbar .score-label{margin:0}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);align-items:start;text-align:center}.score-cell{min-width:0}.score-val{font-size:clamp(38px,13vw,52px);font-weight:800;line-height:1;letter-spacing:-.045em}.score-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:var(--s2)}.score-btns .score-major{grid-column:1 / -1}.score-btns .btn{padding:6px 4px;min-width:0}.clock{font-size:clamp(30px,10vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1}.lineup{display:flex;flex-direction:column;gap:var(--s2)}.lineup-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);box-shadow:var(--e1);min-height:66px;text-align:left;width:100%;transition:transform .1s var(--ease),box-shadow .16s var(--ease),border-color .16s;animation:row-in .28s var(--ease-out) both}.lineup-row:active{transform:scale(.99);box-shadow:none}@keyframes row-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.lineup-row .pos{width:72px;flex:none;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,var(--brand-2),var(--brand));border-radius:var(--r-sm);padding:7px 4px;text-align:center;box-shadow:var(--inset-top)}.lineup-row .pos.spot{background:linear-gradient(180deg,#d2202d,var(--red))}.lineup-row .who{font-size:21px;font-weight:780;letter-spacing:-.028em;display:block}.lineup-row.flagged{border-color:#9a6a0073;background:linear-gradient(180deg,#fffdf5,var(--gold-bg))}.bench-chip{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-md);padding:10px var(--s3);min-height:52px;font-weight:700;font-size:16px;letter-spacing:-.014em;display:inline-flex;align-items:center;gap:7px;box-shadow:var(--e1)}.bench-chip.behind{border-color:#9a6a0073;background:var(--gold-bg)}.sub-alert{border:1px solid var(--brand);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;margin-bottom:var(--s3);box-shadow:var(--e3);animation:sub-in .34s var(--ease-out) both}@keyframes sub-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}.sub-alert .half{padding:var(--s3) var(--s4)}.sub-alert .half+.half{border-top:1px solid var(--line)}.sub-alert .tag{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.sub-alert .names{font-size:26px;font-weight:800;line-height:1.14;letter-spacing:-.035em}.sub-alert .off .tag{color:var(--red)}.sub-alert .on .tag{color:var(--green)}.play-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}.play-btn{min-height:88px;border-radius:var(--r-lg);border:0;color:#fff;font-size:27px;font-weight:900;letter-spacing:.03em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-shadow:0 1px 3px rgba(0,0,0,.32);box-shadow:var(--e2),inset 0 1px #ffffff47,inset 0 -2px #00000029;transition:transform .09s var(--ease),box-shadow .14s var(--ease),filter .14s}.play-btn:active{transform:translateY(2px) scale(.985);filter:brightness(.94);box-shadow:var(--e1),inset 0 1px #fff3}.play-btn small{font-size:10px;font-weight:800;opacity:.88;letter-spacing:.09em}.play-strip{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.play-tag{padding:5px 11px;border-radius:var(--r-full);color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;box-shadow:var(--e1),inset 0 1px #fff3}.timer-face{text-align:center;padding:var(--s5) var(--s4) var(--s4);border-radius:var(--r-xl);border:1px solid var(--line-2);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--e2);transition:border-color .3s var(--ease),background .3s var(--ease)}.timer-face.warning{border-color:#9a6a0080;background:linear-gradient(180deg,#fffdf4,var(--gold-bg))}.timer-face.done{border-color:#c1121f80;background:linear-gradient(180deg,#fff6f6,var(--red-bg))}.timer-dial{position:relative;width:232px;max-width:78vw;margin:0 auto;filter:drop-shadow(0 6px 18px rgba(10,15,22,.08))}.timer-dial svg{display:block;width:100%;height:auto;transform:rotate(-90deg)}.timer-dial .ring-track{stroke:var(--surface-sunk)}.timer-dial .ring-value{stroke:var(--brand);transition:stroke-dashoffset .4s linear,stroke .3s var(--ease)}.timer-face.warning .ring-value{stroke:var(--gold)}.timer-face.done .ring-value{stroke:var(--red)}.timer-dial .dial-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-num{font-size:62px;line-height:.98;font-weight:800;letter-spacing:-.055em}.timer-of{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-4);margin-top:4px}.timer-block{font-size:21px;font-weight:790;margin-top:var(--s4);letter-spacing:-.028em;line-height:1.2}.timer-cue{font-size:16px;font-style:italic;color:var(--ink-2);margin-top:6px;line-height:1.35}.progress{height:8px;background:var(--surface-sunk);border-radius:var(--r-full);overflow:hidden;margin-top:var(--s3)}.progress>i{display:block;height:100%;border-radius:var(--r-full);background:var(--brand);transition:width .4s linear}.block-row{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3);border-bottom:1px solid var(--line);transition:background .2s var(--ease)}.block-row:last-child{border-bottom:0}.block-row.current{background:linear-gradient(90deg,var(--gold-bg),rgba(253,243,217,.35));box-shadow:inset 3px 0 0 var(--gold)}.block-row.done{opacity:.5}.block-time{font-size:12.5px;font-weight:800;color:var(--ink-4);width:54px;flex:none;padding-top:2px;line-height:1.3;white-space:pre-line}.block-body{flex:1;min-width:0}.block-name{font-weight:700;letter-spacing:-.014em}details.drill summary{list-style:none;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--blue);padding:7px 0;min-height:34px;display:flex;align-items:center;gap:5px}details.drill summary::-webkit-details-marker{display:none}details.drill summary:after{content:"▾";font-size:11px;transition:transform .2s var(--ease)}details.drill[open] summary{color:var(--ink-3)}details.drill[open] summary:after{transform:rotate(180deg)}details.drill .detail{font-size:15px;animation:fade-in .22s var(--ease-out) both}details.drill .detail b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);margin-top:var(--s2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--s4));padding:0 var(--s4)}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:10px var(--s2);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}tbody tr:last-child td{border-bottom:0}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);font-weight:800}td.num,th.num{text-align:right}tr.behind td{background:var(--gold-bg)}tr.behind td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;flex:none;box-shadow:0 0 0 3px #4ade8038}.status-dot.offline{background:#fbbf24;box-shadow:0 0 0 3px #fbbf2438}.status-dot.error{background:#f87171;box-shadow:0 0 0 3px #f8717138}.gate{min-height:100%;display:grid;place-items:center;padding:var(--s6);background-color:#060c14;background-image:radial-gradient(90% 60% at 18% 0%,rgba(30,92,168,.42),transparent 62%),radial-gradient(80% 55% at 88% 12%,rgba(16,122,72,.32),transparent 58%),radial-gradient(120% 90% at 50% 0%,var(--brand-2) 0%,#060c14 74%)}.gate .card{max-width:380px;width:100%;margin:0;box-shadow:var(--e3);border-radius:var(--r-xl);padding:var(--s5);animation:gate-in .4s var(--ease-out) both}@keyframes gate-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.gate-mark{width:56px;height:56px;border-radius:var(--r-md);margin-bottom:var(--s3);display:grid;place-items:center;background:linear-gradient(145deg,var(--brand-2),var(--brand));box-shadow:var(--e2),var(--inset-top)}.gate-mark svg{width:32px;height:32px}.gate-mark{box-shadow:var(--e2),var(--inset-top),0 0 0 6px #14509e1a}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:#060c1485;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s var(--ease-out) both}.sheet{margin:0;width:100%;max-width:720px;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;padding:var(--s3) var(--s4) calc(var(--s4) + var(--safe-bottom));box-shadow:var(--e3);animation:sheet-up .3s var(--ease-out) both}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.sheet-grip{width:40px;height:4px;border-radius:var(--r-full);background:var(--line-2);margin:2px auto var(--s3)}.overlay{position:fixed;inset:0;z-index:70;background:#060c14b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--s5);animation:fade-in .18s var(--ease-out) both}.overlay .card{margin:0;width:100%;max-width:520px;border-radius:var(--r-xl);box-shadow:var(--e3);animation:gate-in .28s var(--ease-out) both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (min-width: 560px){.play-buttons{grid-template-columns:repeat(4,1fr)}.screen{padding-left:var(--s5);padding-right:var(--s5)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.update-bar{position:sticky;top:0;z-index:19;width:100%;border:0;border-bottom:1px solid rgba(12,122,55,.3);background:var(--green-bg);color:#0a5527;padding:11px var(--s4);min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-size:14.5px;font-weight:700;letter-spacing:-.006em;animation:fade-in .24s var(--ease-out) both}.update-bar-cta{font-size:12.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;opacity:.75}.update-bar:active{background:#d5eddd}@media (max-width: 360px){:root{--s4: 13px}.screen{padding-left:12px;padding-right:12px}.card{padding:var(--s3);border-radius:var(--r-md)}.tabs button{font-size:9.5px;letter-spacing:-.01em;padding-left:0;padding-right:0}.tabs button svg{width:21px;height:21px}.lineup-row .pos{width:60px;font-size:11px}.lineup-row .who{font-size:19px}.sub-alert .names{font-size:22px}.play-btn{min-height:76px;font-size:23px}.timer-block{font-size:19px}.setting-row{flex-direction:column;align-items:stretch;gap:var(--s2)}.setting-row>:last-child{align-self:flex-start}}@media (max-width: 300px){.tabs button{font-size:0;gap:0}.tabs button svg{width:24px;height:24px}}@media (orientation: landscape) and (max-height: 520px){.screen{padding-top:var(--s3);padding-bottom:calc(80px + var(--safe-bottom))}.topbar{padding-top:calc(6px + var(--safe-top));padding-bottom:6px}.tabs button{min-height:44px;padding:5px 2px 6px;font-size:9.5px}.tabs button svg{width:19px;height:19px}.timer-face{padding:var(--s3)}.timer-dial{width:132px}.timer-num{font-size:38px}.timer-block{font-size:17px;margin-top:var(--s2)}.timer-cue{font-size:14px}.btn.big{min-height:54px;font-size:18px}.play-btn{min-height:62px;font-size:22px}.sheet{max-height:92dvh}}@media (min-width: 660px){.scoreboard{gap:var(--s6)}.lineup-row{min-height:72px}.lineup-row .who{font-size:23px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:start}.two-col>.col{display:block}.two-col>.col>.section-label:first-child{margin-top:2px}.roster-list{display:grid;grid-template-columns:1fr 1fr}.roster-list .player-row:nth-last-child(2):nth-child(odd){border-bottom:0}.roster-list .player-row:nth-child(odd){border-right:1px solid var(--line)}}.two-col,.two-col>.col{display:contents}@media (horizontal-viewport-segments: 2){.screen{margin-left:0;max-width:env(viewport-segment-width 0 0,100%)}.tabs{left:0;transform:none;max-width:env(viewport-segment-width 0 0,100%)}}@supports (height: 100dvh){.sheet{max-height:86dvh}.overlay{max-height:100dvh}.gate{min-height:100dvh}}