/* Home controls follow the scene in normal flow; no overlap with the cars. */
body .topbar{position:sticky;top:0;z-index:50;background:#06152ef5;backdrop-filter:blur(16px)}
#globalBack{color:#d5f7ff;border:1px solid #3b9aba;padding:9px 12px;font-size:12px;white-space:nowrap}
body[data-screen=home]{display:flex;flex-direction:column;min-height:100svh}
body[data-screen=home] .topbar,body[data-screen=home] footer{flex-shrink:0}
body[data-screen=home] main{display:flex;flex-direction:column;flex:1;padding:0}
body[data-screen=home] footer{padding:16px 25px}
#home.start-screen{min-height:0;padding-bottom:24px;display:flex;flex-direction:column;flex:1}
#home.start-screen .hero-road{position:relative;inset:auto;width:100%;height:auto;min-height:320px;flex:1 0 320px;overflow:hidden}
#home .hero-road canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#home .start-controls{flex-shrink:0;width:100%}
#home .start-title{position:absolute;inset:12px 0 auto;padding:0 20px;z-index:2}
#home .start-title h1{margin:12px 0;font-size:clamp(52px,9vw,104px)}
#home .start-controls{margin:0 auto;padding:27px 24px 0;max-width:760px;background:none;border:0;display:flex;align-items:center;flex-direction:column;gap:24px}
#home .start-controls #dailyBtn{width:min(480px,100%);margin:0;min-height:66px;outline-offset:3px}
#home .start-controls .mode-grid{margin:0;width:100%;gap:10px;border:0;background:none;grid-template-columns:repeat(3,minmax(0,1fr))}
#home .start-controls .mode-card,#home .start-controls .mode-card+.mode-card{min-height:62px;justify-content:center;margin:0;padding:15px 10px;border:1px solid #276585;background:#0b2444;box-shadow:none}
#home .mode-card strong{font-size:10px;line-height:1.8}
#game .reflection{padding:18px 24px;margin:0;max-width:none;background:none;border:0;border-radius:0;box-shadow:none;display:flex;justify-content:flex-end}
#game .reflection[hidden]{display:none}
#game .reflection .primary{min-width:190px}
#exitBtn{display:none}
#questionContext[hidden]{display:none}
.question-heading h1{font-family:var(--sans);font-weight:650;letter-spacing:0}
.choice strong{font-size:clamp(16px,1.6vw,21px);line-height:1.5}
@media(max-width:640px){#home.start-screen .hero-road{height:350px;height:clamp(280px,48svh,390px)}#home .start-title{inset:18px 0 auto;padding:0 12px}#home .start-title h1{font-size:clamp(42px,12vw,65px);letter-spacing:3px}#home .start-controls{padding:24px 18px 0;gap:22px}#home .start-controls .mode-grid{grid-template-columns:1fr;gap:8px}#home .start-controls .mode-card,#home .start-controls .mode-card+.mode-card{min-height:46px;padding:11px}.header-actions{gap:7px}#globalBack{padding:8px;font-size:11px}.choice strong{font-size:15px}#game .reflection{padding:16px}.question-heading p{font-size:14px}}
@media(max-width:640px){#home.start-screen .hero-road{height:auto;min-height:280px;flex-basis:280px}body[data-screen=home] footer{padding:14px 18px}}
body[data-screen=home] footer{width:100%;max-width:none;margin:0;box-sizing:border-box}
/* The landscape fills the complete home, including behind the controls. */
.header-actions{margin-left:auto}
body[data-screen=home] .topbar{position:absolute;inset:0 0 auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;z-index:50}
body[data-screen=home] main{display:block;flex:1}
#home.start-screen{display:block;position:relative;min-height:680px;height:calc(100svh - 50px);padding:0;isolation:isolate}
#home.start-screen .hero-road{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;border:0;z-index:0}
#home .start-title{inset:65px 0 auto}
#home .start-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);margin:0;padding:0 24px;z-index:3;background:none;border:0;max-width:760px}
#home .start-controls #dailyBtn{background:#092343c9;backdrop-filter:blur(8px)}
#home .start-controls .mode-card,#home .start-controls .mode-card+.mode-card{background:#08233cbf;backdrop-filter:blur(8px);border-color:#88c7d688}
@media(max-width:640px){#home.start-screen{min-height:760px;height:calc(100svh - 48px)}#home .start-title{inset:60px 0 auto}#home .start-controls{padding:0 18px;bottom:24px}#home.start-screen .hero-road{height:100%;min-height:0}}
/* Compact game heading leaves more of the road visible. */
#game .game-toolbar{padding:7px 6px 6px}
#game .progress{margin-top:0;margin-bottom:0}
#game .question-heading{padding:9px 20px 12px;margin:0 auto}
#game .question-heading h1{font-size:22px;line-height:1.2;margin:5px 0 0}
#game .question-heading p{font-size:13px;line-height:1.35;margin:5px auto 0}
#game .question-heading .eyebrow{line-height:1.5}
#game .drive-stage,#game.resolved .drive-stage{height:clamp(500px,calc(100svh - 180px),940px);min-height:500px}
@media(max-width:640px){#game .game-toolbar{padding:6px 2px}#game .question-heading{padding:8px 16px 10px}#game .question-heading h1{font-size:20px}#game .question-heading p{font-size:12px}}
#game{padding-bottom:0!important}