/* Teal cover is isolated to the landing menu; chapter canvases retain their art. */
#overlay:has(> #card.landing-menu){padding:calc(env(safe-area-inset-top,0px) + 58px) 0 0;background:#073c43;overflow:hidden;isolation:isolate}
#overlay:has(> #card.landing-menu)::before{content:'';position:absolute;inset:0;z-index:-2;background:#0c565b url('/assets/art/prayer-parachute-teal-cover.webp') center 24%/cover no-repeat;pointer-events:none}
#overlay:has(> #card.landing-menu)::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#032c3540 0%,#043b3d00 23%,#073b4370 43%,#06333ee8 63%,#042e38 92%);pointer-events:none}
#card.landing-menu{position:relative;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0 24px 34px;max-width:560px;width:100%;height:100%;max-height:100%!important;color:#fff3d7;scroll-padding:16px;scrollbar-width:thin;scrollbar-color:#92c8bc55 transparent;text-align:center;-webkit-overflow-scrolling:touch}
#landing-art{height:clamp(180px,40dvh,360px);position:relative;pointer-events:none}
#landing-art .landing-spark{position:absolute;font-size:20px;color:#fff0c9;text-shadow:0 0 14px #ffdd8d;font-family:serif}
#landing-art .landing-spark-one{left:12%;top:35%}#landing-art .landing-spark-two{right:13%;top:65%;font-size:14px}
#card.landing-menu #landing-kicker{display:block;margin:0 0 8px;font:500 10px/1.5 system-ui;letter-spacing:3px;color:#f2d9a4;text-shadow:0 2px 5px #063742}
#card.landing-menu h1{font:500 clamp(30px,8vw,40px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:.3px;color:#fff7e6;margin:0 0 9px;text-shadow:0 3px 16px #002b31;overflow-wrap:normal}
#card.landing-menu .subtitle{font:12px/1.6 system-ui;letter-spacing:1px;color:#d0e5dc;margin:0}
#card.landing-menu #landing-motto{display:block;font:italic 13px/1.6 Georgia,serif;color:#e6cfa2;margin:7px 0 18px}
#card.landing-menu>.line,#card.landing-menu>p:not(.subtitle):not(#landing-motto):not(#landing-kicker){display:none}
#card.landing-menu #start,#card.landing-menu #bakerview-start{display:block;width:100%;min-height:62px;margin:10px 0 0;padding:14px 10px;font:600 15px/1.45 system-ui,-apple-system,'Microsoft YaHei',sans-serif;letter-spacing:0;border-radius:13px;border:1px solid #b6d4b3;white-space:normal;overflow-wrap:normal;text-wrap:balance;box-shadow:0 4px 0 #002a2e80,0 8px 20px #00262a55;touch-action:manipulation}
#card.landing-menu #start{background:linear-gradient(135deg,#e7e5c8,#c4dbca);color:#17474b;border-color:#e8edd0}
#card.landing-menu #bakerview-start{background:linear-gradient(120deg,#218c86,#176c71);color:#fff5da;border-color:#b7d7b2}
#card.landing-menu #bakerview-start:disabled{background:#245b60;color:#b7d1ca;border-color:#759993;opacity:1}
#card.landing-menu #start:hover,#card.landing-menu #bakerview-start:hover{filter:brightness(1.08)}
#card.landing-menu button:focus-visible{outline:3px solid #ffe2a4;outline-offset:3px}
#card.landing-menu #landing-more{font:500 10px/1.5 system-ui;letter-spacing:2px;color:#adcfc7;margin:22px 0 10px;border-top:1px solid #9fc4ae44;padding-top:14px}
#card.landing-menu>button:not(#start):not(#bakerview-start):not(#about-credits){min-height:46px;border:1px solid #6a9b9555;border-radius:10px;background:#0b454b9c;color:#d4e9dc;font:13px/1.4 system-ui;margin-top:8px;padding:10px}
#app:has(#overlay:not([hidden])>#card.landing-menu)>header{background:linear-gradient(#063b47ed,#063b4700);border-bottom:0}
#app:has(#overlay:not([hidden])>#card.landing-menu)>header .brand small{display:none}
#app:has(#overlay:not([hidden])>#card.landing-menu) #dev-test-mode{top:auto!important;bottom:12px;right:12px;opacity:.8;min-height:34px}
@media(max-height:700px){#landing-art{height:clamp(105px,24dvh,180px)}#card.landing-menu{padding-left:20px;padding-right:20px}#card.landing-menu h1{font-size:31px}#card.landing-menu #landing-motto{margin:5px 0 12px}#card.landing-menu #start,#card.landing-menu #bakerview-start{min-height:56px;margin-top:8px}}
@media(max-height:510px){#landing-art{height:60px}#card.landing-menu h1{font-size:27px}#card.landing-menu #landing-kicker{display:none}}
@media(min-width:700px){#overlay:has(> #card.landing-menu)::before{background-size:auto 100%;background-color:#073c43}#card.landing-menu{padding-left:32px;padding-right:32px}}
@media(prefers-reduced-motion:reduce){#card.landing-menu *{animation:none;scroll-behavior:auto}}
/* First-launch splash uses the same original artwork; warning and credits stay unchanged. */
#identity-layer[data-view=splash]{background:linear-gradient(180deg,#073b3b11 5%,#05353fb3 48%,#052e39f5 90%),url('/assets/art/prayer-parachute-teal-cover.webp') center top/cover no-repeat;place-items:end center}
#identity-layer[data-view=splash] .identity-card{border:0;box-shadow:none;background:transparent;text-align:center;max-width:500px}
#identity-layer[data-view=splash] .identity-canopy{display:none}
#identity-layer[data-view=splash] h1{font:500 clamp(26px,7vw,36px)/1.25 Georgia,serif;color:#fff4da;text-shadow:0 3px 10px #00343c;letter-spacing:.3px}
#identity-layer[data-view=splash] p{color:#deeadb}#identity-layer[data-view=splash] .identity-kicker{color:#f0d6a3}
#identity-layer[data-view=splash] button{border-radius:12px;min-height:48px;background:#1a7e7d;color:#fff1d2;border-color:#9cc9b4}
#identity-layer[data-view=splash]{inset:0;padding-top:calc(env(safe-area-inset-top,0px) + 70px)}
#identity-layer[data-view=splash] .identity-card:focus{outline:none}
#app:has(#identity-layer[data-view=splash]:not([hidden]))>header{z-index:31;background:linear-gradient(#063b47d9,#063b4700)}
#app:has(#identity-layer[data-view=splash]:not([hidden])) #dev-test-mode{display:none}

/* Version stamps sit outside the title buttons. */
#card.landing-menu .landing-edition-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;margin-top:10px;text-align:center}
#card.landing-menu .landing-edition-badge{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c4d7b3;border-radius:13px;background:#0c5058e8;color:#f1e3b9;font:700 11px/1 system-ui;letter-spacing:.2px;box-shadow:0 3px 9px #00282d55}
#card.landing-menu .landing-edition-row #start,#card.landing-menu .landing-edition-row #bakerview-start{margin:0;min-width:0}
#card.landing-menu .edition-locked .landing-edition-badge{opacity:.65}
@media(max-width:350px){#card.landing-menu .landing-edition-row{grid-template-columns:38px minmax(0,1fr);gap:8px}#card.landing-menu .landing-edition-badge{width:38px;height:38px;font-size:10px}#card.landing-menu .landing-edition-row button{font-size:14px}}

/* Keep the cover focused on the two editions and a quiet credits link. */
#card.landing-menu button#about-credits{display:inline-block;width:auto;min-height:44px;margin:17px auto 0;padding:10px 14px;background:transparent;border:0;box-shadow:none;border-radius:6px;font:12px/1.5 system-ui;color:#c1dbd2;text-decoration:underline;text-decoration-color:#83aaa177;text-underline-offset:4px}
#card.landing-menu button#about-credits:hover{color:#fff0d2;text-decoration-color:currentColor}