*{box-sizing:border-box}html,body{padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root{--stage-w:9;--stage-h:16}html,body{background:#0a0a0a;height:100%;margin:0}#app{height:100%}.stage-outer{width:100%;height:100%;position:relative;overflow:hidden}.stage{width:min(100%, calc(100vh * var(--stage-w) / var(--stage-h)));height:min(100%, calc(100vw * var(--stage-h) / var(--stage-w)));margin:auto;position:absolute;inset:0}.layer{width:100%;height:100%;position:absolute;inset:0}.layer-bg{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover}.layer-mid{z-index:2;pointer-events:none}.layer-interactive{z-index:3}.layer-ui{z-index:4;pointer-events:none}.layer-effect{z-index:5;pointer-events:none}.layer-bg--placeholder{color:#eee;text-align:center;white-space:pre-line;background-image:repeating-linear-gradient(45deg,#2a2a2a,#2a2a2a 12px,#333 12px 24px);justify-content:center;align-items:center;padding:1rem;font-family:system-ui,sans-serif;display:flex}.interaction-zone{justify-content:center;align-items:center;display:flex;position:absolute;container-type:inline-size}.btn-parchment{color:#fff3df;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 2px #0006;background:#3c28148c;border:.15cqw solid #ffebcd59;border-radius:1.2cqw;flex-direction:column;align-items:center;gap:.4cqw;padding:1.8cqw 3.5cqw;font-family:Amatic SC,cursive;font-size:clamp(1.1rem,6.5cqw,2rem);line-height:1.15;display:inline-flex;box-shadow:0 4px 10px #00000059}.btn-parchment__paw{opacity:.9;filter:drop-shadow(0 0 2px #fff5e1cc);font-size:.85em;animation:1.8s ease-in-out infinite start-paw-pulse}@keyframes start-paw-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.start-hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;position:absolute;inset:0}.start-hotspot:focus-visible{outline-offset:2px;outline:2px dashed #fff9}.riddle{justify-content:center;width:100%;display:flex}.riddle-input{text-align:center;text-transform:uppercase;letter-spacing:.3cqw;color:#f5f5f0;background:0 0;border:none;border-bottom:.3cqw dashed #ffffffbf;outline:none;width:90%;font-family:Kalam,cursive;font-size:clamp(1rem,7cqw,2.5rem)}.riddle-input::placeholder{color:#ffffff59}.riddle-input--error{border-bottom-color:#ff6464d9;animation:.4s shake}.riddle-input--success{color:#c8ffd4;border-bottom-color:#8cffaad9}.anagram{flex-direction:column;align-items:center;gap:2cqw;width:100%;display:flex}.anagram-answer,.anagram-tray{flex-wrap:wrap;justify-content:center;gap:1.5cqw;display:flex}.anagram-slot,.anagram-tile{color:#fff8ec;border-radius:.6cqw;justify-content:center;align-items:center;width:9cqw;min-width:28px;max-width:48px;height:9cqw;min-height:28px;max-height:48px;font-family:Amatic SC,cursive;font-size:clamp(1rem,6cqw,1.8rem);display:flex}.anagram-slot{cursor:default;background:#ffffff0f;border:none;border-bottom:.35cqw dashed #ffffff80}.anagram-slot--filled{cursor:pointer;background:#784e2a59}.anagram-tile{cursor:pointer;background:linear-gradient(160deg,#9664378c,#5a37198c);border:none;box-shadow:0 2px 4px #00000059}.anagram--shake{animation:.4s shake}.anagram--solved .anagram-slot{background:#50c87840;border-color:#8cffaacc}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-1.5cqw)}75%{transform:translate(1.5cqw)}}.butterfly-catch{flex-direction:column;gap:1cqw;width:100%;height:100%;display:flex}.butterfly-flight-zone{flex:1;width:100%;min-height:0;position:relative}.butterfly{cursor:pointer;min-width:44px;min-height:44px;transition:left var(--fly-duration,1s) ease-in-out, top var(--fly-duration,1s) ease-in-out;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.butterfly__glyph{filter:sepia(.8)saturate(4)hue-rotate(-20deg)brightness(1.05)drop-shadow(0 2px 3px #00000059);font-size:clamp(1.3rem,9cqw,2.6rem);animation:.35s ease-in-out infinite alternate butterfly-flap}@keyframes butterfly-flap{0%{transform:scaleX(1)rotate(-4deg)}to{transform:scaleX(.8)rotate(4deg)}}.butterfly-tray{flex-wrap:wrap;justify-content:center;gap:1.2cqw;display:flex}.butterfly-slot.anagram-slot--filled{cursor:default}.butterfly-timer{color:#ffffff8c;pointer-events:none;align-self:center;font-family:Kalam,cursive;font-size:clamp(.7rem,3.5cqw,1rem)}.butterfly-catch--solved .butterfly-flight-zone,.butterfly-catch--solved .butterfly-tray,.butterfly-catch--solved .butterfly-timer{visibility:hidden}.puzzle-reveal{background:#23190f8c;border-radius:2cqw;flex-direction:column;justify-content:center;align-items:center;gap:2cqw;animation:.4s reveal-pop;display:flex;position:absolute;inset:0}.puzzle-reveal__subtitle{color:#fff3df;text-shadow:0 1px 2px #00000080;font-family:Kalam,cursive;font-size:clamp(.9rem,5cqw,1.4rem)}.puzzle-reveal__word{color:#fff8ec;letter-spacing:.05em;text-shadow:0 2px 4px #00000080;font-family:Amatic SC,cursive;font-size:clamp(2rem,16cqw,4rem)}@keyframes reveal-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}button.btn-parchment{cursor:pointer;appearance:none}.jigsaw{width:100%;height:100%;position:relative}.jigsaw-grid{background:#0006;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);gap:1px;width:100%;height:100%;display:grid}.jigsaw-piece{cursor:pointer;-webkit-tap-highlight-color:transparent;background-repeat:no-repeat;background-size:600% 400%;border:none;margin:0;padding:0}.jigsaw-piece--selected{outline-offset:-3px;filter:brightness(1.15);outline:3px solid #ffebb4e6}.jigsaw--solved .jigsaw-grid{visibility:hidden}.scene-fade-enter{opacity:0}.scene-fade-enter-active{opacity:1;transition:opacity .4s}.scene-fade-exit{opacity:1}.scene-fade-exit-active{opacity:0;transition:opacity .4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}