/* Three prompt levels shared by both chapters; never style Story or answer cards. */
:root {
  --prompt-ink:#143c39ed;
  --prompt-paper:#fff0cd;
  --prompt-gold:#d8bd80;
  --prompt-glow:#efd79740;
  --prompt-primary-size:clamp(19px,1.45cqw,21px);
  --prompt-secondary-size:clamp(16px,2cqw,25px);
}
.interaction-prompt { color:var(--prompt-paper); background:var(--prompt-ink); border:1px solid var(--prompt-gold); box-shadow:inset 0 0 12px #efd79712,0 3px 12px #071c23a0,0 0 14px var(--prompt-glow); border-radius:3px; font-family:'Microsoft JhengHei','Noto Sans TC',sans-serif; font-weight:600; line-height:1.4; }
#interact-hint.prompt-primary { display:flex; align-items:center; justify-content:center; gap:9px; padding:10px 19px; min-width:146px; min-height:44px; font:600 var(--prompt-primary-size)/1.4 'Microsoft JhengHei','Noto Sans TC',sans-serif; color:var(--prompt-paper); background:var(--prompt-ink); border:1px solid var(--prompt-gold); z-index:18; letter-spacing:.04em; }
.prompt-key { display:inline-grid; place-items:center; margin:0; min-width:30px; height:30px; border:1px solid #f2d99e; border-bottom-width:3px; border-radius:3px; background:#e9d7aa; color:#21463f; font:700 18px/1 serif; box-shadow:inset 0 0 0 2px #24483d25; }
#interact.prompt-primary { min-width:100px; min-height:48px; padding:10px 19px; font-size:19px; border:1px solid var(--prompt-gold); background:var(--prompt-ink); box-shadow:inset 0 0 12px #efd79712,0 0 16px var(--prompt-glow); }
.prompt-primary.prompt-near { animation:prompt-breathe 3.5s ease-in-out infinite; }
.trail-sign.prompt-secondary { padding:5px 10px; min-height:34px; min-width:76px; max-width:36%; text-align:center; font-size:var(--prompt-secondary-size); border:1px solid #bca36c; background:#173c37e6; box-shadow:inset 0 0 8px #efd7970a,0 3px 10px #071c2390,0 0 9px #efd79724; transition:box-shadow .25s,border-color .25s; }
.trail-sign.prompt-secondary.prompt-near { border-color:#f0d69a; box-shadow:inset 0 0 12px #efd79718,0 3px 10px #071c2390,0 0 16px #efd79755; transform:translate(-50%,-150%) scale(1.025); }
.trail-sign.prompt-location,.location.prompt-location { padding:5px 9px; border:1px solid #c4b48b50; background:#193c348f; box-shadow:none; color:#eee3c9; font:500 clamp(12px,1.3cqw,17px)/1.4 'Microsoft JhengHei',sans-serif; }
#interact.prompt-primary:hover { border-color:#ffe4a9; background:#275b4ef2; }
#interact.prompt-primary:active { filter:brightness(.9); }
#interact.prompt-primary:focus-visible { outline:2px dashed #aad7d1; outline-offset:4px; }
#interact.prompt-primary:disabled { opacity:.5; animation:none; }
#observation-back.prompt-secondary,#observation-record.prompt-primary { min-height:62px; min-width:154px; padding:14px 28px; font-size:clamp(19px,2vw,27px); border-color:var(--prompt-gold); color:var(--prompt-paper); background:var(--prompt-ink); box-shadow:inset 0 0 12px #efd79712,0 3px 12px #071c23a0,0 0 14px var(--prompt-glow); }
#observation-back.prompt-secondary { box-shadow:inset 0 0 8px #efd7970a,0 3px 10px #071c2390,0 0 9px #efd79724; }
#observation-back.prompt-secondary:disabled,#observation-record.prompt-primary:disabled { opacity:.5; cursor:default; }
#observation-back.prompt-secondary:focus-visible,#observation-record.prompt-primary:focus-visible { outline:2px dashed #aad7d1; outline-offset:4px; }
@keyframes prompt-breathe { 0%,100% {box-shadow:inset 0 0 12px #efd79712,0 3px 12px #071c23a0,0 0 14px #efd79735;} 50% {box-shadow:inset 0 0 14px #efd79720,0 3px 12px #071c23a0,0 0 20px #efd79760;} }
@media(any-pointer:coarse),(max-width:900px) { #interact-hint.prompt-primary { display:none; } #interact.prompt-primary { bottom:92px; right:max(16px,env(safe-area-inset-right)); } }
@media(max-width:600px) { #interact.prompt-primary { bottom:68px; padding:8px 14px; min-width:92px; min-height:46px; font-size:18px; } .trail-sign.prompt-secondary { min-width:60px; min-height:30px; padding:4px 8px; font-size:16px; } }
@media(max-width:700px) { #observation-back.prompt-secondary,#observation-record.prompt-primary {min-height:48px;min-width:120px;padding:11px 17px;font-size:19px;} }
@media(prefers-reduced-motion:reduce) { .prompt-primary.prompt-near {animation:none;} .trail-sign.prompt-secondary {transition:none;} }