/* Screen 001 Welcome, approved in Review #1 Rev. 1.1. */
.unlocked-welcome{color:#09254f;min-height:100svh;position:relative;background:#f4d6b1 url('assets/welcome-background-portrait.jpg') center center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(40px,env(safe-area-inset-top)) 22px max(20px,env(safe-area-inset-bottom));text-align:center;isolation:isolate}
.unlocked-welcome:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#e7f5ff12 0%,#eff7ff55 32%,transparent 55%,#061a2a33 100%)}
.welcome-branding{width:min(100%,530px);padding-top:4px}.welcome-logo{display:block;width:160px;height:auto;object-fit:contain;margin:0 auto 8px}.welcome-branding h1{font:750 clamp(38px,7.5vw,55px)/1.08 system-ui,sans-serif;letter-spacing:1px;margin:0 0 3px}.welcome-tagline{font-size:clamp(14px,2.9vw,19px);line-height:1.4;margin:0}.welcome-message{font-size:clamp(17px,3.4vw,21px);font-weight:500;line-height:1.45;margin:28px 0 0;text-shadow:0 1px 12px #fff}
.welcome-bottom{width:min(100%,440px);margin-top:260px}.welcome-actions{display:grid;gap:8px}.welcome-start,.welcome-login{display:flex;align-items:center;justify-content:center;gap:18px;min-height:55px;width:100%;border:1.5px solid #fff;border-radius:32px;color:white;font-size:21px;font-weight:650;text-decoration:none;box-shadow:0 2px 6px #0003;padding:10px 20px}.welcome-start,.welcome-start:hover{background:linear-gradient(#087bdf,#0062c2)}.welcome-login,.welcome-login:hover{background:#071d33e8}.welcome-bottom footer{font-size:13px;line-height:1.4;color:#fff;margin-top:8px;text-shadow:0 1px 5px #001a32}
@media(max-width:380px){.unlocked-welcome{padding-inline:16px;padding-top:32px}.welcome-logo{width:130px}.welcome-message{margin-top:22px}.welcome-bottom{margin-top:200px}.welcome-start,.welcome-login{min-height:49px;font-size:18px}}
/* Tablets and computers: full screen, with the scene kept above the buttons so the Bible is never covered. */
@media(min-width:700px){.unlocked-welcome{max-width:none;margin-inline:0}.welcome-branding{padding-top:8px}.welcome-bottom{margin-top:120px}}
/* Upright tablets: tall image at full width, shifted so the Bible (about 78.5% down the image) ends
   just above the buttons. 46.6vw = the image height below the Bible at full width. */
@media(min-width:700px) and (orientation:portrait){.unlocked-welcome{background:#f4d6b1 url('assets/welcome-background-portrait.jpg') center calc(100% + 46.6vw - 230px)/100% auto no-repeat}}
/* Wide screens: the scene fills the area above the buttons; the cream below matches the image's own fade. */
@media(min-width:700px) and (orientation:landscape){.unlocked-welcome{background:#efcc9f}.unlocked-welcome:after{content:'';position:absolute;inset:0 0 190px 0;z-index:-2;background:linear-gradient(transparent 85%,#efcc9f),url('assets/welcome-background-landscape.jpg') center bottom/cover no-repeat}}