/* A living mountain panorama behind the existing accessible title controls. */
#titleScreen{isolation:isolate;background:#0b1c2a!important}
#titleScene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#03142322,#07162412 40%,#03121ace),url('title-v59/mountains.png') center/cover}
#titleScene:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,transparent 15%,#02101b66 100%)}
#titleScreen:before{display:none!important}
#titleScreen .landingContent{position:relative;gap:22px}
#titleScreen .landingLogo .eyebrow{color:#e2c890;text-shadow:0 2px 8px #000;letter-spacing:6px;font-size:10px}
#titleScreen .landingLogo h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,7.5vw,100px);font-weight:500;letter-spacing:.09em;line-height:.95;margin:22px 0 16px;color:#f4e2b0;text-shadow:0 2px 0 #665030,0 4px 3px #060e19,0 0 32px #000}
#titleScreen .landingLogo h1 span{display:block;font-size:.82em;letter-spacing:.19em}
#titleScreen .landingLogo h1 em{display:block;font-size:1.16em;font-style:normal;letter-spacing:.25em;margin:12px 0 0 .25em;background:linear-gradient(#fff9de,#e9d39a 40%,#a37b3c 52%,#f5dc9d 78%,#b08c51);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 3px 1px #08121b);text-shadow:none}
#titleScreen .landingLogo h1:after{content:'────── ◆ ──────';display:block;font-size:12px;letter-spacing:5px;color:#d9c48d;margin-top:18px}
#titleScreen .landingLogo p{color:#e6e8df;text-shadow:0 2px 8px #000;letter-spacing:4px}
#titleScreen #beginJourney{background:linear-gradient(120deg,#e4cf92,#967139);border:1px solid #ffe9b0;box-shadow:0 0 0 4px #07152266,0 8px 35px #0008;color:#142027}
#titleScreen #accountBox{background:#081824b8;border-color:#b39b6566;backdrop-filter:blur(8px)}
.titleDragon{position:absolute;left:0;top:0;width:clamp(150px,23vw,340px);aspect-ratio:1;filter:drop-shadow(0 8px 10px #09131b66);animation:dragonFlight 27s linear infinite;will-change:transform}
.titleDragonArt{width:100%;height:100%;background:url('title-v59/dragon.png') 0 center/400% 100% no-repeat;animation:dragonWings 1.3s steps(4) infinite}
@keyframes dragonWings{to{background-position:133.333% center}}
@keyframes dragonFlight{0%{transform:translate(-30vw,12vh) scale(.65)}35%{transform:translate(30vw,-3vh) scale(.85)}65%{transform:translate(66vw,8vh) scale(1.1)}100%{transform:translate(125vw,-7vh) scale(.55)}}
#titleScreen.hide .titleDragon,#titleScreen.hide .titleDragonArt{animation-play-state:paused}
#npcVoiceToggle{position:absolute;left:12px;top:10px;z-index:4;background:#10252cdb;border:1px solid #af965e80;border-radius:5px;padding:7px 10px;color:#e7d5ad;font-size:10px}
@media(orientation:landscape) and (max-height:600px){#titleScreen .landingContent{gap:10px}#titleScreen .landingLogo h1{font-size:44px;margin:5px 0}#titleScreen .landingLogo h1 em{margin-top:4px}#titleScreen .landingLogo h1:after{margin-top:8px;font-size:8px}#titleScreen .landingLogo p{font-size:9px;margin:7px 0}#titleScreen .landingLogo .eyebrow{font-size:7px;letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){.titleDragon{animation:none;transform:translate(72vw,5vh) scale(.65)}.titleDragonArt{animation:none}}
.titleDragon{aspect-ratio:3/4}