/* The supplied moving landscape is the menu, not an inset film player. */
.title-screen.cinematic-menu .menu-artwork{background:#0b1014 url('./assets/media/menu-poster-v54.webp') center 46%/cover no-repeat}
.cinematic-menu .menu-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;pointer-events:none}
.cinematic-menu .menu-backdrop[hidden]{display:none}
.title-screen.cinematic-menu .menu-artwork:after{display:block;background:linear-gradient(90deg,transparent 48%,#080e1450 72%,#080e14b8 100%),linear-gradient(180deg,#070b1030,transparent 30%,transparent 65%,#070b1059);pointer-events:none}
.cinematic-menu .menu-title{position:absolute;left:27%;top:5.5%;width:46%;margin:0;text-align:center;color:#c8c7c0;font:600 clamp(48px,5.2vw,104px)/.83 var(--heading);letter-spacing:.09em;text-transform:uppercase;text-shadow:0 1px 0 #e4dcc991,0 4px 5px #05090df0,0 0 24px #05090d;pointer-events:none}
.menu-title>span{display:block}.menu-title>span:first-child{font-size:.88em;letter-spacing:.13em;margin-bottom:.09em}
.title-screen.cinematic-menu .title-options{inset:42% 5.5% 26% 75%}
.title-screen.cinematic-menu .title-extras{top:78%;left:77%;right:5.5%}
.title-screen.cinematic-menu .menu-version{background:none;color:#a9ada9;opacity:.7;padding:0;font-size:clamp(12px,1vw,16px);letter-spacing:.05em;text-shadow:0 2px 4px #000}
.menu-media-controls{position:absolute;right:5.5%;bottom:3%;display:flex;gap:14px}
.menu-media-controls .hud-icon-button{width:36px;height:36px;color:#adb1ab;background:#090f1426;border-color:transparent;opacity:.78}
.menu-media-controls .hud-icon-button:is(:hover,:focus-visible){color:#e8dfcb;opacity:1;background:#151a1db3;border-color:#b9ab815c}
.menu-media-controls .hud-icon-button.active{box-shadow:none;border-color:transparent}
.game-settings{max-width:760px;margin:12px auto;display:grid;gap:20px}
.game-settings .setting-row{display:flex;align-items:center;gap:16px;line-height:1.5}
.game-settings .setting-row input[type=checkbox]{width:20px;height:20px;accent-color:#af9766}
.game-settings .music-volume{display:grid;grid-template-columns:minmax(140px,1fr) minmax(130px,2fr) 56px}
.game-settings input[type=range]{width:100%;accent-color:#af9766}
.game-settings output{text-align:right;color:#bcb49f;font-variant-numeric:tabular-nums}
@media(max-width:700px){
 .title-screen.cinematic-menu .menu-artwork{background-size:cover;background-position:41% center}
 .cinematic-menu .menu-backdrop{object-position:41% center}
 .title-screen.cinematic-menu .menu-artwork:after{background:linear-gradient(180deg,#060a101f,transparent 20%,#070d1380 44%,#070d13cf)}
 .cinematic-menu .menu-title{left:10%;top:10%;width:80%;font-size:clamp(48px,12vw,82px)}
 .title-screen.cinematic-menu .title-options{inset:40% 9% 24% 41%}
 .title-screen.cinematic-menu .title-extras{top:79%;bottom:auto;left:48%;right:6%}
 .title-screen.cinematic-menu .title-option span{font-size:22px}
 .title-screen.cinematic-menu .menu-version{bottom:3%;left:5%;max-width:57%;font-size:12px}
 .menu-media-controls{right:6%;bottom:2.5%;gap:10px}
 .game-settings .music-volume{grid-template-columns:1fr 50px}.game-settings .music-volume>span{grid-column:1/-1}
}
/* Supplied Ravens logo: transparent artwork, revealed as a soft focus pull. */
.title-screen.cinematic-menu .menu-title{left:23%;top:5.5%;width:51%;line-height:1;margin:0;animation:ravens-logo-in 2.4s cubic-bezier(.2,.65,.3,1) both;text-shadow:none}
.menu-title img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 14px #000b)}
body:has(.startup-intro) .title-screen.cinematic-menu .menu-title{animation-play-state:paused}
@media(max-width:700px){.title-screen.cinematic-menu .menu-title{left:10%;width:80%;top:10%}}
@keyframes ravens-logo-in{from{opacity:0;filter:blur(20px);transform:scale(1.035)}to{opacity:1;filter:blur(0);transform:scale(1)}}
.startup-intro{position:fixed;inset:0;z-index:20000;background:#000;display:grid;place-items:center;overflow:hidden}.startup-intro video{display:block;width:100%;height:100%;object-fit:contain}.startup-intro button{position:absolute;color:#ccbfa8;border:1px solid #9b82574d;background:#0b100ca8;font:18px var(--heading,serif);padding:9px 16px;box-shadow:none;cursor:pointer}.startup-intro .startup-skip{right:4%;bottom:4%;font-size:16px;opacity:.7}.startup-intro .startup-skip:hover,.startup-intro .startup-skip:focus-visible{opacity:1}.startup-intro kbd{margin-left:8px;font:12px sans-serif;opacity:.6}.startup-intro .startup-play{left:50%;top:50%;transform:translate(-50%,-50%)}.startup-intro [hidden]{display:none}
@media(prefers-reduced-motion:reduce){.title-screen.cinematic-menu .menu-title{animation:none}}