/* Shared interface: a clear game chooser, quiet question stage, and consistent tools.
   Game engines, scoring and animated reveals retain their independent lifecycles. */
html { background:#f6f5ef; color-scheme:light; }
body:not([data-view="quantLab"]) {
  --stage:#f6f5ef; --stage-2:#f6f5ef; --card:#fff; --card-edge:#d9dfd6;
  --cream:#152923; --muted:#5a7067; --bulb:#15523b; --bulb-dim:#d9dfd6;
  --good:#236144; --bad:#a83c2e; --signal:#a83c2e; --body:'Segoe UI',Arial,sans-serif;
  background:#f6f5ef; color:#152923; padding:20px 28px 36px; font-size:16px;
}
body:not([data-view="quantLab"]) :is(button,input,select,textarea) { font-family:var(--body); }
body:not([data-view="quantLab"]):not([data-ascent-cinema="true"]) * { text-shadow:none; }
body:not([data-view="quantLab"]) :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #377956; outline-offset:3px; }
body:not([data-view="quantLab"]) header { max-width:1080px; margin:0 auto 24px; padding:0 0 16px; border-color:#d9dfd6; gap:12px; }
body:not([data-view="quantLab"]):not([data-ascent-cinema="true"]) header::before { display:none; }
body:not([data-view="quantLab"]) header .wordmark { order:-1; margin-right:auto; font:italic 29px Georgia,serif; color:#152923; min-height:44px; padding:0; letter-spacing:-1px; }
body:not([data-view="quantLab"]) header .wordmark::before { color:#15523b; }
body:not([data-view="quantLab"]) .ibtn { width:44px; height:44px; min-height:44px; flex-shrink:0; border:1px solid #d9dfd6; border-radius:12px; color:#254c3a; background:#fff; box-shadow:none; }
body:not([data-view="quantLab"]) .ibtn:hover { background:#e9f0e2; transform:none; }
body:not([data-view="quantLab"]) #setBtn { display:grid; }
body:not([data-view="quantLab"]) #motionBtn { display:none; }
body:not([data-view="quantLab"]) .hgroup { gap:8px; }
body:is([data-view="home"],[data-view="end"]) #pavilionWorld,
body[data-view="game"]:not([data-ascent-cinema="true"]) #pavilionWorld { visibility:hidden; }
body:not([data-view="quantLab"]) :is(.pill,.next,.lock,.buy,.cta) { min-height:46px; border-radius:10px; font:600 15px/1.35 var(--body); box-shadow:none; text-shadow:none; letter-spacing:0; padding:12px 18px; transition:background .16s,transform .16s; }
body:not([data-view="quantLab"]) :is(.next,.lock,.buy,.cta) { color:#fff; background:#15523b; border:1px solid #15523b; }
body:not([data-view="quantLab"]) :is(.next,.lock,.buy,.cta):hover { background:#21694c; box-shadow:none; }
body:not([data-view="quantLab"]) .pill { color:#244c39; background:#fff; border:1px solid #ccd7cc; }
body:not([data-view="quantLab"]) .pill:hover { background:#edf2e8; border-color:#759580; }
body:not([data-view="quantLab"]) .text-btn { color:#365b47; min-height:44px; padding:10px 4px; font-size:14px; }
body:not([data-view="quantLab"]) .text-btn:hover { color:#152923; }
body:not([data-view="quantLab"]) .note { color:#5a7067; font-size:14px; }

/* Home: three distinct choices with enough context to choose confidently. */
body[data-view="home"] #home { display:flex; flex-direction:column; align-items:stretch; max-width:960px; min-height:0; padding:12px 0 20px; gap:16px; }
#home .ui-intro { align-self:stretch; text-align:left; width:100%; padding:0; margin:0 0 12px; }
#home .ui-intro::after { display:none; }
#home :is(.home-help,.home-minor,.streak,.reset,.arrival-meta) { text-shadow:none; }
#home .eyebrow { display:block; color:#57735c; font-size:11px; letter-spacing:.14em; margin:0 0 12px; }
#home .eyebrow::before,#home .eyebrow::after { display:none; }
#home .bigword { font:500 clamp(32px,4.5vw,48px)/1.15 var(--body); color:#152923; letter-spacing:-1.8px; max-width:none; white-space:normal; }
#home .bigword em { display:inline; padding:0; color:#15523b; font-style:normal; }
#home .signsub { display:block; max-width:none; margin:12px 0 0; color:#5a7067; font-size:16px; line-height:1.55; letter-spacing:0; text-wrap:pretty; }
#home .ui-daily { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:20px; padding:30px 34px; border:1px solid #cddcc6; border-radius:20px; background:#e9f0de; overflow:hidden; }
.ui-kicker { color:#49674b; font-size:11px; font-weight:700; letter-spacing:.12em; margin:0 0 12px; }
.ui-daily h2 { font:600 30px/1.15 var(--body); letter-spacing:-.8px; margin:0; color:#183c2a; }
.ui-daily-description { max-width:42ch; color:#496550; font-size:15px; line-height:1.55; margin:13px 0; }
#home .arrival-meta { justify-content:flex-start; flex-wrap:wrap; gap:8px; padding:0; background:none; font-size:12px; color:#526c53; line-height:1.5; }
#home .ui-daily .cta { max-width:320px; width:100%; margin-top:20px; padding:13px 18px; display:flex; justify-content:space-between; align-items:center; }
#home .ui-daily .streak { display:block; margin:10px 0 0; color:#526c53; background:none; text-align:left; font-size:12px; }
#home .ui-daily .streak:empty { display:none; }
.ui-daily-art { display:flex; flex-direction:column; align-items:center; justify-content:center; color:#526c53; text-align:center; font:italic 15px/1.45 Georgia,serif; }
#home .ui-daily .arrival-host { display:block; width:170px; height:170px; min-height:0; flex:0 0 170px; border-radius:50%; margin:0; padding:0; background:#d7e6c8; }
#home .arrival-host > svg { opacity:1; width:100%; height:100%; }
#home .arrival-host::after { display:none; }
#home .arrival-host:focus-visible { outline-offset:4px; }
.ui-section-title { font-size:16px; font-weight:600; color:#34503d; margin:12px 0 0; letter-spacing:0; }
#home .quant-mode-entries { width:100%; max-width:none; display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0; }
#home :is(.quant-entry,.hl-entry) { width:100%; max-width:none; min-height:124px; display:flex; align-items:center; gap:16px; padding:22px; border:1px solid #d9dfd6; border-radius:16px; background:#fff; color:#152923; text-align:left; transition:background .16s,border-color .16s,transform .16s; font-family:var(--body); }
#home :is(.quant-entry,.hl-entry):hover { background:#f0f5eb; border-color:#80a58b; transform:translateY(-2px); }
#home :is(.quant-entry,.hl-entry) > span:nth-child(2) { flex:1; min-width:0; }
#home :is(.quant-entry,.hl-entry) strong { display:block; font-size:19px; color:#203f30; font-weight:600; letter-spacing:-.4px; }
#home :is(.quant-entry,.hl-entry) :is(span>span,.ui-mode-description) { display:block; color:#5a7067; font-size:14px; line-height:1.45; margin-top:6px; }
#home :is(.quant-entry,.hl-entry) small { display:none; }
#home :is(.quant-entry,.hl-entry) .ui-mode-symbol { display:grid; place-items:center; width:46px; height:46px; flex:0 0 46px; border-radius:13px; background:#edf2e4; color:#315b3e; font:26px Georgia,serif; }
#home :is(.quant-entry,.hl-entry) .ui-mode-arrow { color:#56735d; font-size:24px; }
#home .homelinks { max-width:none; width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px; background:none; }
#home .homelinks .pill { width:auto; display:inline-flex; justify-content:center; align-items:center; min-height:44px; font-size:14px; padding:10px 16px; }
#home #archiveBtn,#home #collectionsBtn { display:inline-flex; }
#home #mobileExplore { display:none; }
#home .home-help { max-width:none; width:100%; border:0; border-top:1px solid #d9dfd6; border-radius:0; padding:0; color:#5a7067; background:none; text-align:left; font-size:14px; margin-top:8px; }
#home .home-help summary { min-height:46px; padding:13px 0; cursor:pointer; color:#365b47; }
#home .home-help p { margin:4px 0 8px; max-width:70ch; }
#home .home-help .text-btn { margin-right:18px; }
#home .home-minor { display:flex; justify-content:flex-start; gap:18px; background:none; }
#home .home-minor .text-btn { font-size:13px; color:#5a7067; }
#home .reset { display:block; text-align:left; font-size:12px; background:none; color:#5a7067; margin:0; }

/* A question first, input second. The living scene becomes supporting context. */
body[data-view="game"]:not([data-ascent-cinema="true"]) #game { max-width:760px; width:100%; min-height:0; align-items:stretch; gap:12px; }
#uiGameBack { align-self:flex-start; margin-top:-12px; }
body[data-ascent-cinema="true"] #uiGameBack { display:none; }
body[data-view="game"]:not([data-ascent-cinema="true"]) :is(#ascentWindow,#altitudeHUD,#game>[data-journey]) { display:none; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #card { width:100%; display:flex; flex-direction:column; background:#fff; border:1px solid #d9dfd6; border-radius:18px; box-shadow:0 8px 28px #213e2905; padding:28px; gap:18px; overflow:visible; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #card > .toprow { order:0; font-size:13px; color:#5a7067; min-height:24px; padding:0 0 14px; border-color:#e2e8de; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #mobileRound { display:inline; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #modeLbl { display:none; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #hudScore { font-size:15px; color:#15523b; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #card > .toprow > span:has(#hudScore) { display:inline; margin-left:auto; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #pips { display:flex; margin-left:auto; }
body[data-view="game"]:not([data-ascent-cinema="true"]) .q { order:1; min-height:0; padding:0; display:block; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #q { color:#152923; font:600 27px/1.35 var(--body); letter-spacing:-.55px; margin:0; max-width:45ch; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #cat { display:block; font-size:11px; color:#5a7067; letter-spacing:.1em; margin-bottom:10px; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #timerBox { order:2; width:100%; }
body[data-view="game"]:not([data-ascent-cinema="true"]) .timebulbs i { background:#679278; height:4px; }
body[data-view="game"]:not([data-ascent-cinema="true"]) .timebulbs i.out { background:#e8ece6; }
body[data-view="game"]:not([data-ascent-cinema="true"]) .timebulbs.low i:not(.out) { background:#b44b34; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #timeRow { color:#5a7067; font-size:12px; margin-top:6px; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #timeNum { color:#375a44; font-size:13px; }
body[data-view="game"]:not([data-ascent-cinema="true"]) :is(.dialwrap,.readout,#spot,#motionCue) { display:none; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #controls { order:3; display:flex; flex-direction:column; padding:0; background:none; gap:0; }
#controls .ui-question-tools { order:3; margin-top:8px; }
#controls #guessOptions { display:block; margin:0; }
#controls #guessOptions > summary { display:list-item; width:fit-content; min-height:44px; padding:12px 0; color:#48654f; font-size:13px; cursor:pointer; }
#controls #guessOptions:not([open]) .guess-format { display:none; }
#controls .guess-format { margin:0 0 8px; }
#controls .guess-format .pill { min-height:44px; font-size:14px; padding:9px 14px; }
#controls .guess-format .pill[aria-pressed="true"] { background:#d4edb7; color:#20462d; border-color:#82a26e; }
#controls > .controls { order:0; margin:0 0 10px!important; justify-content:space-between; gap:16px; }
#controls .typed { color:#365b47; flex:1; font-size:16px; gap:10px; }
#controls .typed input { height:52px; max-width:170px; min-width:0; width:100%; font-size:22px; border:1px solid #92ab95; border-radius:10px; color:#152923; background:#fbfcf8; }
#controls #lock { min-height:52px; height:auto; font-size:16px; padding:12px 24px; flex-shrink:0; }
#controls #slider { order:1; height:38px; margin:0; padding:0; }
#controls #slider::-webkit-slider-thumb { background:#fff; border:5px solid #15523b; }
#controls #slider::-moz-range-thumb { background:#fff; border:5px solid #15523b; }
#controls > .ends { order:2; color:#5a7067; font-size:11px; margin:0; }
#controls #guessError { order:4; color:#a83c2e; font-size:13px; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #eventScene { order:4; width:100%; max-height:none; min-height:0; border:0; border-radius:12px; overflow:hidden; background:#13392e; padding:0; margin:0; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #eventScene .scene-viewport { aspect-ratio:3; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #eventScene .scene-art { width:100%; max-width:none; height:100%; max-height:none; aspect-ratio:auto; }
body[data-view="game"]:not([data-ascent-cinema="true"]) #eventScene figcaption { display:none; }
body[data-view="game"]:not([data-ascent-cinema="true"]) .round-caption { order:5; display:block; font-size:12px; color:#5a7067; margin:0; }
/* Keep the reveal theatrical, while making its actions match the rest of the game. */
body[data-ascent-cinema="true"] { --cream:#fff0d1; --muted:#bfd0b8; --bulb:#e8c580; --good:#a7e0ad; --bad:#f18d70; --signal:#f18d70; }
body[data-ascent-cinema="true"] header .wordmark { color:#fff0d1; }
body[data-ascent-cinema="true"] header .ibtn { color:#f4e1b7; background:#123d32; border-color:#5b7760; }
body[data-ascent-cinema="true"] #result { border-radius:18px 18px 0 0; padding:18px 22px; }
body[data-ascent-cinema="true"] #next { min-height:48px; color:#163b28; background:#d4edb7; border-color:#d4edb7; font-size:16px; box-shadow:none; }
body[data-ascent-cinema="true"] #answerDetails > summary { font-size:14px; min-height:44px; }
body[data-ascent-cinema="true"] .comparison small { font-size:11px; }
body[data-ascent-cinema="true"] #result .note { color:#bfd0b8; }

/* Results keep the next step visible and let the player choose review depth. */
body[data-view="end"] #end { width:100%; max-width:760px; padding:6px 0 20px; align-items:stretch; }
body[data-view="end"] #end > .card { width:100%; padding:28px; border:1px solid #d9dfd6; background:#fff; border-radius:18px; box-shadow:none; gap:16px; }
#end .ui-result-title { color:#183c2a; font:600 26px/1.2 var(--body); margin:0; letter-spacing:-.6px; }
body[data-view="end"] #end .toprow { color:#5a7067; font-size:13px; min-height:0; padding:0; }
body[data-view="end"] #end .finale-head { align-items:center; }
body[data-view="end"] #end .finale-host { display:block; width:110px; height:110px; }
body[data-view="end"] #endScore { font:600 72px/1 var(--body); letter-spacing:-4px; color:#15523b; }
body[data-view="end"] #end .record-note { color:#526c53; font-size:13px; }
body[data-view="end"] #endSub { background:#edf3e6; border:0; border-radius:12px; color:#365b47; padding:16px; font-size:15px; margin:0; }
body[data-view="end"] #end > .card > [data-journey] { display:none; }
body[data-view="end"] #resultStrip { height:108px; padding-top:8px; margin-bottom:8px; }
body[data-view="end"] .result-bar { height:auto; min-height:0; font-size:12px; line-height:1.3; }
body[data-view="end"] .result-bar b { background:#8bb177; }
body[data-view="end"] .result-bar span { color:#526c53; font-size:12px; }
body[data-view="end"] #end > .card > .result-actions { display:flex; flex-wrap:wrap; gap:12px; }
body[data-view="end"] #end > .card > .result-actions > button { flex:1; width:auto; min-height:48px; margin:0; font-size:15px; }
body[data-view="end"] #resultTools,body[data-view="end"] #roundReview { display:block; border-top:1px solid #d9dfd6; }
body[data-view="end"] :is(#resultTools,#roundReview) > summary { display:list-item; min-height:46px; padding:13px 0; cursor:pointer; color:#365b47; font-size:14px; }
body[data-view="end"] :is(#resultTools,#roundReview):not([open]) > :not(summary) { display:none; }
body[data-view="end"] #end .reset { color:#5a7067; font-size:12px; }
body[data-view="end"] .review-head { flex-wrap:wrap; gap:12px; margin:8px 0 16px; }
body[data-view="end"] .review-head h2 { font:600 20px var(--body); color:#254c39; }
body[data-view="end"] .review-head input { background:#fff; color:#152923; border:1px solid #a9bca9; font-size:16px; min-height:44px; }
body[data-view="end"] .recap details { border:1px solid #d9dfd6; border-radius:10px; color:#365b47; }
body[data-view="end"] .recap summary { padding:14px; font-size:14px; }
body[data-view="end"] .recap summary:hover { background:#f0f5eb; }
body[data-view="end"] .recap .review-body { color:#48654f; font-size:14px; line-height:1.6; }
body[data-view="end"] .recap a { color:#15523b; }

/* Shared tools use the same controls and an explicit, grouped navigation. */
body:not([data-view="quantLab"]) .overlay { background:#132b2380; backdrop-filter:blur(5px); padding:20px; }
body:not([data-view="quantLab"]) .sheet { color:#152923; background:#fff; border:1px solid #d9dfd6; border-radius:18px; padding:26px; gap:20px; box-shadow:0 18px 80px #102d2920; }
body:not([data-view="quantLab"]) .sheethead h2 { font:600 25px/1.25 var(--body); color:#183c2a; letter-spacing:-.7px; }
body:not([data-view="quantLab"]) .sheet :is(.note,.service-status,.setrow p,.audio-level) { color:#5a7067; font-size:14px; line-height:1.55; }
body:not([data-view="quantLab"]) .sheet :is(a,.price,.stats strong,.audio-level output) { color:#15523b; }
body:not([data-view="quantLab"]) .sheet :is(input:not([type=range]):not([type=file]),select,textarea) { color:#152923; background:#f8faf5; border:1px solid #a9bca9; font-size:16px; border-radius:8px; min-height:44px; }
body:not([data-view="quantLab"]) .sheet input[type=checkbox] { min-height:18px!important; width:18px; accent-color:#15523b; vertical-align:middle; }
body:not([data-view="quantLab"]) .sw { height:44px; width:64px; background:#c5d0c3; }
body:not([data-view="quantLab"]) .sw::after { top:7px; left:7px; height:30px; width:30px; background:#fff; }
body:not([data-view="quantLab"]) .sw[aria-checked=true] { background:#15523b; }
body:not([data-view="quantLab"]) .sw[aria-checked=true]::after { left:27px; background:#fff; }
#menu .sheet { width:min(420px,100%); }
#menu .menu { gap:22px; }
.ui-menu-group { display:flex; flex-direction:column; gap:6px; }
.ui-menu-group h3 { margin:0 0 3px; padding-inline:10px; font-size:12px; letter-spacing:.05em; color:#637866; }
#menu .ui-menu-group button { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; padding:12px 14px; min-height:48px; border:1px solid transparent; background:#f5f7f1; border-radius:10px; color:#254c39; font-size:16px; }
#menu .ui-menu-group button span { color:#5a7067; font-size:12px; line-height:1.4; }
#menu .ui-menu-group button:hover { border-color:#96ae8e; background:#eaf2e2; }
body:not([data-view="quantLab"]) .sheet :is(.stats div,.collection-card,.wardrobe-item,.calendar-day,.achievement,.tutorial-example) { color:#254c39; background:#f3f6ed; border-color:#d9dfd6; }
body:not([data-view="quantLab"]) .sheet :is(.collection-copy h3,.collection-copy p,.perks,.achievement p,.service-status) { color:#48654f; }
body:not([data-view="quantLab"]) .sheet .collection-cover { background:#dceacd; }
body:not([data-view="quantLab"]) .calendar-day.played { background:#d4edb7; }
body:not([data-view="quantLab"]) .toast { background:#183f2e; color:#fff; border-radius:12px; font-size:14px; max-width:calc(100% - 32px); }
.ui-backup-scope { border-left:3px solid #8aab7b; padding-left:12px; }

@media(max-width:700px) {
  body:not([data-view="quantLab"]) { padding:12px 16px max(24px,env(safe-area-inset-bottom)); }
  body:not([data-view="quantLab"]) header { margin-bottom:18px; padding-bottom:12px; gap:8px; }
  body:not([data-view="quantLab"]) header .wordmark { font-size:25px; }
  body:not([data-view="quantLab"]) header .wordmark::before { margin-right:5px; font-size:13px; }
  body:not([data-view="quantLab"]) .hgroup { gap:6px; }
  body[data-view="home"] #home { padding:0 0 10px; gap:12px; }
  #home .ui-intro { margin:0 0 4px; }
  #home .eyebrow { display:none; }
  #home .bigword { font-size:30px; letter-spacing:-1px; }
  #home .signsub { font-size:14px; line-height:1.45; margin:9px 0 0; max-width:38ch; }
  #home .ui-daily { grid-template-columns:minmax(0,1fr) 86px; gap:8px; padding:20px; border-radius:16px; }
  .ui-kicker { font-size:10px; margin-bottom:9px; }
  .ui-daily h2 { font-size:23px; letter-spacing:-.6px; }
  .ui-daily-description { display:none; }
  #home .arrival-meta { font-size:11px; margin-top:12px; gap:4px 6px; }
  #home .arrival-meta .dot { display:none; }
  #home .arrival-meta span:last-child { flex-basis:100%; }
  #home .ui-daily .cta { max-width:none; font-size:14px; min-height:48px; margin-top:15px; padding:12px; white-space:nowrap; }
  #home .ui-daily .cta::after { margin-left:5px; font-size:19px; }
  #home .ui-daily .streak { font-size:11px; line-height:1.5; }
  .ui-daily-art { align-self:center; }
  #home .ui-daily .arrival-host { width:86px; height:110px; flex-basis:110px; }
  .ui-daily-art > span { display:none; }
  .ui-section-title { font-size:14px; margin:8px 0 0; }
  #home .quant-mode-entries { grid-template-columns:1fr; gap:10px; }
  #home :is(.quant-entry,.hl-entry) { min-height:94px; padding:16px; gap:13px; border-radius:14px; }
  #home :is(.quant-entry,.hl-entry) strong { font-size:17px; }
  #home :is(.quant-entry,.hl-entry) :is(span>span,.ui-mode-description) { font-size:13px; margin-top:4px; }
  #home :is(.quant-entry,.hl-entry) .ui-mode-symbol { width:40px; height:40px; flex-basis:40px; font-size:24px; }
  #home .homelinks { gap:8px; }
  #home .homelinks .pill { flex:1; padding:10px; font-size:12px; }
  #home .home-minor { flex-wrap:wrap; gap:0 18px; }
  #home .home-minor .text-btn { font-size:12px; }
  #home .reset { font-size:11px; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) #game { gap:6px; }
  #uiGameBack { margin-top:-13px; font-size:13px; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) #card { padding:18px; gap:16px; border-radius:16px; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) #card > .toprow { font-size:12px; padding-bottom:10px; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) #q { font-size:22px; line-height:1.35; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) #cat { font-size:10px; margin-bottom:8px; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) #pips { display:none; }
  #controls .typed { font-size:14px; gap:8px; }
  #controls .typed input { max-width:110px; font-size:20px; }
  #controls #lock { padding-inline:17px; font-size:15px; }
  #controls > .controls { gap:10px; }
  #controls .ui-question-tools { margin-top:2px; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) #eventScene .scene-viewport { aspect-ratio:2.1; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) .round-caption { font-size:11px; line-height:1.5; }
  body[data-view="end"] #end > .card { padding:20px; }
  body[data-view="end"] #endScore { font-size:64px; }
  body[data-view="end"] #end .finale-host { width:80px; height:90px; }
  body[data-view="end"] #endSub { font-size:14px; }
  body[data-view="end"] #end > .card > .result-actions > button { font-size:14px; padding:12px; }
  body:not([data-view="quantLab"]) .overlay { padding:12px; }
  body:not([data-view="quantLab"]) .sheet { padding:20px; border-radius:16px; }
  body:not([data-view="quantLab"]) .overlay.left { align-items:stretch; }
}
@media(max-width:350px) {
  body:not([data-view="quantLab"]) { padding-inline:12px; }
  body:not([data-view="quantLab"]) header .wordmark { font-size:23px; }
  body:not([data-view="quantLab"]) header .wordmark::before { display:none; }
  body:not([data-view="quantLab"]) header { gap:6px; }
  #home .ui-daily { padding:17px; grid-template-columns:minmax(0,1fr) 64px; }
  .ui-daily h2 { font-size:21px; }
  #home .ui-daily .arrival-host { width:64px; height:100px; flex-basis:100px; }
  #home .ui-daily .cta { font-size:13px; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) #card { padding:16px; gap:14px; }
  body[data-view="game"]:not([data-ascent-cinema="true"]) #q { font-size:20px; }
  #controls .typed input { max-width:88px; }
  #controls #lock { padding-inline:12px; font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
  body:not([data-view="quantLab"]) :is(button,.sheet,.result-bar b) { animation:none!important; transition:none!important; }
}