.bonus-pill{display:inline-flex;align-items:center;gap:7px;min-width:96px;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,253,249,.9);border:1px solid rgba(212,174,103,.36);box-shadow:0 6px 20px rgba(80,63,51,.1);color:var(--gold-deep)}.bonus-pill span{font-size:.61rem;font-weight:900;letter-spacing:.07em}.bonus-pill strong{font-size:1rem}.bonus-pill.bump{animation:counterBump .5s ease}@keyframes counterBump{0%,100%{transform:scale(1)}35%{transform:scale(1.18) rotate(-2deg)}65%{transform:scale(1.08) rotate(2deg)}}
.scene{height:170px}.sun{width:74px;height:74px;right:40px;top:25px;animation:sunPulse 4.8s ease-in-out infinite}@keyframes sunPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.08)}}.glow{position:absolute;border-radius:50%;filter:blur(22px);opacity:.34;animation:driftGlow 7s ease-in-out infinite alternate}.glow-one{width:130px;height:55px;background:#fff1c0;left:-30px;top:38px}.glow-two{width:110px;height:46px;background:#e8d0df;right:18px;bottom:26px;animation-delay:-2.5s}@keyframes driftGlow{from{transform:translateX(-6px)}to{transform:translateX(12px)}}.scene-copy{z-index:3;max-width:280px}.scene-sparkles{position:absolute;inset:0;pointer-events:none;z-index:2}.scene-sparkle{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,250,220,.95);box-shadow:0 0 10px rgba(255,244,183,.95);animation:sparkleFloat 4.5s ease-in-out infinite}@keyframes sparkleFloat{0%,100%{transform:translateY(8px) scale(.65);opacity:.2}50%{transform:translateY(-8px) scale(1.1);opacity:.9}}
.hint-button.ready{background:#f4e4ba;color:#86632f;box-shadow:0 0 0 2px rgba(212,174,103,.12)}.hint-button:disabled{opacity:.54;cursor:default}
.crossword{--cell:35px}.cross-cell.new-word{animation:tileReveal .55s cubic-bezier(.2,.9,.3,1.35) both}@keyframes tileReveal{0%{transform:translateY(12px) scale(.55) rotate(-5deg);opacity:.15}62%{transform:translateY(-3px) scale(1.14) rotate(2deg)}100%{transform:none;opacity:1}}.cross-cell.hint{animation:hintPop .55s ease}
.word-readout{font-size:1.42rem;transition:transform .16s ease,color .16s ease}.word-readout.success{animation:wordPop .45s ease;color:var(--sage-deep)}.word-readout.bonus{animation:bonusPop .55s ease;color:var(--gold-deep)}.word-readout.bad{animation:wordShake .3s ease;color:#a36d72}@keyframes wordPop{0%{transform:scale(.82)}55%{transform:scale(1.22)}100%{transform:scale(1)}}@keyframes bonusPop{0%{transform:scale(.8) rotate(-2deg)}55%{transform:scale(1.24) rotate(2deg)}100%{transform:none}}@keyframes wordShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}.message.bonus{color:var(--gold-deep)}
.letter-wheel{width:300px;height:300px;background:radial-gradient(circle,#fbf7f0 0 25%,#f2eadf 26% 63%,#e8ddce 100%);box-shadow:inset 0 0 0 10px rgba(255,255,255,.38),0 12px 28px rgba(95,77,64,.11);overflow:visible}.letter-wheel.selecting{box-shadow:inset 0 0 0 10px rgba(255,255,255,.46),0 12px 34px rgba(110,79,104,.18),0 0 0 3px rgba(110,79,104,.08)}.letter-wheel.shuffle{animation:wheelShuffle .42s ease}@keyframes wheelShuffle{0%{transform:rotate(0) scale(1)}45%{transform:rotate(7deg) scale(.96)}100%{transform:rotate(0) scale(1)}}.wheel-halo{position:absolute;inset:23px;border-radius:50%;border:1px dashed rgba(110,79,104,.13);pointer-events:none}.wheel-center{width:46px;height:46px;z-index:4}.letter-btn{width:70px;height:70px;margin:-35px 0 0 -35px;font-size:1.58rem;pointer-events:none}.letter-btn.active{background:var(--plum);color:#fff;transform:scale(1.11);box-shadow:0 9px 22px rgba(81,57,77,.3),0 0 0 5px rgba(110,79,104,.12)}.trace-svg polyline{stroke:rgba(110,79,104,.52);stroke-width:20;filter:drop-shadow(0 2px 4px rgba(81,57,77,.14))}
.bottom-actions{min-height:62px;grid-template-columns:46px 1fr 46px}.bonus-help{display:flex;flex-direction:column;gap:2px;font-size:.65rem;line-height:1.25}.bonus-help strong{color:#75675f}.bonus-help span{color:#9a8e86}.round-action{width:44px;height:44px;font-size:1.15rem}.round-action:active{transform:scale(.94)}
.overlay.visible .modal-card{animation:modalIn .5s cubic-bezier(.18,.86,.26,1.18)}@keyframes modalIn{0%{transform:translateY(24px) scale(.88);opacity:0}70%{transform:translateY(-3px) scale(1.02);opacity:1}100%{transform:none}}.complete-mark{width:62px;height:62px;box-shadow:0 0 0 8px rgba(244,232,201,.35);animation:markGlow 2.4s ease-in-out infinite}@keyframes markGlow{0%,100%{box-shadow:0 0 0 8px rgba(244,232,201,.3)}50%{box-shadow:0 0 0 14px rgba(244,232,201,.08)}}.reading-text{margin:14px 0 18px;color:#5c514b!important;font-size:1.02rem!important;line-height:1.68!important;text-align:left}.scripture-panel{padding:15px 16px;border-radius:18px;background:#f3eadc;text-align:left;border:1px solid rgba(110,79,104,.08)}.scripture-panel>span{display:block;color:var(--plum);font-size:.62rem;font-weight:900;letter-spacing:.14em}.scripture-panel strong{display:block;margin-top:3px;color:#564841;font-family:Georgia,"Times New Roman",serif;font-size:1.05rem}.scripture-panel p{margin:8px 0 0;color:#6b5e56;font-size:.94rem;line-height:1.55}.reward-line{margin-top:16px}.celebration-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:31}.confetti{position:absolute;top:-18px;width:8px;height:14px;border-radius:3px;background:var(--gold);animation:confettiFall 1.7s cubic-bezier(.2,.7,.4,1) forwards}.confetti:nth-child(3n){background:var(--rose)}.confetti:nth-child(4n){background:var(--sage)}.confetti:nth-child(5n){background:var(--plum)}@keyframes confettiFall{to{transform:translate(var(--drift),110vh) rotate(640deg);opacity:.15}}
.bonus-fly{position:fixed;z-index:80;pointer-events:none;padding:7px 11px;border-radius:999px;background:#f6e7bc;color:#916a2e;font-weight:900;font-size:.75rem;box-shadow:0 10px 25px rgba(100,76,40,.18);animation:bonusFly .85s cubic-bezier(.2,.75,.3,1) forwards}@keyframes bonusFly{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}20%{opacity:1;transform:translate(-50%,-65%) scale(1.08)}100%{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.72);opacity:0}}
@media(max-height:820px){.scene{height:145px}.crossword{--cell:32px;min-height:180px}.letter-wheel{width:270px;height:270px}.letter-btn{width:64px;height:64px;margin:-32px 0 0 -32px;font-size:1.42rem}.wheel-center{width:42px;height:42px}.bottom-actions{min-height:52px}}@media(max-width:380px){body{padding-left:6px;padding-right:6px}.puzzle-panel{padding-left:8px;padding-right:8px}.letter-wheel{width:270px;height:270px}.letter-btn{width:64px;height:64px;margin:-32px 0 0 -32px}.crossword{--cell:31px;gap:3px}}