.px-unit{--ink:#253f37;--green:#426d51;--paper:#fff9e6;--edge:#bdc5a0;max-width:1160px;margin:auto;padding:24px 28px 70px;color:var(--ink);font-family:Nunito,system-ui,sans-serif}.px-unit *{box-sizing:border-box}.px-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px}.px-top a{color:inherit;font-weight:900}.px-audio-stop{border:1px solid var(--edge);border-radius:14px;padding:10px;background:var(--paper);color:var(--ink)}.px-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:30px 0 20px}.px-heading h1{font-size:clamp(32px,5vw,60px);line-height:1.1;margin:10px 0}.px-eyebrow,.px-tag{font-weight:900;letter-spacing:.04em;font-size:13px}.px-readable{cursor:pointer;border-radius:5px;transition:background .15s}.px-readable:hover,.px-readable:focus-visible{background:#f0df8a;outline:2px solid #749b68;outline-offset:3px}.px-inline-sound{font-size:.7em;opacity:.55;white-space:nowrap}.px-journey{display:flex;gap:7px;overflow-x:auto;padding:7px 0 16px;scrollbar-width:thin}.px-journey-item{flex:0 0 auto;display:flex;border:1px solid var(--edge);border-radius:13px;background:#f3f0d5;overflow:hidden}.px-journey-item.current{background:var(--green);color:#fff}.px-journey-item.past{background:#d2e3b4}.px-journey button{background:none;border:0;color:inherit;font-weight:850;padding:10px 8px;cursor:pointer}.px-journey button:disabled{opacity:.45;cursor:default}.px-journey b{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;margin-right:5px}.px-journey-hear{border-left:1px solid #b6c697!important}.px-audio-state{font-size:12px;min-height:30px;margin:5px 0 10px;opacity:.85}.px-hero,.px-reward{display:grid;grid-template-columns:1.25fr 1fr;border:2px solid var(--edge);border-radius:25px;background:var(--paper);box-shadow:0 6px 0 #b1c4af55;overflow:hidden;gap:24px;padding:32px}.px-hero h2{font-size:32px}.px-hero p{font-size:18px;line-height:1.7}.px-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;background:#d2e5d4;border-radius:80px 80px 22px 22px}.px-hero-art>img{height:210px;max-width:50%;object-fit:contain}.px-hero-art>.px-icon{width:140px}.px-hero-art .px-hat{position:absolute;top:24px;right:18px;transform:rotate(-24deg);width:110px}.px-comic-pop{position:absolute;bottom:14px;background:#fff8c7;padding:12px;border-radius:13px;border:2px solid #8f9b66;transform:rotate(-4deg);font-weight:900}.px-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;flex:0 0 auto}.px-icon img{width:100%;height:100%;object-fit:contain;max-height:none;image-rendering:auto}.px-icon .mc-no-picture{font-size:30px}.px-title-pickaxe{width:95px;height:95px;transform:rotate(10deg)}.px-note{background:#e4ecce;border-left:4px solid #7c9b60;border-radius:12px;padding:18px;margin:22px 0;line-height:1.7}.px-control{display:inline-flex;align-items:stretch;gap:3px;margin:5px 5px 5px 0;vertical-align:middle;max-width:100%}.px-button,.px-hear{font:inherit;font-weight:800;color:var(--ink);border:1.5px solid #b9c1a0;background:#fffdf1;border-radius:12px;padding:12px 17px;cursor:pointer;line-height:1.4;min-height:44px}.px-hear{padding:9px 11px;background:#e6edce}.px-button.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 3px 0 #203c32}.px-button.secondary{background:#e5ead3}.px-button.selected{background:#f7df80;border-color:#a58d37}.px-button:disabled{opacity:.45;cursor:default;box-shadow:none}.px-button:not(:disabled):hover,.px-hear:hover{filter:brightness(.96);transform:translateY(-1px)}.px-section-heading{margin:25px 0}.px-section-heading h2{font-size:clamp(27px,4vw,39px);margin:10px 0}.px-section-heading p{line-height:1.7;font-size:18px;max-width:900px}.px-word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.px-word{background:var(--paper);border:2px solid var(--edge);border-radius:20px;padding:16px}.px-word.collected{border-color:#6c935b;box-shadow:inset 0 0 0 3px #c9dda9}.px-word-picture{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:none;border:0;width:100%;cursor:pointer;color:var(--ink);font:inherit}.px-word-picture .px-icon{width:110px;height:110px}.px-word-picture strong{font-size:21px}.px-word p{line-height:1.6;font-size:15px}.px-predict,.px-question{background:var(--paper);border:2px solid var(--edge);padding:24px;border-radius:20px;margin:22px 0}.px-predict h3,.px-question h3{font-size:21px;line-height:1.5;margin-top:0}.px-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0 35px}.px-story-panel{position:relative;background:#fffcf0;border:2px solid #829a77;border-radius:17px;padding:18px;box-shadow:0 4px 0 #8fa68d33;overflow:hidden}.px-panel-number{position:absolute;top:10px;left:12px;font-weight:900;font-size:13px}.px-panel-art{display:flex;justify-content:center;align-items:center;height:130px;background:#e0ebcf;border-radius:12px;position:relative}.px-panel-art>.px-icon{width:100px;height:100px}.px-story-panel p{line-height:1.65;margin-bottom:0;font-size:17px}.px-story-panel.panel-8{background:#fff0b1;transform:rotate(1deg)}.px-pip-hat{position:absolute;top:0;right:7px;transform:rotate(-30deg);width:75px!important;height:75px!important}.px-answers{display:flex;flex-direction:column;gap:7px;margin:14px 0}.px-answers .px-control{display:flex}.px-answers .px-button{flex:1;text-align:left;min-height:56px}.px-answers .px-hear{flex:0 0 45px}.px-listening-note{font-size:13px}.px-question blockquote{background:#e3ead4;padding:15px;margin:15px 0;line-height:1.7;border-radius:12px}.px-npc-response{display:flex;align-items:center;gap:15px;background:#dce9c7;padding:14px;border-radius:16px;margin:20px 0;line-height:1.7}.px-map-path{display:flex;gap:10px;align-items:stretch;padding:15px 0;overflow-x:auto}.px-map-path article,.px-map-empty{flex:1;min-width:160px;min-height:200px;border:2px solid #91a87a;background:var(--paper);border-radius:16px;padding:15px;position:relative;text-align:center}.px-map-path article>b{position:absolute;left:10px;top:10px}.px-map-path p{line-height:1.5;font-size:14px}.px-map-empty{display:grid;place-items:center;border-style:dashed;background:#d5e4d5;color:#7f9981;font-size:28px}.px-map-bank{display:flex;flex-wrap:wrap;gap:8px}.px-map-bank .px-control{max-width:330px}.px-retell,.px-recorder{background:var(--paper);border:2px solid var(--edge);border-radius:20px;padding:24px;margin-top:25px}.px-retell p,.px-model{line-height:1.8}.px-model{background:#e3edcd;padding:20px;border-radius:15px;font-size:19px}.px-recorder{border-style:dashed}.px-self-check{display:flex;align-items:center;gap:12px;padding:15px;background:#e2ead0;border-radius:12px}.px-self-check input{width:24px;height:24px;flex:0 0 auto}.px-chest-scene,.px-talk-scene{display:flex;justify-content:center;align-items:flex-end;gap:25px;background:#cfdfc1;border-radius:100px 100px 20px 20px;padding:24px;margin:25px auto;max-width:650px}.px-chest-scene .px-icon,.px-talk-scene .px-icon{width:110px;height:110px}.px-talk-scene>img{height:140px;max-width:40%;object-fit:contain}.px-writing-layout{display:grid;grid-template-columns:1.25fr .8fr;gap:24px}.px-sentence-editor{background:var(--paper);border:1.5px solid var(--edge);border-radius:17px;padding:20px;margin-bottom:16px}.px-sentence-editor h3{font-size:17px;margin:0 0 15px}.px-phrase-bank{border-top:1px dashed #bccaa8;padding:8px 0}.px-phrase-bank .px-button{padding:10px 12px}.px-composed{background:#e4ecd5;border-radius:12px;padding:15px;line-height:1.7;font-size:19px}.px-writing-card{align-self:start;position:sticky;top:20px;background:#fff5ce;border:2px solid #c1a95f;border-radius:20px;padding:25px;box-shadow:4px 6px 0 #8c997b44}.px-writing-card>.px-icon{display:flex;width:120px;height:120px;margin:15px auto}.px-writing-card ol{padding-left:20px;line-height:1.9;font-size:18px}.px-writing-card li{padding-bottom:20px}.px-warning{background:#ffe4a7;padding:13px;border-radius:12px}.px-crafting-test{border:2px solid var(--edge);background:var(--paper);border-radius:20px;padding:24px}.px-crafting-test h3{font-size:20px;line-height:1.6}.px-craft-station{display:flex;justify-content:center;align-items:center;gap:22px;margin:30px 0}.px-craft-grid{display:grid;grid-template-columns:repeat(3,82px);gap:7px;background:#9f977e;padding:12px;border-radius:12px;border:3px solid #7a725c}.px-cell-wrap{display:block;position:relative}.px-cell{display:grid;place-items:center;width:82px;height:82px;background:#f1eddb;border:2px inset #c9c2aa;border-radius:5px;cursor:pointer;font-size:25px;color:#b5af99}.px-cell .px-icon{width:58px;height:58px}.px-cell.filled{background:#e5eacb}.px-cell-hear{position:absolute;bottom:2px;right:2px;width:24px;height:24px;border:0;border-radius:50%;background:#fff6d7;color:var(--ink);cursor:pointer}.px-palette{display:flex;justify-content:center;flex-wrap:wrap}.px-feedback{position:relative;padding:20px 24px;border:2px solid #cba060;border-radius:18px;background:#fff0c8;margin:20px 0;line-height:1.7;font-size:18px}.px-feedback.correct{background:#dceac9;border-color:#82a56c}.px-feedback.support{background:#eee6bf}.px-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px;border-top:1px solid #aebfa7;padding-top:20px}.px-footer p{font-size:13px;width:100%}.px-device{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.5;margin-top:30px;opacity:.8}.px-reward h2{font-size:36px}.px-loot-chest{display:flex;justify-content:center;align-items:center;min-height:210px;position:relative}.px-loot-chest .px-icon{height:150px;width:150px}.px-loot-chest.open .px-icon:last-child{filter:drop-shadow(0 0 15px #f2cd4a);transform:rotate(15deg)}.px-bag{background:#f5edd3;border:2px solid #bcb98f;border-radius:20px;padding:23px}.px-bag>div{display:flex;gap:14px;align-items:center;margin:10px 0}.px-bag .px-icon{height:45px;width:45px}.px-bag p{line-height:1.6;font-size:13px}.px-mine-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.px-equipped{display:flex;align-items:center;gap:15px}.px-equipped.active{background:#c9dfab;border-radius:18px;padding:10px}.px-stone-patch{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.px-stone-slot{display:flex;align-items:center;flex-direction:column;gap:10px}.px-stone-slot p{font-size:13px;line-height:1.6}.px-stone-block{display:flex;align-items:center;flex-direction:column;background:#e0e8d7;border:2px solid #8c9b7c;border-radius:15px;padding:18px 8px;cursor:pointer;font:inherit;color:var(--ink);width:100%}.px-stone-block:hover{transform:translateY(-4px)}.px-stone-block .px-icon{height:100px;width:100px}.px-stone-block>span:last-child{font-size:13px;font-weight:900}.px-stone-gone{border:2px dashed #86a96d;border-radius:15px;padding:20px;background:#d8e8c6}.px-next-use{background:#fff0b4;padding:20px;border-radius:16px;line-height:1.7}.px-world-link{display:inline-block;background:var(--green);color:white;padding:16px 22px;border-radius:15px;font-weight:900}.px-report{margin-top:25px;border:1.5px solid #9eaf8c;background:#f5f5df;border-radius:18px;padding:22px}.px-report summary{font-size:22px;font-weight:900;cursor:pointer}.px-report p{line-height:1.7;font-size:14px}.px-report-rows article{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #c8d2ba;font-size:13px;line-height:1.6}.px-report-rows b{color:#496947}.px-success{color:#35613e;font-weight:800;line-height:1.6}
@media(max-width:760px){.px-unit{padding:16px 16px 50px}.px-heading{padding:24px 0 15px}.px-heading h1{font-size:36px}.px-title-pickaxe{width:65px;height:65px}.px-top{font-size:11px;flex-wrap:wrap}.px-top>span:not(.px-control){display:none}.px-audio-stop{font-size:10px}.px-hero,.px-reward,.px-writing-layout,.px-mine-layout{grid-template-columns:1fr}.px-hero{padding:22px;gap:20px}.px-hero h2{font-size:27px}.px-hero p{font-size:16px}.px-hero-art{min-height:240px}.px-hero-art>img{height:160px}.px-word-grid{grid-template-columns:repeat(2,1fr);gap:12px}.px-word{padding:12px}.px-word-picture .px-icon{width:80px;height:80px}.px-word-picture strong{font-size:17px}.px-word p{font-size:13px}.px-story-grid{grid-template-columns:repeat(2,1fr);gap:12px}.px-story-panel{padding:12px}.px-story-panel p{font-size:15px}.px-panel-art{height:110px}.px-panel-art>.px-icon{width:80px;height:80px}.px-section-heading p{font-size:16px}.px-question,.px-predict,.px-retell{padding:19px}.px-button{font-size:14px;padding:12px}.px-hear{padding:8px}.px-chest-scene,.px-talk-scene{gap:10px;padding:18px 10px}.px-chest-scene .px-icon,.px-talk-scene .px-icon{width:70px;height:70px}.px-talk-scene>img{height:110px}.px-writing-card{position:static}.px-crafting-test{padding:16px}.px-craft-station{gap:8px;flex-wrap:wrap}.px-craft-station>.px-icon{width:48px;height:48px}.px-craft-grid{grid-template-columns:repeat(3,65px);gap:5px;padding:8px}.px-cell{width:65px;height:65px}.px-cell .px-icon{width:45px;height:45px}.px-feedback{font-size:16px;padding:18px}.px-map-path{scroll-snap-type:x proximity}.px-map-path article{scroll-snap-align:start;min-width:155px}.px-stone-block .px-icon{width:70px;height:70px}.px-stone-patch{gap:9px}.px-report-rows article{grid-template-columns:1fr;gap:8px}.px-recorder{padding:16px}.px-journey button{font-size:12px}.px-composed{font-size:17px}.px-reward{padding:22px}.px-bag{padding:18px}}
@media(prefers-reduced-motion:reduce){.px-unit *{transition:none!important;transform:none!important}}

.px-mini-recipe{display:grid;grid-template-columns:repeat(3,32px);gap:3px;background:#9b9278;padding:5px;border-radius:5px}.px-mini-recipe>span{height:32px;width:32px;background:#f3efd8}.px-mini-recipe .px-icon{width:29px;height:29px}

.px-unit .px-top{height:auto;min-height:44px;align-self:stretch;margin-left:0}.px-unit .px-journey{height:auto;min-height:74px;align-self:stretch;margin-left:0}

.px-unit .px-speaking{background:#f6dc78;box-shadow:0 0 0 2px #c9a839;border-radius:5px}

.px-unit .px-journey-item.current{background:#426d51;color:#fff}

.px-unit .px-readable{display:inline;border:0;padding:0;margin:0;background:transparent;font:inherit;color:inherit;text-align:inherit;line-height:inherit;white-space:normal}.px-unit .px-readable:hover,.px-unit .px-readable:focus-visible,.px-unit .px-readable.px-speaking{background:#f6dc78}
/* Younger learners: three pictures, one sentence, one clear repair. */
.px-map-easy{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.px-map-easy article,.px-map-easy .px-map-empty{min-width:0;min-height:180px}.px-map-easy article>.px-icon{width:75px;height:75px}.px-map-easy article>.px-icon+.px-icon{width:45px}.px-map-next{font-size:25px}.px-map-picture-bank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:650px;margin:20px auto}.px-map-picture{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:190px;border:3px solid #9cb489;border-radius:22px;background:#fff9e4;color:#294837;font:900 19px var(--body);padding:20px;cursor:pointer;box-shadow:0 5px 0 #7c9c6a33}.px-map-picture:hover{background:#f4e9a8}.px-map-picture>.px-icon{width:100px;height:100px}.px-map-picture>span:last-child:not(.px-icon){width:100%;text-align:center}.px-map-switch{margin-top:28px;font-size:12px}.px-writing-steps{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 25px}.px-writing-example{background:#e7efce;border:2px dashed #9fb481;border-radius:15px;padding:17px;line-height:1.7;margin-bottom:20px}.px-writing-example>p{font-size:13px;margin:0 0 8px}.px-writing-example strong{font-size:23px}.px-phrase-bank h4{font-size:18px;margin:10px 0}.px-phrase-bank.px-field-error{background:#fff0c1;outline:3px solid #c7773a;border-radius:12px;padding:14px;scroll-margin:25px}.px-speech{margin-top:20px;background:#e4eed0;border:2px solid #a6b789;border-radius:18px;padding:22px}.px-speech h3{margin-top:0}.px-speech-targets .px-control{display:flex}.px-speech-targets .px-button{flex:1;text-align:left}.px-speech-model{display:flex;align-items:center;gap:15px;font-size:23px;line-height:1.5;padding:18px;background:#fff9e6;border-radius:15px;margin:20px 0}.px-speech-consent{display:flex;align-items:center;gap:12px;padding:14px;background:#f9f3d4;border-radius:13px;font-size:14px;line-height:1.5}.px-speech-consent input{width:24px;height:24px;flex-shrink:0}.px-speech-limit,.px-speech-privacy{font-size:12px;line-height:1.7;margin-top:16px}.px-speech-result{padding:20px;border-radius:16px;background:#fff0b5;border:2px solid #c5a449;margin-top:18px}.px-speech-stars{font-size:40px;color:#c48b10;letter-spacing:5px}.px-transcript-output{font-family:var(--body);padding:12px;background:#fffaf0;border-radius:8px}.px-speech-result details,.px-speech-privacy summary{font-size:12px;line-height:1.5;cursor:pointer}.px-loot-chest{position:relative;min-height:250px;isolation:isolate}.px-chest-bottom,.px-chest-lid{position:relative;display:inline-flex;align-items:center;justify-content:center}.px-chest-bottom .px-icon{clip-path:inset(40% 0 0 0)}.px-chest-lid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:40% 70%;pointer-events:none}.px-chest-lid .px-icon{clip-path:inset(0 0 47% 0)}.px-loot-chest.open .px-chest-lid{transform:translate(-54%,-63%) rotate(-18deg)}.px-reward-tool{position:absolute;z-index:2;left:50%;top:6%;transform:translateX(-50%) rotate(12deg);border:0;background:radial-gradient(#ffe88c,transparent 70%);border-radius:50%;padding:7px;cursor:pointer;filter:drop-shadow(0 0 12px #f0cb4a)}.px-reward-tool>.px-icon{width:110px!important;height:110px!important}.px-reward-success{background:#dae9be;border:2px solid #8da96b;padding:17px;border-radius:14px;font-weight:900;line-height:1.6}.px-reward-cheer{font-size:22px;font-weight:900;color:#946718}.px-confetti{position:absolute;inset:-30px -40px;z-index:4;pointer-events:none;overflow:visible}.px-confetti i{position:absolute;left:var(--x);top:10%;font-style:normal;font-size:24px;color:#e4ae29;animation:px-confetti-fall 1.7s ease-out both;animation-delay:calc(var(--i)*12ms)}.px-confetti i:nth-child(3n){color:#7aaf66}.px-confetti i:nth-child(3n+1){color:#d98468}.px-celebrating .px-chest-bottom{animation:px-chest-shake .55s ease-in-out}.px-celebrating .px-reward-tool{animation:px-tool-reveal 1.5s cubic-bezier(.2,.8,.3,1) both}.px-celebrate-pickup .px-bag{animation:px-bag-glow 1.6s ease-out}.px-celebrate-pickup .px-reward-tool{animation:px-pickup 1.4s ease-out both}@keyframes px-chest-shake{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-6deg)}40%,80%{transform:rotate(6deg)}}@keyframes px-tool-reveal{0%{opacity:0;transform:translate(-50%,60px) scale(.2) rotate(-50deg)}45%{opacity:1;transform:translate(-50%,-20px) scale(1.25) rotate(18deg)}100%{opacity:1;transform:translate(-50%,0) scale(1) rotate(12deg)}}@keyframes px-confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0) scale(.3)}15%{opacity:1}100%{opacity:0;transform:translateY(180px) rotate(210deg) scale(1.2)}}@keyframes px-pickup{0%{transform:translate(-50%,0) scale(1.2)}65%{opacity:1;transform:translate(110px,40px) scale(.8)}100%{opacity:0;transform:translate(210px,90px) scale(.2)}}@keyframes px-bag-glow{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 7px #efca5b,0 0 50px #f0d566;background:#fff4bd}}
@media(max-width:760px){.px-map-easy{gap:7px}.px-map-easy article,.px-map-easy .px-map-empty{min-height:150px;padding:10px 6px}.px-map-easy article>.px-icon{width:50px;height:50px}.px-map-easy article>.px-icon+.px-icon{width:30px;height:35px}.px-map-easy p{font-size:12px}.px-map-picture-bank{gap:12px}.px-map-picture{min-height:165px;padding:15px 8px;font-size:16px}.px-map-picture>.px-icon{width:75px;height:75px}.px-writing-steps{gap:4px}.px-writing-steps .px-button{font-size:12px;padding:9px}.px-writing-example strong{font-size:20px}.px-speech{padding:16px}.px-speech-model{font-size:19px;padding:13px;gap:8px}.px-speech-consent{font-size:12px}.px-reward-tool>.px-icon{width:95px!important;height:95px!important}}
@media(prefers-reduced-motion:reduce){.px-unit .px-celebrating *{animation:none!important}.px-unit .px-confetti{display:none}.px-unit .px-reward-tool{opacity:1!important}.px-unit .px-bag{outline:3px solid #e3bb43}}

.px-loot-chest.open .px-chest-bottom .px-icon,.px-loot-chest.open .px-chest-lid .px-icon{filter:none;transform:none}

.px-inline-error{background:#ffe1a9;border-left:4px solid #b96f31;border-radius:8px;padding:12px;font-size:15px;line-height:1.6}