:root{--bg: #07101e;--surface: #0d1828;--surface-2: #111f30;--surface-3: #162438;--border: rgba(255,255,255,.08);--border-hi: rgba(0,194,168,.38);--text: #e4ecf6;--muted: #7b8fa8;--faint: #384d61;--primary: #00c2a8;--primary-dk: #009880;--primary-bg: rgba(0,194,168,.07);--success: #4ade80;--warning: #f59e0b;--error: #f87171;--info: #60a5fa;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.25rem;--s6: 1.5rem;--s8: 2rem;--s10: 2.5rem;--s12: 3rem;--s16: 4rem;--text-xs: clamp(.72rem, .68rem + .2vw, .85rem);--text-sm: clamp(.85rem, .78rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.1rem);--text-lg: clamp(1.1rem, 1rem + .6vw, 1.4rem);--text-xl: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);--text-score: clamp(2.2rem, 1.8rem + 2vw, 3.8rem);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--r-full:9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.45);--shadow-md: 0 4px 18px rgba(0,0,0,.55);--w-narrow: 560px;--w-content: 720px;--w-wide: 1100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{min-height:100dvh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:var(--text-base);line-height:1.6;color:var(--text);background:var(--bg)}img,svg{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}h1,h2,h3,h4{text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty}button{cursor:pointer;background:none;border:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#root{min-height:100dvh;display:flex;flex-direction:column}.app-shell{flex:1;width:100%;max-width:var(--w-content);margin-inline:auto;padding:var(--s5) var(--s4)}@media(min-width:640px){.app-shell{padding:var(--s8) var(--s6)}}.app-shell--wide{max-width:var(--w-wide)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s8);padding-bottom:var(--s5);border-bottom:1px solid var(--border)}.page-header h1{font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}.topbar-right{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;flex-shrink:0}.eyebrow{color:var(--primary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s1)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s6);padding-bottom:var(--s4);border-bottom:1px solid var(--border)}.topbar h2{font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}.topbar .hint-text{margin-top:var(--s1)}.tab-bar{display:flex;gap:var(--s1);background:var(--surface-2);border-radius:var(--r-lg);padding:var(--s1);margin-bottom:var(--s6)}.tab-btn{flex:1;padding:var(--s2) var(--s3);font-size:var(--text-sm);font-weight:600;color:var(--muted);border-radius:calc(var(--r-lg) - 4px);transition:background .16s,color .16s;text-align:center}.tab-btn--active{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-sm)}.tab-btn:not(.tab-btn--active):hover{color:var(--text)}.section-pills{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s5)}.pill{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);transition:all .14s}.pill--active{color:var(--primary);border-color:var(--border-hi);background:var(--primary-bg)}.pill-count{background:#ffffff14;border-radius:var(--r-full);padding:0 var(--s2);font-size:.7rem;min-width:20px;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border:0;border-radius:var(--r-md);padding:var(--s3) var(--s5);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background .14s,opacity .12s,transform 80ms;white-space:nowrap;text-decoration:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#031813}.btn-primary:hover:not(:disabled){background:#00d9bb}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#ffffff0a}.btn-danger{background:#f871711f;color:var(--error);border:1px solid rgba(248,113,113,.25)}.btn-danger:hover:not(:disabled){background:#f8717133}.btn-sm{padding:var(--s1) var(--s3);font-size:var(--text-xs);border-radius:var(--r-sm)}.btn-wide{width:100%}.btn-lg{padding:var(--s4) var(--s8);font-size:var(--text-base)}.button-row{display:flex;gap:var(--s2);flex-wrap:wrap}label{display:grid;gap:var(--s1);font-size:var(--text-sm);color:var(--muted)}.form-grid{display:grid;gap:var(--s4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.checkbox-label{flex-direction:row;align-items:center;gap:var(--s2);cursor:pointer;color:var(--text)}.input{width:100%;border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3) var(--s4);background:var(--surface-2);color:var(--text);font-size:var(--text-base);transition:border-color .14s,box-shadow .14s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00c2a81f}.input-sm{padding:var(--s2) var(--s3);font-size:var(--text-sm)}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.section-card.accent-primary{border-color:var(--border-hi)}.section-card-header{padding:var(--s4) var(--s5) var(--s3);border-bottom:1px solid var(--border)}.section-card-header p{margin-top:var(--s1);color:var(--muted);font-size:var(--text-sm)}.section-card-body{display:grid;gap:var(--s4);padding:var(--s5)}.badge{font-size:var(--text-xs);padding:2px var(--s2);border-radius:var(--r-full);font-weight:600;white-space:nowrap;background:#ffffff0f}.badge--live{background:#f59e0b1f}.badge--done{background:#4ade801a}.meta-pill,.status-badge{font-size:var(--text-xs);padding:3px var(--s3);border-radius:var(--r-full);border:1px solid var(--border);background:#ffffff0a;font-weight:600;white-space:nowrap}.s-pending{color:var(--warning)}.s-submitted{color:var(--success)}.s-locked{color:var(--muted)}.tone-success{color:#071a0d;background:var(--success);border-color:transparent}.tone-warning{color:#1c1000;background:var(--warning);border-color:transparent}.tone-error{color:#180000;background:var(--error);border-color:transparent}.tone-muted{color:var(--muted);background:#ffffff0d}.tone-info{color:#020d1c;background:var(--info);border-color:transparent}.match-list{display:grid;gap:var(--s3)}.section-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:var(--s5) 0 var(--s2)}.mc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4) var(--s5);display:flex;flex-direction:column;gap:var(--s3);transition:border-color .14s}.mc--hl{border-color:var(--border-hi);background:var(--primary-bg)}.mc--live{border-color:var(--primary);box-shadow:0 0 0 2px #00c2a81f}.mc--done{opacity:.72}.mc-meta{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-xs);color:var(--muted);flex-wrap:wrap}.mc-bull{color:var(--faint)}.mc-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s4)}.mc-team{display:flex;flex-direction:column;gap:3px;font-size:var(--text-sm);line-height:1.35;min-width:0}.mc-team--l{text-align:left;align-items:flex-start}.mc-team--r{text-align:right;align-items:flex-end}.mc-hl{color:var(--primary);font-weight:700}.mc-center{flex-shrink:0;text-align:center}.mc-score{display:flex;align-items:center;justify-content:center;gap:var(--s2)}.mc-num{font-size:var(--text-lg);font-weight:900;font-variant-numeric:tabular-nums;color:var(--muted);min-width:1.5ch;text-align:center}.mc-num--w{color:var(--primary)}.mc-score--live .mc-num{color:var(--warning)}.mc-score--live .mc-num--w{color:var(--primary)}.mc-dash{font-size:var(--text-sm);color:var(--faint);font-weight:700}.mc-vs{font-size:var(--text-xs);font-weight:700;color:var(--faint);letter-spacing:.08em}.mc-footer{padding-top:var(--s2);border-top:1px solid var(--border)}.standings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8)}@media(max-width:560px){.standings-grid{grid-template-columns:1fr;gap:var(--s6)}}.standings-half h3,.standings-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:var(--s3)}.standings-table{width:100%;border-collapse:collapse;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.standings-table th{text-align:left;padding:var(--s1) var(--s2);color:var(--muted);border-bottom:1px solid var(--border);font-weight:600}.standings-table td{padding:var(--s2);border-bottom:1px solid rgba(255,255,255,.04)}.standings-table .rank-top td{font-weight:700}.standings-table .rank-1 td{color:gold}.standings-table .rank-2 td{color:silver}.standings-table .rank-3 td{color:#cd7f32}.standings-table .top-1 td{color:gold}.standings-table .top-2 td{color:silver}.standings-table .top-3 td{color:#cd7f32}.field-page{display:flex;flex-direction:column;gap:var(--s6)}.field-page--done{align-items:center;justify-content:center;min-height:60vh}.field-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--border)}.field-header h2{font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}.field-done{display:flex;flex-direction:column;align-items:center;gap:var(--s4);text-align:center;padding:var(--s12) var(--s4);color:var(--muted)}.field-done-icon{font-size:3.5rem;line-height:1}.win-banner{background:#00c2a814;border:1px solid var(--border-hi);border-radius:var(--r-xl);padding:var(--s6) var(--s5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s3)}.win-banner-title{font-size:var(--text-xl);font-weight:800;color:var(--primary)}.win-banner-team{font-size:var(--text-base);font-weight:600}.win-banner-score{font-size:var(--text-lg);font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums}.win-banner-actions{display:flex;gap:var(--s3);flex-wrap:wrap;justify-content:center;margin-top:var(--s2)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s6);align-items:start;transition:opacity .2s}.scoreboard--dimmed{opacity:.3;pointer-events:none}.score-side{display:flex;flex-direction:column;align-items:center;gap:var(--s3)}.score-names{display:flex;flex-direction:column;align-items:center;gap:var(--s1);min-height:3rem}.score-player{font-size:var(--text-sm);color:var(--muted);text-align:center;line-height:1.35}.score-tap{width:clamp(88px,24vw,130px);height:clamp(88px,24vw,130px);border-radius:20px;border:0;background:var(--primary);color:#031813;font-size:clamp(2.2rem,7vw,3.5rem);font-weight:900;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform 80ms,background .1s;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 20px #00c2a840}.score-tap:active,.score-tap--active{transform:scale(.91);background:var(--primary-dk);box-shadow:none}.score-undo{background:#ffffff0f;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s2) var(--s6);font-size:var(--text-sm);cursor:pointer;transition:background .12s}.score-undo:hover{background:#ffffff1a}.score-vs{font-size:var(--text-base);font-weight:700;color:var(--faint);padding-top:clamp(32px,10vw,56px);text-align:center;-webkit-user-select:none;user-select:none}.score-vs-inline{color:var(--muted);margin:0 var(--s2)}.field-manual{padding-top:var(--s2)}.next-match-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4) var(--s5);display:flex;flex-direction:column;gap:var(--s1)}.next-match-preview p{font-size:var(--text-sm)}.next-match-preview .hint-text{font-size:var(--text-xs);margin-bottom:var(--s1)}.overview-page{width:100%}.ov-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:var(--s5);margin-bottom:var(--s8)}.ov-field-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s5) var(--s6);display:flex;flex-direction:column;gap:var(--s4);transition:border-color .14s,background .14s;min-width:0}.ov-field-card--clickable{cursor:pointer}.ov-field-card--clickable:hover{border-color:var(--border-hi);background:var(--primary-bg)}.ov-field-card--empty{opacity:.55}.ov-field-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.ov-field-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.ov-live{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;gap:var(--s3) var(--s4)}.ov-live-team{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);line-height:1.3}.ov-live-team--l{text-align:left}.ov-live-team--r{text-align:right;align-items:flex-end}.ov-live-score{display:flex;align-items:center;gap:var(--s2);justify-content:center}.ov-num{font-size:var(--text-score);font-weight:900;font-variant-numeric:tabular-nums;color:var(--muted);min-width:1.5ch;text-align:center;line-height:1}.ov-num--w{color:var(--primary)}.ov-sep{font-size:var(--text-lg);color:var(--faint);font-weight:700}.ov-turn{grid-column:1 / -1;text-align:center;font-size:var(--text-xs);color:var(--muted)}.ov-adj{display:flex;flex-direction:column;gap:3px;padding:var(--s2) 0;border-top:1px solid var(--border)}.ov-adj--prev{opacity:.55}.ov-adj-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.ov-adj-teams{font-size:var(--text-xs);line-height:1.5}.ov-adj-score{color:var(--primary);font-weight:700}.ov-empty-msg{padding:var(--s2) 0}.ov-top3-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);margin-bottom:var(--s6)}@media(max-width:480px){.ov-top3-grid{grid-template-columns:1fr}}.ov-top3-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:var(--s3)}.ov-top3-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) 0;font-size:var(--text-sm);border-bottom:1px solid rgba(255,255,255,.04)}.ov-top3-name{flex:1}.ov-top3-pts{color:var(--muted);font-variant-numeric:tabular-nums}.ov-standings-details summary{list-style:none}.ov-standings-details summary::-webkit-details-marker{display:none}.ov-standings-body{margin-top:var(--s5)}.field-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s5) var(--s6);display:flex;flex-direction:column;gap:var(--s4);transition:border-color .14s}.field-card.live{border-color:var(--border-hi)}.field-card.done{opacity:.55}.field-card.waiting{opacity:.7}.field-card:hover{border-color:var(--border-hi)}.field-card-header{display:flex;justify-content:space-between;align-items:center}.field-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.field-card-active{display:flex;flex-direction:column;gap:var(--s3)}.field-card-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s3)}.field-team{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);line-height:1.35}.field-team:last-child{text-align:right;align-items:flex-end}.team-sep{display:none}.field-card-score{display:flex;align-items:center;justify-content:center;gap:var(--s2)}.score-live{font-size:var(--text-score);font-weight:900;font-variant-numeric:tabular-nums;color:var(--primary);min-width:1.5ch;text-align:center;line-height:1}.score-dash{font-size:var(--text-lg);color:var(--faint);font-weight:700}.field-card-turn{font-size:var(--text-xs);color:var(--muted);text-align:center}.field-card-done-msg{font-size:var(--text-sm);color:var(--muted);text-align:center;padding:var(--s4) 0}.field-card-adjacent{display:flex;flex-direction:column;gap:3px;padding:var(--s2) 0;border-top:1px solid var(--border)}.field-card-adjacent--prev{opacity:.55}.adjacent-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.adjacent-teams{font-size:var(--text-xs)}.adjacent-result{color:var(--primary);font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:var(--s4)}@media(min-width:480px){.modal-overlay{align-items:center}}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s6);width:100%;max-width:460px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--s4)}.result-form{display:grid;gap:var(--s3);padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.07);margin-top:var(--s2)}.result-teams-label{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--muted)}.result-inputs{display:flex;align-items:center;gap:var(--s3)}.result-inputs .input{text-align:center;font-size:var(--text-lg);font-weight:700}.dash{font-size:var(--text-lg);font-weight:700;color:var(--muted)}.result-success{color:var(--success);font-weight:700;font-size:var(--text-base);padding:var(--s2) 0}.admin-layout{display:grid;gap:var(--s6)}.page-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.page-grid-wide{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.status-list{display:grid;gap:var(--s3)}.status-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}@media(max-width:480px){.status-row{flex-direction:column;align-items:flex-start}}.entry-page{display:flex;flex-direction:column;gap:var(--s8);padding-top:var(--s12);max-width:420px;margin-inline:auto}.entry-header h1{font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}.error-text{color:var(--error);margin:0;font-size:var(--text-sm)}.hint-text{color:var(--muted);font-size:var(--text-sm);margin:0}.page-center{max-width:480px;margin-inline:auto;padding-top:var(--s12);text-align:center}.error-banner{border:1px solid rgba(248,113,113,.35);border-radius:var(--r-lg);background:#f8717112;padding:var(--s4) var(--s5);display:grid;gap:var(--s2)}.center-spinner{display:flex;justify-content:center;padding:var(--s10)}.spinner{display:inline-block;width:22px;height:22px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hl-name{color:var(--primary);font-weight:700}.filters-row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:flex-end}.filters-row label{min-width:100px}.heatmap-wrap{overflow-x:auto}.heatmap-table{border-collapse:collapse;font-size:.72rem}.heatmap-table td,.heatmap-table th{min-width:26px;padding:3px;text-align:center}.heatmap-label{color:var(--muted);font-weight:600}