#game-root{place-items:center;padding:12px;display:grid}.book-stage{place-items:center;width:100%;height:100%;display:grid}.bpage{background:#fff9f0;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a1b3d1a}.bpage.cover{text-align:center;color:#fff9f0;place-items:center;display:grid}.bpage.cover h1{text-shadow:0 3px #0003;margin-bottom:8px;font-size:clamp(26px,5vw,44px)}.bpage.cover p{opacity:.9;font-size:clamp(14px,2.6vw,18px)}.bpage.cover .cover-emoji{margin-bottom:10px;font-size:clamp(60px,16vw,110px);animation:4s ease-in-out infinite coverBob}@keyframes coverBob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}.scene{position:absolute;inset:0;overflow:hidden}.scene svg{width:100%;height:100%;position:absolute;inset:0}.narration{color:#fff9f0;background:#2a1b3de6;border:2px solid #fff9f0;border-radius:16px;width:92%;min-height:3em;padding:10px 48px 10px 16px;font-size:clamp(13px,2.4vw,18px);line-height:1.45;position:absolute;bottom:3%;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000040}.narration .sp{color:#ffd45e;margin-right:6px;font-weight:700;display:inline-block}.narration .nw{border-radius:5px;padding:0 1px;transition:color .12s,background .12s}.narration .nw.lit{color:#2a1b3d;background:#ffd45e;box-shadow:0 0 0 2px #ffd45e}.read-btn{color:#2a1b3d;cursor:pointer;background:#ffb627;border:2px solid #fff9f0;border-radius:999px;place-items:center;width:34px;height:34px;font-size:16px;transition:transform .1s;display:grid;position:absolute;bottom:8px;right:10px}.read-btn:active{transform:scale(.9)}.read-btn.on{animation:1s ease-in-out infinite readPulse}@keyframes readPulse{0%,to{box-shadow:0 0 #ffb62799}50%{box-shadow:0 0 0 6px #ffb62700}}.hotspot{cursor:pointer;filter:drop-shadow(0 2px 3px #0000004d);background:0 0;border:none;place-items:center;min-width:46px;min-height:46px;font-size:clamp(22px,5vw,34px);animation:2s ease-in-out infinite hsPulse;display:grid;position:absolute;transform:translate(-50%,-50%)}@keyframes hsPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}.hotspot:active{transform:translate(-50%,-50%)scale(.85)}.hotspot .ring{border:3px solid #ffb627b3;border-radius:999px;animation:2s ease-out infinite hsRing;position:absolute;inset:-6px}@keyframes hsRing{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.hs-say{color:#2a1b3d;white-space:nowrap;background:#ffb627;border:2px solid #2a1b3d;border-radius:12px;padding:4px 12px;font-size:14px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) both sayPop;position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%)}@keyframes sayPop{0%{opacity:0;transform:translate(-50%,-80%)scale(.6)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.book-nav{z-index:20;align-items:center;gap:12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.book-nav button{color:#2a1b3d;cursor:pointer;background:#ffb627;border:3px solid #2a1b3d;border-radius:999px;width:46px;height:46px;font-family:inherit;font-size:18px;font-weight:700;box-shadow:0 4px #2a1b3d}.book-nav button:active{box-shadow:none;transform:translateY(4px)}.book-nav button:disabled{opacity:.4;cursor:default;box-shadow:none}.book-nav .pageno{color:#2a1b3d;background:#fff9f0;border:2px solid #2a1b3d;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700}@media (prefers-reduced-motion:reduce){.cover-emoji,.hotspot,.hotspot .ring{animation:none}}