:root{
  --bg:#070b16;--panel:#11192a;--panel2:#16243c;--line:#2d4266;--text:#f6f9ff;--muted:#9fafca;
  --cyan:#59e6ff;--blue:#6c8dff;--green:#7ff0aa;--yellow:#ffd66b;--orange:#ff9d59;--red:#ff7186;--magenta:#de7dff;
  --shadow:0 22px 72px rgba(0,0,0,.45);font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#182a51 0,transparent 36%),var(--bg);color:var(--text)}
body{overflow-x:hidden}button,select,input{font:inherit}button{color:inherit;touch-action:manipulation}.hidden{display:none!important}
#app{min-height:100vh;display:flex;flex-direction:column}.shell{width:min(1440px,calc(100% - 28px));margin:0 auto;flex:1}.screen{display:none}.screen.active{display:block}
.sitebar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(14px,env(safe-area-inset-left));border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,9,18,.78);backdrop-filter:blur(12px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-weight:900;letter-spacing:.04em}.brand img{width:29px;height:29px}.alpha{font-size:.7rem;color:var(--muted);font-weight:900;letter-spacing:.13em}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.72fr);gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(34px,6vw,82px) 0 30px}.eyebrow{margin:0 0 10px;color:var(--yellow);font-size:.73rem;letter-spacing:.15em;font-weight:950}.hero-copy h1{margin:0;max-width:9ch;font-size:clamp(3.2rem,8vw,7.6rem);line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.hero-copy h1 span{color:var(--cyan);text-shadow:0 0 30px rgba(89,230,255,.28)}.lede{max-width:60ch;color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);line-height:1.62}.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.feature-row article{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(17,25,42,.72)}.feature-row strong{display:block;margin-bottom:5px}.feature-row span{display:block;color:var(--muted);font-size:.84rem;line-height:1.45}
.setup-card{background:linear-gradient(155deg,rgba(25,39,66,.96),rgba(11,16,30,.97));border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.field-group{display:grid;gap:7px;margin-bottom:15px}.field-group label,.table-fieldset legend{font-size:.77rem;letter-spacing:.08em;color:#d8e3f7;font-weight:900;text-transform:uppercase}.field-group select{width:100%;border:1px solid var(--line);border-radius:12px;background:#0c1424;color:var(--text);padding:12px 13px;outline:none}.field-group select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(89,230,255,.12)}.field-group small{color:var(--muted);line-height:1.4}.table-fieldset{border:1px solid var(--line);border-radius:14px;padding:13px;margin:0 0 16px}.table-fieldset p{margin:2px 0 10px;color:var(--muted);font-size:.82rem;line-height:1.4}.switch-row{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem}.switch-row input{width:20px;height:20px}.table-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}.table-pill{position:relative;display:grid;place-items:center;min-height:38px;border:1px solid var(--line);border-radius:9px;background:#0b1424;color:var(--muted);cursor:pointer;font-weight:900}.table-pill input{position:absolute;opacity:0;pointer-events:none}.table-pill.selected{border-color:var(--cyan);background:rgba(89,230,255,.12);color:white}.table-picker[aria-disabled="true"]{opacity:.42;pointer-events:none}.primary-button,.secondary-button{min-height:48px;border-radius:12px;border:1px solid transparent;padding:11px 16px;font-weight:950;cursor:pointer}.primary-button{width:100%;background:linear-gradient(135deg,var(--cyan),var(--green));color:#07151a}.secondary-button{background:#10192b;border-color:var(--line);color:var(--text)}.control-note{margin:12px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}.control-note strong{color:var(--text)}
.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 0 54px}.how-it-works article{display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(13,20,34,.7)}.how-it-works .step{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,214,107,.13);border:1px solid rgba(255,214,107,.35);color:var(--yellow);font-weight:950}.how-it-works strong{display:block}.how-it-works p{margin:4px 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}
#raceScreen{padding:16px 0 34px}.race-topbar{display:grid;grid-template-columns:.7fr .8fr .95fr 1.4fr .9fr auto;gap:8px;margin-bottom:9px}.hud-card,.hud-button{border:1px solid var(--line);border-radius:12px;background:rgba(10,16,29,.9);min-height:58px;padding:8px 11px}.hud-card{display:grid;align-content:center}.hud-card span{color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.1em}.hud-card strong{font-size:1.08rem}.hud-button{color:var(--text);cursor:pointer;font-weight:900}.streak-card{grid-template-columns:auto auto;align-items:center;column-gap:10px}.streak-card strong{justify-self:end;color:var(--yellow)}.streak-card .streak-meter{grid-column:1/-1;height:7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#09101d;overflow:hidden}.streak-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--yellow),var(--magenta));transition:width .16s ease}
.game-shell{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #385172;border-radius:20px;background:#07101c;box-shadow:var(--shadow)}#gameCanvas{display:block;width:100%;height:100%;touch-action:none}.question-banner{position:absolute;top:4%;left:50%;transform:translateX(-50%);text-align:center;padding:9px 17px;border-radius:14px;background:rgba(5,10,20,.8);border:1px solid rgba(255,214,107,.4);backdrop-filter:blur(6px);pointer-events:none}.question-banner span{display:block;color:var(--yellow);font-size:.61rem;letter-spacing:.12em;font-weight:950}.question-banner strong{display:block;font-size:clamp(1.4rem,3.5vw,2.8rem);line-height:1.08}.race-message{position:absolute;top:19%;left:50%;transform:translateX(-50%);min-width:min(540px,85%);text-align:center;font-size:clamp(1rem,2.6vw,1.7rem);font-weight:1000;letter-spacing:.02em;text-shadow:0 3px 18px #000;pointer-events:none;opacity:0;transition:opacity .16s ease}.race-message.show{opacity:1}.race-message.good{color:var(--green)}.race-message.warn{color:var(--yellow)}.race-message.bad{color:var(--red)}.countdown{position:absolute;inset:0;display:grid;place-items:center;background:rgba(4,8,16,.22);font-size:clamp(5rem,18vw,12rem);font-weight:1000;text-shadow:0 0 36px rgba(89,230,255,.55);pointer-events:none}.lightspeed-overlay,.pause-overlay{position:absolute;inset:0;z-index:30}.lightspeed-overlay{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(255,255,255,.28),rgba(5,8,21,.96));overflow:hidden}.warp-stars{position:absolute;inset:-50%;background:repeating-radial-gradient(circle at center,#fff 0 1px,transparent 2px 22px);transform:scale(.25);animation:warp 1.2s linear infinite;opacity:.8}.lightspeed-copy{position:relative;z-index:2;text-align:center;display:grid;gap:6px}.lightspeed-copy span{font-size:.75rem;letter-spacing:.2em;font-weight:950;color:var(--cyan)}.lightspeed-copy strong{font-size:clamp(3rem,10vw,8rem);line-height:.9;color:#fff;text-shadow:0 0 26px var(--cyan),0 0 60px var(--magenta)}.lightspeed-copy small{font-weight:850;color:#d9e7ff}.pause-overlay{display:grid;place-items:center;padding:18px;background:rgba(2,6,14,.82);backdrop-filter:blur(8px)}.pause-card{width:min(400px,100%);padding:24px;border-radius:18px;background:linear-gradient(150deg,var(--panel2),#0b1220);border:1px solid var(--line);text-align:center}.pause-card h2{margin-top:0}.pause-card p{color:var(--muted)}.pause-card .secondary-button{width:100%;margin-top:8px}
.race-controls{display:grid;grid-template-columns:minmax(110px,220px) 1fr minmax(110px,220px);gap:10px;margin-top:10px}.steer-button{min-height:76px;border:1px solid rgba(89,230,255,.35);border-radius:16px;background:rgba(89,230,255,.1);font-size:2rem;font-weight:1000;cursor:pointer;user-select:none;-webkit-user-select:none}.steer-button span{display:block;font-size:.62rem;letter-spacing:.12em;color:var(--cyan)}.steer-button.pressed{background:rgba(89,230,255,.22);transform:translateY(1px)}.race-help{border:1px solid var(--line);border-radius:16px;background:rgba(10,16,29,.86);display:grid;place-items:center;text-align:center;padding:10px}.race-help strong{display:block}.race-help span{display:block;color:var(--muted);font-size:.82rem;margin-top:3px}
#resultScreen{padding:clamp(34px,7vw,80px) 0}.result-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:18px}.result-card,.fact-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(25,39,66,.96),rgba(10,15,27,.97));padding:clamp(20px,4vw,34px);box-shadow:var(--shadow)}.result-card h2{font-size:clamp(2.4rem,7vw,5.6rem);line-height:.9;margin:0 0 12px;letter-spacing:-.045em}.result-summary{color:var(--muted);font-size:1.02rem;line-height:1.55}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.stats-grid div{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(7,13,24,.62)}.stats-grid span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.stats-grid strong{display:block;font-size:1.35rem}.result-actions{display:flex;gap:9px}.result-actions button{flex:1}.fact-card h3{margin:0 0 9px;font-size:1.35rem}.fact-card>p:not(.eyebrow){color:var(--muted);line-height:1.55}.best-box{margin-top:24px;padding:14px;border-radius:14px;border:1px solid rgba(127,240,170,.28);background:rgba(127,240,170,.07)}.best-box span{display:block;color:var(--muted);font-size:.75rem}.best-box strong{display:block;margin-top:3px;color:var(--green);font-size:1.25rem}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px max(18px,calc((100vw - 1440px)/2));border-top:1px solid rgba(255,255,255,.08);color:#73809a;font-size:.76rem}footer a{color:#91a2c2}
@keyframes warp{to{transform:scale(1.8)}}
@media(max-width:980px){.hero-grid,.result-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr}.how-it-works{grid-template-columns:1fr}.race-topbar{grid-template-columns:repeat(3,1fr)}.hud-button{min-height:58px}.game-shell{aspect-ratio:4/3}.race-controls{grid-template-columns:1fr 1.4fr 1fr}}
@media(max-width:620px){.shell{width:min(100% - 16px,1440px)}.sitebar{min-height:54px}.alpha{font-size:.6rem}.hero-grid{padding-top:28px}.hero-copy h1{font-size:clamp(3rem,18vw,5rem)}.setup-card{padding:15px}.table-picker{grid-template-columns:repeat(4,1fr)}.race-topbar{grid-template-columns:repeat(2,1fr)}.streak-card{grid-column:1/-1}.hud-button{grid-column:2}.game-shell{aspect-ratio:9/11;border-radius:14px}.question-banner{top:2%;max-width:88%}.race-controls{grid-template-columns:1fr 1fr}.race-help{grid-column:1/-1;grid-row:1}.steer-button{min-height:72px}.stats-grid{grid-template-columns:repeat(2,1fr)}.result-actions{flex-direction:column}.result-card,.fact-card{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}


/* V0.1.1 mobile/tablet race viewport */
.device-hint{margin:10px 0 0;padding:9px 11px;border:1px solid rgba(89,230,255,.22);border-radius:10px;background:rgba(89,230,255,.06);color:#b8c9e6;font-size:.76rem;line-height:1.4}
.orientation-hint{position:absolute;left:10px;top:10px;z-index:24;max-width:min(330px,72%);padding:7px 10px;border:1px solid rgba(255,214,107,.35);border-radius:10px;background:rgba(5,10,20,.82);color:var(--yellow);font-size:.72rem;font-weight:850;pointer-events:none}
body.race-mode{height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none}
body.race-mode #app{height:100vh;height:100dvh;min-height:0}
body.race-mode .sitebar,body.race-mode footer{display:none}
body.race-mode .shell{width:100%;height:100%;min-height:0;padding:0;margin:0}
body.race-mode #raceScreen.active{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
body.race-mode .race-topbar{margin:0;min-height:0}
body.race-mode .game-shell{height:100%;min-height:0;aspect-ratio:auto;border-radius:14px}
body.race-mode .race-controls{margin:0}
html[data-device="phone"] .hero-grid{gap:16px;padding:22px 0 14px}
html[data-device="phone"] .hero-copy h1{font-size:clamp(2.7rem,14vw,4.8rem)}
html[data-device="phone"] .feature-row{display:none}
html[data-device="phone"] .how-it-works{padding-bottom:28px}
html[data-device="tablet"] .hero-grid{padding-top:30px}

@media (pointer:coarse) and (orientation:portrait){
  body.race-mode .race-topbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  body.race-mode .hud-card,body.race-mode .hud-button{min-height:40px;padding:4px 6px;border-radius:9px}
  body.race-mode .hud-card span{font-size:.52rem}
  body.race-mode .hud-card strong{font-size:.88rem}
  body.race-mode .streak-card{grid-column:auto;column-gap:4px}
  body.race-mode .streak-card .streak-meter{height:4px}
  body.race-mode .hud-button{grid-column:auto;font-size:.72rem}
  body.race-mode .race-controls{grid-template-columns:1fr 1fr;gap:5px}
  body.race-mode .race-help{grid-column:1/-1;grid-row:1;min-height:42px;padding:4px 8px;border-radius:10px}
  body.race-mode .race-help span{font-size:.7rem}
  body.race-mode .steer-button{min-height:58px;border-radius:12px;font-size:1.55rem}
  body.race-mode .steer-button span{font-size:.55rem}
  body.race-mode .question-banner{top:2%;padding:6px 11px}
  body.race-mode .question-banner strong{font-size:clamp(1.2rem,6vw,2rem)}
  body.race-mode .race-message{top:16%;font-size:clamp(.9rem,4vw,1.3rem)}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:720px){
  html[data-device="phone"] body:not(.race-mode) .hero-grid{grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:14px;padding:14px 0}
  html[data-device="phone"] body:not(.race-mode) .hero-copy h1{font-size:clamp(2.4rem,7vw,4rem)}
  html[data-device="phone"] body:not(.race-mode) .lede{font-size:.86rem;line-height:1.4}
  html[data-device="phone"] body:not(.race-mode) .how-it-works{display:none}
  html[data-device="phone"] body:not(.race-mode) .setup-card{padding:12px}
  html[data-device="phone"] body:not(.race-mode) .field-group{margin-bottom:8px}
  body.race-mode #raceScreen.active{grid-template-rows:42px minmax(0,1fr) 58px;gap:4px;padding:4px max(6px,env(safe-area-inset-right)) 4px max(6px,env(safe-area-inset-left))}
  body.race-mode .race-topbar{grid-template-columns:repeat(5,minmax(0,1fr)) 64px;gap:4px}
  body.race-mode .hud-card,body.race-mode .hud-button{min-height:38px;padding:3px 6px;border-radius:8px}
  body.race-mode .hud-card span{font-size:.48rem}
  body.race-mode .hud-card strong{font-size:.82rem}
  body.race-mode .streak-card{grid-column:auto;column-gap:4px}
  body.race-mode .streak-card .streak-meter{height:4px}
  body.race-mode .hud-button{grid-column:auto;font-size:.68rem}
  body.race-mode .game-shell{border-radius:10px}
  body.race-mode .question-banner{top:2%;padding:4px 10px;border-radius:10px}
  body.race-mode .question-banner span{font-size:.48rem}
  body.race-mode .question-banner strong{font-size:clamp(1.05rem,3vw,1.65rem)}
  body.race-mode .race-message{top:14%;font-size:clamp(.82rem,2vw,1.15rem)}
  body.race-mode .race-controls{grid-template-columns:minmax(96px,130px) 1fr minmax(96px,130px);gap:5px}
  body.race-mode .race-help{min-height:0;padding:3px 8px;border-radius:9px}
  body.race-mode .race-help strong{font-size:.78rem}
  body.race-mode .race-help span{font-size:.63rem;margin-top:1px}
  body.race-mode .steer-button{min-height:54px;border-radius:10px;font-size:1.45rem}
  body.race-mode .steer-button span{font-size:.5rem}
}


/* V0.2 polish: focused touch menus + stronger arcade presentation */
.setup-step-label{display:none;margin:0 0 12px;color:var(--cyan);font-size:.66rem;font-weight:950;letter-spacing:.14em}
.setup-step{display:block}
.setup-actions{display:flex;gap:9px}
.setup-actions .primary-button{flex:1}
.setup-actions .secondary-button{flex:0 0 30%}
.setup-next,.setup-back{display:none}
.sound-switch{margin:0 0 14px;padding:11px 12px;border:1px solid rgba(89,230,255,.2);border-radius:12px;background:rgba(89,230,255,.055)}
.fact-actions{display:none;gap:9px;margin-top:16px}
.fact-actions button{flex:1}
.result-next{display:none}
.race-topbar{filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}
.hud-card,.hud-button{background:linear-gradient(180deg,rgba(13,27,50,.94),rgba(6,13,27,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.question-banner{box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.steer-button{background:radial-gradient(circle at 50% 20%,rgba(89,230,255,.16),rgba(12,26,43,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 26px rgba(0,0,0,.22)}
.result-card{position:relative;overflow:hidden}
.result-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(89,230,255,.08),transparent 34%,transparent 68%,rgba(127,240,170,.05))}
.result-card>*{position:relative}
.stats-grid div{background:linear-gradient(160deg,rgba(8,18,34,.88),rgba(10,14,28,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.fact-card{background:radial-gradient(circle at 100% 0,rgba(222,125,255,.12),transparent 45%),linear-gradient(150deg,rgba(25,39,66,.96),rgba(10,15,27,.97))}
.best-box{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}

html[data-device="phone"] .hero-copy .lede,
html[data-device="tablet"] .hero-copy .lede,
html[data-device="phone"] .feature-row,
html[data-device="tablet"] .feature-row,
html[data-device="phone"] .how-it-works,
html[data-device="tablet"] .how-it-works{display:none}

html[data-device="phone"] #homeScreen .hero-grid,
html[data-device="tablet"] #homeScreen .hero-grid{align-items:start}
html[data-device="phone"] #homeScreen .hero-copy,
html[data-device="tablet"] #homeScreen .hero-copy{padding:2px 4px 0}
html[data-device="phone"] #homeScreen .hero-copy h1,
html[data-device="tablet"] #homeScreen .hero-copy h1{max-width:none;line-height:.9}
html[data-device="phone"] #homeScreen .setup-card,
html[data-device="tablet"] #homeScreen .setup-card{box-shadow:0 14px 44px rgba(0,0,0,.28)}
html[data-device="phone"] .setup-step,
html[data-device="tablet"] .setup-step{display:none}
html[data-device="phone"] .setup-step.active,
html[data-device="tablet"] .setup-step.active{display:block}
html[data-device="phone"] .setup-step-label,
html[data-device="tablet"] .setup-step-label{display:block}
html[data-device="phone"] .setup-next,
html[data-device="tablet"] .setup-next,
html[data-device="phone"] .setup-back,
html[data-device="tablet"] .setup-back{display:block}
html[data-device="phone"] .control-note,
html[data-device="tablet"] .control-note{margin-top:9px;font-size:.72rem}
html[data-device="phone"] .device-hint,
html[data-device="tablet"] .device-hint{font-size:.70rem;padding:7px 9px}
html[data-device="phone"] .table-picker{grid-template-columns:repeat(6,1fr)}

html[data-device="phone"] body.result-mode,
html[data-device="tablet"] body.result-mode{min-height:100dvh}
html[data-device="phone"] body.result-mode footer,
html[data-device="tablet"] body.result-mode footer{display:none}
html[data-device="phone"] body.result-mode #resultScreen,
html[data-device="tablet"] body.result-mode #resultScreen{padding:14px 0 20px}
html[data-device="phone"] #resultScreen .result-grid,
html[data-device="tablet"] #resultScreen .result-grid{grid-template-columns:1fr}
html[data-device="phone"] #resultScreen[data-result-step="1"] .fact-card,
html[data-device="tablet"] #resultScreen[data-result-step="1"] .fact-card{display:none}
html[data-device="phone"] #resultScreen[data-result-step="2"] .result-card,
html[data-device="tablet"] #resultScreen[data-result-step="2"] .result-card{display:none}
html[data-device="phone"] #resultScreen .result-next,
html[data-device="tablet"] #resultScreen .result-next,
html[data-device="phone"] #resultScreen .fact-actions,
html[data-device="tablet"] #resultScreen .fact-actions{display:flex}
html[data-device="phone"] #resultScreen .desktop-menu-button,
html[data-device="tablet"] #resultScreen .desktop-menu-button{display:none}
html[data-device="phone"] #resultScreen .result-card,
html[data-device="phone"] #resultScreen .fact-card{padding:16px}
html[data-device="phone"] #resultScreen .result-card h2{font-size:clamp(2.5rem,13vw,4.2rem)}
html[data-device="phone"] #resultScreen .result-summary{font-size:.88rem;line-height:1.4}
html[data-device="phone"] #resultScreen .stats-grid{margin:14px 0;gap:7px}
html[data-device="phone"] #resultScreen .stats-grid div{padding:10px}
html[data-device="phone"] #resultScreen .stats-grid strong{font-size:1.18rem}
html[data-device="phone"] #resultScreen .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
html[data-device="phone"] #resultScreen .result-actions button{min-height:52px}
html[data-device="phone"] #resultScreen .fact-card h3{font-size:clamp(1.7rem,8vw,2.6rem);line-height:1.05}
html[data-device="phone"] #resultScreen .best-box{margin-top:16px}

@media (pointer:coarse) and (orientation:portrait){
  html[data-device="phone"] #homeScreen .hero-grid,
  html[data-device="tablet"] #homeScreen .hero-grid{grid-template-columns:1fr;padding:16px 0 18px}
  html[data-device="phone"] #homeScreen .hero-copy h1{font-size:clamp(2.5rem,13vw,4rem)}
  html[data-device="phone"] #homeScreen .eyebrow{margin-bottom:6px}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:720px){
  html[data-device="phone"] body:not(.race-mode):not(.result-mode) .hero-grid,
  html[data-device="tablet"] body:not(.race-mode):not(.result-mode) .hero-grid{grid-template-columns:minmax(220px,.68fr) minmax(360px,1.32fr);gap:14px;padding:10px 0}
  html[data-device="phone"] body:not(.race-mode):not(.result-mode) .hero-copy h1,
  html[data-device="tablet"] body:not(.race-mode):not(.result-mode) .hero-copy h1{font-size:clamp(2.2rem,6vw,3.8rem)}
  html[data-device="phone"] body:not(.race-mode):not(.result-mode) .setup-card,
  html[data-device="tablet"] body:not(.race-mode):not(.result-mode) .setup-card{padding:12px}
  html[data-device="phone"] body.result-mode .sitebar,
  html[data-device="tablet"] body.result-mode .sitebar{min-height:46px;padding-top:5px;padding-bottom:5px}
  html[data-device="phone"] body.result-mode #resultScreen,
  html[data-device="tablet"] body.result-mode #resultScreen{padding:7px 0}
  html[data-device="phone"] body.result-mode .result-card,
  html[data-device="tablet"] body.result-mode .result-card,
  html[data-device="phone"] body.result-mode .fact-card,
  html[data-device="tablet"] body.result-mode .fact-card{padding:13px}
  html[data-device="phone"] body.result-mode .result-card h2,
  html[data-device="tablet"] body.result-mode .result-card h2{font-size:clamp(2rem,7vh,3.6rem);margin-bottom:7px}
  html[data-device="phone"] body.result-mode .result-summary,
  html[data-device="tablet"] body.result-mode .result-summary{font-size:.78rem}
  html[data-device="phone"] body.result-mode .stats-grid,
  html[data-device="tablet"] body.result-mode .stats-grid{margin:9px 0;grid-template-columns:repeat(3,1fr)}
  html[data-device="phone"] body.result-mode .stats-grid div,
  html[data-device="tablet"] body.result-mode .stats-grid div{padding:7px 9px}
  html[data-device="phone"] body.result-mode .stats-grid strong,
  html[data-device="tablet"] body.result-mode .stats-grid strong{font-size:1rem}
  html[data-device="phone"] body.result-mode .result-actions button,
  html[data-device="tablet"] body.result-mode .result-actions button{min-height:44px}
  html[data-device="phone"] body.result-mode .fact-card h3,
  html[data-device="tablet"] body.result-mode .fact-card h3{font-size:clamp(1.5rem,5vw,2.4rem)}
  html[data-device="phone"] body.result-mode .best-box,
  html[data-device="tablet"] body.result-mode .best-box{margin-top:10px}
}

@media(prefers-reduced-motion:reduce){
  .result-card::before{display:none}
}


/* V0.2.6 responsive desktop camera chrome */
html[data-device="desktop"] body.race-mode .race-topbar{
  width:min(100%,1920px);
  margin-left:auto;
  margin-right:auto;
}
html[data-device="desktop"] body.race-mode .race-controls{
  width:min(100%,1200px);
  margin-left:auto;
  margin-right:auto;
}
html[data-device="desktop"][data-view="ultrawide"] body.race-mode .race-topbar{
  width:min(100%,1760px);
}
html[data-device="desktop"][data-view="ultrawide"] body.race-mode .race-controls{
  width:min(100%,1000px);
}
html[data-device="desktop"][data-view="ultrawide"] body.race-mode .game-shell{
  border-left-color:rgba(56,81,114,.45);
  border-right-color:rgba(56,81,114,.45);
}