:root{color-scheme:dark;--bg:#141915;--panel:#1c241e;--ink:#f1f0e8;--muted:#b2bcac;--line:#364337;--accent:#d2eb87;--gold:#f0c268}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Arial,"PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,summary,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:var(--ink)}h1,h2,p{margin:0}button{transition:background .15s,border-color .15s}main,.site-header,footer{max-width:1240px;margin:auto;padding-inline:48px}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:900;letter-spacing:-1.7px}.brand span{color:var(--accent)}.header-guide{font-size:12px;color:var(--muted)}.header-guide:hover{color:var(--accent)}.intro{padding:42px 0 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{font:10px/1.6 monospace;letter-spacing:1.4px;color:var(--accent);margin-bottom:12px}h1{font-size:clamp(32px,3.5vw,47px);line-height:1.14;letter-spacing:-1.6px;margin-bottom:14px}.lede{max-width:56ch;font-size:14px;color:var(--muted)}.mode{display:flex;border:1px solid #4a5746;padding:4px;flex-shrink:0;gap:4px}.mode button{border:0;background:transparent;padding:10px 15px;min-height:44px;font-size:12px;white-space:nowrap}.mode button[aria-pressed=true]{background:var(--accent);color:#182113;font-weight:bold}.mode button:disabled{opacity:1}.mode button[aria-pressed=false]:disabled{opacity:.45}.game{border:1px solid var(--line);background:var(--panel);overflow:hidden;scroll-margin-top:20px}.game-top{display:flex;align-items:center;gap:20px;min-height:43px;padding:9px 28px;border-bottom:1px solid var(--line);font:10px/1.6 monospace;letter-spacing:1px;color:var(--muted)}.game-top>span{margin-left:auto}.game-top button{padding:4px 8px;border:0;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:4px}.scoreboard{display:grid;grid-template-columns:1fr 1.3fr 1fr;padding:22px 7% 24px;align-items:center;text-align:center}.team span,.clock>span{display:block;font:10px/1.6 monospace;letter-spacing:1px;color:var(--muted)}.team strong{font-size:52px;line-height:1.2;display:block;margin-top:5px;font-variant-numeric:tabular-nums}.team:first-child strong{color:var(--accent)}.clock strong{display:block;font:700 54px/1.2 monospace;letter-spacing:-3px;color:var(--ink);font-variant-numeric:tabular-nums}.clock>span:last-child{font-size:9px;letter-spacing:0;margin-top:5px;min-height:15px}.clock strong.urgent{color:var(--gold)}.drive-facts{margin:0 28px 20px;display:grid;grid-template-columns:1fr 1fr .7fr 1.3fr;gap:15px;border-top:1px solid var(--line);padding-top:14px}.drive-facts>div>span{display:block;font-size:10px;color:var(--muted)}.drive-facts strong{display:block;font-size:14px;margin-top:4px;font-weight:600}.defense{text-align:right}.field{height:208px;display:flex;margin:0 28px;border:1px solid #788f5c;background:#324b32;position:relative;overflow:hidden}.endzone{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-size:15px;font-weight:900;letter-spacing:5px;background:#243825;color:#d8e4be}.goal-end{background:#bacf7b;color:#263b23;border-left:2px solid #e1ecc4}.home-end{border-right:2px solid #c4d2b3}.pitch{position:relative;flex:1;background:repeating-linear-gradient(90deg,transparent 0%,transparent calc(10% - 1px),#c4d2b360 calc(10% - 1px),#c4d2b360 10%),repeating-linear-gradient(90deg,#ffffff03 0%,#ffffff03 10%,#00000005 10%,#00000005 20%)}.pitch:before,.pitch:after{content:"";position:absolute;left:0;right:0;top:33%;height:5px;background:repeating-linear-gradient(90deg,transparent 0%,transparent calc(1% - 1px),#cfdbba80 calc(1% - 1px),#cfdbba80 1%)}.pitch:after{top:66%}.yard-lines{position:absolute;inset:0 0 auto;height:27px;pointer-events:none}.yard-lines span{position:absolute;top:6px;transform:translateX(-50%);color:#d4dfc2;font:11px monospace}.yard-lines span:nth-child(1){left:10%}.yard-lines span:nth-child(2){left:20%}.yard-lines span:nth-child(3){left:30%}.yard-lines span:nth-child(4){left:40%}.yard-lines span:nth-child(5){left:50%}.yard-lines span:nth-child(6){left:60%}.yard-lines span:nth-child(7){left:70%}.yard-lines span:nth-child(8){left:80%}.yard-lines span:nth-child(9){left:90%}.first-line,.scrimmage{position:absolute;top:0;bottom:0;width:2px;background:var(--gold);transition:left .5s ease}.scrimmage{background:#b5d6ff90;width:1px}.players{position:absolute;left:35%;top:50%;width:1px;height:1px;transition:left .6s cubic-bezier(.2,.7,.3,1)}.player{position:absolute;width:24px;height:24px;background:var(--accent);color:#24351e;border:2px solid #ecf6d0;display:flex;align-items:center;justify-content:center;border-radius:50%;font:700 9px monospace;box-shadow:0 3px 6px #0004}.runner{left:-30px;top:-12px}.receiver{left:-15px;top:-56px}.blocker{left:-6px;top:32px}.defender{left:35px;top:-27px;background:#e3dbcc;border-color:#fff7eb;color:#403b32}.defender.second{left:52px;top:23px}.football{position:absolute;left:-4px;top:-5px;width:14px;height:9px;border-radius:50%;background:#b57740;border:1px solid #f3cd9c;transform:rotate(-30deg)}.field-key{display:flex;gap:22px;align-items:center;margin:8px 28px 0;color:var(--muted);font-size:10px}.field-key>span{display:flex;gap:7px;align-items:center}.field-key i{display:inline-block}.key-ball{width:7px;height:7px;border-radius:50%;background:var(--accent)}.key-first{width:2px;height:11px;background:var(--gold)}.field-key strong{margin-left:auto;font-size:21px;color:var(--accent)}.mission{margin:18px 28px 26px;padding:24px;background:#263020;border:1px solid #53623e;display:flex;align-items:center;gap:28px;justify-content:space-between}.mission .eyebrow{margin-bottom:6px}.mission h2{font-size:22px;letter-spacing:-.4px;line-height:1.4}.mission p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:7px}.ready-body{max-width:62ch}.primary,.secondary{min-height:48px;padding:12px 21px;border:1px solid transparent;font-weight:700;font-size:13px;white-space:nowrap}.primary{background:var(--accent);color:#1e2a15}.primary:hover{background:#e2f6a9}.secondary{background:transparent;border-color:#73815e}.secondary:hover{border-color:var(--accent);color:var(--accent)}.play-area{padding:24px 28px 20px;border-top:1px solid var(--line);margin-top:16px}.controls-heading{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:17px}.controls-heading h2{font-size:18px;letter-spacing:-.4px}.controls-heading>span{font-size:11px;color:var(--gold)}.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.play-card{text-align:left;min-height:94px;background:#242e26;border:1px solid #475841;padding:15px 17px;position:relative}.play-card:hover:not(:disabled){background:#303c29;border-color:var(--accent)}.play-card strong{display:block;font-size:15px}.play-card small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.play-card .play-index{float:right;font:10px monospace;color:var(--accent);margin:4px 0 0 8px}.play-card:disabled{opacity:.38}.clock-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin-top:16px}.clock-controls fieldset{border:1px solid var(--line);padding:8px 12px 10px;margin:0;min-width:0}.clock-controls legend{font-size:10px;color:var(--muted);padding:0 5px}.clock-controls label{font-size:10px;display:inline-flex;gap:4px;align-items:center;margin-right:10px;min-height:32px;cursor:pointer}.clock-controls input{accent-color:var(--accent);margin:0}.utility{background:transparent;border:1px solid var(--line);padding:10px 12px;text-align:left}.utility strong{display:block;font-size:12px}.utility small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.utility:hover:not(:disabled){background:#2a3426;border-color:#809365}.control-note{font-size:10px;color:var(--muted);margin-top:12px}.control-note:empty{display:none}#kick-warning{color:var(--gold)}.mode-note{font-size:11px;color:var(--muted);margin-top:13px}.result{margin:18px 28px 26px;padding:27px;background:#2b3026;border:1px solid #77825b;outline-offset:4px}.is-win .result{background:#303d20;border-color:var(--accent)}.result h2{font-size:35px;line-height:1.2;letter-spacing:-1px;margin-bottom:13px}.result p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:6px}.result-actions{display:flex;gap:12px;margin-top:22px}#share-status:empty{display:none}#share-text{width:100%;min-height:130px;background:#141b13;color:var(--ink);border:1px solid var(--line);margin-top:15px;padding:12px;font:12px/1.7 monospace}.below-game{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:48px;padding-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.section-heading h2,.local-stats h2{font-size:18px;letter-spacing:-.4px}.section-heading>span{font:12px monospace;color:var(--accent)}.last-play{padding:18px 0;font-size:13px;color:var(--accent);min-height:62px}#drive-log{padding:0 0 0 25px;margin:0;max-height:360px;overflow:auto;scrollbar-color:#596b48 transparent}#drive-log li{font-size:12px;color:var(--muted);padding:11px 12px;border-top:1px solid var(--line);line-height:1.7}#drive-log li::marker{color:#7d8c72;font:10px monospace}.score-event{color:var(--accent)!important}.local-stats dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 15px}.local-stats dl>div:last-child{grid-column:1/-1}.local-stats dt{font-size:10px;color:var(--muted)}.local-stats dd{margin:3px 0 0;font:24px monospace}.local-stats dl>div:last-child dd{font:13px/1.6 Arial,sans-serif;color:var(--accent)}.local-stats p{font-size:10px;color:var(--muted)}#storage-error{color:var(--gold);margin-top:10px}.rules{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.rules summary{cursor:pointer;font-size:13px;font-weight:bold;list-style:none;display:flex;justify-content:space-between}.rules summary::-webkit-details-marker{display:none}.rules summary span{color:var(--accent)}.rules[open] summary span{transform:rotate(45deg)}.rules p{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.9}.scope-note{font-size:11px;color:var(--muted);padding:34px 0 24px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:26px;padding-block:28px}footer p{font-size:10px;color:var(--muted)}footer nav{display:flex;gap:17px;font-size:11px;margin-left:auto;white-space:nowrap}footer nav [aria-current]{color:var(--accent)}.skip{position:absolute;top:-100px;left:20px;background:var(--accent);color:#141915;padding:12px;z-index:10}.skip:focus{top:10px}.noscript{padding:18px;background:#594724;margin-bottom:20px}
@media(max-width:1000px){main,.site-header,footer{padding-inline:30px}.intro{display:block}.mode{display:inline-flex;margin-top:24px}.clock-controls{grid-template-columns:1fr 1fr}.clock-controls fieldset{grid-column:1/-1}.field{height:185px}.below-game{gap:30px}.mission{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:600px){main,.site-header,footer{padding-inline:16px}.site-header{height:66px}.brand{font-size:25px}.intro{padding-top:28px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:32px;letter-spacing:-1px}.lede{font-size:12px;line-height:1.8}.mode{display:flex;margin-top:20px}.mode button{flex:1;padding:9px 15px}.game-top{padding:9px 14px;font-size:9px;gap:10px;letter-spacing:.4px}.scoreboard{padding:19px 10px}.team strong{font-size:39px}.team span,.clock>span{font-size:8px}.clock strong{font-size:43px;letter-spacing:-2px}.clock>span:last-child{font-size:8px}.drive-facts{margin:0 14px 16px;grid-template-columns:1fr 1fr 1fr;gap:13px}.drive-facts .defense{grid-column:1/-1;display:flex;align-items:center;gap:12px;text-align:left;border-top:1px solid var(--line);padding-top:9px}.drive-facts strong{font-size:12px}.drive-facts .defense strong{margin:0;font-size:11px;color:var(--accent)}.field{height:158px;margin-inline:14px}.endzone{width:24px;font-size:12px;letter-spacing:3px}.yard-lines span{font-size:8px}.player{width:18px;height:18px;font-size:7px;border-width:1px}.runner{left:-16px;top:-9px}.receiver{left:-8px;top:-40px}.blocker{left:-3px;top:24px}.defender{left:18px;top:-22px}.defender.second{left:26px;top:18px}.football{width:11px;height:7px;left:1px;top:-3px}.field-key{margin-inline:14px;gap:16px;font-size:8px}.field-key strong{font-size:18px}.mission,.result{margin:13px 14px 18px;padding:18px}.mission h2{font-size:19px}.mission p:not(.eyebrow){font-size:11px}.primary,.secondary{font-size:12px;padding:11px 15px;min-height:46px}.mission>.primary{width:100%}.play-area{padding:18px 14px 16px}.controls-heading{display:block}.controls-heading h2{font-size:17px}.controls-heading>span{display:block;margin-top:6px;min-height:0}.play-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.play-card{padding:12px 10px;min-height:99px}.play-card strong{font-size:13px}.play-card small{font-size:9px;line-height:1.6}.play-card .play-index{font-size:9px}.clock-controls{margin-top:13px;gap:8px}.clock-controls label{font-size:11px;margin-right:12px}.utility{padding:11px}.utility small{font-size:9px}.utility strong{font-size:12px}.control-note{font-size:9px;line-height:1.8}.mode-note{font-size:10px;line-height:1.8}.result h2{font-size:29px}.result-actions{flex-wrap:wrap}.result-actions>.primary{flex:1}.result p:not(.eyebrow){font-size:12px}.below-game{grid-template-columns:1fr;gap:28px;padding-top:28px}.local-stats{border-top:1px solid var(--line);padding-top:24px}.local-stats dl{grid-template-columns:.65fr .65fr 1.4fr;gap:12px}.local-stats dl>div:last-child{grid-column:auto}.local-stats dl>div:last-child dd{font-size:11px}.local-stats p{font-size:10px}.scope-note{font-size:10px;padding-top:28px}footer{flex-wrap:wrap;gap:14px}footer p{order:3;width:100%;font-size:9px}footer nav{font-size:11px}.game-top button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Expanded original playbook and route editor. */
.mode button{min-width:0}.intro>.mode{max-width:100%}.playbook-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.playbook-header>span{font:10px/1.6 monospace;color:var(--muted)}.play-tabs{display:flex;gap:6px;flex-wrap:wrap}.play-tabs button{min-height:40px;padding:8px 17px;border:1px solid var(--line);background:transparent;font-size:12px}.play-tabs button[aria-pressed=true]{background:var(--accent);color:#1b2815;border-color:var(--accent);font-weight:bold}.play-tabs button:hover:not(:disabled){border-color:var(--accent)}.play-card{min-height:76px;padding:12px 14px}.play-card[aria-pressed=true]{border-color:var(--accent);background:#33412b}.play-card[aria-pressed=true] strong{color:var(--accent)}.play-card strong{font-size:13px}.play-card small{font-size:10px;line-height:1.5}.call-sheet{border:1px solid #536446;margin-top:18px;background:#202a20}.call-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px}.call-summary>div>span{display:block;font-size:10px;color:var(--muted)}.call-summary strong{display:block;font-size:17px;margin-top:4px}.call-summary .primary{min-width:165px}.route-controls{border:0;border-top:1px solid var(--line);padding:17px;margin:0}.route-controls legend{font-size:11px;color:var(--accent);padding-inline:7px;margin-left:5px}.receiver-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.receiver-card{border:1px solid var(--line);padding:12px;min-width:0}.receiver-card:has(input:checked){border-color:#879c60;background:#2d3825}.receiver-card>label:first-child{display:flex;gap:7px;align-items:center;font-size:12px;cursor:pointer;min-height:30px}.receiver-card input{accent-color:var(--accent);margin:0}.route-select-label>span{display:block;font-size:9px;color:var(--muted);margin:7px 0 5px}.route-select-label select{display:block;background:#192319;color:var(--ink);border:1px solid #657652;width:100%;padding:9px 8px;font:12px Arial,sans-serif;min-height:40px;cursor:pointer;border-radius:0}.route-controls>p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:13px;max-width:90ch}.route-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.route-layer polyline,.route-mini polyline{fill:none;stroke:#d0dec0;stroke-width:1.3;opacity:.35;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.route-layer .target-route,.route-mini .target-route{stroke:var(--gold);stroke-width:2;opacity:1}.route-mini{display:block;width:100%;height:112px;background:repeating-linear-gradient(90deg,#253b29 0%,#253b29 calc(10% - 1px),#76897080 calc(10% - 1px),#76897080 10%);border:1px solid var(--line);margin:0 0 15px}.route-mini polyline{stroke-width:2}.route-mini .target-route{stroke-width:3}.receiver-x{left:-9px;top:-73px}.receiver-y{left:-9px;top:-12px}.receiver-z{left:-9px;top:50px}.quarterback{left:-39px;top:10px}.football{left:-24px;top:20px}.streak-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 28px 0;padding:11px 15px;background:#293822;border-left:2px solid var(--accent)}.streak-banner>span{font-size:11px;color:var(--muted)}.streak-banner>strong{font:12px monospace;color:var(--accent)}.clock-controls{grid-template-columns:1.25fr 1fr 1fr 1fr}.decision-review{margin-top:20px;padding:20px 24px;border:1px solid #4c5c40;background:#20291e}.decision-review>div{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:11px}.decision-review h2{font-size:15px}.decision-review strong{color:var(--accent);font-size:13px}.decision-review>p{color:var(--muted);font-size:11px;line-height:1.8;margin-top:7px}.decision-review details{margin-top:13px;border-top:1px solid var(--line);padding-top:12px}.decision-review summary{font-size:11px;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.decision-review summary::-webkit-details-marker{display:none}.decision-review summary span{color:var(--accent)}.decision-review details[open] summary span{transform:rotate(45deg)}.decision-review details p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:10px}.local-stats dl>div:last-child{grid-column:auto}.local-stats dl>div:nth-child(3){grid-column:1/-1}.local-stats dl>div:nth-child(3) dd{font:13px/1.6 Arial,sans-serif;color:var(--accent)}#result-decision{color:var(--accent);font-weight:bold}#result-streak{color:var(--gold)}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.clock-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.clock-controls fieldset{grid-column:1/-1}.receiver-x{top:-65px}.receiver-z{top:42px}}
@media(max-width:600px){.mode button{padding:9px 5px;font-size:11px;white-space:normal}.playbook-header{display:block}.playbook-header>span{display:block;margin-top:9px;font-size:9px}.play-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.play-tabs button{font-size:11px;padding:8px 4px}.play-card{min-height:83px;padding:10px}.play-card strong{font-size:12px}.play-card small{font-size:9px}.call-summary{padding:13px;gap:12px}.call-summary strong{font-size:14px}.call-summary .primary{min-width:124px;padding:10px;font-size:11px}.route-controls{padding:12px}.receiver-grid{gap:6px}.receiver-card{padding:7px 6px}.receiver-card>label:first-child{font-size:9px;gap:4px;align-items:flex-start;line-height:1.6}.receiver-card input{margin-top:2px;width:12px;height:12px;flex-shrink:0}.route-select-label>span{font-size:8px}.route-select-label select{font-size:11px;padding:8px 3px}.route-controls>p{font-size:9px}.route-mini{height:112px}.clock-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.clock-controls fieldset{grid-column:1/-1}.clock-controls .utility[data-play=kick]{grid-column:1/-1}.decision-review{padding:16px 14px}.decision-review>div{display:block}.decision-review h2{font-size:15px}.decision-review strong{display:block;margin-top:7px;font-size:12px}.decision-review>p,.decision-review details p{font-size:10px}.streak-banner{margin:12px 14px 0;padding:10px;gap:10px}.streak-banner>span{font-size:9px}.streak-banner>strong{font-size:10px}.receiver-x{top:-55px;left:-6px}.receiver-y{top:-9px;left:-6px}.receiver-z{top:38px;left:-6px}.quarterback{left:-22px;top:8px}.football{left:-12px;top:15px}.defender{left:21px}.defender.second{left:24px;top:35px}.local-stats dl{grid-template-columns:1fr 1fr}.local-stats dl>div:nth-child(3){grid-column:1/-1}.local-stats dl>div:last-child dd{font:24px monospace}.local-stats dl>div:nth-child(3) dd{font-size:12px}.result-actions>.primary{white-space:normal}.result p#result-streak{line-height:1.8}}