@font-face{font-family:JetSans;src:url('fonts/dm-sans.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:JetSans;src:url('fonts/dm-sans-bold.woff2') format('woff2');font-display:swap;font-weight:700}
:root{color-scheme:dark;--bg:#061e18;--panel:#0c2a22;--panel-2:#12352a;--mint:#acf1c6;--ink:#f0f5ef;--muted:#a1b9ac;--line:#29493b;--gold:#ecd995;--red:#ffaba0;font-family:JetSans,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#16463060,transparent 45%),var(--bg);color:var(--ink);font-size:15px;line-height:1.5}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;min-height:42px;padding:10px 15px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){background:#214a37;border-color:#6c9a7f}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}a{color:var(--mint)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1}h1{letter-spacing:-.045em}h2{letter-spacing:-.025em}em{font-style:normal;color:var(--mint)}.site-header,.site-footer,main{max-width:1200px;margin:auto}.site-header{padding:28px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--ink)}.brand strong,.mini-brand{font-family:Arial,sans-serif;font-style:italic;font-weight:1000;letter-spacing:-.4px;font-size:34px;color:var(--mint)}.brand span{font-weight:700;font-size:13px;letter-spacing:1.6px;border-left:1px solid var(--line);padding-left:18px}.header-actions{display:flex;align-items:center;gap:20px}.prototype{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.quiet{background:transparent;font-size:13px}.quiet span{margin-left:12px}main{padding:40px 26px 0;min-height:75vh}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--mint);margin-bottom:14px;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;background:var(--mint);width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #acf1c611}.intro h1{font-size:clamp(46px,5.7vw,70px);line-height:.99}.intro-copy{color:var(--muted);font-size:17px;line-height:1.65;padding-bottom:4px;max-width:360px}.lobby-layout{display:grid;grid-template-columns:1.16fr 1fr;gap:30px;align-items:stretch}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font-size:20px}.section-heading>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.era-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.era-card{position:relative;text-align:left;min-height:108px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:16px 18px;background:#0d2a22;border-radius:10px;overflow:hidden}.era-card[aria-pressed=true]{background:#17412e;border-color:var(--mint);box-shadow:inset 0 0 0 1px #acf1c62e}.era-card .era-year{font-family:Arial,sans-serif;font-size:39px;font-weight:900;letter-spacing:-2px;line-height:1.1;color:#577a65;grid-column:2;grid-row:1/4;align-self:center}.era-card[aria-pressed=true] .era-year{color:#acf1c6}.era-card small{font-size:9px;letter-spacing:1px;color:var(--muted)}.era-card strong{font-size:17px;line-height:1.5}.era-card .qb{font-size:12px;font-weight:400;color:#bed0c5}.small{font-size:12px;margin-top:16px}.muted{color:var(--muted)}.scenario-preview{border:1px solid #446448;border-radius:12px;background:radial-gradient(ellipse at top right,#30553490,transparent 70%),#0d2a22;position:relative;overflow:hidden;padding:26px 28px;display:flex;flex-direction:column;justify-content:space-between}.scenario-preview:before{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 48px,#aff2c408 49px,#aff2c408 50px);mask-image:linear-gradient(90deg,transparent,#000)}.scenario-preview>*{position:relative}.preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.preview-top .eyebrow{margin:0}.scenario-type{font-size:10px;color:var(--muted)}.scenario-preview h2{font-size:31px;max-width:310px;margin-bottom:8px}.scenario-preview .subtitle{font-size:13px;color:var(--muted)}.preview-score{display:flex;align-items:center;justify-content:space-between;margin:22px 0 15px;padding:17px 0;border-top:1px solid #5a775a55;border-bottom:1px solid #5a775a55}.preview-score .score{font-size:25px;font-weight:700;letter-spacing:1px}.preview-score small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px}.preview-score .clock{font-family:monospace;font-size:29px;line-height:1.2;color:var(--mint);text-align:right}.preview-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.preview-meta span{padding-right:10px;border-right:1px solid var(--line)}.preview-meta span:last-child{border:0}.preview-objective{font-size:16px;line-height:1.4;margin:18px 0}.primary{background:var(--mint);border-color:var(--mint);color:#06291c;font-weight:700;display:flex;justify-content:space-between;align-items:center;min-height:51px;padding:13px 19px;width:100%;font-size:15px}.primary:hover:not(:disabled){background:#c9ffdb;color:#06291c;border-color:#c9ffdb}.preview-bottom small{color:var(--muted);display:block;text-align:center;font-size:10px;margin-top:10px}.foundation{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);margin-top:32px;padding:24px 0 5px}.foundation-icon{font-size:35px;color:var(--mint)}.foundation strong{font-size:13px}.foundation p{font-size:12px;color:var(--muted);margin-top:3px}.text-button{border:0;background:none!important;min-height:36px;padding:6px 0;color:var(--mint);font-size:12px;text-align:left}.foundation .text-button{margin-left:auto;white-space:nowrap}.site-footer{display:flex;align-items:center;gap:22px;color:var(--muted);padding:35px 26px;font-size:11px}.mini-brand{font-size:20px}.site-footer>span:last-child{margin-left:auto;letter-spacing:1.7px;font-size:9px}.game-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.game-heading .eyebrow{margin-bottom:8px}.game-heading h1{font-size:34px}.game-nav{display:flex;gap:8px}.scoreboard{border:1px solid var(--line);border-radius:12px 12px 0 0;background:#0b2a21;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 30px}.team-score{display:flex;align-items:center;gap:18px}.team-score.away{justify-content:flex-end}.team-crest{height:47px;width:65px;display:grid;place-items:center;transform:skew(-8deg);border:2px solid #99c3a4;border-radius:50%;font-size:17px;font-style:italic;font-weight:700;color:var(--mint)}.team-crest.opp{border-radius:9px;transform:none;background:#243240;color:#edf1f6;border-color:#617284;width:47px}.team-name{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.score-number{font-size:39px;font-weight:700;line-height:1.1;letter-spacing:-1px}.team-score.away .team-details{text-align:right}.score-clock{text-align:center;min-width:175px;border-inline:1px solid var(--line)}.score-clock .time{font:700 38px/1 monospace;letter-spacing:-2px;color:var(--mint)}.score-clock small{display:block;font-size:9px;letter-spacing:1.8px;margin-bottom:7px;color:var(--muted)}.timeout-dots{display:flex;gap:5px;margin-top:6px}.timeout-dots i{width:14px;height:4px;background:#28463a;border-radius:2px}.timeout-dots .on{background:var(--mint)}.situation-strip{display:flex;align-items:center;justify-content:space-between;background:#143328;padding:10px 22px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;font-size:12px;margin-bottom:20px}.situation-strip strong{color:var(--mint);font-size:13px}.situation-strip>div{display:flex;align-items:center;gap:18px}.clock-state{color:var(--muted);display:flex;align-items:center;gap:6px}.clock-state.running{color:var(--gold)}.clock-state:before{content:'';background:currentColor;border-radius:50%;width:5px;height:5px}.game-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.field-panel{background:#0b281f;border:1px solid var(--line);border-radius:12px;overflow:hidden}.field-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 18px}.field-heading h2{font-size:15px}.field-heading span{font-size:9px;letter-spacing:1px;color:var(--muted)}.field{background:#17462e;position:relative;isolation:isolate}.field svg{display:block;width:100%;height:auto;max-height:440px}.field .player circle{transition:fill .2s}.field .player text{pointer-events:none}.field .player{cursor:default}.field-key{display:flex;gap:16px;padding:5px 16px;align-items:center;font-size:10px;color:var(--muted)}.field-key>span{display:flex;align-items:center;gap:5px}.field-key button{margin-left:auto;font-size:10px}.key-line{width:17px;height:2px;display:inline-block}.blue{background:#6dbfd3}.gold{background:var(--gold)}.last-play{border-top:1px solid var(--line);padding:15px 18px;min-height:79px;display:flex;gap:12px;align-items:center}.play-badge{flex-shrink:0;background:#254a36;border:1px solid #3f6e4f;border-radius:8px;min-width:48px;padding:7px;text-align:center;color:var(--mint);font-weight:700;font-size:18px}.last-play strong{display:block;font-size:14px}.last-play small{font-size:11px;color:var(--muted)}.last-play.negative .play-badge{background:#4b2927;color:var(--red);border-color:#7a4842}.call-heading{display:flex;align-items:center;justify-content:space-between;margin:3px 0 16px}.call-heading h2{font-size:23px}.call-heading .eyebrow{margin-bottom:7px;font-size:9px}.info-button{border-radius:50%;width:28px;height:28px;min-height:28px;padding:0;font:700 13px Georgia,serif;background:transparent}.call-sheet{display:grid;grid-template-columns:1fr 1fr;gap:9px}.play-card{text-align:left;display:grid;grid-template-columns:35px 1fr;gap:8px;align-items:center;min-height:76px;padding:12px 10px;background:#102d24}.play-card[aria-pressed=true]{border-color:var(--mint);background:#214b35}.play-card svg{width:35px;height:35px;color:var(--mint);opacity:.85}.play-card strong{font-size:13px;display:block;line-height:1.3}.play-card small{font-size:10px;color:var(--muted);font-weight:400;display:block;margin-top:4px}.tempo-row{margin:16px 0;display:flex;align-items:center;gap:12px;font-size:12px}.tempo-row>div{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px;background:#031a13}.tempo{font-size:10px;border:0;background:transparent;min-height:29px;padding:6px 10px}.tempo.active{background:#2c513d;color:var(--mint)}#tempo-caption{font-size:10px;color:var(--muted);margin-left:auto}.snap{font-size:16px}.snap span{font-size:23px;font-weight:400}.management{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.management button{font-size:11px;padding:10px 5px;min-height:39px}.clock-hint{color:var(--muted);font-size:11px;line-height:1.5;margin-top:13px;padding-left:11px;border-left:2px solid var(--line)}.error{color:var(--red);font-size:13px;margin-top:10px}.error:empty{display:none}.drive-log{margin-top:20px;border:1px solid var(--line);border-radius:10px;background:#0c281f}.drive-log summary{padding:16px 20px;list-style:none;cursor:pointer;display:flex;align-items:center;font-size:13px;font-weight:700;gap:16px;min-height:52px}.drive-log summary>span:last-child{margin-left:auto}.drive-log summary #drive-stats{font-size:11px;color:var(--muted);font-weight:400}.drive-log ol{list-style:none;padding:0 20px 8px;margin:0}.drive-log li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;border-top:1px solid var(--line);padding:11px 0;font-size:12px}.drive-log time{font-family:monospace;color:var(--mint)}.drive-log small{color:var(--muted)}.game-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:var(--muted)}#conversion>p{margin:25px 0;color:var(--muted)}#conversion .quiet{width:100%;margin-top:10px}#result{padding:25px 22px;background:radial-gradient(ellipse at top right,#356d4666,transparent 80%),#102f24;border:1px solid #4b7c59;border-radius:12px}#result h2{font-size:35px;margin:8px 0 16px}#result p{font-size:13px;color:var(--muted)}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:20px 0;margin:20px 0;border-block:1px solid var(--line)}.result-metrics strong{display:block;font-size:25px;color:var(--mint)}.result-metrics small{font-size:10px;color:var(--muted)}.result-actions{display:flex;gap:8px;margin-top:10px}.result-actions button{font-size:11px;flex:1}#result.failed{background:#172e3a;border-color:#607e92}#result.failed .eyebrow{color:var(--gold)}dialog{color:var(--ink);background:var(--panel);border:1px solid #51745d;border-radius:14px;width:min(590px,calc(100vw - 30px));max-height:85dvh;padding:25px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#00100dcc;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-heading h2{font-size:26px}.dialog-heading button{min-width:40px}.dialog-body p,#dialog-body p{margin:14px 0;font-size:14px;color:#c4d4c9;line-height:1.65}#dialog-body ol{padding-left:23px}#dialog-body li{padding:8px 0;font-size:14px;color:#c4d4c9}.roster-table{width:100%;border-collapse:collapse;font-size:13px}.roster-table th{font-size:10px;letter-spacing:1px;color:var(--muted);text-align:left}.roster-table td,.roster-table th{padding:9px 5px;border-bottom:1px solid var(--line)}.roster-table td:last-child,.roster-table th:last-child{text-align:right}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:var(--mint);color:#001e13;padding:10px}.skip:focus{top:10px}.busy{opacity:.72}.busy .field:after{content:'Play in motion…';position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#00170ee6;border:1px solid var(--mint);padding:8px 15px;border-radius:30px;font-size:11px;white-space:nowrap}.flight{animation:flight .65s ease-out both}@keyframes flight{from{stroke-dashoffset:250;opacity:.1}to{stroke-dashoffset:0;opacity:1}}.route{stroke-dasharray:250;stroke-dashoffset:0}.arrival{animation:pulse .65s ease-out}@keyframes pulse{from{opacity:.2}to{opacity:1}}
@media(min-width:1400px){main{padding-top:50px}.intro{margin-bottom:42px}.era-card{min-height:116px}.scenario-preview{padding:28px 32px}}
@media(max-width:900px){.lobby-layout{gap:18px;grid-template-columns:1fr 1fr}.era-card{padding:14px 12px}.era-card strong{font-size:15px}.era-card .era-year{font-size:30px}.game-layout{grid-template-columns:1.1fr 1fr;gap:15px}.play-card{grid-template-columns:27px 1fr;padding:10px 8px;gap:6px}.play-card svg{width:27px}.play-card strong{font-size:12px}#tempo-caption{display:none}.call-heading h2{font-size:20px}.intro h1{font-size:57px}.intro-copy{font-size:15px}.scenario-preview{padding:24px}.scenario-preview h2{font-size:27px}.section-heading>span{display:none}}
@media(max-width:680px){.site-header{padding:17px 18px}.brand{gap:10px}.brand strong{font-size:27px}.brand span{font-size:9px;letter-spacing:1.3px;padding-left:10px}.prototype{display:none}.header-actions{gap:0}.header-actions .quiet{font-size:11px;border:0;padding:6px;min-height:35px}.header-actions .quiet span{margin-left:3px}main{padding:26px 17px 0}.intro{align-items:start;gap:15px;margin-bottom:25px}.intro h1{font-size:48px}.intro .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:16px}.intro-copy{font-size:12px;max-width:140px;margin-top:37px;line-height:1.6}.lobby-layout{grid-template-columns:1fr;gap:18px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:18px}.section-heading>span{display:block;font-size:8px}.era-grid{grid-template-columns:repeat(3,1fr);gap:7px}.era-card{min-height:101px;padding:10px;display:block;border-radius:8px}.era-card small{display:none}.era-card strong{font-size:12px;display:block;margin-top:5px;white-space:nowrap}.era-card .qb{font-size:9px;display:block;margin-top:3px}.era-card .era-year{font-size:24px;display:block;letter-spacing:-1px;line-height:1.2}.era-section .small{display:none}.scenario-preview{padding:23px;border-radius:10px}.scenario-preview h2{font-size:28px}.preview-score{margin:16px 0 12px;padding:13px 0}.preview-objective{font-size:14px;margin:16px 0}.foundation{margin-top:22px;padding:18px 0 0;gap:12px;flex-wrap:wrap}.foundation>div{flex:1}.foundation-icon{font-size:28px}.foundation strong{font-size:12px}.foundation p{font-size:11px}.foundation .text-button{margin-left:39px;min-height:28px}.site-footer{padding:28px 18px;gap:13px;font-size:10px}.site-footer>span:last-child{display:none}.game-heading{margin-bottom:16px;align-items:flex-start;gap:10px}.game-heading h1{font-size:24px}.game-heading .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:6px}.game-nav{gap:4px}.game-nav .quiet{font-size:10px;padding:8px;min-height:34px}.game-nav #roster-open{display:none}.scoreboard{padding:15px 14px;grid-template-columns:1fr 95px 1fr}.team-crest{width:43px;height:30px;font-size:12px}.team-crest.opp{width:30px;height:30px;font-size:11px}.team-score{gap:9px}.team-name{font-size:8px;letter-spacing:1px}.score-number{font-size:31px}.score-clock{min-width:0}.score-clock .time{font-size:29px}.score-clock small{font-size:8px}.timeout-dots{gap:4px}.timeout-dots i{width:10px;height:3px}.situation-strip{font-size:10px;padding:10px 12px;margin-bottom:14px}.situation-strip>div{gap:10px}.situation-strip strong{font-size:12px}.situation-strip .objective-short{display:none}.game-layout{grid-template-columns:1fr;gap:19px}.field-heading{padding:12px 14px}.field-heading h2{font-size:13px}.field-heading span{font-size:8px}.field svg{max-height:270px}.field-key{padding:1px 13px;font-size:9px;gap:12px}.field-key button{min-height:32px}.last-play{padding:12px 14px;min-height:66px}.last-play strong{font-size:12px}.last-play small{font-size:10px}.play-badge{min-width:41px;font-size:16px}.call-heading{margin:0 0 13px}.call-heading h2{font-size:23px}.call-sheet{gap:8px}.play-card{padding:12px;min-height:74px;grid-template-columns:32px 1fr;gap:9px}.play-card svg{width:32px}.play-card strong{font-size:12px}.play-card small{font-size:10px}.tempo-row{margin:13px 0}.snap{min-height:52px}.management button{font-size:11px;min-height:42px}.drive-log summary{padding:14px 15px;gap:12px}.drive-log summary #drive-stats{font-size:10px}.drive-log ol{padding:0 15px 8px}.game-footer{align-items:flex-start;gap:15px;font-size:9px}.game-footer .text-button{font-size:10px;text-align:right;min-height:28px}.drive-log li{grid-template-columns:35px 1fr;gap:8px;font-size:11px}.drive-log li>small{display:none}#result h2{font-size:33px}dialog{padding:20px}.dialog-heading h2{font-size:24px}}
@media(max-width:370px){.intro h1{font-size:42px}.intro-copy{font-size:11px;max-width:115px}.era-card{padding:9px 7px}.era-card strong{font-size:11px}.era-card .qb{font-size:8px}.team-crest{display:none}.play-card{padding:10px 8px;gap:6px}.play-card strong{font-size:11px}.game-heading h1{font-size:22px}.brand span{font-size:8px}.situation-strip .clock-state{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the active game compact; the larger introduction belongs in the lobby. */
.playing .site-header{padding-top:15px;padding-bottom:15px}.playing main{padding-top:22px}.playing .game-heading{margin-bottom:15px}.playing .game-heading h1{font-size:29px}.playing .game-heading .eyebrow{font-size:9px}.playing .scoreboard{padding-top:12px;padding-bottom:12px}.playing .score-number{font-size:33px}.playing .score-clock .time{font-size:33px}.playing .situation-strip{margin-bottom:16px}.playing .field svg{max-height:360px}.playing .site-footer{padding-top:20px;padding-bottom:20px}.field-heading .text-button{color:var(--ink);font-size:14px;padding:0;min-height:20px}.field-key #replay-toggle{margin-left:0}
@media(max-width:680px){.playing main{padding-top:19px}.playing .site-header{padding-top:12px;padding-bottom:12px}.playing .game-heading h1{font-size:23px}.playing .game-heading .eyebrow{font-size:8px}.playing .score-number{font-size:29px}.playing .score-clock .time{font-size:28px}.playing .field svg{max-height:250px}.field-heading .text-button{font-size:12px}.field-key{gap:10px}.field-key .text-button{font-size:9px}}
@media(max-width:680px){.playing .scoreboard{position:sticky;top:0;z-index:3;box-shadow:0 4px 12px #00160e44}.playing .field svg{max-height:none}.playing #field,.playing #last-play{scroll-margin-top:110px}.playing .call-sheet{grid-template-columns:repeat(2,1fr)}.playing .field-heading{padding:10px 13px}.playing .last-play{padding-top:10px;padding-bottom:10px}.playing .call-heading .eyebrow{display:none}}
/* V0.2: a quieter slate backdrop separates the green game surfaces. */
:root{--bg:#081419;--panel:#102a25;--line:#36584c;--muted:#b0c3bb}body{background:var(--bg)}.brand strong,.mini-brand{letter-spacing:.3px}.site-header{gap:12px}.header-actions{gap:10px}.intro h1{font-size:clamp(44px,5.3vw,67px)}.era-card{min-height:90px;padding:12px 16px;background:#112d27}.era-card strong{font-size:16px}.era-card .era-year{font-size:33px}.lobby-layout{grid-template-columns:1.2fr 1fr}.preview-number{font:700 70px/1 monospace;color:#bbf2cb;letter-spacing:-6px;margin:25px 0 28px}.preview-number span{color:#71997c}.scenario-preview h2{font-size:36px;margin-bottom:15px}.scenario-preview .subtitle{line-height:1.7}.challenge-tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.challenge-tags span{border:1px solid #62856c66;color:#d2e5d5;font-size:10px;padding:5px 8px;border-radius:30px}.start-side{font-size:11px;color:var(--muted);display:block}select{background:#0a201b;color:var(--ink);border:1px solid var(--line);border-radius:6px;font:inherit;padding:9px 8px;max-width:100%;min-width:0}.start-side select{display:block;width:100%;margin-top:7px;font-size:12px}.game-layout{grid-template-columns:1.2fr 1fr;gap:24px}.call-panel{border:1px solid var(--line);border-radius:12px;background:#112a25;padding:18px}.call-panel select{width:100%;font-size:11px;min-height:38px}.call-heading h2{font-size:23px}.call-heading .eyebrow{font-size:9px}.call-sheet{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.play-card{display:block;min-height:70px;padding:10px 9px;background:#18372e}.play-card strong{font-size:11px;line-height:1.25}.play-card small{font-size:9px;line-height:1.4;margin-top:6px}.play-card.run-category:not([aria-pressed=true]){background:#273a2c}.play-card[aria-pressed=true]{background:#306044;box-shadow:inset 0 0 0 1px #aaf1c344}.call-sheet.defensive{grid-template-columns:repeat(2,minmax(0,1fr))}.call-sheet.defensive .play-card{min-height:76px}.tactics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.tactics label{font-size:10px;letter-spacing:.25px;color:var(--muted);display:grid;gap:5px}.call-detail{border-left:2px solid var(--mint);padding-left:10px;margin:13px 0;font-size:11px;min-height:45px}.call-detail strong{display:block;color:var(--mint);margin-bottom:3px}.call-detail span{font-size:10px;color:var(--muted);line-height:1.5;display:block}.hash-note{font-size:10px;color:var(--muted);align-self:center;margin-top:12px}.tempo-row{margin:9px 0 13px;justify-content:space-between;font-size:11px;gap:8px}.tempo{font-size:10px;padding:6px 10px}.management{grid-template-columns:repeat(4,1fr);gap:5px}.management button{font-size:10px;min-height:38px}.field svg,.playing .field svg{height:auto;max-height:none;aspect-ratio:640/440;width:100%;touch-action:pan-y}.field-panel{position:sticky;top:20px;background:#102d24}.field-heading{padding:13px 15px}.field-heading h2{font-size:14px}.field-heading span{font-size:9px;letter-spacing:.6px}.field-tools,.replay-tools{display:flex;gap:7px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);background:#102b24}.field-tools>div{display:flex;gap:4px;margin-right:auto}.field-tools button,.replay-tools button{font-size:10px;min-height:32px;padding:6px 9px;background:#183a2e;white-space:nowrap}.field-tools #zoom-in,.field-tools #zoom-out{font-size:15px;min-width:29px;padding-inline:6px}.replay-tools{padding-top:0;border:0}.replay-tools input{min-width:0;flex:1;accent-color:var(--mint);width:50px}.replay-tools select{font-size:10px;min-height:32px;padding:4px;width:52px}.replay-tools #pause-replay{width:30px}.last-play{min-height:86px}.yard-number{fill:#c8dfb9;opacity:.55;font-size:23px;font-weight:700}.actor use{pointer-events:none}.coach-chip{font-size:15px;font-weight:700;color:var(--mint);background:transparent;border:0;min-height:28px;padding:0}.coach-chip span{font-size:9px;margin-left:5px;font-weight:400}.team-name small{display:block;font-size:8px;letter-spacing:1px;color:#88a99a;margin-top:3px}.team-crest{border-radius:9px;transform:none;min-width:47px;width:47px;height:47px;font-size:15px}.ball-indicator{font-size:9px;margin-left:7px;color:var(--gold);vertical-align:middle}.team-score.away .timeout-dots{justify-content:flex-end}.team-score.away .team-crest{order:2}.full{width:100%;margin-top:9px}#special>p{font-size:13px;color:var(--muted);margin:16px 0;line-height:1.6}.membership{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:24px 27px;margin-top:30px;border:1px solid #4d7258;border-radius:12px;background:linear-gradient(110deg,#163d2d,#112b25);color:var(--ink);text-decoration:none}.membership .eyebrow{font-size:9px;margin-bottom:7px}.membership strong{font-size:18px}.membership p{font-size:12px;color:var(--muted);margin-top:6px}.membership-arrow{color:#072b1b;background:var(--mint);border-radius:50%;width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;font-size:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.game-footer{gap:14px}.game-footer span{line-height:1.5}.scoreboard{background:#102e26}.situation-strip{background:#193a2d}.playing .site-header{padding-top:17px;padding-bottom:17px}.playing .site-footer{padding-top:27px}.prototype{font-size:9px}.busy{opacity:1}
@media(max-width:1000px){.game-layout{gap:16px;grid-template-columns:1.1fr 1fr}.call-panel{padding:14px}.play-card{padding:9px 7px}.play-card strong{font-size:10px}.play-card small{font-size:9px}.field-tools{gap:5px;padding-inline:8px}.field-tools button{padding-inline:7px}.field-heading span{font-size:8px}.era-card strong{font-size:14px}.era-card .qb{font-size:11px}}
@media(max-width:760px){.game-layout{grid-template-columns:1fr}.field-panel{position:static}.call-sheet{grid-template-columns:repeat(3,minmax(0,1fr))}.playing .call-sheet{grid-template-columns:repeat(3,minmax(0,1fr))}.playing .call-sheet.defensive{grid-template-columns:repeat(2,minmax(0,1fr))}.play-card strong{font-size:12px}.play-card small{font-size:10px}.playing .field svg{max-height:none}.field{scroll-margin-top:120px}.call-panel{padding:17px}.call-panel select{font-size:12px}.field-tools{padding-inline:12px}.field-heading span{font-size:9px}.last-play strong{font-size:13px}.call-heading .eyebrow{display:none}.call-heading{margin-bottom:15px}}
@media(max-width:680px){.site-header{padding:17px 16px;gap:5px}.brand{gap:8px}.brand strong{font-size:25px}.brand span{font-size:8px;padding-left:8px;letter-spacing:1px}.header-actions{gap:0}.header-actions .quiet{font-size:10px;padding:5px}.intro h1{font-size:44px}.intro-copy{font-size:11px;width:130px;margin-top:41px}.intro .eyebrow{font-size:7px;letter-spacing:.8px}.era-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.era-card{min-height:78px;display:grid;padding:12px;grid-template-columns:1fr auto}.era-card strong{font-size:13px;white-space:normal;margin:0;line-height:1.25}.era-card .qb{font-size:10px;margin:0}.era-card .era-year{font-size:27px}.era-card small{display:none}.era-card .era-year{grid-row:1/3}.lobby-layout{grid-template-columns:1fr;gap:20px}.scenario-preview h2{font-size:32px;max-width:none}.preview-number{font-size:50px;letter-spacing:-4px;margin:12px 0 19px}.scenario-preview .subtitle{font-size:13px}.challenge-tags{margin:19px 0}.start-side select{font-size:12px}.preview-objective{margin-bottom:22px}.coach-chip{font-size:13px}.coach-chip span{font-size:8px;margin-left:2px}.situation-strip>div{gap:10px}.team-crest{width:31px;min-width:31px;height:32px;font-size:11px}.team-score{gap:8px}.scoreboard{grid-template-columns:1fr 86px 1fr}.team-name{font-size:8px;letter-spacing:.5px}.team-name small{font-size:7px}.team-score.away{gap:7px}.field-heading h2{font-size:13px}.field-tools button{font-size:10px;min-height:35px}.playing .field svg{aspect-ratio:640/440}.playing .play-card{min-height:73px;padding:10px 8px}.playing .play-card strong{font-size:11px}.playing .play-card small{font-size:9px}.tactics{gap:8px}.call-detail{font-size:12px}.call-detail span{font-size:11px}.tempo-row{font-size:12px}.tempo{min-height:33px;font-size:10px}.management button{min-height:42px;font-size:10px}.membership{padding:20px;gap:15px;margin-top:23px}.membership strong{font-size:16px;line-height:1.3;display:block}.membership p{font-size:11px;line-height:1.5}.game-footer{font-size:9px}.intro-copy{line-height:1.7}.scoreboard{scroll-margin-top:0}.call-panel{scroll-margin-top:100px}}
@media(max-width:370px){.intro h1{font-size:37px}.intro-copy{font-size:10px;width:110px}.brand span{font-size:7px}.header-actions .quiet{font-size:9px}.field-tools button{padding-inline:6px;font-size:9px}.coach-chip span{display:none}.call-panel{padding:13px}.playing .play-card strong{font-size:10px}.playing .play-card small{font-size:9px}}

.next-call{display:none}@media(max-width:760px){.next-call{display:block;width:100%;text-align:center;border-top:1px solid var(--line);padding:9px;min-height:43px}}@media(max-width:680px){.game-nav{flex-direction:column;align-items:stretch}.game-nav #roster-open{display:block}.game-nav .quiet{min-height:32px;padding:6px 8px}}

/* v0.17 original retro presentation; physics/world scale remains in yard coordinates. */
#game-field[data-look="retro"] .diagram-actor,#game-field[data-look="diagram"] .retro-actor{display:none}
#game-field .retro-body{pointer-events:none}
#game-field .role-tag,#game-field .actor-shadow,#game-field .workload-signal{pointer-events:none}
#game-field[data-look="retro"] #engagements{opacity:.10;pointer-events:none}
#game-field[data-look="retro"].play-moving #assignmentArt{opacity:.16}
#game-field[data-look="retro"].play-moving .role-tag{opacity:.25}
#game-field[data-look="retro"].play-moving [data-possession="true"] .role-tag{opacity:1}
#game-field[data-look="retro"] .player-icon:focus .actor-shadow{fill:#ffda5d;opacity:.95}
#game-field[data-look="retro"] .player-icon:hover .role-tag{opacity:1}


.field svg,.playing .field svg{height:auto;aspect-ratio:1000/800;max-height:none;display:block;width:100%;background:#183a2c}.field-tools{flex-wrap:wrap}.field-tools>div{margin-right:0}.field-tools button{flex-grow:1}.field-heading span{max-width:75%;text-align:right;line-height:1.5}.coach-comparison,.account-card{padding:16px;border:1px solid var(--line);border-radius:9px;margin:16px 0;background:#173d2d}.coach-comparison h3{font-size:20px;margin:8px 0}.coach-comparison small,.account-card .small{font-size:11px;line-height:1.6;color:var(--muted)}.account-card p{font-size:12px;line-height:1.6}.account-card a{color:var(--mint);font-size:12px}#rush-row{grid-template-columns:1fr 1fr}.playing .call-sheet.defensive{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.field svg,.playing .field svg{aspect-ratio:1000/1000}.playing .call-sheet.defensive{grid-template-columns:repeat(3,minmax(0,1fr))}.field-tools button{font-size:10px}.field-panel{position:static}}

.player-icon{cursor:pointer}.player-icon:focus{outline:none}.player-icon:focus circle{stroke:#fff065;stroke-width:3}

/* v0.3.1 — compact phone playing surface; desktop controls keep their places. */
.mobile-game-only{display:none}
.snap-row{display:flex;gap:7px}
.snap-row .snap{flex:1;min-width:0}
#tools-dialog{width:min(560px,calc(100vw - 24px));max-height:88svh;padding:20px}
#tools-dialog .dialog-heading{margin-bottom:14px}
#tools-dialog .dialog-heading h2{font-size:23px}
#tools-context{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px}
#tools-context strong{display:block;color:var(--mint)}
#tools-context span{display:block;margin-top:6px}
#tools-body .tactics{margin:14px 0;gap:12px}
#tools-body select{width:100%;min-height:44px;font-size:16px}
#tools-body .tactics label{font-size:12px}
#tools-body .tempo-row{flex-wrap:wrap;margin-top:18px}
#tools-body button{min-height:44px}
#tools-body .management{margin-top:18px}
#tools-body .field-tools{padding:0;border:0;background:transparent;gap:8px}
#tools-body .replay-tools{margin-top:18px;padding:0;background:transparent;flex-wrap:wrap;gap:8px}
#tools-body .replay-tools input{min-height:44px}
#tools-body .replay-tools select{width:70px}
#tools-body .game-nav,#tools-body .header-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
#tools-body .header-actions{margin-top:10px}
#tools-body .prototype{display:none}
@media(max-width:760px){
 .playing .mobile-game-only{display:inline-flex;align-items:center;justify-content:center}
 .playing .site-header{padding:3px 10px;border-bottom:0;min-height:40px;gap:10px}
 .playing .site-header .brand{gap:9px}
 .playing .site-header .brand strong{font-size:23px;letter-spacing:.3px}
 .playing .site-header .brand span{font-size:8px;letter-spacing:.9px;padding-left:9px}
 .playing .site-header .header-actions{display:none}
 .playing #mobile-menu{font-size:11px;min-height:34px;padding:4px 10px}
 .playing main{padding:0 8px}
 .playing .game-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .playing .game-heading #game-nav{display:none}
 .playing .scoreboard{position:static;padding:5px 12px;grid-template-columns:1fr 82px 1fr;border-radius:9px 9px 0 0;box-shadow:none;min-height:56px}
 .playing .team-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
 .playing .team-crest{display:grid;width:33px;min-width:33px;height:28px;font-size:11px}
 .playing .team-score{gap:10px}
 .playing .score-number{font-size:27px;line-height:1;letter-spacing:0}
 .playing .score-clock .time{font-size:27px;letter-spacing:-1px}
 .playing .score-clock small{font-size:7px;letter-spacing:1px;margin-bottom:3px}
 .playing .timeout-dots{margin-top:5px;gap:3px}
 .playing .timeout-dots i{width:9px;height:3px}
 .playing .situation-strip{padding:0 10px;min-height:30px;margin-bottom:6px;font-size:10px;border-radius:0 0 9px 9px}
 .playing .situation-strip strong{font-size:11px}
 .playing .situation-strip>div{gap:10px}
 .playing .situation-strip .objective-short{display:inline}
 .playing .coach-chip{font-size:12px;min-height:30px}
 .playing .coach-chip span{display:none}
 .playing .coach-chip:after{content:' CP';font-size:9px;font-weight:400}
 .playing .game-layout{display:grid;grid-template-columns:1fr;gap:6px}
 .playing .field-panel{position:static;border-radius:9px}
 .playing .field-heading{padding:1px 7px;gap:7px;min-height:34px}
 .playing .field-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .playing .field-heading #field-label{max-width:none;min-width:0;flex:1;text-align:left;font-size:9px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .playing .field-shortcuts{gap:4px;flex-shrink:0}
 .playing .field-shortcuts button{font-size:10px;min-height:32px;padding:3px 7px}
 .playing .field svg{aspect-ratio:auto;height:clamp(120px,calc(100svh - 550px),170px);max-height:none;touch-action:pan-y}
 .playing.large-field .field svg{height:clamp(280px,48svh,520px)}
 .playing #field,.playing #last-play{scroll-margin-top:8px}
 .playing .field-panel>.field-tools,.playing .field-panel>.replay-tools,.playing .next-call{display:none}
 .playing .last-play{padding:3px 7px;min-height:36px;gap:7px}
 .playing .play-badge{font-size:13px;padding:2px;min-width:27px;border-radius:5px}
 .playing .last-play>div{min-width:0;flex:1}
 .playing .last-play strong{font-size:11px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .playing .last-play small{display:none}
 .playing #last-detail{padding:0;min-width:30px;min-height:30px;border:0;background:transparent;color:var(--muted)}
 .playing .call-panel{padding:7px;border-radius:9px;scroll-margin-top:8px}
 .playing .call-heading{margin:0 0 6px;min-height:34px;gap:6px}
 .playing .call-heading h2{font-size:15px;letter-spacing:-.2px}
 .playing .call-heading .eyebrow,.playing .call-heading>#clock-info{display:none}
 .playing #mobile-adjust{gap:7px;font-size:11px;min-height:34px;padding:4px 8px;color:var(--mint)}
 .playing #mobile-call-summary{color:var(--muted);font-size:10px;font-weight:400}
 .playing #call-panel>.tactics,.playing #call-panel>.tempo-row,.playing #call-panel>.management,.playing #call-panel>#kneel{display:none}
 .playing .call-sheet{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .playing .call-sheet.defensive{grid-template-columns:repeat(3,minmax(0,1fr))}
 .playing .play-card,.playing .call-sheet.defensive .play-card{min-height:44px;padding:5px 4px;display:grid;grid-template-columns:1fr;place-items:center;text-align:center}
 .playing .play-card strong{font-size:11px;line-height:1.2}
 .playing .play-card small{display:none}
 .playing .call-detail{margin:6px 0;min-height:0;padding-left:7px;line-height:1.3}
 .playing .call-detail strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.4}
 .playing .call-detail span{display:none}
 .playing .snap{min-height:44px;font-size:13px;padding:8px 12px;border-radius:7px}
 .playing .snap span{font-size:19px}
 .playing #mobile-timeout{min-width:64px;min-height:44px;font-size:11px;padding:6px}
 .playing .drive-log{margin-top:9px}
 .playing .drive-log summary{padding:8px 12px;min-height:40px;font-size:12px}
 .playing .game-footer{margin-top:8px}
 .playing .membership{margin-top:16px}
 #tools-dialog{margin:auto auto max(10px,env(safe-area-inset-bottom));border-radius:15px;padding:18px;max-height:85svh}
 #tools-body .tempo{font-size:11px}
 #tools-body .management{grid-template-columns:repeat(2,1fr)}
 #tools-body .management button{font-size:12px}
}
@media(max-width:350px){
 .playing #mobile-call-summary{display:none}
 .playing .call-sheet{grid-template-columns:repeat(3,minmax(0,1fr))}
 .playing .situation-strip>div{gap:6px}
 .playing .situation-strip .objective-short{display:none}
 .playing .play-card strong{font-size:10px}
 .playing .field-heading #field-label{font-size:8px}
 #tools-body .tactics{grid-template-columns:1fr}
}
/* Let landscape phones use the desktop split without a tall title/header stack. */
@media(min-width:600px) and (max-width:960px) and (max-height:500px){
 .playing main{padding-top:0}
 .playing .game-layout{grid-template-columns:1fr 1fr;gap:8px}
 .playing .field svg{height:clamp(190px,55svh,260px)}
 .playing .field-panel{position:sticky;top:6px}
}

.finish-media{border:1px solid var(--line);border-radius:10px;padding:18px;margin:22px 0;background:#102b25}
.finish-media h3{font-size:22px;margin:6px 0 10px}.finish-media p{font-size:13px;line-height:1.6}
.finish-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.finish-actions button{min-height:44px;font-size:13px;flex:1 1 140px;padding:9px 12px}
.finish-media .small{font-size:11px;color:var(--muted)}
.recap-preview{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:8px}
#copy-recap-text{width:100%;font:inherit;color:var(--ink);background:var(--panel);padding:12px;margin-top:10px}
#highlight-controls{padding:12px;background:#123c2b;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#highlight-controls strong{color:var(--mint);font-size:14px}#highlight-status{flex:1;font-size:12px;color:var(--muted)}
#highlight-controls button{min-height:40px;font-size:12px}
.watching-highlights .field svg{height:clamp(220px,50svh,460px)}
@media(max-width:760px){.finish-media{padding:13px}.finish-media h3{font-size:19px}.finish-actions{gap:6px}.finish-actions button{font-size:12px;flex-basis:120px}#highlight-controls{padding:8px}#highlight-controls button{width:100%}}
/* v0.4 — one decision layer at a time, with a visible clock receipt. */
[hidden]{display:none!important}
.call-steps{display:flex;gap:5px;margin:0 0 9px}.call-steps button{flex:1;min-width:0;font-size:11px;min-height:34px;padding:5px;border-radius:6px;background:#16352e;color:var(--muted)}
.call-steps button[aria-current="step"]{color:var(--mint);border-color:var(--mint);background:#224733}
.call-heading{margin-bottom:9px;align-items:center}.call-heading h2{font-size:21px}.call-heading #clock-info{font-size:11px;min-height:32px;padding:4px 9px;width:auto;border-radius:6px}
.clock-status{font-size:11px;line-height:1.4;color:var(--mint);background:#18392b;padding:7px 9px;border-radius:6px;margin-bottom:10px}.clock-status.urgent{color:#ffe2ad;background:#25384b}
.single-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:0 0 8px}.single-control select{width:100%}
.stage-note{font-size:11px;color:var(--muted);line-height:1.5;margin:7px 0 10px}.declared{font-size:12px;color:var(--mint);margin:0 0 10px}
.call-panel .tactics label{font-size:11px}.call-panel select{font-size:13px;min-height:40px}
.check-control{display:flex!important;align-items:center;gap:7px;min-height:40px;color:var(--ink)!important}.check-control input,.protection input{accent-color:var(--mint);width:17px;height:17px}
.adjustment-top{align-items:center;margin-bottom:8px}.protection{display:flex;gap:7px 12px;flex-wrap:wrap;font-size:11px;margin:6px 0}.protection label{display:flex;align-items:center;gap:5px;min-height:32px}.protection label:has(input:disabled){color:var(--muted)}
#dead-description{font-size:14px;line-height:1.5;margin:0 0 8px}#clock-receipt{font-size:12px;color:var(--mint);margin:0 0 12px}.management{margin-bottom:12px;grid-template-columns:repeat(3,1fr)}.management button{min-height:39px;font-size:11px}
#quick-timeout{min-width:62px;font-size:11px}.snap-row{margin-top:8px}.call-panel .snap{min-height:44px}
.playing .last-play{display:none}.playing.dead-ball .last-play{display:none}.field-panel{overflow:hidden}
@media(max-width:760px){
 .playing .field svg{height:clamp(196px,30svh,290px)}
 .playing.large-field .field svg{height:clamp(290px,50svh,520px)}
 .playing .call-panel{padding:8px}.playing .call-heading{min-height:24px;margin:0 0 5px}
 .playing .call-heading h2{font-size:14px}.playing .call-heading>#clock-info{display:inline-flex;align-items:center;min-height:26px;padding:2px 6px;font-size:10px}
 .playing .call-steps{gap:4px;margin-bottom:6px}.playing .call-steps button{font-size:10px;min-height:28px;padding:3px}
 .playing .clock-status{font-size:10px;padding:4px 6px;margin-bottom:6px;line-height:1.35}
 .playing .call-panel .tactics{margin-bottom:6px;gap:7px}.playing .call-panel .tactics label{font-size:10px;gap:3px}
 .playing .call-panel select{font-size:12px;min-height:36px;padding:5px 6px}
 .playing .single-control{font-size:11px;gap:8px;margin-bottom:5px}
 .playing .stage-note{font-size:10px;line-height:1.3;margin:4px 0 6px}
 .playing .declared{font-size:10px;margin:0 0 6px;line-height:1.4}
 .playing .snap-row{margin-top:6px}.playing .snap{min-height:42px;padding:7px 10px}.playing #quick-timeout{min-height:42px}
 .playing .call-sheet .play-card{min-height:42px}.playing .call-sheet .play-card strong{font-size:10px}
 .playing .adjustment-top .check-control{min-height:30px}.playing .protection{font-size:10px;gap:3px 10px;margin:4px 0}.playing .protection label{min-height:26px}.playing .protection input{width:16px;height:16px}
 .playing #dead-description{font-size:12px;line-height:1.4;margin-bottom:7px}.playing #clock-receipt{font-size:10px;margin-bottom:7px}
 .playing .management{grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 7px}.playing .management button{min-height:34px;padding:4px;font-size:10px}
 .playing .field-heading{min-height:30px}.playing .field-shortcuts button{min-height:28px}
}
@media(min-width:600px) and (max-width:960px) and (max-height:500px){.playing .field svg{height:clamp(190px,55svh,260px)}}

/* Prevent the browser from moving the field while a call step changes height. */
#call-panel{overflow-anchor:none}.ot-notice{color:var(--mint);font-weight:750}

@media(max-width:760px){.playing .call-detail span{display:none}.playing .call-detail{margin:5px 0;line-height:1.25}.playing #read-note{margin:3px 0;line-height:1.25}.playing #adjust-stage .tactics{margin-bottom:3px}}
@media(max-width:760px) and (max-height:720px){.playing .adjustment-top{margin-bottom:2px}.playing .adjustment-top .check-control{min-height:24px}.playing .call-heading{margin-bottom:3px}.playing #reads{margin-bottom:0}.playing .call-detail{margin:3px 0}.playing .snap-row{margin-top:3px}}
/* v0.5 — compact choices, a closer field and a start button within reach. */
.choice-buttons{display:grid;grid-template-columns:repeat(var(--choices,3),minmax(0,1fr));gap:5px;margin-top:4px}
.choice-buttons button{font:inherit;font-size:11px;min-height:36px;line-height:1.2;padding:5px 6px;border:1px solid var(--line);border-radius:6px;background:#17392e;color:var(--ink)}
.choice-buttons button[aria-pressed="true"]{border-color:var(--mint);background:#28543c;color:var(--mint)}
#personnel-choices{grid-template-columns:repeat(6,minmax(0,1fr))}
#tactics{grid-template-columns:1fr}#tactics>label{display:flex;align-items:center;justify-content:space-between;gap:10px}#tactics>label>select,#personnel-choices{width:73%}
#rush-row{grid-template-columns:1fr}#rush-row>label{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px}
#coverage-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.sound-options{display:grid;gap:14px}.sound-options label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.sound-options input[type="range"]{width:50%;accent-color:var(--mint)}.sound-options input[type="checkbox"]{accent-color:var(--mint);width:18px;height:18px}
@media(min-width:761px){.playing .field svg{height:clamp(330px,49svh,500px);aspect-ratio:auto}.playing .game-heading{margin:15px 0}.playing .game-heading h1{font-size:27px}.playing .scoreboard{padding-top:13px;padding-bottom:13px}.intro{padding-top:20px;margin-bottom:23px}.intro h1{font-size:clamp(40px,5vw,70px)}.era-card{min-height:95px}.scenario-preview{padding:23px}.preview-number{font-size:64px;margin:12px 0}.scenario-preview h2{font-size:32px}.preview-objective{display:none}.challenge-tags{margin:16px 0}.preview-bottom{margin-top:16px}}
@media(max-width:760px){
 .playing .choice-buttons{gap:4px;margin-top:0}.playing .choice-buttons button{font-size:10px;min-height:32px;padding:4px 2px}
 .playing #tactics>label{display:flex;font-size:10px;gap:8px}.playing #tactics>label>select,.playing #personnel-choices{width:74%}
 .playing #rush-row{gap:6px}.playing #rush-row>label{grid-template-columns:72px 1fr}.playing #coverage-choices{grid-template-columns:1fr}.playing #coverage-choices button{min-height:26px}
 .playing #defense-personnel-stage .tactics{grid-template-columns:1.05fr 1fr;align-items:start}.playing .clock-status{font-variant-numeric:tabular-nums}
 body:not(.playing) .site-header{padding:9px 12px;min-height:48px}body:not(.playing) .header-actions{gap:3px}body:not(.playing) .header-actions #help{display:none}body:not(.playing) .header-actions .quiet{font-size:10px;padding:4px}
 body:not(.playing) main{padding:0 12px}.intro{padding:10px 0;margin:0 0 13px;display:block}.intro h1{font-size:34px;line-height:1.05;letter-spacing:-1px}.intro h1 br{display:none}.intro h1 em{white-space:nowrap}.intro .eyebrow{margin-bottom:8px;font-size:8px}.intro-copy{display:none}
 .lobby-layout{display:flex;flex-direction:column;gap:14px}.era-section{width:100%}.section-heading{margin-bottom:8px}.section-heading h2{font-size:15px}.section-heading>span{font-size:8px}.era-grid{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.era-card{min-height:46px;padding:6px 9px}.era-card strong{font-size:12px}.era-card .qb{font-size:9px}.era-card .era-year{font-size:23px}
 .scenario-preview{padding:12px;width:100%;border-radius:10px;display:block}.scenario-preview .preview-top,.scenario-preview .preview-number,.scenario-preview h2,.scenario-preview .subtitle,.scenario-preview .challenge-tags,.scenario-preview .preview-objective{display:none}.start-side{display:flex;align-items:center;gap:9px;margin:0;font-size:10px}.start-side select{flex:1;min-width:0;min-height:34px;padding:5px;font-size:11px}.preview-bottom{margin-top:8px;padding-top:0}.preview-bottom .primary{min-height:44px;font-size:14px;padding:8px 12px}.preview-bottom small{font-size:9px;margin-top:5px}.preview-bottom .error:empty{display:none}
 .foundation{margin-top:16px;padding:14px;gap:10px}.foundation-icon{display:none}.foundation strong{font-size:12px}.foundation p{font-size:10px}.foundation #model-info{font-size:10px}.playing #special p{font-size:13px;line-height:1.45}
}
@media(max-width:760px) and (max-height:720px){.playing .field svg{height:clamp(188px,29svh,210px)}}

@media(min-width:761px){
 body:not(.playing) .site-header{padding-top:18px;padding-bottom:18px}
 body:not(.playing) main{padding-top:20px}
 .intro{padding-top:10px;margin-bottom:22px}.intro h1{font-size:clamp(42px,4.6vw,60px)}
 .era-card{min-height:68px;padding:10px 13px}.era-card strong{font-size:15px}.era-card .era-year{font-size:29px}.era-card .qb{font-size:11px}.era-grid{gap:8px}
 .scenario-preview{padding:20px}.preview-top{margin-bottom:8px}.preview-number{font-size:52px;margin:8px 0}.scenario-preview h2{font-size:28px}.challenge-tags{margin:12px 0}.preview-bottom{margin-top:12px}
}
/* Final Drive's enlarged artwork is presentation-only; anchors keep real yards. */
#game-field[data-ratings="true"] .retro-actor,#game-field[data-ratings="true"] .diagram-actor{display:none}
#game-field .player-icon:focus .player-hit{stroke:#ffdf7d;stroke-width:3}
.field-readbar{display:flex;gap:6px;align-items:center;padding:5px 10px;background:#0c2b25;border-top:1px solid var(--line)}
.field-readbar button{font-size:12px;border:0;padding:4px 2px;min-height:26px;background:transparent;color:var(--mint);text-align:left}
.field-readbar #front-read{flex:1}.field-readbar #field-players{border-left:1px solid var(--line);padding-left:10px;color:var(--ink);font-weight:800}
.field-tools{flex-wrap:wrap}.field-tools>button{min-width:72px}
.rating-badge{display:inline-grid;place-items:center;min-width:34px;min-height:30px;padding:3px 7px;border-radius:6px;font-size:15px;font-weight:850;font-variant-numeric:tabular-nums;color:#082823}
.standout{background:#a9eec6}.strong{background:#9adbea}.steady{background:#f3d583}.developing{background:#efac9b}
.rating-legend{display:flex;flex-wrap:wrap;gap:6px}.rating-legend span{font-size:11px;padding:4px 7px;border-radius:5px;color:#092727}
.player-list{display:grid;gap:6px}.player-list details{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:0 10px}
.player-list summary{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer}.player-list summary>span:nth-child(2){flex:1;min-width:0}.player-list summary small{display:block;font-size:11px;color:var(--muted)}.player-list summary strong{font-size:14px}.roster-role{min-width:32px;font-size:12px;color:var(--mint)}
.skill-list{display:grid;gap:10px;margin:15px 0}.skill-list>div{display:grid;grid-template-columns:1fr 70px 38px;align-items:center;gap:10px;font-size:13px}.skill-list meter{width:100%;height:12px;accent-color:var(--mint)}
@media(max-width:760px){.field-readbar{padding:2px 8px;gap:4px}.field-readbar button{font-size:10px;min-height:24px}.field-tools>button{min-height:36px}}
@media(max-width:760px) and (max-height:720px){.playing:not(.large-field) .field svg{height:188px}}

/* Final Drive v0.7: direct play selection; optional personnel and adjustments. */
.unit-summary{font-size:.76rem;color:var(--muted);margin:0 0 7px}
.call-sheet{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.call-sheet.defensive{grid-template-columns:repeat(3,minmax(0,1fr))}
.call-sheet .play-card{padding:10px 5px;min-height:42px}.call-sheet .play-card strong{font-size:.82rem}
.simple-variants,.run-sides{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.simple-variants button{flex:1;padding:9px 5px;font-size:.77rem}.run-sides{align-items:center;font-size:.8rem}.run-sides button{flex:1;padding:7px}
.target-caption{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin:9px 0 4px}
.receiver-row{display:grid;grid-template-columns:minmax(0,1fr) 106px;gap:5px;margin:4px 0}.receiver-row button{padding:5px 8px;min-height:33px;border-radius:7px;font-size:.82rem}.receiver-target{display:flex;align-items:center;gap:7px;text-align:left}.receiver-target>span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receiver-row .rating-badge{font-size:.72rem;min-width:25px;padding:2px 4px}.receiver-row .roster-role{font-size:.68rem;min-width:18px}.route-edit{display:flex;align-items:center;justify-content:space-between}.target-caption+ .receiver-row{margin-top:0}
.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sub-options{display:grid;gap:6px}.sub-options button{display:flex;align-items:center;justify-content:space-between;text-align:left}.sub-options small{display:block;color:var(--muted)}
button[aria-pressed="true"]{border-color:var(--mint);background:#285a45;color:#f2fff5}
@media(max-width:700px){.call-panel .call-heading{margin-bottom:5px}.call-steps{margin-bottom:5px}.call-steps button{padding:6px 3px;font-size:.67rem}.unit-summary{font-size:.65rem;margin:0 0 4px}.target-caption{margin:5px 0 3px;font-size:.62rem}.receiver-row{margin:3px 0;grid-template-columns:minmax(0,1fr) 89px}.receiver-row button{min-height:29px;padding:3px 6px;font-size:.73rem}.call-sheet .play-card{min-height:34px;padding:6px 3px}.call-sheet .play-card strong{font-size:.7rem}.call-detail{margin:5px 0;padding:4px 7px}.call-detail span{display:none}.clock-status{font-size:.65rem}.snap-row{margin-top:5px}}

.target-estimate{display:block;font-size:.62rem;color:var(--muted);line-height:1.1}.estimate-link{font-size:.68rem;padding:3px 0;min-height:24px;background:none;border:0;color:var(--mint);text-decoration:underline}

.choice-buttons button small{display:block;font-size:.62rem;font-weight:400;line-height:1.3;margin-top:3px;white-space:normal}.field{position:relative;overflow:hidden}.field svg{transition:filter .2s ease,transform .2s ease}.field.play-active svg{filter:saturate(1.1);animation:snap-focus .4s ease-out}.moment-cue{position:absolute;top:12px;left:50%;transform:translateX(-50%);max-width:90%;pointer-events:none;border-radius:7px;padding:7px 14px;background:#071e26ed;border:1px solid #aaf1c6;color:#eaffef;font-size:13px;font-weight:900;letter-spacing:.1em;text-align:center;box-shadow:0 5px 18px #0005}.moment-cue[data-kind="first"],.moment-cue[data-kind="score"]{background:#aaf1c6;color:#082823}.moment-cue[data-kind="contact"]{border-color:#f9cd86}.moment-cue[data-kind="turnover"]{border-color:#ffaaa8}.cue-enter{animation:moment-enter .23s ease-out}@keyframes snap-focus{from{transform:scale(.99);filter:saturate(.85)}to{transform:scale(1);filter:saturate(1.1)}}@keyframes moment-enter{from{opacity:0;transform:translate(-50%,5px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@media(prefers-reduced-motion:reduce){.field svg{transition:none}.field.play-active svg,.cue-enter{animation:none;filter:none}}

.receiver-row .rating-badge{min-height:20px}@media(max-width:760px){.playing .call-sheet .play-card{min-height:34px}.playing .call-sheet.defensive .play-card{min-height:44px}.playing #unit-summary{margin-bottom:3px}.playing .receiver-row button{line-height:1.15}.playing .target-estimate{line-height:1}.playing .estimate-link{min-height:23px}}

/* One concrete clock-management instruction in the main play caller. */
.boundary-control{display:flex;align-items:center;gap:9px;margin:8px 0 4px;font-size:.8rem;cursor:pointer}
.boundary-control input{width:18px;height:18px;accent-color:var(--mint);flex:0 0 auto}
.boundary-control small{display:block;color:var(--muted);font-size:.68rem;line-height:1.25}
/* v0.8: two screens, inline assignments, permanently available camera controls. */
.call-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.control-row{display:grid;grid-template-columns:85px minmax(0,1fr);gap:8px;align-items:start;margin:7px 0}
.control-label{font-size:11px;color:var(--muted);padding-top:8px}
.inline-choices{display:flex;flex-wrap:wrap;gap:4px}
.inline-choices button,.assignment-choices button{flex:1 1 auto;min-height:32px;padding:5px 8px;font-size:11px;line-height:1.25;border:1px solid var(--line);border-radius:6px;background:#17392e;color:var(--ink)}
.inline-choices button[aria-pressed="true"],.assignment-choices button[aria-pressed="true"]{border-color:var(--mint);background:#28543c;color:var(--mint)}
.camera-strip{display:flex;justify-content:center;gap:5px;padding:4px;background:#102e25;border-top:1px solid var(--line)}
.camera-strip button{min-height:30px;min-width:40px;padding:3px 9px;font-size:12px;background:#17392e;color:var(--ink)}
.play-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.play-top button{min-height:30px;font-size:11px;white-space:nowrap}.play-top .unit-summary{margin:3px 0;font-size:11px}
.call-sheet{grid-template-columns:repeat(5,minmax(0,1fr))}.call-sheet.defensive{grid-template-columns:repeat(3,minmax(0,1fr))}
.assignment-editor{padding:8px;border:1px solid var(--line);background:#09281f;border-radius:6px;margin:4px 0 8px}
.assignment-choices{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0}.assignment-choices>span{width:100%;font-size:10px;color:var(--muted)}
.assignment-row .receiver-row{margin-bottom:3px}.receiver-row .rating-badge{font-size:11px;min-height:22px;min-width:25px;padding:2px 4px}
#pass-targets{max-height:280px;overflow-y:auto;overscroll-behavior:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#528363 transparent}
#preplay-controls{max-height:380px;overflow-y:auto;overscroll-behavior:auto}
#game-field[data-look="retro"] .diagram-name{display:none}#game-field[data-look="diagram"] .diagram-name{display:block}
@media(max-width:760px){
 .playing .camera-strip{padding:2px;gap:4px}.playing .camera-strip button{min-height:27px;padding:2px 9px}
 .playing .control-row{grid-template-columns:62px 1fr;gap:5px;margin:5px 0}.playing .control-label{font-size:9px;padding-top:7px}
 .playing .inline-choices button,.playing .assignment-choices button{font-size:10px;min-height:29px;padding:3px 5px}
 .playing #preplay-controls{max-height:228px}.playing #pass-targets{max-height:180px}
 .playing .call-sheet .play-card{min-height:34px;padding:4px 2px}.playing .call-sheet .play-card strong{font-size:10px}
 .playing .play-top .unit-summary{font-size:9px}.playing .play-top button{font-size:10px;min-height:26px}
 .playing .receiver-row{min-height:29px}.playing .receiver-target,.playing .route-edit{min-height:29px;padding:3px 6px;font-size:10px}
 .playing .boundary-control{font-size:10px;margin:4px 0}.playing .boundary-control small{display:none}
 .playing .call-detail{font-size:10px}.playing .stage-note{font-size:9px}
}
/* v0.8.1: compact controls win over the older mobile play-sheet rules. */
#call-sheet:not(.defensive){grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
#call-sheet .play-card{min-width:0;overflow-wrap:normal}
#call-sheet:not(.defensive) .play-card strong{white-space:nowrap}
.playing .control-row.single-row{display:block}
.control-row.single-row>.control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0}
.control-row.single-row .inline-choices{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
.control-row.single-row .inline-choices button{min-width:0;padding-inline:2px;white-space:nowrap}
.control-row[data-control="tempo"] button span{display:block}
.control-row[data-control="tempo"] button small{display:block;margin-top:2px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}
.cycle-control{display:flex;min-width:0;border:1px solid var(--line);border-radius:6px;background:#17392e;overflow:hidden}
.cycle-control button{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:34px;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:12px;padding:4px 6px;line-height:1.2}
.cycle-control .cycle-value{flex:1;gap:3px}
.cycle-control .cycle-value>span:first-child{min-width:0;overflow-wrap:normal}
.cycle-control .cycle-previous{flex:0 0 26px;justify-content:center;padding:2px;border-right:1px solid var(--line);font-size:18px}
.cycle-mark{color:var(--mint);flex:0 0 auto;font-size:12px}
.cycle-control button:hover:not(:disabled){background:#28543c}
.cycle-control button:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}
.cycle-control:focus-within{border-color:var(--mint)}
.cycle-control button:disabled{opacity:.48}
.mentality-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.playing .mentality-pair .control-row{display:block;margin:3px 0}
.mentality-pair .control-label{display:block;padding:0 0 3px}
.playing .assignment-row .receiver-row,.assignment-head{display:grid;grid-template-columns:minmax(54px,.75fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:4px;align-items:stretch}
.assignment-head{position:sticky;top:0;z-index:1;background:var(--panel);padding:4px 0;font-size:10px;color:var(--muted);text-align:center}
.playing .assignment-row .receiver-target{min-width:0;padding:3px;gap:3px;justify-content:center;align-items:center;white-space:nowrap}
.assignment-row .receiver-target .roster-role{flex:0 0 auto;min-width:0;font-size:11px}
.assignment-row .receiver-target .rating-badge{flex:0 0 auto;min-width:22px;font-size:10px;padding:2px 3px}
.player-label{display:flex;border:1px solid var(--line);border-radius:6px;background:#102d24}
.assignment-row .cycle-control{height:100%}
.assignment-row .cycle-control button{min-height:34px}
@media(max-width:760px){
 .playing .cycle-control button{font-size:10px;min-height:32px;padding:3px 4px}
 .playing .cycle-control .cycle-previous{flex-basis:24px;padding:2px;font-size:17px}
 .playing .mentality-pair{gap:5px}
 .playing .control-row[data-control="tempo"] button{min-height:36px;font-size:10px}
 .playing .control-row[data-control="passConcept"] button{font-size:10px;min-height:32px}
 .playing .assignment-row .receiver-row{margin:3px 0}
 .playing .assignment-row .receiver-target{font-size:10px;min-height:32px}
 .playing .assignment-row .receiver-target .roster-role{font-size:10px}
 .playing .assignment-row .cycle-mark{font-size:10px}
 .playing #pass-targets{max-height:204px;padding-right:2px}
}

/* Audit pass: management stays reachable at the line without another screen. */
.management-tray{border-top:1px solid var(--line);margin-top:8px;padding-top:5px}
.management-tray>summary{cursor:pointer;font-size:12px;font-weight:700;padding:6px 0;color:var(--mint)}
.management-tray .management{margin:6px 0}
.decision-review{font-size:12px;margin:6px 0;color:var(--dim,var(--ink))}
.decision-review summary{cursor:pointer;font-weight:700}
.decision-review ul{margin:6px 0;padding-left:18px}
.decision-review li+li{margin-top:4px}
.result-actions+.coach-comparison{margin-top:18px}
@media(max-width:760px){.playing .management-tray{margin-top:5px;padding-top:2px}.playing .management-tray>summary{font-size:11px;padding:5px 0}.playing .decision-review{font-size:11px}}
@media(prefers-reduced-motion:reduce){.moment-cue.cue-enter{animation:none;transition:none}.field.play-active{animation:none;transition:none}}

.sample-range{display:block;font-size:10px;font-weight:400;white-space:nowrap}

/* v0.9: committed two-step flow and direct transition actions. */
#call-steps[hidden]{display:none!important}
#preplay-controls,#pass-targets{max-height:none!important;overflow:visible!important}
.mentality-pair{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px}
.transition-tempos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.transition-tempos button{padding:9px 3px}.transition-tempos strong,.transition-tempos small{display:block}
.receiver-row,.assignment-head{grid-template-columns:1.35fr 1.15fr .8fr .8fr!important;gap:4px!important}
.receiver-target{gap:4px;min-width:0}.assignment-name{overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}
.read-order{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:6px 0}.read-order>button{grid-column:1/-1;padding:6px}
#force-ball[aria-pressed=true]{border-color:#f4b66f;color:#f4d3a1}
.edited{font-size:10px;color:#ffcf73;margin-left:6px}#reset-call{padding:3px 8px;margin-bottom:8px}
#estimate-targets{display:block;width:100%;margin-top:10px}#estimate-targets[hidden]{display:none}
#field,#field *{-webkit-user-select:none;user-select:none}.field-quick-tools{display:flex;justify-content:center;gap:5px}
#management button{font-size:11px;line-height:1.4;padding:10px 6px}
[data-setting=cadence]{font-size:10px;padding:7px 2px;line-height:1.3}
@media(max-width:760px){.mentality-pair .control-label{font-size:10px}.mentality-pair button{font-size:10px}.assignment-name{font-size:9px}.receiver-row button{padding:6px 3px}.read-order .cycle-value{font-size:11px}}

/* v0.10: compact, consistent call structure and readable rule text. */
[data-choice="cadence"],.choice-row[data-setting="cadence"]{flex-wrap:nowrap}
#preplay-controls .choice-row:has([data-setting="cadence"]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#call-sheet.defensive{grid-template-columns:repeat(5,minmax(0,1fr))}
#dialog,#dialog button,#dialog-body{font-family:inherit}
.force-primary{display:flex;gap:5px;align-items:center;font-size:11px;cursor:pointer}.force-primary input{accent-color:var(--mint);width:16px;height:16px}
.forced-target{outline:1px solid var(--gold);border-radius:6px;background:#203541}
#skip-animation{font-size:11px;padding:5px 9px}
@media(max-width:600px){#call-sheet.defensive .play-card{font-size:10px;padding:7px 2px}.read-order{grid-template-columns:1fr 1fr}.force-primary{grid-column:1/-1}}

[data-control="cadence"] .inline-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
[data-control="cadence"] button{white-space:nowrap;font-size:12px;padding:8px 2px}
[data-control="defPkg"] .inline-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
[data-control="defPkg"] button{font-size:10px;padding:8px 2px}
[data-control="defFront"] .inline-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
[data-control="defFront"] button{font-size:11px;padding:7px 2px}

/* A visible tempo declaration belongs to the transition, not a hidden setup panel. */
.personnel-notice{color:var(--mint);padding:8px 10px;border-left:3px solid var(--mint);background:#173b2e;border-radius:4px}
.personnel-notice strong{display:block}.transition-tempos button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}

/* One scroll surface for every call stage; keep the field visible on phones. */
@media(max-width:760px){
 .playing .game-layout{gap:7px}
 .playing .field-panel{position:sticky;top:5px;z-index:3}
 .playing .field{height:clamp(205px,32svh,290px);min-height:0}
 .playing.large-field .field{height:clamp(290px,50svh,520px)}
 .playing .field svg,.playing:not(.large-field) .field svg,.playing.large-field .field svg{height:100%;aspect-ratio:auto}
 .playing .call-panel{max-height:calc(68svh - 165px);min-height:180px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#83bc99 #102a25;scroll-padding:8px}
 .playing .call-panel:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
}
@media(prefers-reduced-motion:no-preference){
 .field[data-moment="first"],.field[data-moment="score"]{box-shadow:inset 0 0 0 2px #a9edc677}
 .moment-cue[data-kind="score"]{border-color:#eccf73;box-shadow:0 0 22px #eccf7333}
}

/* v0.16: priorities live on the receiver; no duplicated personnel or read rows. */
.call-heading .compact-check{display:inline-flex;align-items:center;gap:6px;margin:0;min-height:32px;padding:2px 4px;font-size:12px;white-space:nowrap;cursor:pointer}
.compact-check input{width:16px;height:16px;margin:0;accent-color:var(--mint)}
.call-heading{align-items:center}
.receiver-row,.assignment-head{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.8fr)!important}
.playing .assignment-row .receiver-target{flex-wrap:wrap;justify-content:flex-start;align-content:center;column-gap:3px;row-gap:1px;line-height:1.15;text-align:left;min-height:34px;padding:4px 5px}
.assignment-row .receiver-target .assignment-name{flex:0 1 auto;max-width:calc(100% - 22px);font-size:11px}
.assignment-row .receiver-target .read-label{flex:0 1 auto;font-size:10px;white-space:nowrap}
.assignment-row .receiver-target.read-primary{color:#ffcf73;border-color:#ffcf73;background:#203541}
.assignment-row .receiver-target.read-secondary{color:#ff94c9;border-color:#ff94c9;background:#382332}
.assignment-row .receiver-target.read-force{color:#72dbff;border-color:#72dbff;background:#143440}
.assignment-row .receiver-target.read-default{color:var(--ink)}
.receiver-target .read-label{opacity:.95}
.loaded-decision{margin:5px 0;font-size:12px;color:var(--mint)}
@media(max-width:760px){.call-heading .compact-check{font-size:11px;min-height:30px}.assignment-row .receiver-target .assignment-name{font-size:10px}.assignment-row .receiver-target .read-label{font-size:9px}.assignment-head{font-size:9px}}

/* The same scroll surface is used by Transition, Pre-Play and Play. */
@media(max-width:760px) and (max-height:599px){.playing .field{height:clamp(120px,30svh,190px)}.playing .call-panel{max-height:calc(70svh - 145px);min-height:130px}}
.retro-edge{pointer-events:none}

/* v0.17: page scrolling with one real field in a compact mobile score dock. */
.assignment-head{position:static}
#preplay-controls,#pass-targets{max-height:none;overflow:visible;padding-right:0}
.camera-strip{display:flex;align-items:center;gap:3px;padding:3px 7px;flex-wrap:nowrap}
.camera-strip button{min-height:30px;padding:3px 6px;font-size:10px;white-space:nowrap}
.camera-spacer{flex:1}.camera-strip #front-read{min-width:26px}.camera-strip #field-players{font-weight:750}
#simple-options>.control-row{margin:4px 0}
#simple-options .single-row .inline-choices button{min-height:29px;padding:4px 3px;font-size:11px}
#simple-options [data-control=runGroup] .inline-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:3px}
#simple-options [data-control=runGroup] button{font-size:clamp(8px,2.55vw,11px);letter-spacing:-.25px}
.sub-notice{border:1px solid #72dfad;padding:12px;border-radius:10px;background:#12372c}.sub-notice p{margin:5px 0}.sub-shortcuts{display:flex;flex-wrap:wrap;gap:5px}.sub-shortcuts button{min-height:36px;font-size:12px;padding:5px 8px}
#mobile-dock{display:none} .rating-badge.standout{background:#55c98a;color:#052b18}.rating-badge.strong{background:#579fe0;color:#001d36}.rating-badge.steady{background:#dfb64f;color:#362500}.rating-badge.developing{background:#d66b73;color:#31050b}
@media(max-width:760px){
 html{scroll-padding-top:calc(var(--dock-height,0px) + 8px)}
 .playing .field-panel{position:static!important;z-index:auto}
 .playing .call-panel{max-height:none!important;min-height:0;overflow:visible!important;overscroll-behavior:auto}
 .playing .field,.playing .field svg{touch-action:none!important;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
 .playing .camera-strip{padding:3px 4px;gap:3px}.playing .camera-strip button{min-height:30px;padding:3px 5px;font-size:9px}
 #mobile-dock:not([hidden]){display:grid;grid-template-columns:1fr 2fr;position:fixed;top:0;left:0;right:0;z-index:20;gap:4px;padding:4px;background:#071d19;border-bottom:1px solid #588d72;box-shadow:0 4px 14px #0005}
 #dock-score{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:2px 5px;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.15}
 #dock-score small{font-size:9px;color:#bfd5ca}.dock-time{font-size:23px;font-weight:900;color:var(--mint)}.dock-team{display:flex;gap:6px;align-items:center}.dock-team b{margin-left:auto;font-size:16px}
 #dock-field{min-width:0;overflow:hidden;border-radius:5px}#dock-field #field{height:100%!important;width:100%}#dock-field svg{height:100%!important;width:100%;max-height:none;aspect-ratio:auto}
 #dock-field .moment-cue{font-size:10px;padding:4px}
 .field-dock-placeholder{pointer-events:none}.field-docked #call-panel{scroll-margin-top:calc(var(--dock-height,0px) + 8px)}
}
@media(prefers-reduced-motion:no-preference){#mobile-dock:not([hidden]){animation:dock-enter .18s ease-out}@keyframes dock-enter{from{opacity:.4;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}

.assignment-row .receiver-target.read-safe{color:#c5a0ff;border-color:#c5a0ff;background:#2c2242}

.tutorial-bubble{position:relative;border:1px solid #6cbf99;border-radius:10px;padding:10px 12px;margin:0 0 10px;background:#153e31;color:#f1fff5;font-size:13px;box-shadow:0 4px 12px #0002}.tutorial-bubble:after{content:'';position:absolute;bottom:-6px;left:18px;width:10px;height:10px;transform:rotate(45deg);background:#153e31;border-right:1px solid #6cbf99;border-bottom:1px solid #6cbf99}.tutorial-bubble p{margin:5px 0 8px;line-height:1.4}.tutorial-bubble>div{display:flex;gap:6px}.tutorial-bubble button{min-height:32px;padding:4px 9px;font-size:12px}.tutorial-bubble strong{color:#b2f4ce}@media(prefers-reduced-motion:no-preference){.tutorial-bubble:not([hidden]){animation:dock-enter .18s ease-out}}

.rating-legend .standout{color:#55c98a}.rating-legend .strong{color:#579fe0}.rating-legend .steady{color:#dfb64f}.rating-legend .developing{color:#d66b73}

/* v0.18: one persistent menu entry and compact actions. */
#header-actions,#game-nav{display:none}#tools-body #header-actions,#tools-body #game-nav{display:flex;flex-wrap:wrap;gap:8px}#mobile-menu{display:inline-flex!important;margin-left:auto}#back-preplay{min-height:26px;padding:2px 9px;margin-left:auto;font-size:12px}.call-inline-actions{align-items:center}
@media(max-width:760px){#mobile-dock:not([hidden]){grid-template-columns:minmax(66px,1fr) 4fr}#dock-score{padding:2px 3px;font-size:11px}.dock-time{font-size:22px}.dock-team{gap:2px}.dock-team b{font-size:17px}#dock-score small{font-size:8px}}

.rating-legend .standout{background:#55c98a;color:#052b18}.rating-legend .strong{background:#579fe0;color:#001d36}.rating-legend .steady{background:#dfb64f;color:#362500}.rating-legend .developing{background:#d66b73;color:#31050b}

/* v0.19: compact controls retain their place next to the visible field. */
#mobile-menu{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:9px 14px}
.control-row[data-control="pkg"],.control-row[data-control="defPkg"]{display:flex;align-items:center;gap:6px}
.control-row[data-control="pkg"]>.control-label,.control-row[data-control="defPkg"]>.control-label{display:block;flex:none;margin:0;font-size:10px}
.control-row[data-control="pkg"]>.inline-choices,.control-row[data-control="defPkg"]>.inline-choices{flex:1;min-width:0}
.transition-tempos button{border-color:#6ba58a;box-shadow:inset 0 -2px #80d3a333}
.transition-tempos button small{color:#b4f2cf;font-weight:700}
.assignment-row .cycle-control.with-previous{grid-template-columns:16px minmax(0,1fr)}
.assignment-row .cycle-previous{min-width:16px;width:16px;padding:0;font-size:14px}
.assignment-row .cycle-value{padding-inline:3px;gap:2px}
@media(max-width:760px){
 .playing .field-panel>.replay-tools.replay-open{display:flex;padding:5px 7px;gap:4px}
 .replay-tools.replay-open button,.replay-tools.replay-open select{min-height:30px;padding:3px 6px}
 #mobile-dock:not([hidden]){grid-template-columns:minmax(0,1fr);grid-template-rows:30px minmax(0,1fr);gap:2px;padding:4px}
 #dock-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1px 5px;gap:6px;background:#102e26;border:0;outline:0;box-shadow:none;border-radius:0}
 .dock-team{display:flex;gap:4px;align-items:center;justify-content:flex-start;white-space:nowrap;line-height:1}
 .dock-team:last-child{flex-direction:row-reverse;justify-content:flex-start}
 .dock-team b{font-size:17px;margin:0}.dock-team small{font-size:8px;text-align:center}
 .dock-crest{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:21px;padding:0 2px;background:#244c3b;border:1px solid #779e8c;border-radius:5px;font-size:9px;font-weight:800;box-sizing:border-box}
 .dock-crest.opp{background:#283746;border-color:#7c8e9f}.dock-crest.has-ball{border-bottom:2px solid #f4d47a}
 .dock-center{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;line-height:1}
 #dock-score .dock-time{font-size:21px;line-height:1}#dock-score small{font-size:8px;white-space:nowrap}
 #dock-score .dock-down{font-weight:800;color:var(--ink)}
 #dock-field{height:100%;width:100%}
}
@media(max-width:350px){#dock-score{gap:3px;padding-inline:3px}.dock-team,.dock-center{gap:3px}#dock-score .dock-time{font-size:19px}.dock-team b{font-size:15px}.dock-crest{min-width:22px;font-size:8px}#dock-score small{font-size:7px}}

svg[data-field-labels="behind"] #actors .role-tag,svg[data-field-labels="behind"] #actors .diagram-name{visibility:hidden}
svg[data-look="retro"] #fieldLabelsBehind .diagram-name{display:none}
svg[data-look="diagram"] #fieldLabelsBehind .retro-actor{display:none}

/* A normal-flow row below the viewport can never obscure players, even on pan/zoom. */
.personnel-preview{position:absolute;z-index:3;left:50%;top:var(--personnel-top,78%);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;max-width:calc(100% - 16px);padding:3px 8px;border:1px solid rgba(175,238,201,.22);border-radius:5px;background:rgba(8,8,8,.94);white-space:nowrap;pointer-events:none}
.personnel-preview strong{font-size:clamp(9px,2.5vw,12px);line-height:1.3;color:var(--mint)}

.sub-scope{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--mint);padding:8px 0}.sub-scope input{width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--mint)}

/* Live decisions stay below camera controls; only the field and name strips dock. */
/* Stable live controls prevent a late tap from landing on the next screen. */
.field-stage{display:flex;flex-direction:column;min-width:0}
.live-controls{flex:none;padding:4px 7px;background:#0b241e;border-top:1px solid #38584c}
.live-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.live-buttons button{min-height:32px;height:32px;padding:3px 4px;font-size:11px;font-weight:700;border:1px solid #38554b;background:#142c25;color:#8fa99e;opacity:1;white-space:nowrap}
.live-buttons button:not(:disabled){border-color:#a8e8c1;background:#20523b;color:#effff4;box-shadow:inset 0 0 0 1px #7bcba633}
.live-buttons button:not(:disabled):active{background:#32674c}
.live-buttons button:focus-visible{outline:2px solid #d8ffe7;outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.field{display:flex;flex-direction:column}
.field svg{flex:1 1 auto;min-height:0}
.field-name-strip{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;height:var(--name-strip-height,16px);min-height:var(--name-strip-height,16px);padding:2px 6px;background:rgba(8,8,8,.94);color:#fff;font-size:6.5px;font-weight:700;line-height:1.2;white-space:nowrap;min-width:0;width:100%}
#dock-field .field-stage{height:100%;min-height:0}
#dock-field .field-stage .field{height:auto!important;flex:1 1 auto;min-height:0}
.line-player-name{display:flex;flex:0 1 auto;min-width:0;overflow:hidden}
.line-player-role{flex:none}
.line-player-surname{min-width:1.5ch;overflow:hidden;text-overflow:ellipsis}

/* Detailed help stays skimmable, in the same typeface as the game. */
.game-rules{font-family:inherit;font-size:13px;line-height:1.55}
.game-rules p,.game-rules li{font-family:inherit;font-size:inherit;line-height:inherit}
.game-rules p{margin:10px 0}
.game-rules ul,.game-rules ol{padding-left:22px;margin:10px 0}
.game-rules li{margin:8px 0}
.rules-section{border-top:1px solid #36594b;padding:2px 0}
.rules-section summary{padding:12px 2px;font-weight:750;color:#bee8d0;cursor:pointer;font-size:13px;line-height:1.4}
.rules-section summary:focus-visible{outline:2px solid #a8e8c1;outline-offset:2px}
.game-rules .rule-primary{color:#f6cf6a}.game-rules .rule-secondary{color:#f0a4d8}.game-rules .rule-force{color:#6fe7f0}.game-rules .rule-safe{color:#c4acff}

.special-choice{margin:8px 0}.special-choice>label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.special-options{display:flex;gap:5px}.special-options button{flex:1;min-width:0;padding:9px 4px;font-size:clamp(10px,3.2vw,12px)}.special-options small{display:block;font-size:10px;margin-top:3px}.special-options button.selected{border-color:#a3ebc3;background:#315a47;color:#c6f4db}

/* v0.38: name rows add height outside the playing surface; zoom never sizes text. */
.field-stage>.field{flex:none}
#dock-field .field-stage>.field{flex:1 1 auto}
.transition-tempos{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.transition-tempos>button:only-child{grid-column:1/-1}
.transition-tempos button{padding:8px 9px;min-height:48px}
@media(max-width:760px){
 #mobile-dock:not([hidden]){border-bottom:0;border-radius:0 0 14px 14px;padding-bottom:10px;box-shadow:0 7px 18px #0008}
 #mobile-dock::after{content:'';position:absolute;bottom:3px;left:calc(50% - 32px);width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,#71b08b40,#b8edcc,#71b08b40);pointer-events:none}
}

/* The stage action is reachable before scrolling through individual adjustments. */
.field-panel>.snap-row{margin:0;padding:3px 7px 7px;background:#0b241e}
.field-panel>.snap-row .snap{min-height:44px;padding:9px 13px;font-size:14px}
.field-panel>.snap-row #quick-timeout{min-height:44px}

/* More room for the closer phone framing, without changing desktop or the dock. */
@media(max-width:760px) and (min-height:600px){
 .playing:not(.large-field) .field{height:clamp(231px,36svh,326px)}
}
@media(max-width:760px) and (max-height:599px){
 .playing:not(.large-field) .field{height:clamp(135px,33.75svh,214px)}
}

/* Manual assignment colors agree with the field; edited controls stay compact. */
.assignment-row .cycle-control.assignment-edited .cycle-value,.assignment-row .cycle-control.assignment-edited .cycle-previous{background:#071e18;border-color:#527565}
.assignment-row .receiver-target.coverage-man{color:#79cfff;border-color:#79cfff;background:#142d3b}
.assignment-row .receiver-target.coverage-double{color:#f4a86a;border-color:#f4a86a;background:#203541}

/* A persistent administrative decision, independent of optional effects. */
.penalty-dialog{width:min(540px,calc(100vw - 28px));max-height:calc(100svh - 48px);margin:auto;padding:22px;border:2px solid #e7c45e;border-top:8px solid #e7c45e;border-radius:15px;background:#102b25;color:#f5f7ed;box-shadow:0 18px 80px #000b;font-family:inherit;overflow:auto}
.penalty-dialog::backdrop{background:#030d10c9;backdrop-filter:blur(3px)}.penalty-flag{color:#f8d875;font-size:12px;font-weight:900;letter-spacing:.15em}.penalty-dialog h2{font-size:23px;margin:8px 0 15px}.penalty-name{font-size:18px;font-weight:800;color:#f8d875}.penalty-name span{white-space:nowrap}.penalty-dialog p{line-height:1.5}.penalty-options{display:grid;gap:9px;margin:18px 0}.penalty-options button{text-align:left;padding:13px 14px;border:1px solid #e7c45e99;background:#1e4035;border-radius:9px;color:#f8faf5;white-space:normal;min-height:64px}.penalty-options button strong{display:block;font-size:15px}.penalty-options button small{display:block;font-size:12px;line-height:1.5;color:#d0dfd8;margin-top:5px}.penalty-options button:focus-visible,.penalty-options button:hover{outline:2px solid #ffe394;outline-offset:2px}.penalty-dialog .primary{width:100%;margin-top:12px}.penalty-dialog .small{font-size:12px;color:#b7cac1}

/* The receipt stays outside the action; it does not replace the whistle cue. */
.field-clock-result{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);z-index:4;pointer-events:none;white-space:nowrap;border:1px solid #aac3af88;border-radius:5px;background:#071b17ed;color:#e4ede8;padding:3px 8px;font-size:11px;font-weight:750;line-height:1.3;box-shadow:0 2px 8px #0004}
.field-clock-result[data-running=true]{color:#f4db92;border-color:#c7ac68}
.moment-cue[data-final="true"]{z-index:5;width:max-content;box-sizing:border-box;min-width:130px;max-width:calc(100% - 32px);padding:9px 15px;border-width:2px;font-size:14px;line-height:1.35;letter-spacing:.055em;box-shadow:0 4px 20px #0009}
.moment-cue[data-final="true"][data-kind="contact"]{background:#f9cd86;color:#241c0d}
.moment-cue[data-final="true"][data-kind="turnover"]{background:#ffaaa8;color:#321717}
.moment-cue[data-kind="penalty"]{background:#f7df82;color:#29200a;border-color:#f7df82}
#dock-field .moment-cue[data-final="true"]{min-width:100px;padding:5px 9px;font-size:11px}
.play-receipt{border:1px solid var(--line);border-radius:8px;padding:12px;margin:14px 0;font-size:13px}
.play-receipt p+p{margin-top:10px}
.playing .field-shortcuts{display:flex;gap:4px;flex-shrink:0}
.field-shortcuts button{font-size:10px;min-height:30px;padding:4px 7px}
@media(max-width:400px){.playing .field-heading{gap:4px;padding-inline:7px}.playing .field-heading>span{font-size:8px;letter-spacing:0}.playing .field-shortcuts button{font-size:9px;padding-inline:5px}}

.recorded-call{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:10px;font-size:13px}.recorded-call summary{cursor:pointer;font-weight:750;color:var(--mint)}.recorded-call dl>div{padding:5px 0;border-bottom:1px solid var(--line)}.recorded-call dt{font-weight:700}.recorded-call dd{margin:2px 0 0;overflow-wrap:anywhere}.recorded-call p{line-height:1.5}.recorded-call h4{margin:14px 0 8px}

/* v0.48: one action surface, moved intact into the sticky field. */
.action-area{padding:3px 7px 7px;background:#0b241e;min-width:0}
.action-area .snap-row{margin:0;align-items:stretch}
.action-choices{flex:1;min-width:0}
.action-choices>.snap,.action-choices #next-defense{width:100%;min-height:44px;padding:9px 12px;font-size:14px}
.action-area #quick-timeout{min-width:58px;min-height:44px;align-self:stretch;padding:6px;font-size:11px}
.action-area .live-controls{padding:0;border:0}
.action-area .live-buttons button{height:44px;min-height:44px;white-space:normal;line-height:1.15;font-size:12px}
.action-area .personnel-notice{display:none}
.action-area .transition-tempos button{background:var(--mint);color:#073324;border:1px solid #a7eac6;min-height:44px;padding:7px 4px;font-size:13px;box-shadow:none}
.action-area .transition-tempos button small{color:#24503e;font-size:10px;line-height:1.3}
.action-area .transition-tempos button:disabled{opacity:.5}
.action-area .management-tray{margin:5px 0 0}
.action-area .management-tray summary{font-size:11px;padding:5px 2px}
.action-area .management{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
#special-actions{display:grid;gap:5px}
#special-actions>button{width:100%;min-height:44px;margin:0;padding:8px;font-size:14px}
.penalty-fouls{padding-left:20px;text-align:left;line-height:1.5}
@media(max-width:760px){
 #mobile-dock:not([hidden]){grid-template-rows:30px minmax(0,1fr) auto}
 #dock-actions{min-width:0}
 #dock-actions .action-area{padding:2px 3px 0}
 #dock-actions .snap,#dock-actions #next-defense,#dock-actions #quick-timeout,#dock-actions #special-actions>button{min-height:32px;padding:5px 7px;font-size:12px}
 #dock-actions #quick-timeout{min-width:48px;font-size:10px}
 #dock-actions .transition-tempos{gap:4px}
 #dock-actions .transition-tempos button{min-height:32px;padding:3px;font-size:11px}
 #dock-actions .transition-tempos small{font-size:9px}
 #dock-actions .live-buttons button{height:32px;min-height:32px;font-size:11px}
 #dock-actions .live-controls{visibility:visible;pointer-events:auto}
 #dock-actions .management-tray[open]{max-height:135px;overflow:auto}
}

/* Keep the pre-snap and live surface exactly the same height. */
.action-choices>.snap,.action-choices #next-defense{height:44px;line-height:1.2}
#dock-actions .action-choices>.snap,#dock-actions .action-choices #next-defense{height:32px;line-height:1.2}

.action-area .transition-tempos button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}
.action-area #quick-timeout{align-self:flex-start;height:44px}
#dock-actions #quick-timeout{height:32px}

/* v0.49: four tempo choices in one stable row, with Timeout at the right. */
.action-area .transition-tempos{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.action-area .transition-tempos button{height:44px;min-height:44px;padding:4px 2px;font-size:clamp(9px,2.8vw,13px);line-height:1.15;white-space:nowrap}
.action-area .transition-tempos button small{font-size:clamp(7.5px,2.15vw,10px);white-space:nowrap}
.action-area[data-mode="transition"] #quick-timeout{min-width:44px;padding-inline:4px}
#dock-actions .transition-tempos button{height:32px;min-height:32px;padding:2px;font-size:clamp(9px,2.7vw,11px)}
#dock-actions .transition-tempos small{font-size:clamp(7.5px,2.1vw,9px)}

/* Live play and replay grow the existing field; the rest of the page stays usable. */
#live-stage:not([hidden]){display:block;padding:4px 4px 0}
.playing.live-expanded .field{height:min(clamp(290px,50svh,520px),calc(100svh - 160px));min-height:0}
.playing.live-expanded .field svg{height:100%;max-height:none;aspect-ratio:auto}
.playing.live-expanded .live-buttons button{height:48px;min-height:48px;font-size:13px}
.playing .field,.playing .field svg{touch-action:pan-y pinch-zoom!important;overscroll-behavior:auto}
.playing.browse-field .field,.playing.browse-field .field svg{touch-action:none!important;overscroll-behavior:none}
#live-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1px 5px;gap:6px;background:#102e26;border:0;outline:0;box-shadow:none;border-radius:0;font-variant-numeric:tabular-nums}
#live-score .dock-team{display:flex;align-items:center;justify-content:flex-start;gap:5px;line-height:1;white-space:nowrap}
#live-score .dock-team:last-child{flex-direction:row-reverse}
#live-score .dock-team b{margin:0;font-size:17px}
#live-score .dock-center{display:flex;align-items:center;gap:6px;line-height:1}
#live-score .dock-time{font-size:21px;color:var(--mint);font-weight:900}
#live-score small{font-size:8px;color:#bfd5ca;white-space:nowrap}
#live-score .dock-crest{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:21px;padding:0 2px;background:#244c3b;border:1px solid #779e8c;border-radius:5px;font-size:9px;font-weight:800}
#live-score .dock-crest.opp{background:#283746;border-color:#7c8e9f}
#live-score .dock-crest.has-ball{border-bottom:2px solid #f4d47a}
#live-intro{position:fixed;inset:auto 0 78px;margin:0 auto;width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 140px);padding:20px;border:2px solid var(--mint);box-shadow:0 10px 50px #000a}
#live-intro::backdrop{background:#0005;backdrop-filter:none}
#live-intro h2{font-size:22px;margin-bottom:12px}
#live-intro p,#live-intro li{font-size:13px;line-height:1.5}
#live-intro ul{padding-left:19px;margin:12px 0}
#live-intro li+li{margin-top:6px}
#live-intro .small{font-size:11px;color:var(--muted)}
.intro-actions{display:flex;gap:8px;margin-top:16px}
.intro-actions button{flex:1;min-width:0;min-height:44px;padding:8px;font-size:12px}
#replay-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #85b69b;border-radius:7px;padding:5px 7px;margin:2px 0 7px;background:#193d2e}
#replay-banner>span{font-size:12px;font-weight:700;color:#d2e6da}
#exit-replay{min-height:36px;padding:6px 11px;background:#f0f5ef;color:#102e26;border-color:#f0f5ef;font-size:12px;white-space:nowrap}
#exit-replay:hover:not(:disabled){background:#c9ffdb;color:#06291c}
#dock-actions #replay-banner{padding:3px 5px;margin-bottom:4px}#dock-actions #exit-replay{min-height:30px;padding:4px 8px;font-size:11px}
@media(max-width:350px){#live-score{gap:3px;padding-inline:3px}#live-score .dock-team,#live-score .dock-center{gap:3px}#live-score .dock-time{font-size:19px}#live-score .dock-team b{font-size:15px}#live-score small{font-size:7px}.live-expanded .live-buttons button{font-size:11px}}

/* Light is an application palette; turf, uniforms, art and name tags stay put. */
:root[data-theme="light"]{color-scheme:light;--bg:#eef4ef;--panel:#fcfefc;--panel-2:#e5f0e7;--mint:#116541;--ink:#132d24;--muted:#496257;--line:#b5c8bc;--gold:#855e08;--red:#a52c2b}
[data-theme="light"] body{background:radial-gradient(ellipse at 85% 0%,#cee8d570,transparent 45%),var(--bg)}
[data-theme="light"] button:hover:not(:disabled){background:#dceee1;border-color:#688f78}
[data-theme="light"] :is(.era-card,.scenario-preview,.scoreboard,.call-panel,.field-tools,.replay-tools,.finish-media,#highlight-controls,#result){background:var(--panel);border-color:var(--line)}
[data-theme="light"] :is(.situation-strip,.membership,.clock-status,.personnel-notice,.sub-notice){background:#deeee2;border-color:#9ebba8}
[data-theme="light"] :is(.era-card .qb,#dialog-body p,#dialog-body li,.dialog-body p){color:var(--muted)}
[data-theme="light"] :is(.era-card .era-year,.preview-number){color:#116541}
[data-theme="light"] .preview-number span{color:#577565}
[data-theme="light"] :is(.era-card[aria-pressed=true],.play-card[aria-pressed=true],.inline-choices button[aria-pressed=true],.assignment-choices button[aria-pressed=true],.special-options button.selected){background:#d0e7d8;color:#104f32;border-color:#448260;box-shadow:inset 0 0 0 1px #44826033}
[data-theme="light"] :is(.play-card,.play-card.run-category:not([aria-pressed=true]),.inline-choices button,.assignment-choices button,.cycle-control,.assignment-editor,.field-tools button,.replay-tools button){background:#edf5ef;color:var(--ink)}
[data-theme="light"] :is(.primary,.action-area .transition-tempos button){background:#acf1c6;color:#073324;border-color:#63a97e}
[data-theme="light"] :is(.primary:hover:not(:disabled),.action-area .transition-tempos button:hover:not(:disabled)){background:#c3f9d7;color:#073324}
[data-theme="light"] .membership-arrow{background:#116541;color:#fff}
[data-theme="light"] .clock-status.urgent{background:#fff0c7;color:#684702}
[data-theme="light"] .rules-section{border-color:var(--line)}
[data-theme="light"] .rules-section summary{color:#116541}
[data-theme="light"] .game-rules .rule-primary{color:#815600}
[data-theme="light"] :is(.tutorial-bubble,.tutorial-bubble:after){background:#e1f2e7;color:var(--ink);border-color:#6ca17d}
[data-theme="light"] .tutorial-bubble strong{color:#116541}
[data-theme="light"] :is(.action-area,.live-controls,#mobile-dock:not([hidden]),#live-stage:not([hidden])){background:#e6efe8}
[data-theme="light"] :is(#dock-score,#live-score){background:#fcfefc;color:var(--ink)}
[data-theme="light"] :is(#dock-score,#live-score) small{color:var(--muted)}
[data-theme="light"] :is(#dock-score,#live-score) .dock-crest{background:#e0efe5;color:#104f32;border-color:#678d77}
[data-theme="light"] :is(#dock-score,#live-score) .dock-crest.opp{background:#e3eaf0;color:#233948;border-color:#8e9eac}
[data-theme="light"] .live-buttons button{background:#e0e9e3;color:#596b61;border-color:#adbbb1}
[data-theme="light"] .live-buttons button:not(:disabled){background:#d1f2dd;color:#10472e;border:2px solid #258051;box-shadow:none}
[data-theme="light"] .live-buttons button:not(:disabled):active{background:#b5e4c6}
[data-theme="light"] .assignment-row .cycle-control.assignment-edited :is(.cycle-value,.cycle-previous){background:#ccdfd3;color:#153f29;border-color:#598369}
[data-theme="light"] #replay-banner{background:#dbeee2;border-color:#6f9c80}
[data-theme="light"] #replay-banner>span{color:#1e4f34}
[data-theme="light"] #exit-replay{background:#174c33;color:#fff;border-color:#174c33}
[data-theme="light"] #exit-replay:hover:not(:disabled){background:#256440;color:#fff}
[data-theme="light"] #result.failed{background:#172e3a;border-color:#607e92}
/* Informational overlays and assignment emphasis retain their readable dark palettes. */
[data-theme="light"] .field-stage{--mint:#acf1c6;--ink:#f0f5ef;--muted:#a1b9ac}
[data-theme="light"] .penalty-dialog{--mint:#acf1c6;--ink:#f0f5ef;--muted:#a1b9ac;--panel:#0c2a22}
[data-theme="light"] :is(.field-panel,.field-heading){background:var(--panel)}
[data-theme="light"] .camera-strip{background:#e6efe8;border-color:var(--line)}
[data-theme="light"] .camera-strip button{background:#f7fbf8;color:var(--ink);border-color:#9eb5a7}
[data-theme="light"] .camera-strip button:hover:not(:disabled){background:#d2e8db}
.live-expanded #skip-animation{position:absolute;z-index:6;right:7px;top:20px;min-height:28px;padding:3px 8px;font-size:10px;background:#071d19e8;color:#e7f5eb;border-color:#85ac94}
.transition-tempos[data-count="1"]{grid-template-columns:1fr!important}
/* Tiny phones keep a single row. Labels may wrap inside their own touch target. */
@media(max-width:350px){
 .action-area .transition-tempos button,#dock-actions .transition-tempos button{font-size:10px;white-space:normal;line-height:1.1}
 .action-area .transition-tempos button strong{white-space:normal;overflow-wrap:normal;line-height:1.1}
 .action-area .transition-tempos button small,#dock-actions .transition-tempos small{font-size:8px;white-space:nowrap}
 #dock-actions .transition-tempos button{height:44px;min-height:44px}
}
[data-theme="light"] .drive-log{background:var(--panel);border-color:var(--line);color:var(--ink)}
.action-area .transition-tempos button small{font-size:clamp(9px,2.15vw,10px)}
#dock-actions .transition-tempos small{font-size:9px}
[data-theme="light"] :is(select,.player-label,.coach-comparison,.account-card,.tempo-row>div,.choice-buttons button,.call-steps button){background:var(--panel);color:var(--ink);border-color:var(--line)}
[data-theme="light"] :is(.tempo.active,.choice-buttons button[aria-pressed="true"],.call-steps button[aria-current="step"]){background:#d0e7d8;color:#104f32;border-color:#448260}
[data-theme="light"] .play-badge{background:#d0e7d8;color:#104f32;border-color:#8db79d}
[data-theme="light"] .last-play.negative .play-badge{background:#fce5e0;color:#972a24;border-color:#cf9b90}
[data-theme="light"] .forced-target{background:#fff1ce;color:#694b0a}
[data-theme="light"] .timeout-dots i{background:#ccd8d0}
[data-theme="light"] .timeout-dots i.on{background:#116541}
[data-theme="light"] .skip{background:#116541;color:white}

/* Screen entries restore the document origin after the compact layout settles. */
body.restoring-setup{overflow-anchor:none}

/* A small original field player carries the game identity into its home screen. */
#lobby .intro{position:relative;padding-left:92px;min-height:100px}
#lobby .lobby-player{position:absolute;left:0;top:50%;width:78px;height:92px;transform:translateY(-50%)}
#lobby .lobby-player svg{display:block;width:100%;height:100%;filter:drop-shadow(0 7px 0 #0003);image-rendering:pixelated}
@media(max-width:760px){#lobby .intro{padding-left:57px;min-height:64px}#lobby .lobby-player{width:48px;height:60px}#lobby .intro h1{font-size:clamp(25px,6.6vw,34px)}#lobby .intro .eyebrow{font-size:7px;letter-spacing:.7px}}

#desperation-reason{grid-column:1/-1;flex-basis:100%;margin:2px 0 0;font-size:11px;line-height:1.4}

/* One real coaching action surface: right-column footer on desktop, field on mobile. */
.coaching-column{min-width:0}
.desktop-actions,#desktop-replay-status:empty{display:none}
@media(min-width:761px){
 body.playing{overflow-anchor:none}
 .playing .game-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;overflow-anchor:none}
 .playing .field-panel{position:sticky;top:8px;max-height:var(--desktop-column-height,calc(100svh - 16px));overflow:auto;scrollbar-width:thin}
 .playing .field,.playing.live-expanded .field{height:var(--desktop-field-height,min(49svh,500px));min-height:0}
 .playing .field svg,.playing.live-expanded .field svg{height:100%;max-height:none;aspect-ratio:auto}
 .playing .coaching-column{position:sticky;top:8px;display:flex;flex-direction:column;height:var(--desktop-column-height,calc(100svh - 16px));max-height:var(--desktop-column-height,calc(100svh - 16px));min-height:0;isolation:isolate}
 .playing .coaching-column>.call-panel{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scroll-padding:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}
 .playing .desktop-actions{display:block;position:sticky;bottom:0;flex:0 0 auto;z-index:2;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:var(--panel)}
 .playing .desktop-actions .action-area{padding:9px;background:transparent;border-radius:0 0 12px 12px}
 .playing .desktop-actions .management-tray[open]{max-height:min(190px,30svh);overflow-y:auto;overscroll-behavior:contain}
 .playing .desktop-actions .live-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
 .playing #desktop-replay-status #replay-banner{margin:0;padding:7px}
}
@media(max-width:760px){
 .coaching-column{display:contents}
 /* Narrow landscape keeps the same one-column/mobile action ownership. */
 .playing .game-layout{grid-template-columns:1fr}
}
@media(min-width:761px) and (max-height:500px){
 /* View owns these settings in short windows; camera controls stay by the field. */
 .playing .field-panel>.field-tools,.playing .field-panel>.replay-tools{display:none}
 .playing .field-panel>.replay-tools.replay-open{display:flex;padding:5px 7px;gap:4px}
}

/* v072: stable replay touch surface, explicit hierarchy, and brief lock explanations. */
#replay-position{height:44px;min-height:44px;min-width:80px;touch-action:pan-y;cursor:ew-resize;padding:12px 0;box-sizing:border-box}
#replay-position::-webkit-slider-thumb{width:28px;height:28px;cursor:ew-resize}
#replay-position::-moz-range-thumb{width:28px;height:28px;cursor:ew-resize}
#desktop-replay-status:has(#replay-banner:not([hidden])){margin-top:8px}
#desktop-replay-status #replay-banner{margin:0 0 3px}
.personnel-preview strong{font-size:clamp(8px,2.25vw,11px)}
.hierarchy72{position:relative;padding-left:calc(var(--hierarchy-depth,1)*7px + 5px);margin-top:6px}
.hierarchy72::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:calc(var(--hierarchy-depth,1)*7px);background:repeating-linear-gradient(to right,color-mix(in srgb,var(--mint) 35%,transparent) 0 1px,transparent 1px 7px);pointer-events:none}
#preplay-controls .hierarchy72 .control-label{display:block;font-size:11px;min-width:64px}
#preplay-controls .hierarchy72 .control-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:6px}
#preplay-controls .hierarchy72 .inline-choices{display:flex;gap:4px}
#preplay-controls .hierarchy72 .inline-choices>button{flex:1;min-width:0;padding:8px 3px}
#preplay-controls [data-control="backfield72"] .control-label,#preplay-controls [data-control="defGroup72"] .control-label{display:none}
#preplay-controls [data-control="backfield72"] .inline-choices,#preplay-controls [data-control="defGroup72"] .inline-choices{display:flex}
#preplay-controls [data-control="backfield72"] button,#preplay-controls [data-control="defGroup72"] button{flex:1;min-width:0;padding:9px 3px}
.call-heading-actions{display:flex;align-items:center;gap:7px;margin-left:auto;flex:0 0 auto}.suggestions72{display:flex;margin:0}.suggestions72 button{min-width:0;min-height:32px;font-size:11px;padding:6px 9px;white-space:nowrap}
#simple-options>.hierarchy72{padding-left:calc(var(--hierarchy-depth,1)*7px + 5px);border-left:0}
[aria-disabled="true"][data-locked72]{opacity:.48;cursor:help}
#choice-notice72{position:fixed;z-index:250;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(430px,calc(100vw - 28px));display:flex;align-items:center;gap:12px;padding:12px 14px;background:#173e2e;color:#e5fff0;border:1px solid #a8e7bf;border-radius:10px;box-shadow:0 5px 25px #0008;font-size:13px;line-height:1.45}
#choice-notice72 button{flex:0 0 34px;min-height:34px;padding:2px;font-size:20px}
#preplay-controls [data-control="backfield72"],#preplay-controls [data-control="defGroup72"]{display:block}
#preplay-controls [data-control="backfield72"] .inline-choices,#preplay-controls [data-control="defGroup72"] .inline-choices{width:100%}
#preplay-controls .hierarchy72 .control-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}

/* Shared coaching adjustments remain available on either decision screen. */
#play-adjustments80>.jx-control74{display:grid;grid-template-columns:82px minmax(0,1fr);gap:6px;align-items:center;margin:10px 0}
#play-adjustments80 .jx-cycle74{display:flex;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--control);overflow:hidden}
#play-adjustments80 .jx-cycle74>button{border:0;background:transparent;min-height:38px;padding:6px 7px;font-size:11px;text-align:left}
#play-adjustments80 .cycle-value{flex:1;display:flex;justify-content:space-between;gap:4px}
#play-adjustments80 .cycle-previous{flex:0 0 24px;border-right:1px solid var(--line)!important}
.browse-results80{display:grid;gap:6px;margin-top:12px;max-height:55vh;overflow:auto}
.browse-results80>button{text-align:left;padding:10px 12px}.browse-results80 small{display:block;color:var(--muted);margin-top:3px}
#browse-search80{width:100%;min-height:42px;margin-top:6px}
#browse-plays80{margin:8px 0}
.live-expanded #skip-animation{min-height:38px;font-size:12px;padding:6px 12px;pointer-events:auto}

/* v82: equal-height desktop columns. Controls consume their real space; turf
   fills everything remaining, including when replay controls appear. */
@media(min-width:761px){
 .playing .field-panel{display:flex;flex-direction:column;height:var(--desktop-column-height,calc(100svh - 16px));min-height:0;overflow:auto}
 .playing .field-panel>*{flex:0 0 auto}
 .playing .field-panel>.field-stage{flex:1 1 auto;min-height:80px;overflow:hidden}
 .playing .field-stage>.field,.playing.live-expanded .field-stage>.field{flex:1 1 auto;height:0;min-height:0}
 .playing .field-stage>.field-name-strip{flex:0 0 auto}
 .playing #live-stage{display:none!important}
 .playing .field-panel>.replay-tools{flex-shrink:0}
}

/* Release 85: clear clock state, reliable dialog targets and edited-cell contrast. */
body[data-clock-running="true"] :is(.time,.dock-time){color:#ffd47a!important}
body[data-clock-running="false"] :is(.time,.dock-time){color:var(--mint)}
[data-theme="light"] body[data-clock-running="true"] :is(.time,.dock-time){color:#875100!important}
#dialog-close,#tools-close{position:sticky;top:0;z-index:20;min-width:48px;min-height:48px;flex:0 0 48px;touch-action:manipulation}
.situational-actions85{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.situational-actions85 button{flex:1 1 140px}
[data-theme="light"] .assignment-row :is(.assignment-edited .cycle-value,.assignment-edited .cycle-previous){background:#15382e;color:#f2fff7;border-color:#779e8c}
.stats-scroll85{max-width:100%;overflow:auto}#play-list li>span>small{display:block;color:var(--muted);margin-bottom:4px}#play-list [data-event-replay85]{display:block;min-height:40px;margin-top:6px}.team-crest{padding:0;min-width:42px;cursor:pointer}html[data-theme="light"] #result.failed{background:#e8eef5;color:#153243}html[data-theme="light"] #result.failed p{color:#314a5d}

/* Shared simulator promotions and the member account recheck. */
.simulator-promotions86{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.simulator-promotions86 .membership{margin:0;height:100%;box-sizing:border-box}.member-access86{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:16px 0 24px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink)}.member-access86 p{margin:6px 0 0}.member-access86 .primary{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;text-decoration:none}.member-access86 .result-actions{margin:0;gap:12px}@media(max-width:700px){.simulator-promotions86{grid-template-columns:1fr}.member-access86{align-items:stretch}.member-access86 .result-actions{width:100%}}