/* Scoped welcome card; only created on phone-size screens. */
#phoneWelcome{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(88vw,380px);max-width:380px;max-height:calc(100svh - 24px);overflow-y:auto;padding:15px 22px 22px;border:5px double #be9039;border-radius:30px;background:radial-gradient(ellipse at 40% 20%,#fff9df,#f7e6b9);color:#173d24;text-align:center;box-shadow:inset 0 0 0 2px #ffefb1,0 12px 45px #14251c77;font-family:Georgia,serif}
#phoneWelcome::backdrop{background:rgba(8,27,23,.47)}
#phoneWelcome .phone-welcome-close{position:absolute;top:6px;right:7px;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;padding:0;background:transparent;color:#173d24;font:36px/1 Georgia,serif;cursor:pointer}
#phoneWelcome .phone-welcome-art{display:block;width:100%;height:clamp(110px,23svh,185px);object-fit:contain;margin:0 auto 3px;pointer-events:none}
#phoneWelcome h2{font:bold clamp(25px,7vw,34px)/1.08 Georgia,serif;margin:0;color:#153d22;text-align:center}
#phoneWelcome .phone-welcome-divider{display:flex;align-items:center;gap:10px;color:#80974c;font-size:25px;margin:8px 14px 4px}
#phoneWelcome .phone-welcome-divider::before,#phoneWelcome .phone-welcome-divider::after{content:'';height:1px;background:#bd963b;flex:1}
#phoneWelcome p{font:clamp(17px,4.8vw,21px)/1.25 Georgia,serif;margin:7px 0 19px;color:#173d24}
#phoneWelcome .phone-welcome-continue{display:block;width:100%;min-height:48px;padding:10px 7px;border:4px double #d3a64d;border-radius:28px;background:linear-gradient(110deg,#315f30,#123b20);box-shadow:0 2px 4px #65451a44;color:#fff4d5;font:bold clamp(17px,4.8vw,22px)/1.15 Georgia,serif;white-space:normal;cursor:pointer}
#phoneWelcome button:focus-visible{outline:3px solid #517341;outline-offset:3px}
@media(max-height:500px){#phoneWelcome{padding:10px 18px 14px}#phoneWelcome .phone-welcome-art{height:85px}#phoneWelcome h2{font-size:24px}#phoneWelcome p{font-size:16px;margin:5px 0 10px}#phoneWelcome .phone-welcome-divider{margin:3px 14px;font-size:18px}}