#veil .intro{width:min(560px,94vw);padding:24px 30px;text-align:center;text-shadow:none;background:#202820ec;border:1px solid #a5966f66;border-radius:12px;max-height:95vh;overflow:auto}
#veil .intro>p{margin:12px auto}#veil h1{margin:10px 0;font-size:clamp(40px,7vw,66px)}
#lot-loading{margin:0 auto 18px;max-width:350px}#lot-loading .bears{display:flex;justify-content:center;gap:8px;height:180px;align-items:end;overflow:hidden}
#lot-loading .bear{width:90px;height:180px;background-image:url('./welcome-assets/bears.png');background-size:300% 100%;background-repeat:no-repeat;transform-origin:50% 90%;animation:bear-step 1.7s ease-in-out infinite}
#lot-loading .bear:nth-child(2){background-position:50% 0;animation-delay:-.55s}#lot-loading .bear:nth-child(3){background-position:100% 0;animation-delay:-1.1s}
@keyframes bear-step{0%,100%{transform:translateY(0) rotate(-5deg)}25%{transform:translateY(-6px) rotate(0deg)}50%{transform:translateY(0) rotate(5deg)}75%{transform:translateY(-4px) rotate(0deg)}}
#lot-loading progress{appearance:none;display:block;width:100%;height:6px;border:0;border-radius:6px;background:#4a5140;margin:10px 0}#lot-loading progress::-webkit-progress-bar{background:#4a5140;border-radius:6px}#lot-loading progress::-webkit-progress-value{background:#b8c9a2;border-radius:6px}#lot-loading progress::-moz-progress-bar{background:#b8c9a2;border-radius:6px}
#lot-loading [role=status]{font:14px/1.5 Georgia;color:#ddd9ba;min-height:42px;margin:8px 0;max-width:none}#lot-loading button{padding:8px 16px;font-size:14px}
#lot-loading[data-state=ready] .bear,#lot-loading[data-state=error] .bear{animation:none}#lot-loading[data-state=ready] progress{display:none}#lot-loading[data-state=error] progress{visibility:hidden}
#veil .controls{margin-top:15px}#loadnote:empty{display:none}
@media(prefers-reduced-motion:reduce){#lot-loading .bear{animation:none}}
@media(max-height:650px){#lot-loading .bears{height:95px}#lot-loading .bear{width:47.5px;height:95px}#veil .intro{padding:14px 24px}#veil .intro>p{margin:5px auto}#lot-loading{margin-bottom:8px}#veil .controls{margin-top:8px}}
/* Distinct speaker turns, readable without color. */
body #talk{padding:14px;background:#20251feb;border-color:#718174;width:min(580px,90vw)}
body #talk .npc-turn{background:#e6d9bc;color:#352f25;padding:16px 18px;border-radius:3px 14px 14px 14px;margin:10px 22px 16px 0;border-left:4px solid #b99a60}
body #talk .npc-turn h2{color:#453827;font:600 18px/1.3 Georgia;margin:0 0 3px}
body #talk .npc-turn small{display:block;color:#62523d;font:12px/1.4 system-ui;margin-bottom:12px}
body #talk .npc-turn p{color:#352f25;font:18px/1.55 Georgia;margin:0;max-width:none}
body #talk .last-reply{max-width:85%;margin:0 0 14px auto;text-align:left;padding:10px 14px;border-radius:12px 3px 12px 12px;font:15px/1.45 Georgia;background:#2a3935;border:1px solid #638b7c;border-right:4px solid #91bdae}
body #talk .last-reply strong{display:block;font:600 12px/1.4 system-ui;color:#b8ddd4;margin-bottom:4px}
body #talk .player-turn{border-top:1px solid #6c8a78;padding:2px 4px 0 22px}
body #talk .response-heading{font:600 14px/1.4 system-ui;color:#c4e0d2;margin:10px 0 4px;text-transform:none;letter-spacing:0}
body #talk .response-instruction{font:12px/1.4 system-ui;color:#c5cabc;margin:0 0 10px;max-width:none}
body #talk button[data-choice-kind]::before{display:inline-block;font:600 10px/1.2 system-ui;letter-spacing:.05em;margin-right:10px;min-width:28px;opacity:.85;vertical-align:middle}
body #talk button[data-choice-kind=speech]::before{content:'SAY'}body #talk button[data-choice-kind=action]::before{content:'DO'}body #talk button[data-choice-kind=navigation]::before{content:'BACK'}
@media(max-width:600px){body #talk{width:calc(100vw - 24px);padding:10px;max-height:70vh}body #talk .npc-turn{margin-right:12px;padding:13px}body #talk .npc-turn p{font-size:17px}body #talk .player-turn{padding-left:12px}}