/* Scene continuity carries the cover's art direction into play. */
body.dashboard #game-dialog{box-shadow:0 24px 75px -35px #000d;overflow:hidden;margin-top:0}
.cinema-scene{height:195px;position:relative;overflow:hidden;background:#12141a;border-bottom:1px solid #ffffff20;isolation:isolate}
.cinema-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;transform:scale(1.035)}
.cinema-scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b1017e6,transparent 80%)}
.cinema-caption{position:absolute;bottom:22px;left:32px;right:25px;color:#fff1dc;text-shadow:0 2px 10px #0007}.cinema-caption span{display:block;font:500 8px var(--body);letter-spacing:.25em;margin-bottom:9px;color:#e4cfaa}.cinema-caption strong{font:600 25px/1.1 Georgia,serif;letter-spacing:-.035em}
body.dashboard #game-dialog .game-header{background:linear-gradient(110deg,#15171f,#25212b);color:#f1e9de;border-bottom:1px solid #ffffff12;padding:14px 26px;position:relative;top:auto}
body.dashboard #game-dialog .game-header .close-button{color:#eee8dd}body.dashboard #game-dialog .game-header .preview-badge{color:#c2b7bd;border-color:#655966}
body.dashboard #game-dialog .game-body{padding:30px 34px 36px;position:relative;background-image:linear-gradient(120deg,#ffffff02,transparent 65%)}
body.dashboard #game-dialog .game-description{font-size:13px;line-height:1.75;max-width:690px}
body.dashboard #game-dialog .game-body>h2{font-size:clamp(29px,3vw,42px);line-height:1.08}
body.dashboard #game-dialog .play-primary{box-shadow:inset 0 1px #ffffff38,0 8px 18px -12px #0009;transition:filter .2s,translate .2s}
body.dashboard #game-dialog .play-primary:hover:not(:disabled){filter:brightness(1.07);translate:0 -1px}
body.dashboard #game-dialog .play-primary:active:not(:disabled){translate:0 1px}
body.dashboard #game-dialog .answer{box-shadow:inset 0 1px #ffffff14,0 5px 13px -10px #0008;transition:background .2s,border-color .2s,box-shadow .2s}
body.dashboard #game-dialog .answer:not(:disabled):hover{box-shadow:inset 0 1px #ffffff26,0 8px 20px -12px #000c}
body.dashboard #game-dialog .feedback{line-height:1.7;border-left-width:3px;box-shadow:0 10px 25px -20px #000a}
body.dashboard #game-dialog .game-textarea{line-height:1.6;box-shadow:inset 0 2px 5px #0001}
.cinema-playing .catalog-section,.cinema-playing #trivia-shelf{opacity:.68;transition:opacity .3s}.cinema-playing .catalog-section:hover,.cinema-playing #trivia-shelf:hover{opacity:1}
body[data-adventure=mission-control] .mission-orbit{background:linear-gradient(0deg,#12233177,#12233122),url('assets/world-mission-control.jpg') center 55%/cover;height:170px;border:1px solid #638695;border-radius:10px;box-shadow:inset 0 0 50px #07101899}
body[data-adventure=mission-control] .mission-orbit:before,body[data-adventure=mission-control] .mission-orbit>span,body[data-adventure=mission-control] .mission-orbit>i{display:none}
body[data-adventure=confidence] .confidence-option{background:linear-gradient(120deg,#234e3b,#122d25);box-shadow:inset 0 1px #c8ba7a22,0 4px 10px #0002}
body[data-adventure=confidence] .confidence-option button{background:radial-gradient(circle at 35% 25%,#eddaa0,#b7924c 65%,#83632c);box-shadow:inset 0 1px #fff8d088,0 3px 3px #0005}
body[data-adventure=auction] .auction-counter{background:linear-gradient(145deg,#e7d8b6,#cbb889);box-shadow:inset 0 1px #fff9dd,0 6px 14px #633b3420}
body[data-adventure=timeline] .timeline-list li{background:linear-gradient(110deg,#f0e4c9,#c6b994);box-shadow:0 5px 10px #0003}
body[data-adventure=crew] .handoff-shield{background:linear-gradient(110deg,#fff3db,#e8d3b3);box-shadow:0 10px 25px #5c352c20}
body[data-adventure=signal-garden] .signal-grid button{background:radial-gradient(ellipse at 35% 20%,#566e43,#2b4435 80%);box-shadow:inset 0 2px #bdd19b44,0 6px 10px #0b1c2677;border-color:#798968}
body[data-adventure=signal-garden] .signal-grid .signal-lit{background:radial-gradient(ellipse at center,#e9d58e,#97a065);color:#213a2d}
body[data-adventure=signal-garden] .signal-grid .bloomed{background:radial-gradient(circle,#f4d591,#ba8651);color:#553d24}
body[data-adventure=bridge-builders] .bridge-river{background:linear-gradient(#173549aa,#17354933),url('assets/world-bridge-builders.jpg') center/cover;padding-bottom:90px;min-height:200px}.bridge-span{box-shadow:0 5px 15px #0005;background-image:repeating-linear-gradient(0deg,transparent 0 9px,#704d2722 10px 11px)}.bridge-span.material-2{background-image:linear-gradient(115deg,#dce5de,#86a1a8,#bdccd0)}
body[data-adventure=the-last-ingredient] .ingredient-shelf button{background:linear-gradient(130deg,#fff4dc,#dfcaa9);box-shadow:0 7px 14px #795a3220}
body[data-adventure=the-last-ingredient] .ingredient-shelf button[aria-pressed=true]{background:linear-gradient(130deg,#dde5bd,#abbc84)}
@media(prefers-reduced-motion:no-preference){.cinema-playing .cinema-scene>img{animation:cinema-arrive 1.2s ease-out both}@keyframes cinema-arrive{from{opacity:.3;transform:scale(1.07)}to{opacity:1;transform:scale(1.035)}}}
@media(max-width:640px){.cinema-scene{height:135px}.cinema-caption{left:20px;bottom:18px}.cinema-caption strong{font-size:23px}.cinema-caption span{font-size:7px}body.dashboard #game-dialog .game-body{padding:24px 18px 28px}body.dashboard #game-dialog .game-header{padding:12px 18px}body.dashboard #game-dialog .game-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cinema-scene>img{animation:none;transform:none}.cinema-playing .catalog-section,.cinema-playing #trivia-shelf{transition:none}}

body[data-adventure=frequency] .cinema-caption strong,body[data-adventure=story] .cinema-caption strong{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.02em}
body[data-adventure=clues] .cinema-caption strong,body[data-adventure=mission-control] .cinema-caption strong,body[data-adventure=timeline] .cinema-caption strong{font-family:'Courier New',monospace;letter-spacing:-.05em}
body[data-adventure=common] .cinema-caption strong,body[data-adventure=crew] .cinema-caption strong{font-family:'Bradley Hand','Comic Sans MS',cursive}
