body[data-route='splash'] .welcome-screen{isolation:auto;position:relative;background:transparent;min-height:100svh;overflow-x:clip;padding-bottom:max(78px,calc(env(safe-area-inset-bottom) + 64px))}
.splash-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:#071317 url('assets/release/academy-study.jpeg') center 46%/cover no-repeat}
/* Build 47: the room photograph is the complete splash background. Motion is opt-in only in a future feature. */
.splash-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,17,.48),rgba(3,12,17,.4) 35%,rgba(3,12,17,.88) 78%,#071317)}
body[data-route='splash'] .welcome-content{background:transparent!important;text-shadow:0 2px 10px #000;max-width:640px}
body[data-route='splash'] .welcome-logo{position:relative}
/* The footer has its own measured space; controls never cover scrollable content. */
html body[data-route='splash'] #app{height:calc(100dvh - var(--splash-controls-space,112px))}
body[data-route='splash'] #app .welcome-screen{min-height:100%;padding-bottom:16px;background:transparent}
body[data-route='splash'] .welcome-logo,body[data-route='splash'] .welcome-content,body[data-route='splash'] .welcome-language{z-index:1}
body[data-route='splash'] .welcome-content{position:relative}
.splash-controls{position:fixed;inset:auto 0 0;z-index:20;box-sizing:border-box;display:grid;grid-template-columns:1fr;align-items:center;gap:4px 8px;padding:4px max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#061115;color:var(--text)}
.splash-controls [data-act='cloud']{grid-column:1/-1;justify-self:center;min-height:44px;max-width:100%;margin:0;padding:6px 0;border:0;color:var(--teal);font-family:var(--ff-ui);font-size:var(--t-footnote);line-height:var(--lh-footnote)}
body[data-route='splash'] #app .splash-controls .build-version{position:static;justify-self:start;margin:0;padding:3px 0;min-width:0}
@media(min-aspect-ratio:4/3){.splash-backdrop{background-position:center 38%}.splash-backdrop::after{background:linear-gradient(90deg,#071317bd,#07131785,#071317bd),linear-gradient(0deg,#071317,transparent 65%)}}
@media(orientation:landscape) and (max-height:600px){body[data-route='splash'] .welcome-logo{max-height:28svh;width:auto}body[data-route='splash'] .welcome-screen{padding-top:max(12px,env(safe-area-inset-top))}}