@font-face{font-family:Arcade;src:url('assets/arcade-mono.ttf')}@font-face{font-family:Shop;src:url('assets/shop-sign.ttf')}*{box-sizing:border-box}html{background:#102238;color:#f6eed6}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(ellipse at 50% 20%,#263f50,#0b192b 80%);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;font:inherit;border:0;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #fff0a9;outline-offset:5px}main{max-width:1680px;margin:auto;padding:0 18px}header{height:67px;display:flex;align-items:center;justify-content:space-between;gap:15px}.wordmark{font:16px Arcade,monospace;letter-spacing:-.6px;text-decoration:none;color:#e8ebed}.wordmark span{color:#ffd35c}nav{display:flex;gap:22px;align-items:center}nav button{background:none;font:10px Arcade,monospace;color:#a9b9c7;padding:10px 0}nav button:hover{color:#ffd35c}.stage{--scene-aspect:1536 / 864;position:relative;width:100%;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;background:#314b61;box-shadow:0 12px 40px #0005,0 0 0 2px #526474;border:2px solid #08162b;border-radius:4px;container-type:inline-size;touch-action:manipulation}.viewport{position:relative;width:100%;aspect-ratio:var(--scene-aspect);overflow:hidden;isolation:isolate;flex:none}canvas{width:100%;height:100%;display:block;touch-action:manipulation}.hud{position:absolute;inset:18px 20px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.pixel-panel{display:flex;align-items:center;gap:18px;background:#102e4f;border:3px solid #6b9db9;box-shadow:0 0 0 3px #0a1c31,inset 0 0 0 2px #244968,4px 5px 0 #0006;padding:7px 13px;font:clamp(14px,2.2cqw,32px)/1 Arcade,monospace;white-space:nowrap;text-shadow:2px 3px #06152b}.pixel-panel strong{color:#ffcf52;font-weight:normal}.hud-right{display:flex;align-items:center;gap:20px}#pause{pointer-events:auto;padding:10px 14px;font-size:18px;opacity:.9}.bottom-controls{position:absolute;bottom:22px;left:25px;right:25px;display:flex;align-items:end;justify-content:space-between;gap:15px;pointer-events:none}.throw,.gold-button{pointer-events:auto;background:linear-gradient(#ffe994 0 9%,#ffd552 10% 86%,#e6a82f 87%);color:#171824;border:3px solid #f6f0d8;outline:3px solid #152339;box-shadow:0 5px 0 3px #0b1624,0 0 0 6px #0c192a;font:clamp(20px,2.6cqw,38px) Arcade,monospace;padding:13px 24px;text-shadow:1px 1px #fff3a0;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.throw:active,.gold-button:active{transform:translateY(3px);filter:brightness(.96)}.throw:disabled{opacity:.65;cursor:default}#hint{font:clamp(10px,1.5cqw,20px) Arcade,monospace;text-shadow:2px 2px #253144,0 0 8px #152139;align-self:center;letter-spacing:1px}#hint::before,#hint::after{content:'✦';color:#ffd66b;margin:0 14px}.delivery-count{min-width:165px;display:flex;flex-direction:column;gap:7px;font:clamp(9px,1cqw,14px) Arcade,monospace;text-shadow:2px 2px #15243a}#streak{color:#ffe59b}.notification-bar{height:44px;flex:0 0 44px;display:grid;place-items:center;position:relative;background:#102a45;border-bottom:1px solid #667e8a;padding:5px 18px;overflow:hidden}
.announcement,.route-status{grid-area:1/1;text-align:center;font:clamp(10px,1cqw,14px)/1.5 Arcade,monospace;pointer-events:none;max-width:100%;margin:0;transition:opacity .18s}
.announcement{opacity:0;color:#ffe39a;font-weight:bold}
.announcement.visible{opacity:1}
.route-status{color:#9db4c7;font-size:10px;letter-spacing:1px}
.notification-bar.has-donation .route-status{opacity:0}
.notification-bar.has-donation{border-bottom-color:#caa660}
.welcome,.pause-screen,.results{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#061b3440,#061b3410);z-index:3}.welcome{justify-content:flex-end;padding-right:8%;background:linear-gradient(90deg,transparent 25%,#0b1b3520)}.welcome-card,.pause-card,.results-card{padding:27px 30px;background:#0a2545ee;border:2px solid #80a6b7;box-shadow:0 0 0 4px #081a30,7px 8px 0 #06192c88;text-align:center;max-width:420px}.welcome-card h1{font:clamp(28px,3.4cqw,50px)/1.13 Arcade,monospace;margin:15px 0 19px;letter-spacing:-2px}.welcome-card h1 span{color:#ffd36b}.eyebrow{font:9px/1.5 Arcade,monospace;letter-spacing:1px;color:#ffdc85}.welcome-card p:not(.eyebrow),.pause-card p{font-size:14px;line-height:1.65;color:#d7e2e8}.gold-button{font:15px Arcade,monospace;display:block;margin:23px auto 17px;padding:15px 20px}.gold-button:disabled{cursor:wait;filter:saturate(.5)}small{display:block;font-size:10px;color:#bdcbd9;line-height:1.6}.pause-screen,.results{background:#04183175}.pause-card h2{font:26px Arcade,monospace}.text-button{background:none;font:11px Arcade,monospace;padding:8px;color:#a8bbc8}.results-card h2{font:clamp(22px,2cqw,32px)/1.25 Arcade,monospace}.results-card>strong{display:block;font:clamp(25px,2.8cqw,42px) Arcade,monospace;color:#ffd46a;margin:22px 0 13px}.results-card p{font-size:13px;line-height:1.6}#best{color:#adc5d4}footer{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 12px;gap:20px;color:#b4c1cc}footer p{font-size:11px}footer p span{color:#7890a5;margin-left:12px}footer>span{font:8px Arcade,monospace;color:#7e95aa}dialog{background:#112c47;color:#e5ebed;border:2px solid #7d9eaf;max-width:650px;width:calc(100% - 30px);padding:30px;line-height:1.7;max-height:90svh;box-shadow:8px 8px #061527}dialog::backdrop{background:#051325cc}dialog h2{font:24px/1.3 Arcade,monospace;letter-spacing:-1px}dialog p,dialog li{font-size:13px}dialog ul{padding-left:20px}dialog li{margin:16px 0}dialog li strong{display:block;color:#ffda8e}dialog a{color:#ffda8e}dialog .fine-print{font-size:11px;color:#a6bbcd}.close{float:right} [hidden]{display:none!important}.stage.expanded,.stage:fullscreen{width:100%;height:100%;max-width:none;border:0;aspect-ratio:auto;border-radius:0;background:#0b1c2c}.stage.expanded{position:fixed;inset:0;z-index:20}body.game-expanded{overflow:hidden}body.game-expanded header,body.game-expanded footer{display:none}
@media(max-width:700px){main{padding:0 7px}header{height:58px}.wordmark{font-size:11px;max-width:125px;line-height:1.5}.wordmark span{display:block}nav{gap:15px}nav button{font-size:8px}.hud{inset:12px 11px auto}.pixel-panel{padding:7px 7px;gap:6px;border-width:2px;font-size:14px;box-shadow:0 0 0 2px #08182c,3px 4px #07162a66}.hud-right{gap:10px}#pause{font-size:13px;padding:7px 8px}.score-panel{flex-direction:column;align-items:start;gap:4px}.score-panel>span{font-size:9px}.bottom-controls{left:14px;right:14px;bottom:19px}.throw{font-size:20px;padding:13px 17px}#hint{position:absolute;left:0;bottom:57px;font-size:9px}#hint::before,#hint::after{margin:0 6px}.delivery-count{min-width:0;font-size:9px;max-width:135px}.welcome{padding:0 18px;justify-content:center;align-items:center}.welcome-card{max-width:300px;padding:20px}.welcome-card h1{font-size:30px}.welcome-card p:not(.eyebrow){font-size:12px}.gold-button{font-size:13px}.eyebrow{font-size:8px}.notification-bar{padding:4px 10px}.announcement{font-size:9px}.route-status{font-size:8px;letter-spacing:.4px}.results-card{max-width:90%;padding:22px}.results-card h2{font-size:21px}.results-card>strong{font-size:27px}footer{align-items:start;gap:10px}footer p{font-size:10px}footer p span{display:block;margin:4px 0 0}footer>span{font-size:6px;max-width:130px;text-align:right;line-height:1.6}}
@media(max-height:520px) and (orientation:landscape){main{padding:0 4px}header{height:34px}.wordmark{font-size:10px;max-width:none}.wordmark span{display:inline}nav button{font-size:8px}.stage{width:min(100%,calc((100svh - 82px)*2.22222));margin:auto}footer{display:none}.welcome-card{padding:12px 20px;max-width:320px}.welcome-card h1{font-size:27px;margin:7px 0}.welcome-card p:not(.eyebrow){font-size:11px}.gold-button{margin:12px auto;font-size:12px;padding:10px 16px}.hud{inset:10px 12px auto}.pixel-panel{font-size:16px;padding:5px 8px;gap:8px}.throw{font-size:20px;padding:10px 16px}.bottom-controls{bottom:13px}#pause{font-size:12px;padding:7px 10px}.results-card{padding:12px 24px}.results-card h2{font-size:21px;margin:6px}.results-card>strong{font-size:27px;margin:12px}.results-card p{margin:5px}.announcement{font-size:10px}}
@media(max-width:700px) and (orientation:portrait){#hint{display:none}}
/* Keep the smaller, zoomed-out windows clear of the phone scoreboard. */
@media(max-width:700px) and (orientation:portrait){
 .stage:not(.expanded):not(:fullscreen) .viewport{aspect-ratio:auto;padding-top:58px;padding-bottom:76px}
 .stage:not(.expanded):not(:fullscreen) .viewport canvas{height:auto;aspect-ratio:var(--scene-aspect)}
 .hud{top:10px}
 .score-panel{flex-direction:row;align-items:center}
 .score-panel>span{font-size:9px}
 .stage.expanded canvas,.stage:fullscreen canvas{object-fit:contain}
 .stage:not(.expanded):not(:fullscreen) .bottom-controls{bottom:15px;align-items:center}
}

.stage.expanded canvas,.stage:fullscreen canvas{object-fit:contain}

.stage.expanded .viewport,.stage:fullscreen .viewport{flex:1;min-height:0;aspect-ratio:auto}
@media(prefers-reduced-motion:reduce){.announcement,.route-status{transition:none}}

.throw.swerve-button{background:linear-gradient(#e5f6ff 0 9%,#86d5ec 10% 86%,#4fa8c8 87%);font-size:clamp(18px,2.4cqw,34px);min-width:175px}
@media(max-width:700px){.throw.swerve-button{min-width:130px;font-size:18px}}

.receipt-filters{display:flex;gap:14px;align-items:end}.receipt-filters label{display:flex;flex-direction:column;gap:5px;font-size:12px}.receipt-filters label:first-child{flex:1;min-width:0}.receipt-filters input,.receipt-filters select{width:100%;font:16px Arial,sans-serif;color:#102238;background:#fff8e8;border:2px solid #8faabd;padding:10px;border-radius:3px;min-height:44px}#grant-list{padding-left:19px}#grant-list li{overflow-wrap:anywhere}#grant-list p{margin:6px 0}#grant-more{border:1px solid #7d9eaf;min-height:44px;margin-top:12px}#grant-count{font-size:12px;color:#b7ccd9}.announcement{font-family:Arial,sans-serif;font-size:clamp(11px,1.15cqw,16px);line-height:1.25}@media(max-width:700px){.announcement{font-size:10px}.receipt-filters{gap:8px}dialog{padding:20px}.receipt-filters select{max-width:105px}}

.level-bar{min-height:39px;flex:none;display:flex;align-items:center;justify-content:center;gap:26px;background:#092238;border-bottom:1px solid #486277;padding:8px 15px;font:11px Arcade,monospace;line-height:1.4;color:#e1e9ef}
.level-bar strong{color:#ffdc85;margin-right:auto;font-weight:normal}.level-bar span{white-space:nowrap}.level-bar [data-met=true]::after{content:' · MET';color:#ffdc85}.stage[data-season=autumn] .level-bar{background:#3a2c29}.stage[data-season=winter] .level-bar{background:#24465d}.stage[data-season=spring] .level-bar{background:#213f3d}
.season-select{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.season-button{padding:10px 5px;background:#173b58;border:1px solid #688ba2;font-size:13px;min-height:50px}.season-button small{font:7px/1.6 Arcade,monospace;margin-top:6px}.season-button[aria-pressed=true]{background:#f8d579;border-color:#ffefd0;color:#152339;box-shadow:0 0 0 2px #f8d579}.season-button[aria-pressed=true] small{color:#263a45}.season-button:disabled{opacity:.48;cursor:not-allowed}.welcome-card{max-width:470px}.welcome-card h1{font-size:clamp(28px,3cqw,44px)}.welcome-card .level-targets{font-size:13px!important;color:#ffdf94!important;margin:12px 0}.welcome-card .gold-button{margin-top:18px}.welcome-card,.results-card{max-height:calc(100% - 24px);overflow:auto}.results-card{max-width:500px;width:94%}.result-goals{text-align:left;border-top:1px solid #688ba2;border-bottom:1px solid #688ba2;padding:7px 0}.result-goals p{margin:4px;font-weight:bold;font-size:15px}.result-goals [data-met=true]{color:#ffe39c}.result-goals [data-met=false]{color:#fff}#result-message{color:#e3edf3}#bridge-stats:empty{display:none}#result-levels{display:block;margin:0 auto 10px}.pause-card .text-button{display:block;margin:0 auto}
@media(max-width:700px){.level-bar{font-size:8px;gap:10px;min-height:35px;padding:7px 9px}.level-bar [data-met=true]::after{content:' ✓'}.season-select{gap:5px;margin:10px 0}.season-button{font-size:11px;padding:7px 4px;min-height:42px}.season-button small{font-size:6px;margin-top:4px}.welcome-card{max-width:360px;padding:12px 16px}.welcome-card h1{font-size:24px;letter-spacing:-1px;margin:8px 0}.welcome-card h1 br{display:none}.welcome-card h1 span::before{content:' '}.welcome-card .eyebrow{display:none}.welcome-card p:not(.eyebrow){font-size:11px;line-height:1.4;margin:8px 0}.welcome-card .level-targets{font-size:11px!important}.welcome-card .gold-button{font-size:12px;margin:12px auto 9px;padding:12px 14px}.welcome-card small{font-size:9px}.results-card{padding:12px 17px}.results-card h2{font-size:20px;margin:7px 0}.results-card>strong{font-size:23px;margin:9px 0}.result-goals p{font-size:12px;margin:3px}.results-card p{font-size:11px;line-height:1.4;margin:6px 0}.results-card .gold-button{font-size:11px;margin:11px auto 8px;padding:12px 14px}.results-card small{display:none}#best{font-size:10px}#result-levels{font-size:9px;margin-bottom:0}}
@media(max-height:520px) and (orientation:landscape){.stage{width:min(100%,calc((100svh - 115px)*2.22222))}.level-bar{min-height:29px;font-size:9px;padding:6px 12px}.notification-bar{height:31px;flex-basis:31px}.welcome-card{max-width:420px;padding:8px 18px}.welcome-card h1{font-size:23px;margin:3px 0}.welcome-card h1 br{display:none}.welcome-card h1 span::before{content:' '}.welcome-card .eyebrow{display:none}.welcome-card p:not(.eyebrow){font-size:10px;margin:6px 0}.season-select{margin:8px 0}.season-button{min-height:37px;padding:6px;font-size:11px}.season-button small{margin-top:3px}.welcome-card .gold-button{margin:8px auto;font-size:11px;padding:9px 14px}.welcome-card small{font-size:8px}.result-goals p{font-size:12px}.results-card p{font-size:11px}.results-card .gold-button{font-size:11px;margin:9px auto;padding:9px 13px}.results-card>strong{font-size:22px;margin:8px}.results-card small{display:none}}

@media(max-width:700px),(max-height:520px) and (orientation:landscape){.results-card #result-eyebrow,.results-card #final-stats,.results-card #best{display:none}.results-card .result-goals{padding:4px 0}.results-card .result-goals p{margin:2px 4px;line-height:1.3}.results-card>strong{margin:6px 0}.results-card #result-levels{margin:0 auto}.results-card #result-message{margin:7px 0}.results-card h2{margin:5px 0}}

/* The action lives below the canvas. Its lettering is a raster image, never selectable text. */
.stage,.stage button,.stage img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.bottom-controls{position:relative;inset:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;flex:none;min-height:100px;padding:16px 25px;background:#102a43;border-top:1px solid #647e8c;pointer-events:auto}
.bottom-controls .delivery-count{justify-self:start}.bottom-controls #hint{position:static;justify-self:end;font-size:12px;letter-spacing:.3px;text-align:right}.bottom-controls #hint::before,.bottom-controls #hint::after{content:none}
.bottom-controls .throw{width:272px;max-width:100%;height:66px;min-width:0;padding:5px 12px;touch-action:none}
.throw img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.throw[data-reloading=true]{filter:saturate(.45);opacity:.8}
.stage:not(.expanded):not(:fullscreen) .viewport{padding-bottom:0}
.stage:not(.expanded):not(:fullscreen) .bottom-controls{bottom:auto}
@media(max-width:700px) and (orientation:portrait){
 .bottom-controls{grid-template-columns:1fr 1fr;grid-template-areas:'count hint' 'button button';padding:10px 16px 16px;gap:11px;min-height:110px}
 .bottom-controls .delivery-count{grid-area:count;font-size:9px;max-width:none}
 .bottom-controls #hint{display:block;grid-area:hint;font-size:9px}
 .bottom-controls .throw{grid-area:button;justify-self:center;width:248px;height:60px}
}
@media(max-height:520px) and (orientation:landscape){
 .stage{width:min(100%,calc((100svh - 170px)*2.22222))}
 .bottom-controls{min-height:70px;padding:9px 13px;gap:8px}
 .bottom-controls .throw{width:190px;height:48px;padding:2px 9px}
 .bottom-controls .delivery-count,.bottom-controls #hint{font-size:7px;min-width:0}
}
.stage.expanded,.stage:fullscreen{width:100%}

/* Separate, touch-sized music/effects switches stay above the scene, including fullscreen. */
.notification-bar{height:52px;flex-basis:52px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:4px 8px}
.audio-controls{grid-area:1/2;display:flex;gap:6px;align-items:center}
.audio-button{width:44px;height:44px;flex:none;display:grid;place-items:center;padding:8px;border:1px solid #64859c;border-radius:4px;background:#0c2238;color:#ffdc85;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.audio-button svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.audio-button .note-head{fill:currentColor;stroke:none}
.audio-button .mute-cross{display:none;stroke:#f6eed6;stroke-width:2.5;filter:drop-shadow(0 1px 1px #08192c)}
.audio-button[aria-pressed=false]{color:#8297a8;background:#162a3a}
.audio-button[aria-pressed=false] .audio-symbol{opacity:.6}
.audio-button[aria-pressed=false] .mute-cross{display:block}
.audio-button[aria-pressed=false] .sound-waves{display:none}
.audio-button:hover{border-color:#ffdc85}.audio-button:active{transform:translateY(1px)}
.audio-button.exit-expanded{display:none;grid-area:1/3;font-size:23px}
.stage.expanded .exit-expanded,.stage:fullscreen .exit-expanded{display:grid}
.stage.expanded .notification-bar,.stage:fullscreen .notification-bar{grid-template-columns:minmax(0,1fr) auto auto}
@media(max-width:700px){.notification-bar{gap:6px;padding-left:10px}.audio-controls{gap:4px}}

.ending-review{text-align:center;padding:7px 0}.ending-review .text-button{color:#ffdc85;min-height:40px}.ending-review small{margin:3px 0 6px}

.ending-preview .bottom-controls,.ending-preview .score-panel,.ending-preview #grant-goal,.ending-preview #pothole-goal{display:none}

/* Stable expanded framing: UI text changes must not alter the scene's height. */
.stage.expanded{height:var(--expanded-height,100svh);bottom:auto}
.stage.expanded .bottom-controls,.stage:fullscreen .bottom-controls{height:100px;min-height:100px;max-height:100px;overflow:hidden}
.stage.expanded .level-bar,.stage:fullscreen .level-bar{height:39px;min-height:39px;max-height:39px;overflow:hidden}
.stage.expanded .delivery-count,.stage:fullscreen .delivery-count{min-height:32px}
.stage.expanded canvas,.stage:fullscreen canvas{position:absolute;inset:0}
@media(max-width:700px) and (orientation:portrait){.stage.expanded .bottom-controls,.stage:fullscreen .bottom-controls{height:110px;min-height:110px;max-height:110px}}
@media(max-height:520px) and (orientation:landscape){.stage.expanded .bottom-controls,.stage:fullscreen .bottom-controls{height:70px;min-height:70px;max-height:70px}.stage.expanded .level-bar,.stage:fullscreen .level-bar{height:29px;min-height:29px;max-height:29px}}
@media(max-width:700px) and (orientation:portrait){
 .stage.expanded .bottom-controls,.stage:fullscreen .bottom-controls{grid-template-rows:26px 60px;gap:6px;padding:8px 16px 10px}
 .stage.expanded .delivery-count,.stage:fullscreen .delivery-count{min-height:26px;gap:4px}
}

/* Results stay scrollable on small phones and expanded landscape layouts. */
.results{padding:10px;overflow:auto;align-items:safe center}.results-card{max-height:100%;overflow:auto;box-sizing:border-box}.run-medals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.medal{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:7px 3px;border:1px solid #57718b;border-radius:8px;background:#102d49}.medal-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:3px double #a3b4c5;font:bold 24px Georgia;color:#a3b4c5}.medal.earned{border-color:#e1b452;background:#394033}.medal.earned .medal-icon{color:#5c3e08;background:#f4cd66;border-color:#fff0b8;box-shadow:0 2px 9px #ffdb6d44}.medal strong{font:bold 10px sans-serif;letter-spacing:.3px}.medal-detail{font:10px/1.25 sans-serif;color:#d2deea}.medal-status{font:bold 8px sans-serif;color:#c6b98e}.medal.earned .medal-status{color:#ffda7e}@media(max-width:700px){.run-medals{gap:4px;margin:8px 0}.medal{gap:3px}.medal-icon{width:27px;height:27px;font-size:19px}.medal strong{font-size:9px}.medal-detail{font-size:9px}}

/* v80: remove the marked HUD clutter without leaving empty control columns. */
.level-bar{justify-content:flex-end}
.bottom-controls,.stage.expanded .bottom-controls,.stage:fullscreen .bottom-controls{display:flex;justify-content:center;align-items:center;position:relative;height:90px;min-height:90px;max-height:90px;padding:12px 16px;gap:0}
.bottom-controls .delivery-count{position:absolute;left:16px;top:12px;min-height:0;min-width:0}
.bottom-controls .delivery-count:has(#streak:empty){display:none}
@media(max-width:700px){.bottom-controls .delivery-count{font-size:7px;top:3px}.bottom-controls,.stage.expanded .bottom-controls,.stage:fullscreen .bottom-controls{height:90px;min-height:90px;max-height:90px}}
@media(max-height:520px) and (orientation:landscape){.bottom-controls,.stage.expanded .bottom-controls,.stage:fullscreen .bottom-controls{height:70px;min-height:70px;max-height:70px;padding:9px 13px}}

/* v84: the large game title belongs above the game, not inside season selection. */
header{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:18px 0 8px}
.page-title{font:clamp(24px,3.4vw,44px)/1.13 Arcade,monospace;letter-spacing:-1px;text-align:center;margin:0 0 7px;color:#f6eed6}
.page-title span{color:#ffd36b}
header nav{align-self:flex-end}
@media(max-width:700px){header{height:auto;padding:16px 0 7px}.page-title{font-size:clamp(21px,6.1vw,36px);margin-bottom:7px;white-space:nowrap}}
@media(max-height:520px) and (orientation:landscape){header{height:auto;padding:6px 0 3px}.page-title{font-size:24px;margin-bottom:0}header nav button{padding:5px 0}}

/* v85: display the approved B artwork exactly, clipping the comparison sheet. */
header .page-title{width:100%;max-width:none;margin:0 0 4px;font-size:inherit;line-height:0}
.title-art{position:relative;display:block;width:100%;aspect-ratio:1456 / 180;overflow:hidden}
.title-art img{position:absolute;display:block;max-width:none;width:105.4945055%;height:auto;left:-2.7472527%;top:-170%;pointer-events:none}
header{padding-top:10px}
@media(max-height:520px) and (orientation:landscape){header .page-title{width:min(100%,650px)}}