:root{--pp-ink:#243153;--pp-coral:#c44f35;--pp-sage:#4f8a70;--pp-gold:#f2c75d}body{background:#dff4ff}.stage{background:linear-gradient(#cfeeff 0 64%,#bfe0a1 64%)}
.pp-intro,.pp-play{display:flex;flex-direction:column;align-items:center}.pp-intro{justify-content:center;padding:14px}.pp-panel{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:min(690px,96%)!important;max-height:calc(100dvh - 86px);overflow:auto;padding:clamp(20px,4vw,38px)!important;border:3px solid #fff!important;border-radius:28px!important;background:rgba(255,253,247,.97)!important;box-shadow:0 18px 55px rgba(44,83,96,.2)!important}.pp-mark{font-size:clamp(3rem,9vw,5rem);line-height:1}.pp-panel h1{font-size:clamp(2.1rem,7vw,3.5rem);margin:8px 0 2px}.pp-panel .tagline{font-size:1.12rem}.pp-adult{display:grid;gap:9px;text-align:left;margin:17px 0;padding:15px;border:2px solid #d6dfb0;border-radius:19px;background:#f7f8e8}.pp-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pp-mode{min-height:68px;padding:8px;border:2px solid #c7cfb1;border-radius:15px;background:#fff;color:var(--pp-ink);font-weight:900;font-size:.92rem}.pp-mode[aria-pressed="true"]{border-color:#6e9f72;background:#edf8ef;box-shadow:0 0 0 3px rgba(78,155,111,.16)}.pp-adult p{margin:0;color:#53605c;font-size:.9rem}.pp-boundary{margin:12px 0 2px;padding:10px 13px;border-radius:13px;background:#eef6ff;color:#40536b;font-size:.86rem}
.pp-play{padding:10px;gap:9px}.pp-prompt{width:min(900px,100%);min-height:70px;display:grid;grid-template-columns:1fr 48px;align-items:center;gap:10px;padding:9px 12px;border:2px solid rgba(42,77,94,.14);border-radius:20px;background:#fff;box-shadow:0 7px 22px rgba(49,82,93,.12)}.pp-prompt>b{text-align:center;font-size:clamp(1rem,2.6vw,1.3rem)}.pp-prompt .text-btn{min-width:48px;min-height:48px;padding:0}.pp-world{position:relative;width:min(720px,94%);height:clamp(210px,36vh,310px);overflow:hidden;border:8px solid rgba(255,255,255,.9);border-radius:28px;background:linear-gradient(#d8f1ff 0 58%,#e8d3aa 58% 73%,#a8b6bd 73% 82%,#d6c2a1 82%);box-shadow:0 13px 34px rgba(44,74,83,.2)}.pp-balloons{position:absolute;left:5%;right:5%;top:6px;text-align:center;font-size:2rem}.pp-character{position:absolute;left:12%;bottom:14%;font-size:clamp(6rem,18vw,10rem);filter:drop-shadow(0 7px 3px rgba(50,60,60,.18))}.pp-badge{position:absolute;left:7%;bottom:7px;padding:7px 12px;border-radius:999px;background:#fff;color:var(--pp-ink);font-weight:900;box-shadow:0 4px 12px rgba(38,56,65,.18)}.pp-object{position:absolute;right:15%;top:31%;font-size:clamp(5rem,15vw,8rem);filter:drop-shadow(0 7px 3px rgba(50,60,60,.13))}.pp-effect{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:rgba(255,253,244,.96);font-size:clamp(1.12rem,3.3vw,1.5rem);font-weight:900;text-align:center;opacity:0;pointer-events:none;transition:.2s}.pp-effect.show{opacity:1}.pp-effect span{font-size:clamp(4rem,14vw,7rem);margin-bottom:6px}
.pp-choices{width:min(760px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.pp-choice{min-height:108px;padding:8px;border:3px solid #9bb7ae;border-radius:22px;background:#fff;color:var(--pp-ink);box-shadow:0 8px 0 #a7b7bd,0 12px 22px rgba(38,67,75,.12);font-weight:900;font-size:clamp(1.25rem,4vw,2rem);transition:.12s;touch-action:manipulation}.pp-choice:active{transform:translateY(4px);box-shadow:0 4px 0 #9bacb2}.pp-choice.retry{animation:pp-wiggle .45s;background:#fff0ed}.pp-choice.correct{background:#eef9f1;border-color:#65a47e}.pp-rail{display:flex;gap:9px}.pp-step{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;border:2px solid rgba(54,84,75,.18);background:rgba(255,255,255,.78);font-size:1.2rem;filter:grayscale(.8);opacity:.65}.pp-step.done{filter:none;opacity:1;background:#fff2b7;border-color:#d9ad42}.pp-step.now{filter:none;opacity:1;outline:3px solid rgba(196,79,53,.25)}@keyframes pp-wiggle{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
@media(max-width:600px){.pp-panel{padding:18px!important}.pp-modes{grid-template-columns:1fr}.pp-play{padding:7px;gap:7px}.pp-prompt{min-height:65px;border-radius:16px}.pp-prompt .text-btn{font-size:0}.pp-prompt .text-btn:before{content:'🔊';font-size:1.15rem}.pp-world{height:205px;border-width:6px}.pp-character{left:5%;font-size:6.2rem}.pp-object{right:7%;font-size:5rem}.pp-badge{left:4%;font-size:.8rem}.pp-choices{gap:7px}.pp-choice{min-height:100px;border-radius:17px;font-size:1.12rem;padding:4px}.pp-step{width:40px;height:40px}}
@media(max-height:690px) and (min-width:650px){.pp-world{height:160px}.pp-choice{min-height:82px}.pp-play{gap:5px}.pp-prompt{min-height:56px}}@media(prefers-reduced-motion:reduce){.pp-choice.retry{animation:none}.pp-effect{transition:none}}