:root{--red:#e52545;--red-dark:#c41737;--ink:#231f20;--ink-soft:#4a4a4a;--muted:#7a7675;--line:#e2e2e2;--cream:#f7f6f2;--paper:#fff;--green:#8aa37a;--green-soft:#e4ebdf;--amber:#f2b632;--font-display:"Anton", "Arial Narrow", Impact, sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:16px;--tap:46px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.45}#root{flex-direction:column;min-height:100dvh;display:flex}#root>main{flex:1;width:100%}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:400;line-height:1.1}h1{font-size:30px}h2{font-size:21px}h3{font-size:16px}p{margin:0}a{color:inherit}.muted{color:var(--muted)}.small{font-size:14px}.error{border-left:4px solid var(--red);color:var(--red-dark);background:#fde8ec;padding:10px 12px}.notice{border-left:4px solid var(--amber);background:#fff6dc;padding:10px 12px}.topbar{background:var(--ink);color:var(--cream);z-index:10;position:sticky;top:0}.topbar-inner{max-width:760px;padding:10px var(--gutter);align-items:center;gap:12px;margin:0 auto;display:flex}.brand{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:22px;line-height:1;text-decoration:none}.brand span{color:var(--red)}.topbar .spacer{flex:1}.topbar button{color:var(--cream);min-height:34px;font:inherit;cursor:pointer;background:0 0;border:1px solid #f7f6f259;padding:4px 10px;font-size:13px}.demo-banner{background:var(--amber);color:var(--ink);text-align:center;padding:4px var(--gutter);font-size:13px;font-weight:600}.page{max-width:760px;padding:20px var(--gutter) 40px;flex-direction:column;gap:20px;margin:0 auto;display:flex}.back{color:var(--ink-soft);font-size:14px;font-weight:600;text-decoration:none}.card{background:var(--paper);border:1px solid var(--line);flex-direction:column;gap:12px;padding:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:10px;display:flex}.btn{min-height:var(--tap);border:2px solid var(--red);background:var(--red);color:#fff;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{background:var(--red-dark);border-color:var(--red-dark)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{border-color:var(--ink);color:var(--ink);background:0 0}.btn.secondary:hover{background:var(--ink);color:var(--cream)}.btn.quiet{color:var(--ink-soft);letter-spacing:.04em;background:0 0;border-color:#0000;padding:8px 10px}.btn.quiet:hover{color:var(--red)}.btn.small{min-height:36px;padding:4px 12px;font-size:12px}.btn.block{width:100%}label.field{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}input[type=text],input[type=email],input[type=number],input[type=datetime-local],select{min-height:var(--tap);border:1px solid var(--ink-soft);background:var(--paper);width:100%;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0;border-radius:0;padding:8px 12px;font-size:16px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:2px}.check{min-height:var(--tap);cursor:pointer;align-items:center;gap:10px;display:flex}.check input{width:22px;height:22px;accent-color:var(--red);flex:none}.grid-2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list>li{border-top:1px solid var(--line);min-height:var(--tap);align-items:center;gap:10px;padding:10px 0;display:flex}.list>li:first-child{border-top:0}.list .grow{flex:1;min-width:0}.link-card{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--red);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.link-card:hover{border-color:var(--ink);border-left-color:var(--red)}.link-card .grow{flex:1;min-width:0}.link-card .title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:19px}.badge{letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--cream);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.badge.light{background:var(--line);color:var(--ink-soft)}.badge.live{background:var(--red);color:#fff}.badge.green{background:var(--green);color:#fff}.number{background:var(--ink);min-width:26px;height:26px;color:var(--cream);font-family:var(--font-display);flex:none;justify-content:center;align-items:center;padding:0 4px;font-size:14px;display:inline-flex}.tabs{border-bottom:2px solid var(--ink);scrollbar-width:none;display:flex;overflow-x:auto}.tabs button{min-height:var(--tap);color:var(--ink-soft);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;padding:6px 7px;font-size:15px}.tabs button[aria-selected=true]{background:var(--ink);color:var(--cream)}.code{letter-spacing:.1em;white-space:nowrap;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:21px;font-weight:700}.linkbox{background:var(--cream);border:1px dashed var(--muted);word-break:break-all;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.qr{width:168px;height:168px;image-rendering:pixelated;border:1px solid var(--line)}.powered{padding:12px var(--gutter) 24px;text-align:center;color:var(--muted);margin-top:auto;font-size:13px}.powered a{color:inherit;letter-spacing:.04em;text-decoration:none}.powered a:hover{color:var(--red)}.powered strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:15px;font-weight:400}.hero{background:var(--ink);color:var(--cream);padding:40px var(--gutter) 32px;text-align:center}.hero h1{font-size:44px}.hero h1 span{color:var(--red)}.hero p{color:#f7f6f2bf;margin-top:8px}.narrow{width:100%;max-width:440px;margin:0 auto}.scoreboard{background:var(--ink);color:var(--cream);text-align:center;flex-direction:column;gap:6px;padding:18px 16px 20px;display:flex}.scoreboard .fixture{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:18px}.scoreboard .fixture span{color:var(--red);padding:0 6px}.scoreboard .time{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:clamp(72px,26vw,128px);line-height:1}.scoreboard .time.stopped{color:#f7f6f28c}.scoreboard .meta{letter-spacing:.08em;text-transform:uppercase;color:#f7f6f2bf;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;font-weight:700;display:flex}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls .btn.main{flex:100%;min-height:58px;font-size:17px}.controls .btn:not(.main){flex:1}.swap{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--ink);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.swap.soon{border-top-color:var(--amber)}.swap.now{border-color:var(--red);border-top-color:var(--red);animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{background:var(--paper)}to{background:#fde8ec}}@media (prefers-reduced-motion:reduce){.swap.now{background:#fde8ec;animation:none}}.swap-head{align-items:baseline;gap:10px;display:flex}.swap-head h2{flex:1}.swap-head .countdown{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.swap-pairs{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.swap-pairs li{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:18px;font-weight:700;display:grid}.swap-pairs .out{color:var(--red-dark)}.swap-pairs .in{color:#4f6b3e;text-align:right}.swap-pairs .arrow{color:var(--muted)}.swap-pairs .swap-legend{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.swap-pairs .swap-legend span:last-child{text-align:right}.lineup{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.lineup h2{align-items:center;gap:8px;display:flex}.lineup h2:before{content:"";background:var(--green);width:12px;height:12px}.lineup .bench h2:before{background:var(--muted)}.lineup li .when{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.lineup li .played{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.timeline{flex-direction:column;gap:4px;font-size:14px;display:flex}.timeline-row{grid-template-columns:84px 1fr 52px;align-items:center;gap:8px;display:grid}.timeline-row .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.timeline-row .total{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.timeline-track{background:var(--line);height:22px;position:relative}.timeline-track .block{background:var(--green);border-right:1px solid var(--paper);position:absolute;top:0;bottom:0}.timeline-track .block.keeper{background:var(--ink)}.timeline-track .mark{background:var(--ink);opacity:.45;width:1px;position:absolute;top:-3px;bottom:-3px}.timeline-track .cursor{background:var(--red);width:2px;position:absolute;top:-3px;bottom:-3px}.timeline-axis{height:16px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;position:relative}.timeline-axis span{position:absolute;transform:translate(-50%)}.timeline-axis span:first-child{transform:none}.timeline-axis span:last-child{transform:translate(-100%)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--tap);border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;padding:6px 12px;font-size:14px;line-height:1.25}.chip strong{display:block}.chip[aria-pressed=true]{background:var(--ink);color:var(--cream)}.player-pick{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 12px;display:grid}details.more>summary{cursor:pointer;min-height:var(--tap);align-items:center;font-weight:700;display:flex}