/* SHINNY SPORTS: compact score rail, editorial lower thirds, 45-degree stingers. */
.replay-overlay{position:absolute;bottom:24px;left:26px;right:26px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:linear-gradient(110deg,#142e48f5,#071322ed);border-left:4px solid #eea249;color:#f3f2e9;font-family:system-ui}.replay-overlay[hidden]{display:none}.replay-overlay strong{display:block;font-size:21px;font-style:italic;margin:5px 0}.replay-tag,.replay-overlay small{font-size:9px;letter-spacing:1.5px;color:#eeb065}.replay-overlay small{color:#9fb7cc}.replay-overlay button{border:1px solid #d8a454;background:#eea249;color:#152438;font:800 10px system-ui;padding:12px;cursor:pointer}.replay-overlay>i{position:absolute;bottom:0;left:0;height:3px;background:#eea249;max-width:100%}.is-replay .goal-banner,.is-replay .on-ice,.is-replay .faceoff-callout,.is-replay .camera-tools,.is-replay .controls-help{visibility:hidden}.is-replay .scorebug-sub b{font-size:0}.is-replay .scorebug-sub b::after{content:'REPLAY';font-size:8px}@media(max-width:600px){.replay-overlay{left:12px;right:12px;padding:12px}.replay-overlay strong{font-size:16px}.replay-overlay button{font-size:8px;padding:10px}.replay-tag,.replay-overlay small{font-size:7px}}
:root{--tv-ink:#101c2c;--tv-paper:#f3f2e9;--tv-gold:#eea249}
.replay-overlay{right:auto;width:min(620px,calc(100% - 52px));box-sizing:border-box;padding:12px 18px}.replay-overlay strong{font-size:18px}@media(max-width:600px){.replay-overlay{width:calc(100% - 24px)}}
.topbar{height:44px;min-height:44px;background:#080e18;padding:0 22px;border-bottom:1px solid #ffffff12}.brand-name{font-size:15px;letter-spacing:1px}.brand-mark{display:none}.sound-button{border:0;background:transparent;font:9px system-ui;letter-spacing:1.3px;padding:8px}.top-status{gap:14px}.network-readout{font:9px monospace;opacity:.55}.game-layout{height:calc(100dvh - 44px)}
.arena-wrap{height:calc(100% - 32px)}.bottom-strip{height:32px;min-height:32px;background:#09121f;border-top:1px solid #ffffff12}.mini-note{font:9px system-ui;letter-spacing:1px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.possession{display:none}.arena-label{display:none}
.scorebug{position:absolute;left:26px;top:24px;transform:none;min-width:0;width:420px;height:auto;display:grid;grid-template-columns:1fr 84px 1fr;overflow:visible;border:0;border-radius:0;background:var(--tv-ink);box-shadow:0 8px 22px #0004;color:var(--tv-paper);z-index:14;pointer-events:none}
.scorebug::before{content:'S / SPORTS';position:absolute;left:0;top:-15px;background:#f3f2e9;color:#172438;padding:2px 10px;font:900 9px system-ui;letter-spacing:1.5px;clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,0 100%)}
.scorebug-team{display:flex;align-items:center;gap:6px;padding:8px 11px;height:52px;box-sizing:border-box;background:#18314d;border-bottom:3px solid #efa34e}.scorebug-team.away{background:#471e30;border-color:#e64b60}.scorebug-team img{width:34px;height:37px;object-fit:contain;filter:drop-shadow(0 2px 3px #0005)}.scorebug-name{font:800 11px system-ui;letter-spacing:.4px}.scorebug-team strong{font:800 27px system-ui;margin-left:auto;font-variant-numeric:tabular-nums}.scorebug-middle{background:var(--tv-paper);color:#122438;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px}.scorebug-middle span{font:800 8px system-ui;letter-spacing:1px;color:#4e5b63}.scorebug-middle b{font:800 22px system-ui;font-variant-numeric:tabular-nums;letter-spacing:-.8px}.scorebug-sub{grid-column:1/-1;height:21px;display:flex;justify-content:space-between;align-items:center;background:#0b1523ed;padding:0 10px;font:700 8px system-ui;letter-spacing:1.8px;color:#97aaba}.scorebug-sub b{color:#e8eced;letter-spacing:1px}.scorebug[data-team="0"] .home,.scorebug[data-team="1"] .away{box-shadow:inset 0 0 24px #fff2}
.channel-bug{position:absolute;top:20px;right:24px;z-index:8;color:#f3f2e9;text-align:right;pointer-events:none}.channel-bug strong{display:block;font:900 italic 22px system-ui;letter-spacing:-1px;text-shadow:0 2px 8px #0008}.channel-bug strong span{font-size:12px;letter-spacing:1px;margin-left:5px}.channel-bug small{font:700 8px system-ui;letter-spacing:2px;color:#cfdae2}.channel-bug i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#edab53;margin:0 5px 1px 0}
.camera-tools{position:absolute;right:24px;top:80px;z-index:15;font:9px system-ui;color:#dae5ef;letter-spacing:1px}.camera-tools summary{list-style:none;cursor:pointer;padding:8px 10px;background:#0c192bb8;border:1px solid #ffffff25}.camera-tools>div{margin-top:5px;background:#0b192bed;padding:8px;width:180px;display:grid;gap:6px;box-shadow:0 8px 20px #0004}.camera-tools .camera-chip,.camera-tools .first-person-button,.camera-tools .camera-zoom{position:static;display:flex;width:100%;box-sizing:border-box;margin:0;justify-content:center;background:#1b2b3b;border:1px solid #ffffff18;font:9px system-ui;padding:9px}.camera-tools .camera-zoom{gap:5px}.camera-tools input{width:85px}
.on-ice{position:absolute;bottom:24px;left:26px;z-index:8;display:flex;gap:0;pointer-events:none;filter:drop-shadow(0 4px 8px #0003)}.on-ice>strong{background:#eaa14c;color:#17253b;padding:11px 10px;font:900 19px system-ui;min-width:45px;text-align:center}.on-ice>div{background:#0b192ce8;padding:8px 25px 8px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,0 100%);min-width:150px}.on-ice b{display:block;font:800 14px system-ui;color:#f5f2e9;letter-spacing:1px}.on-ice small{display:block;font:700 8px system-ui;letter-spacing:1.7px;color:#a5b8c9;margin-top:2px}.fps-chip{bottom:5px;left:26px;font-size:8px;opacity:.5;padding:0;background:none;border:0}.fps-dot{width:4px;height:4px}
.faceoff-callout{top:108px;left:26px;transform:none;min-width:0;max-width:390px;border:0;border-left:3px solid #eaa14c;padding:8px 12px;text-align:left;background:#0b192cdb;font:700 10px system-ui;letter-spacing:1px}.faceoff-prompt{bottom:90px;border:0;border-left:3px solid #eaa14c;background:#101d2ef0;font:800 11px system-ui;letter-spacing:1px;box-shadow:0 5px 15px #0003}.controls-help{bottom:22px;right:24px;font:9px system-ui;letter-spacing:1px}.controls-help summary{background:#0c192bb8;border:1px solid #ffffff25}.shot-meter{bottom:90px;border:0;border-left:3px solid #eaa14c;font:800 10px system-ui;letter-spacing:1px}
.goal-banner{left:26px;bottom:90px;transform:none;min-width:0;width:min(510px,calc(100% - 52px));box-sizing:border-box;display:flex;align-items:center;gap:17px;padding:15px 32px 15px 17px;text-align:left;background:linear-gradient(115deg,#132d49f5,#091725f5);border:0;border-left:5px solid #eea249;clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);animation:tv-lower-in .28s ease-out;box-shadow:none}.goal-banner[data-team="1"]{background:linear-gradient(115deg,#501c30f5,#211726f5);border-color:#e94b64}.goal-banner>img{width:78px;height:86px;object-fit:contain;flex:none}.goal-copy{min-width:0}.goal-copy>span:first-child{font:800 9px system-ui;letter-spacing:2px;color:#b5c8d8}.goal-banner strong,.goal-banner.hat-trick strong{font:900 italic 39px system-ui;letter-spacing:-1px;line-height:1.12;text-shadow:none;color:#fff4df}.goal-banner #goalDetail{display:block;font:800 11px system-ui;letter-spacing:.6px;margin-top:4px;line-height:1.5}.goal-banner small{font:700 8px system-ui;letter-spacing:1.4px;color:#a7bac9;margin-top:8px}.goal-banner.hat-trick{box-shadow:none;border-color:#ffe2a4}
.broadcast-wipe{position:absolute;inset:0;z-index:30;overflow:hidden;pointer-events:none;--wipe-shift:-125%;--wipe-ink:0;--team-accent:#eea249;isolation:isolate}.broadcast-wipe[hidden]{display:none}.broadcast-wipe[data-team="1"]{--team-accent:#e94b64}.wipe-field{position:absolute;inset:-40% -80%;background:#0d2035;transform:translateX(var(--wipe-shift)) skewX(-45deg);will-change:transform;box-shadow:-30px 0 0 var(--team-accent),-45px 0 0 #f2f0e7,30px 0 0 var(--team-accent)}.broadcast-wipe[data-team="1"] .wipe-field{background:#361b30}.wipe-field::after{content:'';position:absolute;top:0;bottom:0;left:48%;width:22%;background:linear-gradient(90deg,#ffffff07,transparent);border-left:2px solid #ffffff0d;border-right:1px solid #ffffff0d}.wipe-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:32px;padding:35px;opacity:var(--wipe-ink);transform:translateX(calc((1 - var(--wipe-ink))*30px));color:#f4f2e8}.wipe-logos{display:flex;align-items:center;flex:none}.wipe-logos img{width:clamp(95px,15vw,190px);height:210px;filter:drop-shadow(0 14px 12px #0004)}.wipe-logos img+img{margin-left:-20px}.wipe-logos img[hidden]{display:none}.wipe-copy{position:relative;border-left:2px solid var(--team-accent);padding-left:32px;max-width:650px}.wipe-copy>span{font:800 11px system-ui;letter-spacing:4px;color:var(--team-accent)}.wipe-copy h2{font:1000 italic clamp(42px,7vw,96px)/1 system-ui;letter-spacing:-3px;margin:12px 0 14px;text-transform:uppercase}.wipe-copy p{font:700 13px system-ui;letter-spacing:1.5px;margin:0;line-height:1.6}.wipe-copy b{display:block;font:900 30px system-ui;letter-spacing:7px;margin-top:18px;color:#dce8ef}.wipe-network{position:absolute;bottom:8%;left:8%;font:900 italic 15px system-ui;letter-spacing:2px;color:#94aabd;opacity:var(--wipe-ink)}.wipe-network span{font:600 8px system-ui;margin-left:12px;letter-spacing:3px}.arena-wrap[data-transition="on"] .faceoff-prompt,.arena-wrap[data-transition="on"] .faceoff-callout{visibility:hidden}.resurfacing .on-ice{display:none}
@keyframes tv-lower-in{from{opacity:0;translate:-20px 0}to{opacity:1;translate:0 0}}
@media(max-width:700px){.topbar{padding:0 10px}.brand-name{font-size:12px}.top-status{gap:2px}.sound-button{font-size:8px!important;padding:6px!important}.network-readout{display:none!important}.scorebug{top:24px;left:12px;width:min(390px,calc(100% - 24px));grid-template-columns:1fr 76px 1fr}.scorebug-team{height:49px;padding:6px 8px;gap:5px}.scorebug-team img{width:28px;height:32px}.scorebug-name{font-size:9px}.scorebug-team strong{font-size:24px}.scorebug-middle b{font-size:20px}.channel-bug{display:none}.camera-tools{top:106px;right:12px}.faceoff-callout{display:block;top:109px;left:12px;max-width:calc(100% - 150px);font-size:9px;padding:6px 8px}.on-ice{left:12px;bottom:22px}.on-ice>div{min-width:115px}.on-ice b{font-size:12px}.on-ice>strong{font-size:16px;min-width:35px}.goal-banner{left:12px;width:calc(100% - 24px);bottom:88px;padding:12px 24px 12px 12px;gap:12px}.goal-banner>img{width:59px;height:68px}.goal-banner strong,.goal-banner.hat-trick strong{font-size:31px}.goal-banner #goalDetail{font-size:9px}.goal-banner small{font-size:7px}.goal-copy>span:first-child{font-size:8px}.controls-help{right:12px;bottom:22px}.fps-chip{left:12px}.faceoff-prompt{width:calc(100% - 60px);max-width:none;font-size:10px}.wipe-content{flex-direction:column;gap:10px;padding:24px;text-align:center}.wipe-logos img{width:110px;height:120px}.wipe-copy{border-left:0;border-top:2px solid var(--team-accent);padding:18px 0 0}.wipe-copy h2{font-size:clamp(37px,10vw,64px);letter-spacing:-2px}.wipe-copy>span{font-size:9px;letter-spacing:2px}.wipe-copy p{font-size:10px}.wipe-copy b{font-size:25px;margin-top:13px}.wipe-network{left:0;width:100%;text-align:center;font-size:12px}.wipe-network span{display:block;margin:5px 0}.bottom-strip{padding:0 12px}.mini-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.goal-banner{animation:none}.wipe-content{transform:none}.wipe-field{will-change:auto}}
.scorebug-middle b{color:#122438}.faceoff-callout.show{transform:none}.arena-wrap[data-phase="goal"] .faceoff-callout,.arena-wrap[data-phase="faceoff"] .faceoff-callout{visibility:hidden}
.wipe-field{inset:-5% calc(-55vh - 35vw)}.wipe-pause{position:absolute;right:24px;top:20px;color:#c5d2dc;font:700 9px system-ui;letter-spacing:1.5px;opacity:var(--wipe-ink)}.wipe-pause[hidden]{display:none}
/* Network masthead and mode-aware control rail share the scorebug's palette. */
.app-shell{display:flex;flex-direction:column}.topbar{height:auto;min-height:60px;flex:none;padding:0 24px;background:linear-gradient(110deg,#192e45,#09121f 60%);border-bottom:2px solid #eea249;gap:20px}.brand-lockup{gap:12px;flex:none}.network-monogram{font:1000 italic 38px/.95 system-ui;color:#101c2c;background:#f3f2e9;padding:6px 19px 7px 12px;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}.topbar .brand-name{font:900 italic 18px/1 system-ui;letter-spacing:-.5px;color:#f3f2e9}.brand-name span{margin-left:5px;color:#eea249}.topbar .brand-kicker{display:block;font:700 7px system-ui;letter-spacing:2px;margin-top:6px;color:#98afc2}.topbar .top-status{gap:7px}.topbar .sound-button{font:800 9px system-ui;letter-spacing:1px;min-height:32px;border:1px solid #ffffff20;border-radius:0;background:#ffffff05;color:#d7e3ed;padding:8px 11px;transition:background .15s,border-color .15s}.topbar .sound-button:hover{background:#ffffff14;border-color:#b2c7d5}.topbar .sound-button:focus-visible{outline:2px solid #eea249;outline-offset:3px}.topbar .zamboni-button{background:#eea24914}.network-readout{opacity:1;color:#91aabd;border-left:2px solid #eea249;padding-left:8px;margin-right:8px}
.game-layout{height:auto;flex:1;min-height:0}.rink-column{display:flex;flex-direction:column;min-height:0}.arena-wrap{flex:1;height:auto;min-height:0}.bottom-strip{height:auto;min-height:58px;flex:none;padding:0 24px 0 0;gap:20px;justify-content:flex-start;background:#0c1929;border-top:1px solid #ffffff24}.ribbon-label{align-self:stretch;display:flex;flex-direction:column;justify-content:center;flex:none;padding:12px 30px 12px 24px;background:#eaa14c;color:#152438;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);font:900 italic 13px system-ui;letter-spacing:.7px}.ribbon-label span{font:800 7px system-ui;letter-spacing:1.7px;margin-top:3px}.control-ribbon{display:flex;flex-wrap:wrap;align-items:center;gap:9px 18px;padding:10px 0;color:#a6bacb;font:700 12px system-ui;letter-spacing:.6px}.control-ribbon>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.control-ribbon kbd{width:auto;height:auto;min-width:20px;border:1px solid #70839850;border-bottom:2px solid #70839870;border-radius:2px;padding:3px 5px;background:#1c2d40;color:#f3f2e9;font:800 12px system-ui;letter-spacing:.2px}.bottom-strip[data-mode="hockey"] .zamboni-ribbon,.bottom-strip[data-mode="zamboni"] .hockey-ribbon{display:none}
@media(max-width:850px){.topbar{flex-wrap:wrap;gap:8px;padding:10px 12px!important}.topbar .top-status{margin-left:auto}.network-monogram{font-size:30px}.topbar .brand-name{font-size:15px}.topbar .sound-button{padding:7px!important;font-size:8px!important}.bottom-strip{gap:10px;padding-right:12px}.ribbon-label{padding-left:12px;padding-right:23px;font-size:11px}.control-ribbon{gap:8px 12px;font-size:11px}.control-ribbon kbd{font-size:11px}}
@media(max-width:560px){.topbar .top-status{width:100%;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:5px!important}.topbar .brand-kicker{font-size:7px}.bottom-strip{align-items:stretch;gap:9px}.ribbon-label{font-size:10px;padding:10px 18px 10px 9px}.ribbon-label span{font-size:6px;letter-spacing:.6px}.control-ribbon{gap:6px 10px;padding:8px 0;font-size:11px;letter-spacing:0}.control-ribbon kbd{padding:2px 4px}.control-ribbon>span{gap:4px}}
.faceoff-prompt{padding:14px 20px!important;min-width:280px;box-sizing:border-box;font-size:13px!important;transition:background .15s,border-color .15s;overflow:hidden}.faceoff-prompt::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#eea249;transform:scaleX(var(--drop-progress,0));transform-origin:left}.faceoff-prompt[data-state="draw"]{background:#103e36f5;border-color:#72f0bd;color:#baffde}.faceoff-prompt[data-state="draw"]::after{background:#72f0bd}.faceoff-prompt[data-state="early"]{border-color:#f1a366;color:#ffd3b0}.faceoff-prompt[data-state="attempt"]{border-color:#90cfff;color:#d4edff}