@import url('/src/fonts.css');
:root{color-scheme:light;--paper:#f8f8f5;--ink:#0b0d0d;--muted:#73777e;--lime:#d5ff3e;--line:#e2e3df;--orange:#e7411b;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.38}a{color:inherit;text-decoration:none}button,a,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #557000}button[hidden],[hidden]{display:none!important}button :is(img,.ui-icon),.icon-btn :is(img,.ui-icon),.mode-symbol,.card-arrow,.drive-log summary :is(img,.ui-icon){width:22px;height:22px;flex:none}select{color:var(--ink);border:1px solid #d7dad6;border-radius:4px;background:transparent;padding:8px 10px;min-height:40px}option{background:var(--paper)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:100;top:10px;left:10px;background:var(--lime);padding:12px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;text-transform:uppercase;color:var(--muted)}
.site-header{height:60px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:0 36px;max-width:1800px;margin:auto}.brand{font:900 italic 28px/1 var(--body);white-space:nowrap;letter-spacing:-1.3px}.brand>span,.footer-brand>span{color:#b5e916}.game-tabs{display:flex;gap:22px;height:100%;align-items:stretch;margin-left:auto}.game-tabs button{background:none;font-size:15px;border-bottom:4px solid transparent;padding:0 12px;min-width:68px;padding-top:4px;color:#61656b}.game-tabs button[aria-selected=true]{border-color:var(--lime);font-weight:800;color:var(--ink)}.game-tabs button:hover{color:var(--ink);background:#f0f1ec}.site-header nav{display:flex;align-items:center;gap:16px;border-left:1px solid var(--line);padding-left:30px}.site-header nav a{white-space:nowrap;font-size:14px;color:#62666c}.site-header nav a:hover{text-decoration:underline}.icon-btn{background:none;display:grid;place-items:center;padding:6px;min-width:32px;min-height:36px}.icon-btn :is(img,.ui-icon){width:24px;height:24px}#open-stats{display:grid}
main{max-width:1800px;margin:auto}.hero{padding:21px 36px 18px;height:132px;position:relative}.hero h1{font:900 clamp(42px,4.57vw,76px)/1.04 var(--body);letter-spacing:-2.7px;margin-top:8px}.hero-caption{position:absolute;right:36px;bottom:25px;text-align:right}.hero-caption p{font-size:16px;font-weight:500}.hero-caption span{font-size:14px;color:var(--muted)}.game-shell{scroll-margin-top:16px}.scenario-bar{display:none}.scenario-bar h2{font-size:18px;letter-spacing:-.4px}.scenario-tools{display:flex;align-items:center;gap:18px}.scenario-tools label{font-size:12px}.scenario-tools select{margin-left:8px}.difficulty,#daily-date{font-size:12px;color:var(--muted)}body[data-mode=classic] .scenario-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 36px 18px;gap:20px}.arena{display:grid;grid-template-columns:minmax(0,68.5fr) minmax(0,31.5fr);align-items:start}.field-column{min-width:0}.scoreboard{display:grid;grid-template-columns:1.1fr 1fr 1.1fr .78fr;height:150px;padding:0 28px 20px 32px;align-items:center;gap:0}.team-block{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-helmet{width:clamp(75px,8.6vw,146px);height:128px;object-fit:contain}.team-numbers{text-align:center}.team-name{display:block;color:#5f6267;font-size:17px;font-weight:800;line-height:1.2}.team-score{font:800 78px/.95 var(--display);display:block;letter-spacing:-1px;margin-top:5px}.home{padding-right:20px}.away{padding-left:24px;padding-right:20px}.clock-block{text-align:center;border-left:1px solid #d7d9d5;border-right:1px solid #d7d9d5;display:flex;flex-direction:column;position:relative}.clock-block small{font-size:13px;letter-spacing:1.6px;color:#5f6267;font-weight:700;line-height:1;margin-top:-9px}.clock-block strong{font:800 86px/1.13 var(--display);letter-spacing:-1px;white-space:nowrap}.clock-block>span{font-size:13px;font-weight:800;color:var(--orange);line-height:1;white-space:nowrap;margin-bottom:-10px}.clock-block.urgent>strong{color:var(--orange)}.timeout-indicators{display:none}.score-situation{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line);padding-left:28px;white-space:nowrap;min-height:108px}.score-situation strong{font:800 26px/1.3 var(--body);letter-spacing:-1.3px}.score-situation>span{color:var(--muted);font-size:16px;margin-top:1px}.score-situation small{font-size:12px;letter-spacing:1.2px;color:var(--muted);margin-top:10px}
.field-wrap{width:100%;aspect-ratio:1018/626;position:relative;background:#4d6938;overflow:hidden}#field{display:block;width:100%;height:100%;scroll-margin-top:20px}.field-top,.field-bottom{display:none}.intro-overlay{position:absolute;inset:0;background:#071914bd;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;padding:24px}.intro-overlay .eyebrow{color:#d5ff3e}.intro-overlay h3{font:800 52px/1.05 var(--body);letter-spacing:-2px;margin:18px 0}.intro-overlay p{max-width:430px;font-size:14px;color:#e1e8df}.intro-overlay .primary{width:270px;margin-top:24px;background:var(--lime);color:var(--ink)}.intro-overlay .primary :is(img,.ui-icon){filter:none}.intro-overlay>small{font-size:11px;margin-top:15px;color:#cbd8c8}.field-flash{position:absolute;top:42%;left:0;right:0;text-align:center;background:#0b0d0de8;color:var(--lime);font:800 34px var(--body);padding:18px 10px;opacity:0;pointer-events:none;transition:opacity .15s}.field-flash.show{opacity:1}
.playbook{border-left:1px solid var(--line);padding:15px 28px 0 30px;min-width:0;display:flex;flex-direction:column}.playbook h3{font:900 34px/1.15 var(--body);letter-spacing:-1.3px;margin:2px 0 3px}.playbook-subtitle{font-size:17px;line-height:1.5;color:var(--muted)}.coverage{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;order:10;margin:12px 0 0;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}.coverage span{font-size:10px;letter-spacing:1px}.coverage strong{font-weight:500;color:#42494a}.play-categories{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-top:16px}.play-categories button{flex:1;min-height:44px;padding:8px 5px 10px;background:none;color:var(--muted);border-bottom:4px solid transparent;font-size:16px}.play-categories button[aria-selected=true]{color:var(--ink);font-weight:800;border-color:var(--lime)}.play-categories button:hover{background:#efefeb}.plays{padding-top:6px;display:flex;flex-direction:column}.play-card{display:flex;align-items:center;position:relative;gap:18px;min-height:98px;width:calc(100% + 16px);margin-left:-8px;padding:8px;text-align:left;background:transparent;border-bottom:1px solid var(--line);border-radius:5px}.play-card:hover{background:#eff1e9}.play-card[aria-pressed=true]{background:var(--lime);border-color:transparent}.play-card .route-diagram{width:clamp(74px,8.25vw,140px);height:82px;object-fit:contain;border-radius:5px;background:#eeeeea;padding:7px}.play-card[aria-pressed=true] .route-diagram{background:#eef2dd}.play-copy{display:block;flex:1;min-width:0}.play-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap;row-gap:0}.play-title strong{font-size:19px;font-weight:800;letter-spacing:-.5px;line-height:1.3}.play-range{font-size:11px;letter-spacing:1px;color:#7a7e83;white-space:nowrap}.play-hint{display:block;font-size:14px;color:#686d71;line-height:1.4;margin-top:7px}.play-card[aria-pressed=true] .play-hint{color:#4e5b23}.play-card[aria-pressed=true] .play-range{color:#667c2b}.play-card .selected-check{width:25px;height:25px;position:absolute;right:12px;top:calc(50% - 12px);color:#0b0d0d}.play-card[aria-pressed=true] .play-copy{padding-right:24px}.more-plays{display:flex;gap:6px;align-items:center;align-self:flex-end;min-height:25px;margin-top:2px;padding:2px 0;background:none;font-size:11px;color:#72766e}.more-plays :is(img,.ui-icon){width:14px;height:14px}.more-plays[aria-expanded=true] :is(img,.ui-icon){transform:rotate(180deg)}.play-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:10px 0 13px}.play-options label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.play-options select{display:block;width:100%;font-size:13px;margin-top:4px;letter-spacing:0;text-transform:none;min-height:40px}.primary{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;min-height:60px;border-radius:5px;position:relative;font-size:22px;font-weight:700;padding:10px 45px;transition:background .16s}.primary:hover:not(:disabled){background:#252c17}.primary :is(img,.ui-icon){position:absolute;right:40px;width:30px;height:30px;filter:invert(91%) sepia(68%) saturate(767%) hue-rotate(18deg) brightness(105%) contrast(102%)}.snap-btn{width:100%}.selected-call{display:none}.clock-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.clock-actions button{background:none;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:13px;min-height:38px;padding:4px 0}.clock-actions button+button{border-left:1px solid var(--line);padding-left:14px}.clock-actions :is(img,.ui-icon){width:20px;height:20px}.clock-actions #timeout{gap:3px}.clock-actions #timeout :is(img,.ui-icon){margin-right:7px}.clock-actions #special{font-size:11px}.clock-actions #special :is(img,.ui-icon){width:17px;height:17px}#special-menu{display:flex;gap:8px;margin-top:10px}#special-menu button{flex:1;background:#edeee6;border:1px solid var(--line);font-size:13px;padding:8px;border-radius:3px;min-height:44px}#fg-detail{display:block;font-size:10px;color:var(--muted)}.playbook-note{font-size:12px;line-height:1.6;margin-top:8px;color:var(--muted);order:11}.mobile-game-status,.mobile-result{display:none}
.sideline{margin:16px 36px 0;border-top:1px solid var(--line);padding:19px 10px;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px}.commentary{display:flex;align-items:center;gap:25px}.commentary-icon{width:33px;height:33px;opacity:.62}.commentary p{font-size:16px;font-weight:500}.drive-log{position:relative;flex-shrink:0}.drive-log summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;border-left:1px solid var(--line);padding-left:30px;color:var(--muted);font-size:13px;min-height:28px}.drive-log summary::-webkit-details-marker{display:none}.drive-log summary :is(img,.ui-icon){width:18px;height:18px}#snap-count{display:none}.drive-log ol{position:absolute;right:0;top:35px;z-index:20;padding:12px 16px;margin:0;width:420px;max-height:280px;overflow:auto;list-style:none;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 28px #10191314;border-radius:5px}.drive-log li{display:grid;grid-template-columns:38px 1fr;gap:8px;font-size:12px;padding:10px 0;border-bottom:1px solid var(--line)}.drive-log time{color:#697638}.drive-log small{grid-column:2;color:var(--muted)}.broadcast-footnote{display:none}.game-bottom{display:flex;gap:18px;align-items:center;font-size:12px;color:var(--muted);margin:0 36px;padding:15px 0 25px}.game-bottom button{padding:4px 0;background:transparent;font-size:12px;display:flex;align-items:center;gap:6px}.game-bottom button:hover{color:var(--ink)}.game-mission{color:#4f5c31;margin-right:auto}.game-bottom :is(img,.ui-icon){width:17px;height:17px}
.modes-section,.how-section,.faq-section{margin:0 36px}.modes-section{padding:40px 0 46px;border-top:1px solid var(--line)}.section-label{font-size:11px;color:var(--muted);letter-spacing:1.5px;margin-bottom:22px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.mode-card{display:flex;align-items:flex-start;gap:16px;text-align:left;background:none;padding:8px 0}.mode-symbol{width:28px;height:28px;margin-top:5px}.mode-copy{display:flex;flex-direction:column;gap:5px}.mode-copy small{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.mode-copy strong{font:800 24px/1.2 var(--body);letter-spacing:-.7px}.mode-copy>span{font-size:13px;color:var(--muted)}.card-arrow{margin-left:auto}.mode-card:hover strong{text-decoration:underline;text-decoration-color:#b6d535;text-underline-offset:5px}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding:70px 0}.how-section h2,.faq-section h2{font:800 48px/1.06 var(--body);letter-spacing:-2px;margin:18px 0}.how-section p{max-width:500px;color:var(--muted);line-height:1.8}.how-section a{display:inline-block;margin-top:22px;text-decoration:underline;text-underline-offset:6px}.how-steps{list-style:none;padding:0;margin:0}.how-steps li{display:flex;gap:20px;margin-bottom:26px}.how-steps li>span{font:700 25px var(--display);color:#758639}.how-steps h3{font:800 23px/1.2 var(--body);letter-spacing:-.7px;margin-bottom:6px}.how-steps p{font-size:14px}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-top:1px solid var(--line);padding:55px 0}.faq-list summary{display:flex;justify-content:space-between;padding:20px 0;cursor:pointer;list-style:none;font-weight:600;border-bottom:1px solid var(--line);gap:20px}.faq-list details p{font-size:14px;color:var(--muted);padding:16px 0;line-height:1.8}.faq-list details[open] summary span{transform:rotate(45deg)}footer{display:flex;flex-wrap:wrap;align-items:center;gap:20px;max-width:1800px;margin:auto;padding:35px 36px;border-top:1px solid var(--line);color:var(--muted)}.footer-brand{font:900 italic 24px var(--body);letter-spacing:-1px;color:var(--ink)}footer p{font-size:13px}footer>div{display:flex;gap:25px;margin-left:auto;font-size:13px}footer small{flex-basis:100%;font-size:11px}
dialog{background:var(--paper);color:var(--ink);border:1px solid #d2d5c9;border-radius:10px;max-width:620px;width:calc(100% - 36px);max-height:85dvh;padding:36px;overflow:auto}dialog::backdrop{background:#07140ebf;backdrop-filter:blur(4px)}.modal-close{position:absolute;top:12px;right:12px;background:none;padding:4px;min-height:32px}.modal-close :is(img,.ui-icon){width:24px;height:24px}dialog h2{font:800 38px/1.1 var(--body);letter-spacing:-1.5px;margin:15px 0}dialog p{line-height:1.7;margin:15px 0;color:#656c63;font-size:14px}dialog a{color:#42651c;text-decoration:underline}dialog .primary{width:100%;margin-top:18px;font-size:17px;min-height:50px}.secondary{width:100%;background:transparent;border:1px solid #bec4b2;border-radius:4px;min-height:46px;margin-top:10px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats>div{display:flex;flex-direction:column}.result-stats strong{font:700 46px/1 var(--display)}.result-stats strong small{font-size:20px;color:var(--muted)}.result-stats span{font-size:10px;letter-spacing:1px;margin-top:8px;color:var(--muted)}.history-box{padding:16px;background:#ecefdf;border-left:3px solid #b8d530;margin:20px 0}.rules-list{padding-left:20px;font-size:14px;line-height:1.7;color:#5e655b}.rules-list li{margin:10px 0}.result-footnote{font-size:12px!important}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--lime);border-radius:5px;padding:12px 20px;max-width:90%;opacity:0;pointer-events:none;transition:opacity .2s;font-size:14px}.toast.visible{opacity:1}.noscript{padding:30px;background:var(--lime)}.article{max-width:840px;padding:45px 24px 70px;margin:auto}.article h1{font:800 52px/1.05 var(--body);letter-spacing:-2px;margin:15px 0 25px}.article h2{font:800 28px var(--body);letter-spacing:-.6px;margin:32px 0 12px}.article p,.article li{line-height:1.9;color:#5e655b;margin-bottom:16px}.article a{text-decoration:underline;color:#42651c}.article table{width:100%;border-collapse:collapse;font-size:14px}.article td,.article th{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line)}
@media(min-width:1700px){.hero{height:146px}.scoreboard{height:170px}.play-card{min-height:115px}.play-card .route-diagram{height:99px}.play-categories{margin-top:24px}.playbook{padding-top:20px}.playbook h3{font-size:39px}.play-options{margin-top:16px}.clock-block strong{font-size:98px}.team-score{font-size:90px}}
@media(max-width:1320px){.site-header{gap:20px;padding:0 26px}.brand{font-size:24px}.game-tabs{gap:9px}.site-header nav{padding-left:20px;gap:10px}.hero{padding-left:26px;padding-right:26px}.hero h1{font-size:4.6vw;letter-spacing:-2.2px}.hero-caption{right:26px;bottom:26px}.hero-caption p{font-size:14px}.hero-caption span{font-size:12px}.scoreboard{padding-left:20px;padding-right:18px;grid-template-columns:1.1fr 1fr 1.1fr .85fr;height:138px}.home{padding-right:15px}.away{padding-left:15px;padding-right:15px}.team-helmet{width:78px;height:100px}.team-score{font-size:66px}.team-name{font-size:15px}.clock-block strong{font-size:74px}.clock-block small{font-size:11px}.clock-block>span{font-size:11px}.score-situation{padding-left:20px;min-height:95px}.score-situation strong{font-size:23px}.score-situation small{font-size:10px}.playbook{padding:10px 22px 0}.playbook h3{font-size:28px;letter-spacing:-1px}.playbook-subtitle{font-size:14px}.play-categories{margin-top:15px}.play-categories button{font-size:14px;min-height:43px}.play-card{gap:13px;min-height:89px}.play-card .route-diagram{width:85px;height:73px;padding:6px}.play-title{gap:7px}.play-title strong{font-size:16px}.play-range{font-size:9px;letter-spacing:.6px}.play-hint{font-size:12px;margin-top:5px}.play-options{gap:13px;margin-top:8px}.primary{min-height:55px;font-size:19px}.primary :is(img,.ui-icon){right:22px;width:27px}.clock-actions{gap:7px;margin-top:10px}.clock-actions button{font-size:11px}.clock-actions button+button{padding-left:9px}.clock-actions #special{font-size:10px}.clock-actions :is(img,.ui-icon){width:16px;height:16px}.coverage{font-size:10px}.coverage span{font-size:9px}.playbook-note{font-size:11px}.sideline{margin-left:26px;margin-right:26px}.game-bottom,.modes-section,.how-section,.faq-section{margin-left:26px;margin-right:26px}}
@media(max-width:1100px) and (min-width:901px){.hero-caption span{max-width:200px;display:block}.scoreboard{grid-template-columns:1fr 1fr 1fr;position:relative;padding-bottom:38px;height:154px}.score-situation{position:absolute;bottom:0;left:20px;right:20px;border-left:0;border-top:1px solid var(--line);flex-direction:row;align-items:center;justify-content:center;min-height:32px;padding:0;gap:16px}.score-situation strong{font-size:16px;letter-spacing:0}.score-situation>span{font-size:13px}.score-situation small{margin-top:0}.team-helmet{width:65px}.team-score{font-size:58px}.clock-block strong{font-size:64px}.playbook{padding-left:17px;padding-right:17px}.play-card .route-diagram{width:65px;height:62px}.play-card{gap:10px}.play-title{display:block}.play-range{display:block;margin-top:3px}.play-card .selected-check{right:8px;width:21px;height:21px}.play-hint{font-size:11px}.playbook-subtitle{font-size:12px}.playbook h3{font-size:25px}.play-options select{font-size:11px;padding:6px}.clock-actions #special{font-size:9px}.clock-actions #special :is(img,.ui-icon){display:none}}
@media(max-width:900px){.site-header{height:104px;padding:0 24px;flex-wrap:wrap;gap:0}.brand{height:58px;display:flex;align-items:center;font-size:25px}.site-header nav{margin-left:auto;border:0;padding:0;gap:14px;height:58px}.game-tabs{order:3;width:100%;height:46px;margin:0;justify-content:space-between;gap:0}.game-tabs button{flex:1;padding:0 10px;font-size:14px}.hero{padding:24px;height:140px}.hero h1{font-size:47px;letter-spacing:-2px;margin-top:8px}.hero-caption{display:none}.arena{display:block}.scoreboard{height:135px;padding:0 24px 20px;grid-template-columns:1.15fr 1fr 1.15fr .8fr}.team-helmet{width:92px;height:105px}.team-score{font-size:65px}.clock-block strong{font-size:74px}.score-situation{min-height:86px;padding-left:18px}.score-situation strong{font-size:23px}.field-wrap{aspect-ratio:1018/626}.playbook{padding:0 24px;border:0;margin-top:24px}.playbook h3{font-size:32px;margin-top:16px}.playbook-subtitle{font-size:15px}.mobile-game-status{display:flex;align-items:center;gap:15px;position:sticky;top:0;background:#f8f8f5f5;backdrop-filter:blur(12px);z-index:10;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0}.mobile-game-status strong{font:800 30px/1 var(--display)}.mobile-game-status span{font-size:14px}.mobile-game-status a{font-size:12px;margin-left:auto;text-decoration:underline;text-underline-offset:3px}.play-categories{margin-top:14px}.play-categories button{font-size:16px;min-height:46px}.plays{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding-top:12px}.play-card{width:100%;margin:0;min-height:98px;padding:8px;gap:14px}.play-card .route-diagram{width:80px;height:72px}.play-title{display:block}.play-title strong{font-size:16px}.play-range{display:block;font-size:10px;margin-top:4px}.play-hint{font-size:12px}.play-card .selected-check{right:8px;width:22px;height:22px}.more-plays{font-size:12px;min-height:36px}.play-options{margin:10px 0 14px;gap:16px}.play-options label{font-size:11px}.play-options select{min-height:44px;font-size:14px}.call-dock{padding:10px 0}.call-dock .snap-btn{min-height:52px}.game-in-view:not([data-game-status=finished]) .call-dock{position:fixed;left:0;bottom:0;right:0;z-index:15;padding:10px 24px calc(10px + env(safe-area-inset-bottom));background:#f8f8f5f7;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;gap:20px;align-items:center}.game-in-view:not([data-game-status=finished]) .call-dock .selected-call{display:block;font-weight:700;font-size:14px;line-height:1.3;width:30%;max-width:180px}.game-in-view:not([data-game-status=finished]) .call-dock .snap-btn{flex:1;min-height:52px;font-size:18px}.game-in-view:not([data-game-status=finished]) .playbook{padding-bottom:12px}.mobile-result{display:block;margin:8px 0 0;padding:12px 14px;background:#ecefdf;font-size:14px;line-height:1.65}.clock-actions{margin-top:14px;gap:16px;justify-content:flex-start}.clock-actions button{font-size:14px;min-height:44px}.clock-actions button+button{padding-left:18px}.clock-actions #special{font-size:13px}.clock-actions :is(img,.ui-icon){width:20px;height:20px}.coverage{font-size:13px;margin-top:14px}.coverage span{font-size:10px}.playbook-note{font-size:12px}.sideline{margin:20px 24px 0;align-items:flex-start;gap:14px;flex-direction:column;padding:18px 0}.commentary{gap:13px}.commentary p{font-size:14px}.commentary-icon{width:25px;height:25px}.drive-log{width:100%}.drive-log summary{border:0;padding:0;font-size:12px}.drive-log ol{position:static;width:100%;max-height:250px;margin-top:10px;box-shadow:none}.game-bottom{margin:0 24px;flex-wrap:wrap;gap:14px}.save-note{display:none}.game-bottom button{min-height:36px}.mode-cards{gap:20px}.mode-symbol,.card-arrow{display:none}.mode-copy strong{font-size:22px}.how-section{gap:40px;padding:45px 0}.how-section h2{font-size:38px}.faq-section{gap:35px;grid-template-columns:1fr 1.6fr;padding:40px 0}.faq-section h2{font-size:38px}footer{padding:30px 24px 100px}footer>div{margin-left:0;flex-basis:100%}.scenario-bar{flex-direction:column;align-items:flex-start!important}.scenario-tools{width:100%}.scenario-tools label{flex:1}.scenario-tools select{display:block;width:100%;margin:5px 0 0}.toast{bottom:95px}}
@media(max-width:600px){.site-header{padding:0 18px}.brand{font-size:21px;letter-spacing:-.9px}.site-header nav{gap:8px}.site-header nav a{display:none}#open-stats{display:grid}.icon-btn{min-width:32px}.icon-btn :is(img,.ui-icon){width:22px;height:22px}.hero{padding:20px 18px 16px;height:auto}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero h1{font-size:40px;line-height:1.03;letter-spacing:-1.7px;max-width:360px;margin-top:9px}.scoreboard{height:141px;grid-template-columns:1fr 92px 1fr;position:relative;padding:8px 18px 39px;gap:8px}.team-block{gap:6px}.team-helmet{width:53px;height:76px}.team-numbers{min-width:34px}.team-name{font-size:12px}.team-score{font-size:48px;letter-spacing:-.8px;margin-top:2px}.home{padding-right:3px}.away{padding:0 0 0 3px}.clock-block strong{font-size:61px;line-height:1.06;letter-spacing:-.8px}.clock-block small{font-size:8px;letter-spacing:.9px;margin-top:0}.clock-block>span{font-size:8px;margin-bottom:0;line-height:1.3}.score-situation{position:absolute;bottom:0;left:18px;right:18px;border-left:0;border-top:1px solid var(--line);flex-direction:row;align-items:center;justify-content:center;min-height:34px;padding:0;gap:17px}.score-situation strong{font:800 14px var(--body);letter-spacing:0}.score-situation>span{font-size:12px;margin:0}.score-situation small{font-size:9px;letter-spacing:.8px;margin:0}.field-wrap{aspect-ratio:1.55}.playbook{padding:0 18px;margin-top:16px}.mobile-game-status{gap:10px}.mobile-game-status strong{font-size:28px}.mobile-game-status span{font-size:12px}.mobile-game-status a{font-size:11px}.playbook h3{font-size:29px;letter-spacing:-1px;margin-top:17px}.playbook-subtitle{font-size:14px}.play-categories{margin-top:13px}.plays{display:flex;gap:3px;padding-top:8px}.play-card{min-height:84px;gap:16px;padding:6px}.play-card .route-diagram{width:82px;height:70px}.play-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px;row-gap:2px}.play-title strong{font-size:16px;letter-spacing:-.3px}.play-range{display:inline;font-size:9px;margin:0}.play-hint{font-size:12px;margin-top:5px}.play-card .selected-check{right:10px;width:22px;height:22px}.play-card[aria-pressed=true] .play-copy{padding-right:24px}.play-options select{font-size:13px}.game-in-view:not([data-game-status=finished]) .call-dock{padding-left:18px;padding-right:18px;gap:15px}.game-in-view:not([data-game-status=finished]) .call-dock .selected-call{font-size:13px}.primary :is(img,.ui-icon){right:20px;width:24px}.clock-actions{gap:10px;justify-content:space-between}.clock-actions button{font-size:12px}.clock-actions button+button{padding-left:10px}.clock-actions #special{font-size:11px}.clock-actions :is(img,.ui-icon){width:17px;height:17px}.sideline{margin-left:18px;margin-right:18px}.game-bottom{margin:0 18px;gap:7px 20px}.game-mission{flex-basis:100%}.game-bottom button{font-size:12px}.modes-section,.how-section,.faq-section{margin:0 18px}.modes-section{padding:28px 0}.mode-cards{grid-template-columns:1fr;gap:24px}.mode-symbol,.card-arrow{display:block}.mode-copy strong{font-size:24px}.how-section,.faq-section{grid-template-columns:1fr;gap:25px;padding:36px 0}.how-section h2{font-size:40px}.how-steps h3{font-size:21px}.faq-section h2{margin-bottom:0}.faq-list summary{font-size:14px}.field-flash{font-size:21px}.intro-overlay h3{font-size:32px;letter-spacing:-1px;margin:8px 0}.intro-overlay p{font-size:11px}.intro-overlay .eyebrow{font-size:10px}.intro-overlay .primary{min-height:42px;font-size:15px;margin-top:12px}.intro-overlay>small{font-size:9px;margin-top:10px}.article h1{font-size:38px}.article h2{font-size:25px}.article table{font-size:12px}.article td,.article th{padding:10px 5px}dialog{padding:32px 22px}dialog h2{font-size:30px}.result-stats{gap:10px}.result-stats strong{font-size:39px}footer{padding-left:18px;padding-right:18px}.footer-brand{font-size:22px}footer>div{gap:18px}}
@media(max-width:360px){.brand{font-size:19px}.site-header{padding:0 14px}.site-header nav{gap:2px}.hero{padding-left:14px;padding-right:14px}.hero h1{font-size:36px}.scoreboard{padding-left:12px;padding-right:12px;gap:5px;grid-template-columns:1fr 82px 1fr}.team-helmet{width:43px}.team-score{font-size:43px}.clock-block strong{font-size:55px}.playbook{padding:0 14px}.play-card{gap:12px}.play-card .route-diagram{width:74px}.play-title strong{font-size:15px}.clock-actions{gap:6px}.clock-actions button+button{padding-left:6px}.clock-actions #special{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Scouting context follows the shared play-by-play without stretching the arena. */
.drive-insight{display:flex;align-items:center;gap:30px;margin:0 36px;padding:8px 0 3px;font-size:12px;color:var(--muted)}
.drive-insight .coverage{border:0;padding:0;margin:0;min-width:245px;gap:14px;justify-content:flex-start;order:0}
.drive-insight .playbook-note{margin:0;order:0}
@media(min-width:1321px){.team-score{font-size:86px;font-weight:900}.clock-block strong{font-size:94px;font-weight:900}.brand{font-size:30px}.hero h1{font-size:4.7vw;}}
@media(min-width:1800px){.hero h1{font-size:84px}}
@media(max-width:1320px){.drive-insight{margin-left:26px;margin-right:26px}}
@media(max-width:900px){.drive-insight{margin:0 24px;display:block}.drive-insight .coverage{margin-bottom:6px}.drive-insight .playbook-note{font-size:12px}}
@media(max-width:600px){.drive-insight{margin-left:18px;margin-right:18px}}

@media(max-width:600px){.clock-block strong{font-size:54px;line-height:1.18}.clock-block{padding:0 5px}.team-score{font-size:46px}.scoreboard{gap:9px}}
@media(max-width:360px){.clock-block strong{font-size:48px}.team-score{font-size:42px}.scoreboard{gap:5px}}

/* Decorative icons use the same licensed assets without redundant image semantics. */
.ui-icon{display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;flex-shrink:0}

.reference-section{margin:0 36px;padding:48px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.reference-section h2{font:800 34px/1.12 var(--body);letter-spacing:-1.3px;margin:14px 0 18px}.reference-section p,.source-notes li{font-size:14px;line-height:1.8;color:#5e655b;margin-bottom:14px}.reference-section a,.publication-note a{text-decoration:underline;text-underline-offset:3px}.reference-section h3{font-size:19px;margin:0 0 16px}.source-notes ul{padding-left:20px}.table-scroll{overflow-x:auto}.reference-section table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6}.reference-section caption{text-align:left;font-weight:700;margin-bottom:15px}.reference-section th,.reference-section td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.reference-section thead{background:#eef0e5}.faq-list summary h3{font:inherit;margin:0}.publication-note{margin:0 36px;padding:24px 0 32px;border-top:1px solid var(--line);color:#676e64;font-size:12px;line-height:1.8}.page-provenance{font-size:12px!important}footer>div{flex-wrap:wrap}.publication-note p+p{margin-top:5px}@media(max-width:900px){.reference-section{margin:0 24px;gap:28px;grid-template-columns:1fr}.publication-note{margin:0 24px}}@media(max-width:600px){.reference-section{margin:0 18px;padding:32px 0}.reference-section h2{font-size:28px}.publication-note{margin:0 18px}.reference-section th,.reference-section td{padding:9px 6px;font-size:12px}}