/* Small decision illustrations stay inside the existing scrollable story. */
#bookDecisions .decision-guide{box-sizing:border-box;display:grid;gap:10px;min-width:0;max-width:100%;margin:6px 0 2px;padding:13px;border:1px solid #e0c38a;border-radius:15px;background:#163c43;color:#fff5de;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere}
#bookDecisions .decision-guide .decision-guide-title{margin:0;font:750 18px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff5de}
#bookDecisions .decision-guide :is(.decision-guide-instruction,.decision-guide-status,.decision-guide-target){margin:0;padding:0;border:0;border-radius:0;background:none;color:#fff5de;font:inherit;line-height:1.5}
#bookDecisions .decision-guide .decision-guide-status{font-size:.93em}
#bookDecisions .decision-guide[data-decision-state=waiting] .decision-guide-status{padding:8px;border:1px solid #d8c898;border-radius:9px;background:#244c50}
#bookDecisions .decision-guide .decision-guide-target{padding-top:2px;font-weight:650}
#bookDecisions .decision-guide button[data-decision-action]{box-sizing:border-box;min-width:48px;min-height:48px;width:100%;max-width:100%;margin:0;padding:11px 12px;border:2px solid #e3d4ab;border-radius:11px;background:#fff1cd;color:#183e38;font:750 16px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;white-space:normal;overflow-wrap:anywhere;text-align:center;cursor:pointer;touch-action:manipulation}
#bookDecisions .decision-guide button[data-decision-action]:disabled{cursor:default;background:#e5e4d5;color:#3e514b;border-color:#d8dacb;opacity:1}
#bookDecisions .decision-guide button[data-decision-action]:focus-visible,#bookDecisions .decision-guide:focus-visible{outline:3px solid #fff5c0;outline-offset:3px}
#bookDecisions .decision-guide [hidden]{display:none!important}
.decision-guide-visual{display:block;box-sizing:border-box;width:100%;max-width:360px;height:auto;max-height:186px;margin:0 auto;border-radius:14px;overflow:hidden;pointer-events:none}
#bookDecisions .decision-guide [data-decision-action=act]{display:grid;gap:8px;justify-items:center}
#bookDecisions .decision-guide [data-decision-action=act] .decision-guide-visual{max-height:min(166px,22dvh)}
.decision-guide-visual [data-decision-part]{transform-box:view-box}
.decision-guide-beam{opacity:.07;transform-origin:65px 87px}
.decision-guide-greeting{transform:translate(0,0)}
.decision-guide-seat{opacity:.12;transform-origin:216px 105px}
.decision-guide-page{opacity:.25;transform:scaleX(.05);transform-origin:160px 107px}
.decision-guide-word{opacity:0}
.decision-guide-complete .decision-guide-beam{opacity:.38;transform:rotate(0)}
.decision-guide-complete .decision-guide-greeting{transform:translate(135px,34px)}
.decision-guide-complete .decision-guide-seat{opacity:.6;transform:scale(1)}
.decision-guide-complete .decision-guide-page{opacity:1;transform:scaleX(1)}
.decision-guide-complete .decision-guide-word{opacity:1}
.decision-guide-playing .decision-guide-beam{animation:decision-guide-turn 900ms var(--decision-elapsed,0ms) ease-in-out both}
.decision-guide-playing .decision-guide-greeting{animation:decision-guide-place 900ms var(--decision-elapsed,0ms) ease-in-out both}
.decision-guide-playing .decision-guide-seat{animation:decision-guide-seat 900ms var(--decision-elapsed,0ms) ease-in-out both}
.decision-guide-playing .decision-guide-page{animation:decision-guide-page 900ms var(--decision-elapsed,0ms) ease-in-out both}
.decision-guide-playing .decision-guide-word{animation:decision-guide-word 900ms var(--decision-elapsed,0ms) ease-in-out both}
.world-room .scene-secret.decision-guide-object-focus{outline:3px solid #fff0a9!important;outline-offset:7px!important;border-radius:12px;box-shadow:0 0 0 2px #183e38!important}
@keyframes decision-guide-turn{0%{opacity:.07;transform:rotate(-24deg)}100%{opacity:.38;transform:rotate(0)}}
@keyframes decision-guide-place{0%{transform:translate(0,0)}55%{transform:translate(75px,4px)}100%{transform:translate(135px,34px)}}
@keyframes decision-guide-seat{0%{opacity:.12;transform:scale(.9)}65%{opacity:.75;transform:scale(1.04)}100%{opacity:.6;transform:scale(1)}}
@keyframes decision-guide-page{0%{opacity:.25;transform:scaleX(.05)}100%{opacity:1;transform:scaleX(1)}}
@keyframes decision-guide-word{0%,45%{opacity:0}100%{opacity:1}}
html.comfort-large #bookDecisions .decision-guide{font-size:19px}html.comfort-xlarge #bookDecisions .decision-guide{font-size:23px}
html:is(.comfort-large,.comfort-xlarge) #bookDecisions .decision-guide .decision-guide-title{font-size:1.15em}html:is(.comfort-large,.comfort-xlarge) #bookDecisions .decision-guide button[data-decision-action]{font-size:1em}
html.comfort-high #bookDecisions .decision-guide{background:#101f24;color:#fff;border:2px solid #fff}html.comfort-high #bookDecisions .decision-guide :is(.decision-guide-title,.decision-guide-instruction,.decision-guide-status,.decision-guide-target){color:#fff!important}html.comfort-high #bookDecisions .decision-guide button[data-decision-action]{background:#fff;color:#111;border-color:#fff}html.comfort-high #bookDecisions .decision-guide button[data-decision-action]:disabled{background:#d4d4d4;color:#222;border-color:#d4d4d4}
@media(prefers-reduced-motion:reduce){.decision-guide-playing .decision-guide-visual [data-decision-part]{animation:none!important}}
html.comfort-reduce .decision-guide-playing .decision-guide-visual [data-decision-part]{animation:none!important}
@media(forced-colors:active){#bookDecisions .decision-guide{border:2px solid CanvasText;background:Canvas;color:CanvasText}#bookDecisions .decision-guide :is(.decision-guide-title,.decision-guide-instruction,.decision-guide-status,.decision-guide-target){color:CanvasText!important}#bookDecisions .decision-guide button[data-decision-action]{background:ButtonFace;color:ButtonText;border-color:ButtonText}.decision-guide-visual{forced-color-adjust:none}.world-room .scene-secret.decision-guide-object-focus{outline-color:Highlight!important}}
@media(max-height:480px){#bookDecisions .decision-guide{gap:8px;padding:11px}.decision-guide-visual{max-height:145px}}
