:root{--bg:#030b24;--panel:#07163c;--panel2:#0c245a;--line:#167ae7;--shine:#53d6ff;--yellow:#ffe052;--red:#f73550;--text:#eaf6ff;--muted:#a2bbeb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at top right,#2d1863 0,transparent 48%),linear-gradient(#080e36,#030916 68%);color:var(--text);font:14px/1.45 Consolas,'Courier New',monospace;min-height:100vh}body:before{content:"";position:fixed;inset:0;opacity:.09;pointer-events:none;background:repeating-linear-gradient(0deg,#101c49 0,#101c49 2px,transparent 3px,transparent 5px);z-index:4}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{max-width:1650px;margin:auto;padding:12px 18px 45px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:134px;background:radial-gradient(circle at 80% 20%,#77346655 0 45px,transparent 46px),repeating-linear-gradient(90deg,#1b144f 0 80px,#131243 82px 91px);border-bottom:3px solid #2467b0;padding:12px 22px}.wordmark{display:flex;align-items:center;gap:19px}.logo{width:83px;height:110px;object-fit:contain;filter:drop-shadow(4px 5px #020716)}.masthead h1{font:900 clamp(31px,4.3vw,66px)/.95 Impact,'Arial Black',sans-serif;letter-spacing:.055em;margin:0;color:var(--yellow);text-shadow:3px 3px 0 #e53657,6px 6px 0 #05092a}.masthead h1 span{color:#fff}.micro{color:#8edfff;font-size:11px;letter-spacing:.08em;margin-top:8px}.live-tag{background:#05102e;border:2px solid #2474be;padding:12px;color:#cbf0ff;font-size:12px;max-width:270px}.navbar{display:flex;gap:7px;overflow:auto;white-space:nowrap;background:#040e29;border:2px solid #1676d8;padding:8px;margin-bottom:13px}.navbtn{background:#0c245a;color:#e5f8ff;border:2px solid #3476ce;font-weight:900;letter-spacing:.025em;padding:11px 15px;text-decoration:none;text-transform:uppercase}.navbtn.active,.hot{background:#e72f4b;border-color:#ffbe61;color:#fff}.navbtn:hover,.btn:hover{filter:brightness(1.2)}.notice{display:flex;align-items:center;gap:12px;margin:0 0 13px;padding:11px 14px;border:2px solid #c99720;background:#2a230d;color:#ffe69f}.notice b{color:var(--yellow)}.layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(380px,1fr) minmax(220px,290px);gap:12px;align-items:start}.panel{background:linear-gradient(#0c2050,#081537);border:2px solid var(--line);box-shadow:3px 4px 0 #010515;min-width:0}.panel h2{font-size:16px;letter-spacing:.06em;text-transform:uppercase;margin:0;padding:9px 12px;background:#071439;border-bottom:2px solid #1c74e3;color:var(--yellow)}.panel-body{padding:12px}.side-title{display:flex;justify-content:space-between;align-items:center;font-weight:900;background:#06153d;padding:9px;border-bottom:2px solid var(--line);font-size:17px;text-align:center}.daybuttons{display:flex;align-items:center;gap:5px}.daybuttons button{background:#0e397c;border:1px solid #4491e9;color:white;padding:4px 9px}.fixture-scroll{max-height:690px;overflow:auto;padding:7px}.fixture{padding:8px 9px;background:#081b47;border:2px solid #1a57a5;margin-bottom:7px}.fixture.selected{border-color:#f94663;box-shadow:inset 0 0 0 1px #ff8a4a}.fixture-title{display:flex;align-items:center;justify-content:space-between;gap:4px;font-weight:800}.fixture-title span{max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixture-sub{font-size:10px;color:#abd6ff;text-align:center;padding:3px 0}.fixture-actions{display:flex;gap:5px}.btn{border:2px solid #4188ed;color:#fff;background:#0d3a99;padding:8px 10px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.btn.small{font-size:11px;padding:5px 7px}.btn.yellow{background:#efad25;border-color:#ffe483;color:#08122b}.btn.red{background:#e52e47;border-color:#ff9a82}.btn.plain{background:#101e47}.fixture .btn{flex:1}.status{text-align:center;color:#95d1fe;font-size:10px;padding-top:4px}.demo-link{display:block;margin-top:9px;color:#ffe47d;background:#142140;border:1px solid #b9a431;padding:10px;text-align:center;cursor:pointer;font:inherit;width:100%}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:10px;border-bottom:2px solid #185fb3;background:linear-gradient(90deg,#181036,#061430,#16103a);font-weight:900}.scoreboard .team{text-align:center;color:var(--yellow);font-size:16px;overflow:hidden;text-overflow:ellipsis}.scoreboard .mid{text-align:center;color:white;min-width:116px}.scoreboard .clock{color:#ff5776}.court{display:block;width:100%;aspect-ratio:1040/580;background:#0b143b;image-rendering:pixelated}.playback{border-top:2px solid #2166ae;padding:10px;display:grid;gap:8px}.play-controls{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.speed-buttons{display:flex;gap:5px;margin-left:auto}.speed-buttons button.active{background:#e22e48;border-color:#ffb86b}.range{width:100%;accent-color:#46a3ff;cursor:pointer}.timeline{display:flex;justify-content:space-between;font-size:11px;color:#b7d9fc}.replay-note{font-size:11px;color:#9fc7ec}.events{max-height:680px;overflow:auto;padding:6px 9px;scrollbar-color:#317ee0 #07142c;min-height:320px}.event{display:grid;grid-template-columns:48px 1fr;gap:7px;padding:9px 3px;border-bottom:1px solid #1c3a71;font-size:12px}.event.time{color:#b2d9ff}.event .playtext{color:#e8f7ff}.event .playtext.highlight{color:#ffe35e}.event .time-label{color:#b6dfff;font-weight:700}.event.current{background:#142e66}.event .orig{color:#88a3c8;font-size:10px;margin-top:3px}.panel-footer{padding:8px;border-top:2px solid #175bb0;display:grid;gap:6px}.panel-footer .btn{width:100%;font-size:11px}.under{display:grid;grid-template-columns:1.1fr .65fr 1.2fr;gap:12px;margin-top:13px}.under p{margin:8px 0;color:#bfd1f8;font-size:12px}.rosters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roster h3{font-size:12px;margin:5px 0;color:var(--yellow)}.roster div{font-size:11px;padding:2px 0}.utility{display:flex;gap:5px;flex-wrap:wrap}.utility .btn{font-size:11px}.stack{display:grid;gap:7px}.ghost{color:#93b3d9;font-size:12px}.label{display:block;margin:9px 0 4px;color:#ffe27c;font-weight:900}.field{width:100%;background:#061334;border:2px solid #2e6cb5;border-radius:0;padding:10px;color:#fff}textarea.field{min-height:100px;resize:vertical}.modal{position:fixed;z-index:15;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:12px}.modal[hidden]{display:none}.modal .dialog{width:min(540px,100%);border:3px solid #4a9dfa;background:#0a1b44;box-shadow:8px 8px 0 #040818;padding:16px}.dialog h2{margin:0 0 9px;color:#ffe26d;font:900 24px Impact,sans-serif;letter-spacing:.06em}.dialog p{color:#c3d7f7}.dialog-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:12px}.dialog-actions .btn{flex:1}.toast{min-height:18px;color:#7df5d5}.empty{padding:25px 14px;color:#b2cdf3;text-align:center}.spoil-result{font-size:18px;color:var(--yellow);font-weight:900}.mobile-note{display:none}
@media(max-width:1200px){.layout{grid-template-columns:230px minmax(380px,1fr)}.commentary-panel{grid-column:1/-1}.events{max-height:260px;min-height:160px}.under{grid-template-columns:1fr 1fr}.under>div:last-child{grid-column:1/-1}}@media(max-width:760px){.shell{padding:8px}.masthead{padding:10px;min-height:110px}.logo{width:60px;height:88px}.masthead h1{font-size:34px}.live-tag{display:none}.layout{grid-template-columns:1fr}.fixture-scroll{max-height:270px}.under{grid-template-columns:1fr}.under>div:last-child{grid-column:auto}.scoreboard .team{font-size:12px}.scoreboard .mid{min-width:90px}.mobile-note{display:block}.play-controls .btn{font-size:11px;padding:8px}.speed-buttons{margin:0}}