/* Real, generously sized controls over the approved picturebook illustration. */
#titleScreen{background:#f7e9cd}
#titleBackdrop{display:none}
#titleArt{isolation:isolate;overflow:hidden}
#titleImg{object-fit:cover;object-position:center 62%;border-radius:0}
#titleArt::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,244,218,.8),rgba(255,244,218,.36) 32%,transparent 58%)}
#welcomeCopy{position:absolute;z-index:1;left:calc(5% + env(safe-area-inset-left));top:50%;width:36%;max-width:500px;transform:translateY(-50%);text-align:center;color:#33465c}
#welcomeTitle{margin:0;font-family:inherit;line-height:.9;font-weight:900}
#welcomeTitle>span{display:block;font-size:clamp(17px,2.7vw,36px);letter-spacing:.14em;margin:0 0 12px 6px;color:#655440}
#welcomeTitle strong{display:flex;justify-content:center;font-size:clamp(46px,7.8vw,110px);letter-spacing:-.07em;filter:drop-shadow(0 5px 0 #ccb592)}
#welcomeTitle i{font-style:normal;-webkit-text-stroke:2px #fff4dc;paint-order:stroke fill;color:#d86a3b;text-shadow:0 2px 0 #895630}
#welcomeTitle i:nth-child(2){color:#e7b34b;transform:rotate(-5deg)}
#welcomeTitle i:nth-child(3){color:#7b9f77;transform:rotate(3deg)}
#welcomeTitle i:nth-child(4){color:#50708d;transform:rotate(-3deg)}
.welcomeTagline{font-size:clamp(12px,1.5vw,20px);line-height:1.35;margin:18px -12px 20px;font-weight:700;color:#725e43}
#welcomeCopy .zone{position:static;inset:auto;display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer;font-family:inherit;animation:none}
#welcomeCopy #zonePlay{width:90%;height:clamp(62px,11vh,108px);margin:auto;border:4px solid #fff4d8;border-radius:100px;color:#fff9e8;background:linear-gradient(#d99445,#ce723c);box-shadow:0 6px 0 #926347,0 10px 25px #5a351b33;gap:8px;font-size:clamp(28px,4.7vw,58px);font-weight:900;text-shadow:0 2px #98562e;outline:2px solid #b77d46;outline-offset:2px}
#zonePlay svg{width:1em;height:1em;filter:drop-shadow(0 2px #a46230)}
#welcomeCopy #zonePlay:hover{filter:brightness(1.05)}
#welcomeCopy #zonePlay:active{transform:translateY(4px);box-shadow:0 2px 0 #926347}
.welcomeAdults{display:flex;gap:10px;justify-content:center;margin-top:22px}
#welcomeCopy .welcomeAdults .zone{padding:8px 14px;width:auto;max-width:50%;min-height:48px;height:auto;gap:6px;font-size:clamp(12px,1.35vw,18px);font-weight:800;border:2px solid #e4c9a0;border-radius:18px;background:#fff3ddee;color:#475a70;box-shadow:0 3px 0 #b7987240}
.welcomeAdults svg{width:24px;height:24px;flex:none}
.welcomeLove{font-size:clamp(10px,1.2vw,15px);font-weight:700;line-height:1.5;margin:20px -12px 0;color:#725d44}
.welcomeLove span{color:#c8784d}
#welcomeCopy button:focus-visible{outline:5px solid #365575;outline-offset:5px}
@media(max-height:420px) and (orientation:landscape){
  #welcomeCopy{width:35%;left:4.5%}
  #welcomeTitle>span{margin-bottom:8px;font-size:21px}
  #welcomeTitle strong{font-size:64px}
  .welcomeTagline{margin:12px -12px 14px;font-size:12px}
  #welcomeCopy #zonePlay{height:64px;font-size:36px}
  .welcomeAdults{margin-top:16px;gap:6px}
  #welcomeCopy .welcomeAdults .zone{padding:6px 9px;font-size:12px;min-height:44px;gap:4px}
  .welcomeAdults svg{width:21px;height:21px}
  .welcomeLove{margin-top:12px;font-size:10px}
}
@media(max-width:620px) and (orientation:landscape){
  #welcomeTitle strong{font-size:50px}
  #welcomeTitle>span{font-size:16px}
  .welcomeAdults svg{width:17px;height:17px}
  #welcomeCopy .welcomeAdults .zone{padding:6px;font-size:11px}
  .welcomeLove{font-size:9px;margin-top:8px}
  .welcomeTagline{font-size:10px;margin:10px -10px 12px}
}
@media(orientation:portrait){
  #titleImg{height:58%;top:auto;bottom:0;object-position:75% center;object-fit:cover}
  #titleArt::after{background:linear-gradient(#fff2d8 34%,#fff2d8b0 46%,transparent 63%)}
  #welcomeCopy{left:8%;top:calc(5% + env(safe-area-inset-top));width:84%;max-width:none;transform:none}
  #welcomeTitle>span{font-size:22px;margin-bottom:10px}
  #welcomeTitle strong{font-size:82px}
  .welcomeTagline{font-size:15px;margin:14px 0}
  #welcomeCopy #zonePlay{width:78%;height:68px;font-size:36px}
  .welcomeAdults{margin-top:17px}
  #welcomeCopy .welcomeAdults .zone{font-size:14px;min-height:46px}
  .welcomeLove{font-size:11px;margin-top:12px}
}