:root{--bg:#090f17;--ink:#edf4f6;--green:#b9ff70;--muted:#8b9ca9;--line:#283440;--card:#121c26;--mint:#b9ff70;--cyan:#68d5e4}
body{background:radial-gradient(ellipse at 87% 3%,#173c3a55,transparent 39%),radial-gradient(ellipse at 0 45%,#18334822,transparent 50%),var(--bg);color:var(--ink);font-family:'Inter Tight','DM Sans',Arial,sans-serif;min-height:100vh}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#0009,transparent 80%)}
header{height:88px;border-color:#ffffff12;background:#090f17b3;backdrop-filter:blur(16px)}
.brand{color:#f3f8f4;letter-spacing:1.3px;font-weight:800}.brand small{color:#9fb0ba;border-color:#3b4852}.brand-icon{background:var(--mint);color:#102017;border-radius:8px;box-shadow:0 0 25px #b9ff7015}
.sport{color:#e2efe6;background:#17241e;border:1px solid #354b39;padding:9px 12px;border-radius:100px;letter-spacing:1px}.sport i{background:var(--mint);box-shadow:0 0 8px #b9ff7070}.sport span{color:#b0c6b6}
main{padding-top:58px;max-width:1440px}.eyebrow{font-size:10px;color:#a9bac3;letter-spacing:2.5px}.eyebrow:before{background:var(--mint);height:3px;width:28px}
h1{font-size:clamp(58px,7.5vw,104px);letter-spacing:-1px;line-height:.92;margin-top:23px;color:#f0f6f2;font-weight:800}h1 em{color:var(--mint)}
.intro{align-items:center;gap:50px;margin-bottom:43px}.intro>div:first-child{min-width:0;flex:1}.intro .steps{margin-top:32px;gap:23px;white-space:nowrap}.steps{color:#738592;font-size:9px;letter-spacing:1.1px}.steps b{color:var(--mint)}.section-label{border-color:#2b3941;font-size:10px;letter-spacing:2px;padding:20px 0;color:#b3c1c9}.section-label span{color:#738893}
.hero-monitor{width:390px;flex-shrink:0;border:1px solid #39534d;border-radius:14px;overflow:hidden;background:linear-gradient(125deg,#1c3027,#0e1924);box-shadow:0 25px 70px #0004,0 0 35px #88e0a207;transform:rotate(-2deg);position:relative}
.hero-monitor:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(120deg,#fff2,transparent 40%)}
.monitor-top{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid #94c4b027;font-size:8px;letter-spacing:1.5px;color:#c9dfcf}.monitor-top span{display:flex;align-items:center;gap:7px}.monitor-top i{height:5px;width:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px var(--mint)}.monitor-top b{color:#7eac9c;font-weight:500}
.monitor-game{display:flex;gap:13px;align-items:center;justify-content:center;padding:30px 12px}.monitor-game>span{writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#7d998b}.monitor-game>strong{font:800 62px 'Barlow Condensed',Arial;color:#f0fff6;line-height:1}.monitor-game>div{display:flex;flex-direction:column;text-align:center;gap:6px;border:1px solid #8fd69f33;background:#0a1614;padding:11px 10px;border-radius:5px}.monitor-game b{font:700 23px 'Inter Tight',Arial;font-variant-numeric:tabular-nums}.monitor-game small{font-size:7px;letter-spacing:1.4px;color:var(--mint)}
.monitor-bottom{display:flex;justify-content:space-between;padding:12px 17px;background:#b9ff7010;border-top:1px solid #94c4b027;font-size:8px;letter-spacing:1.1px;color:#8da697}.monitor-bottom b{color:var(--mint)}
.providers{gap:16px}.provider{background:linear-gradient(145deg,#16212b,#101923);border-color:#2a3844;border-radius:12px;padding:22px;min-height:220px;color:#eef4f5;box-shadow:inset 0 1px #ffffff04;transition:transform .18s,border-color .18s,box-shadow .18s}
.provider:before{content:'';position:absolute;inset:0;border-radius:12px;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#ffffff04,transparent 70%)}
.provider:hover{transform:translateY(-5px);border-color:#90c786;box-shadow:0 15px 35px #0004,0 0 20px #b9ff7007}.provider .number{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;color:#748895}.card-dot{width:5px;height:5px;border-radius:50%;background:#3c5045;transition:background .2s}.provider:hover .card-dot{background:var(--mint);box-shadow:0 0 10px var(--mint)}
.provider .logo{font-family:'Inter Tight',Arial,sans-serif;font-size:43px;color:#f0f5f7;letter-spacing:-2px;filter:drop-shadow(0 3px 5px #0003)}.provider:nth-child(4) .logo{color:#ff3747;letter-spacing:-1px}.provider:nth-child(5) .logo{color:#fa3542;font-style:italic;letter-spacing:-2px}.provider:nth-child(6) .logo{font-style:normal}.provider:nth-child(7){background:linear-gradient(145deg,#142b35,#111d29)}.provider:nth-child(7) .logo{color:#70d4fa;letter-spacing:-1.5px;font-size:32px}.provider:nth-child(8) .logo{font-size:30px;letter-spacing:-1px}.provider:nth-child(3) .logo{font-size:25px;letter-spacing:-.7px}
.provider .meta{border-top:1px solid #ffffff0d;padding-top:13px;font-size:12px;color:#dfe8ec}.provider .meta>span{width:25px;height:25px;display:grid;place-items:center;background:#27333e;border-radius:50%;color:#afc2ce;transition:background .2s,color .2s}.provider:hover .meta>span{background:var(--mint);color:#102017}.provider .sub{font-size:9px;color:#8296a4;margin-top:7px;line-height:1.9}.era-badge{background:#26343b;color:#c2d7d3;font-size:8px;letter-spacing:.3px;padding:2px 5px;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.collection-note{background:linear-gradient(90deg,#172820,#101b23);border:1px solid #31473c;color:#819c8b;min-height:90px;border-radius:10px;padding:20px 25px}.collection-note>div{display:flex;align-items:center;gap:24px;width:100%;flex-wrap:wrap;font-size:11px;line-height:1.7}.collection-note strong{color:#c8e9c1;font-size:16px}.collection-note br{display:none}.collection-note span{margin-left:auto;color:#b9ff70;font-size:10px;letter-spacing:.5px}
.back{color:#a0b2bd;display:inline-flex;gap:8px;align-items:center;font-size:11px}.back:hover{color:var(--mint)}p{color:#92a5b2}.year-options{margin-top:8px;gap:18px}.year-card{background:linear-gradient(145deg,#1c2f28,#14212a);border-color:#3c5546;color:#e4f0e6;border-radius:12px;position:relative;transition:transform .2s,border-color .2s;max-width:540px}.year-card:hover{transform:translateY(-4px);border-color:var(--mint)}.year-card strong{color:var(--mint);font-size:78px}.year-card>span{color:#8fa99a;font-size:10px;letter-spacing:.5px}.year-card>span b{color:#b9d9b8}.design-variant{color:#e1f0dd}.note{font-size:11px;color:#758c98}
.editor-top h1{font-size:43px;letter-spacing:.3px}.editor-top .eyebrow{font-size:9px;letter-spacing:1.5px}.editor-top p{color:#79909f}.editor-top{margin-bottom:24px}
.btn{background:#182630;color:#c4d5df;border-color:#354652;border-radius:7px;font-size:11px;font-weight:600;padding:10px 14px;transition:background .15s,border-color .15s}.btn:hover{background:#243944;border-color:#5c7787}.btn.primary{background:var(--mint);color:#122018;border-color:var(--mint);font-weight:800;box-shadow:0 0 18px #b9ff7010}.btn.primary:hover{background:#caff95}.btn.active{color:#122018;background:var(--mint)}
.preview{border:1px solid #30463c;border-radius:12px;background-color:#142a20;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#9cbea71c calc(10% - 1px),#9cbea71c 10%),repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 40px,transparent 40px,transparent 80px);box-shadow:inset 0 0 80px #0002,0 12px 40px #0002;height:330px}.preview .live{color:#92b8a0}.preview-label{color:#7b9e8b;font-size:8px;letter-spacing:1.6px}
.panel{background:linear-gradient(145deg,#15212b,#111b24);border-color:#2d3e4a;border-radius:11px;padding:22px;box-shadow:inset 0 1px #ffffff03}.panel h2{color:#e2ebee;font-size:24px;letter-spacing:.5px}.panel h2>span{color:#68828f}.field label{color:#8ba2af;font-size:9px;letter-spacing:1.2px;font-weight:600}input,select{background:#0e1922;color:#dfebf0;border-color:#324753;border-radius:6px;font-size:12px;padding:10px;transition:border-color .2s}input:focus,select:focus{outline:none;border-color:#a1d389;box-shadow:0 0 0 2px #b9ff7012}input[type=file]{font-size:10px;padding:8px 4px}input[type=file]::file-selector-button{background:#2c3c47;color:#c3d4df;border:0;border-radius:3px;padding:4px 6px;font-size:9px;margin-right:5px}input[type=range]{accent-color:var(--mint)}select{color-scheme:dark}input[type=color]{padding:4px;height:39px}
.scorebuttons{gap:6px}.scorebuttons button{background:#21352e;border-color:#3b5445;color:#d1edcd;border-radius:6px;font-family:'Inter Tight',Arial;font-size:11px;padding:10px 0}.scorebuttons button:hover{background:var(--mint);color:#142319}.replay-buttons .btn{color:#7fa394;border-color:#2b4337;font-size:9px}.replay-buttons .btn:hover{background:#23382b;color:#bcefb3}.animation-settings{border-color:#2e424c}.help{color:#708b98;font-size:10px;line-height:1.8}.advanced{background:#121f28;border:1px solid #2b414b;border-radius:10px;padding:17px 20px}.advanced summary{color:#a2b9c4;font-size:11px;letter-spacing:.5px}.advanced>.row{gap:16px}.advanced .field{margin-bottom:8px}
footer{border-color:#263740;color:#607d8d;font-size:8px;letter-spacing:1.7px}footer b{color:var(--mint)}#toast{background:#d0f3bd;color:#15321f;border:1px solid #e7ffd7;box-shadow:0 8px 30px #0005;font-weight:600}
/* Broadcast typography: fixed-width numerals and closer per-network proportions. */
.scoreboard .score,.scoreboard .gameclock,.scoreboard .playclock{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.cbs .score,.cbs .gameclock{font-family:'Inter Tight',Arial,sans-serif;font-weight:800}.cbs .down{font-family:'Inter Tight',Arial,sans-serif;font-weight:800;font-size:3.8cqw}.fox .score,.fox .gameclock,.fox-superbowl .score,.fox-superbowl .gameclock{font-family:'Inter Tight',Arial,sans-serif;font-weight:800}.fox-superbowl .team-code{font-family:'Inter Tight','Arial Black',Arial;font-weight:900;letter-spacing:-.05em}.fox-2024 .score{font-family:'Roboto Condensed','Barlow Condensed',Arial;font-weight:900}.fox24-rail,.espn-2025{font-family:'Roboto Condensed','Barlow Condensed',Arial}.prime .score,.prime .gameclock{font-family:'Inter Tight',Arial;font-weight:800}.nbc-classic .score,.nbc-classic .team-code,.nbc-classic .gameclock{font-family:'Inter Tight',Arial;font-weight:800}.nbc-classic .team-code{letter-spacing:-.015em}.nbc-classic .timeouts{left:18%;right:auto}.nbc-classic .right .timeouts{right:18%;left:auto}.nbc-classic .record{font-family:'Inter Tight',Arial;font-size:1.8cqw;left:59%;bottom:14px}.nbc-classic .right .record{right:59%;left:auto}.nbc-classic .center{background:radial-gradient(#3d4854,#15212d);border-color:#727e89;outline-color:#cbd3da80}.nbc-classic .nbc-mark{max-height:27px}.nbc-classic .gameclock{font-size:3.5cqw}.nbc-classic .quarter{font-family:'Inter Tight',Arial;font-size:1.8cqw}.nbc-classic .playclock{font-family:'Inter Tight',Arial;font-size:1.6cqw;font-weight:600}
.cbs-2023{font-family:'Inter Tight',Arial,sans-serif}.cbs-2023 .team,.cbs-2023 .team.right{border:0;background:var(--team);height:7.2cqw;padding-bottom:6px;gap:7px}.cbs-2023 .cbs-eye{border:0;background:#121619}.cbs-2023 .score{font-family:'Inter Tight',Arial;font-size:4.6cqw;font-weight:700}.cbs-2023 .team-code{font-family:'Inter Tight',Arial;font-size:3.2cqw;font-weight:700}.cbs-2023 .record{font-family:'Inter Tight',Arial;font-size:1.8cqw;font-weight:700;margin-bottom:0;align-self:end;padding-bottom:1px}.cbs-2023 .clockrow{background:#111314;gap:7px}.cbs-2023 .quarter{border:0;padding-right:3px;font-family:'Inter Tight',Arial;font-size:2.5cqw;letter-spacing:0}.cbs-2023 .gameclock{font-size:3.3cqw;font-family:'Inter Tight',Arial;font-weight:700;letter-spacing:0}.cbs-2023 .playclock{background:#333638;border:0;font-family:'Inter Tight',Arial;font-size:2.9cqw;padding:0 5px;height:100%;display:grid;place-items:center}.cbs-2023 .down{background:var(--offense);border:0;font-family:'Inter Tight',Arial;font-size:3.1cqw;font-weight:700}.cbs-2023 .timeouts,.cbs-2023 .right .timeouts{left:4%;bottom:3px}.cbs-2023 .timeout{width:22px;height:3px}
/* NFL Network 2023 and 2025 have a horizontal rail rather than a center pod. */
.nfl-strip{display:grid;grid-template-columns:1fr 1.4fr 1.4fr 1.15fr 1.25fr;border:0;border-radius:0;background:#071827;overflow:hidden;font-family:'Roboto Condensed','Barlow Condensed',Arial;color:white;font-weight:800}
.nfl-brand{background:#051b2d;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px;min-width:0}.nfl-brand svg{width:24%;height:5.5cqw;color:#eaf6ff;flex-shrink:0}.nfl-brand>span{font:800 1.6cqw 'Inter Tight',Arial;letter-spacing:.1em;line-height:1.3;white-space:nowrap}
.nfl-strip .team,.nfl-strip .team.right{display:grid;grid-template-columns:38% 16% 27% 19%;grid-template-rows:1fr;flex-direction:row;background:var(--team);height:7.2cqw;padding:0;gap:0;border:0;border-right:1px solid #c5d2dc55;align-items:center;justify-content:normal}
.nfl-strip .team-logo{grid-column:1;grid-row:1;width:100%;height:7cqw;align-self:center}.nfl-strip .record{position:static;grid-column:2;grid-row:1;align-self:center;font:700 italic 1.7cqw 'Roboto Condensed',Arial;margin:0;text-align:center}.nfl-strip .team-code{display:block;grid-column:3;grid-row:1;font:800 italic 3.2cqw 'Roboto Condensed',Arial;text-align:center;line-height:1;letter-spacing:-.03em}.nfl-strip .score{grid-column:4;grid-row:1;font:900 4.5cqw 'Roboto Condensed',Arial;display:grid;place-items:center;height:100%;width:100%;border-left:1px solid #e1e8ef55;background:#00000022;letter-spacing:0}
.nfl-strip .timeouts,.nfl-strip .right .timeouts{left:49%;right:auto;bottom:4px;gap:4px}.nfl-strip .timeout{width:15px;height:3px;transform:none}.nfl-strip .pos,.nfl-strip .right .pos{top:34%;right:17%;left:auto;transform:rotate(-90deg);font-size:1.8cqw;text-shadow:none;line-height:1;color:white}
.nfl-strip .clockrow{display:flex;justify-content:center;align-items:center;gap:10px;margin:0;padding:3px 6px;background:linear-gradient(#fff,#d8e0e4);color:#0a1d2c;border:0;border-radius:0;font-family:'Roboto Condensed',Arial;white-space:nowrap}.nfl-strip .quarter{font-size:2.6cqw;text-transform:uppercase;font-weight:700}.nfl-strip .gameclock{font-size:3.6cqw;font-weight:800;letter-spacing:0}
.nfl-strip .down{display:grid;place-items:center;position:relative;background:#17191b;color:var(--offense);font:800 italic 3.2cqw 'Roboto Condensed',Arial;border:0;border-radius:0;text-transform:uppercase;padding:5px 4px 5px 16px;white-space:nowrap;letter-spacing:0}.nfl-strip .down:before{content:'';position:absolute;left:8px;top:35%;width:0;height:0;border-top:1.1cqw solid transparent;border-bottom:1.1cqw solid transparent;border-left:.8cqw solid white}
.nfl-2025 .down{background:var(--offense);color:white}.nfl-2025 .team,.nfl-2025 .team.right{height:6.5cqw}.nfl-2025 .team-logo{height:6.3cqw}.nfl-2025 .team-code{font-style:italic;font-size:3cqw}.nfl-2025 .nfl-brand>span{font-size:1.3cqw}.nfl-2025 .record{font-size:1.4cqw}.nfl-2025 .clockrow{font-size:3cqw}.nfl-2025 .gameclock{font-size:3.4cqw}.nfl-2023 .down{color:var(--offense);text-shadow:0 0 1px #ffffff55}
.presenting main{padding:0}.presenting .preview{border:0;border-radius:0;height:100vh}.transparent,.transparent .preview{background:transparent!important;box-shadow:none!important}.transparent:before{display:none}.exit-display{background:#16232d;color:#dce8ee;border-color:#38505c}
@media(max-width:1050px){.hero-monitor{width:315px}.monitor-game{gap:10px;padding:26px 8px}.monitor-game>strong{font-size:53px}.intro{gap:25px}.intro .steps{gap:15px;font-size:8px}.providers{grid-template-columns:repeat(4,1fr)}.provider{padding:17px;min-height:205px}.provider .logo{font-size:36px}.provider .sub{font-size:8px}.provider:nth-child(3) .logo{font-size:21px}}
@media(max-width:850px){.intro{align-items:start;flex-direction:column;gap:24px}.hero-monitor{width:100%;max-width:430px;align-self:end;margin-top:-5px}.providers{grid-template-columns:repeat(2,1fr)}.provider{padding:22px;min-height:210px}.provider .logo{font-size:42px}.provider:nth-child(3) .logo{font-size:27px}.collection-note>div{gap:12px}.collection-note span{margin-left:0}.controls{grid-template-columns:1fr 1fr}.panel:last-child{grid-column:1/-1}.editor-top{align-items:start}.nbc-classic .record{font-size:1.8cqw;bottom:14px}}
@media(max-width:550px){header{height:72px}.brand{font-size:13px;gap:9px}.brand-icon{width:35px;height:35px;font-size:26px}.sport{font-size:8px;padding:7px 9px;letter-spacing:.7px}main{padding-top:30px}h1{font-size:66px}.intro{margin-bottom:30px;gap:20px}.intro .steps{font-size:7px;gap:12px;letter-spacing:.7px;margin-top:25px}.hero-monitor{transform:none;width:100%;max-width:none}.monitor-game{padding:20px 8px;gap:14px}.monitor-game>strong{font-size:55px}.monitor-top,.monitor-bottom{padding:11px 14px}.provider{min-height:185px;padding:16px}.provider .logo{font-size:35px;min-height:85px}.provider:nth-child(3) .logo{font-size:20px}.provider:nth-child(7) .logo{font-size:24px}.provider:nth-child(8) .logo{font-size:24px}.provider .meta{font-size:11px}.provider .number{font-size:8px}.provider .sub{font-size:8px}.section-label{font-size:8px;letter-spacing:1.2px}.section-label span{font-size:8px}.collection-note{padding:18px}.collection-note>div{display:block;font-size:11px}.collection-note strong{margin-bottom:7px}.collection-note span{display:block;margin-top:7px}.controls{grid-template-columns:1fr}.panel:last-child{grid-column:auto}.preview{height:260px}.editor-top h1{font-size:38px}.editor-top .eyebrow{font-size:8px}.actions{gap:6px}.btn{font-size:10px;padding:9px 11px}.panel{padding:20px}.year-card strong{font-size:66px}.advanced{padding:15px}.nbc-classic .record{font-size:2.2cqw;bottom:11px}.nbc-classic .gameclock{font-size:4.2cqw}.nbc-classic .quarter{font-size:2.3cqw}.nbc-classic .playclock{font-size:2.4cqw}.nbc-classic .nbc-mark{max-height:18px}.cbs-2023 .team,.cbs-2023 .team.right{height:9cqw;gap:2px}.cbs-2023 .record{font-size:1.8cqw}.cbs-2023 .timeouts,.cbs-2023 .right .timeouts{bottom:2px;gap:2px}.cbs-2023 .timeout{width:9px;height:2px}.cbs-2023 .gameclock{font-size:3.1cqw}.cbs-2023 .clockrow{gap:3px}.cbs-2023 .playclock{padding:0 3px}.nfl-strip .team,.nfl-strip .team.right{height:9cqw}.nfl-strip .team-logo{height:8.5cqw}.nfl-brand{gap:3px;padding:3px}.nfl-brand svg{height:7cqw}.nfl-brand>span{font-size:1.55cqw;letter-spacing:.05em}.nfl-strip .clockrow{gap:5px;padding:2px 3px}.nfl-strip .gameclock{font-size:3.4cqw}.nfl-strip .quarter{font-size:2.4cqw}.nfl-strip .down{font-size:3.1cqw;padding-left:9px}.nfl-strip .down:before{left:4px}.nfl-strip .record{font-size:1.7cqw}.nfl-strip .timeouts,.nfl-strip .right .timeouts{gap:2px;bottom:3px}.nfl-strip .timeout{width:7px;height:2px}.nfl-2025 .record{font-size:1.4cqw}.nfl-2025 .nfl-brand>span{font-size:1.3cqw}.cbs .down{font-size:3.8cqw}footer{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.provider,.year-card,.btn{transition:none}.provider:hover,.year-card:hover{transform:none}}

.provider .sub{font-size:10px;min-height:45px}.era-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.era-list .era-badge{display:inline-flex;padding:2px 5px;font-size:9px;line-height:1.35;white-space:nowrap;border:1px solid #3a4f51;background:#213332;color:#bad4c7;border-radius:4px;margin:0}.provider{min-height:245px}.provider .logo{flex:none;height:95px;min-height:95px}.provider .meta{margin-top:auto}@media(max-width:550px){.provider{min-height:217px}.provider .logo{height:80px;min-height:80px}.provider .sub{font-size:9px}.era-list .era-badge{font-size:8px;padding:2px 4px}}
.nfl-2023 .team[style*="#006778"]{background:#17191b}.nfl-2023 .down{color:color-mix(in srgb,var(--offense),#69c6d5 35%)}.cbs-2023 .team-logo img[src$="/nyg.png"]{filter:brightness(0) invert(1) drop-shadow(1px 0 #a92c39) drop-shadow(-1px 0 #a92c39)}.nfl-strip .team-logo img[src$="/lar.png"]{filter:brightness(0) saturate(100%) invert(83%) sepia(76%) saturate(900%) hue-rotate(351deg) brightness(104%) contrast(105%) drop-shadow(1px 0 white)}.nfl-strip .pos,.nfl-strip .right .pos{right:14%;font-size:1.5cqw}