.scene-top{pointer-events:none}.scene-tool{pointer-events:auto}
.hotspot .hotspot-label{pointer-events:none}
#worldPuzzle{position:absolute;inset:0;pointer-events:none;z-index:4}
#puzzlePanel[hidden]{display:none}
.scene-tip{z-index:5}
.gathering{position:absolute;left:49%;bottom:9%;width:30%;height:39%;display:flex;flex-direction:column;align-items:center;justify-content:end}
.gathering img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 4px #071a3f75)}
.gathering span{background:#fff7df;color:#243d39;border:2px solid #30493b;border-radius:12px;padding:5px 10px;font-size:14px;text-align:center;white-space:nowrap}
.scribbit-button{left:7%;width:19%;height:48%}
.puzzle-active .scribbit-button{left:1%;width:16%;height:38%;bottom:7%}
.scribbit-button.react-happy{animation:scribbit-joy .65s ease-in-out 2}
.scribbit-button.react-think{animation:scribbit-think 1.2s ease-in-out}
.scribbit-button.react-hello{animation:scribbit-hello .55s ease-in-out 3}
@keyframes scribbit-joy{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-14px) rotate(-3deg)}70%{transform:translateY(-5px) rotate(2deg)}}
@keyframes scribbit-think{0%,100%{transform:rotate(0)}35%{transform:rotate(5deg)}70%{transform:rotate(-2deg)}}
@keyframes scribbit-hello{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg)}}
.game-footer a{min-height:44px;display:inline-flex;align-items:center}
.success-actions{gap:12px;display:flex;margin-top:22px}
dialog a{font-weight:bold;color:#653b95}
.story-avatar img{width:170%!important;height:auto!important;margin-left:-35%;margin-top:0}
.puzzle-choice-summary{font-size:18px;line-height:1.55;margin:10px 0;color:#3c5638}.puzzle-choice-summary b{display:inline-block;letter-spacing:.6px}
@media(max-width:650px){.gathering{width:34%;left:48%;height:44%}.gathering span{font-size:13px;white-space:normal}.scene-tip{max-width:calc(100% - 22px)}.puzzle-active .scribbit-button span{display:none}.intro-card .intro-detail{font-size:15px}.success-actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.scribbit-button{animation:none!important;transition:none!important}}
@media(max-width:650px){.scene.quest-complete .hotspot[aria-label="Make some magic"],.scene[data-location="square"] .hotspot[data-action="note"]{top:calc(50% + 115px)!important;left:50%!important}.scene.quest-complete .scene-tip,.scene[data-location="square"] .scene-tip{display:none}}
@media(max-width:650px){.scene.quest-complete .hotspot[aria-label="Make some magic"]{left:80%!important}}
@media(max-width:650px){.hotspot{width:44px;min-width:44px}.hotspot .hotspot-label{max-width:110px}}