.mobile-title-pending .topbar,.mobile-title-pending #scene-host{visibility:hidden}
.title-screen{position:fixed;inset:0;z-index:60;height:100vh;height:100dvh;background:#13251f;isolation:isolate;overflow:hidden}
.title-screen:before{content:'';position:absolute;inset:-10px;z-index:-3;background:center/cover var(--title-art-background,none);filter:blur(8px);opacity:.4}
/* Preserve the entire logo. Mask the baked-in menu so only HTML buttons are visible. */
.title-art{position:absolute;left:50%;top:0;width:100%;height:auto;transform:translateX(-50%);clip-path:inset(0 0 26% 0);mask-image:linear-gradient(#000 65%,transparent 74%);-webkit-mask-image:linear-gradient(#000 65%,transparent 74%);z-index:-2}
.title-screen:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 53%,#13251f30 64%,#13251ff2 77%,#101e19 100%);pointer-events:none}
.title-menu{position:absolute;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(76%,320px);display:flex;flex-direction:column;gap:10px;text-align:center;color:#f6e8c9}
.title-menu button{min-height:48px;padding:9px 20px;border:1px solid #c9ae71;border-radius:7px;background:linear-gradient(#34483dec,#1b3028f5);color:#fff0cd;font-size:17px;letter-spacing:.12em;box-shadow:0 3px 12px #0004;touch-action:manipulation}
.title-menu button:hover,.title-menu button:focus-visible{background:#58654b;outline-color:#ffe0a0}.title-menu button:active{background:#716645}.title-menu button:disabled{opacity:.48;cursor:default}.title-menu p{font-size:11px;line-height:17px;margin:0;color:#e4d8b8;letter-spacing:.02em}.title-menu .title-audio-hint{font-size:12px;color:#f6e8c9;min-height:17px}
.title-settings{position:fixed;inset:0;z-index:70;background:#081712bb;display:grid;place-items:center;padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px))}
.title-settings-card{width:min(100%,360px);max-height:100%;overflow:auto;touch-action:pan-y;padding:22px;background:#24382f;color:#f5e5c2;border:1px solid #b89c61;border-radius:10px;box-shadow:0 12px 40px #0008}.title-settings-card h2{color:inherit;font-size:23px;margin-bottom:18px}.title-settings-card label{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:8px;font-size:14px}.title-settings-card input{width:100%;height:48px;accent-color:#d4b67a}.title-settings-card output{text-align:right;font-size:13px}.title-settings-card button{min-height:44px;padding:8px 15px;background:#415642;border:1px solid #b89c61;color:#fff0cd;border-radius:5px}.title-settings-card footer{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
@media(min-aspect-ratio:3/4){.title-screen{background:#152920}.title-art{width:auto;height:100%}.title-menu{width:300px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}.title-screen:after{background:linear-gradient(transparent 50%,#13251ff2 78%,#101e19 100%)}}
@media(prefers-reduced-motion:no-preference){.title-menu{animation:title-appear .5s ease-out}@keyframes title-appear{from{opacity:0}to{opacity:1}}}

.title-start-gate{position:absolute;left:50%;bottom:calc(80px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(80%,320px);text-align:center;color:#f6e8c9}
.title-start-gate button{width:100%;min-height:56px;border:1px solid #d8bd7c;border-radius:8px;background:linear-gradient(#5c6245,#273f30);color:#fff0cd;font-size:22px;letter-spacing:.2em;box-shadow:0 4px 18px #0005}
.title-start-gate p{font-size:12px;line-height:1.6}.title-start-gate[hidden],.title-menu[hidden]{display:none!important}
.title-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(88%,360px);gap:9px}
.title-menu button{padding:9px 6px;font-size:16px;letter-spacing:.06em}.title-menu p{grid-column:1/-1}
.title-library header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.title-library header h2{margin:0}
.title-library .title-settings-card{max-height:80dvh;overflow:auto}.library-content{line-height:1.8;font-size:14px}
.memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.memory-grid figure{margin:0}.memory-grid img{display:block;width:100%;border-radius:4px}.memory-locked{min-height:90px;display:grid;place-items:center;background:#14261f;color:#a5b5a7;border:1px solid #7c896a}.memory-grid figcaption{font-size:12px;margin-top:5px}
.credit-roll{text-align:center;padding:12px 0 24px}.credit-roll h3{font-size:21px;color:#eed29b;margin:8px 0 30px}.credit-roll p{margin:28px 0}.credit-roll small,.credit-roll strong{display:block}.credit-roll small{font-size:12px;color:#c4bd9c}.credit-roll strong{font-size:20px;font-weight:normal;margin-top:6px}
@media(max-height:500px){.title-menu{bottom:10px;gap:5px}.title-menu button{min-height:40px;font-size:14px}.title-menu p{font-size:10px;line-height:12px}.title-start-gate{bottom:30px}}
.title-settings-card footer{flex-wrap:wrap}