body[data-page="gameplay"] .site-header,body[data-page="gameplay"] .mobile-nav,body[data-page="gameplay"] .site-footer{display:none!important}
body.playful-app[data-page="gameplay"]{padding-bottom:0}body.playful-app[data-page="gameplay"]::before{display:none}
.zoom-tools [data-game-action="fit"]{min-width:44px}
.jigsaw-tray .jigsaw-piece{touch-action:pan-y}.touch-drag-enabled .jigsaw-piece{touch-action:none}.touch-drag-toggle,.tray-touch-note{display:none}
@media(any-pointer:coarse),(max-width:700px){.tray-filters .touch-drag-toggle{display:inline-flex;align-items:center;justify-content:center}.tray-touch-note{display:block;font-size:11px;line-height:1.4;color:#77634d;margin:4px 0 8px!important}}
.play-workspace{max-width:1440px;margin:0 auto;padding:18px 28px 30px;position:relative;color:#492b17}
.game-topbar{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:16px;margin:0 0 14px}.game-topbar h1{font-family:'Baloo 2',sans-serif;font-size:clamp(27px,3vw,40px);line-height:1.1;margin:1px 0}.game-topbar .eyebrow{margin:0;font-size:11px;line-height:1.4}.game-topbar .icon-btn{background:#fffaf0;border:2px solid #efd8b0;border-radius:17px;min-height:48px;min-width:48px;display:grid;place-items:center;color:#54321c}.game-topbar .icon{width:23px;height:23px}
.game-progress-row{display:flex;align-items:center;gap:18px;background:#fff9ea;border:1px solid #ecd4ae;border-radius:18px;padding:12px 20px;margin:0 0 18px;box-shadow:0 3px 0 #e4cfa1}.game-progress-row>span:first-child{font-weight:900;white-space:nowrap}.game-progress-row progress{flex:1;width:100%;height:16px;appearance:none;border:0;background:#eadfc7;border-radius:20px;overflow:hidden}.game-progress-row progress::-webkit-progress-bar{background:#eadfc7;border-radius:20px}.game-progress-row progress::-webkit-progress-value{background:linear-gradient(90deg,#55b58a,#21875a);border-radius:20px;transition:width .25s}.game-progress-row progress::-moz-progress-bar{background:#21875a;border-radius:20px}.calm-label{font-size:12px;color:#77634d}
.play-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.puzzle-panel{background:#fffaf0;border:2px solid #efdcba;border-radius:26px;padding:17px;min-width:0;box-shadow:0 6px 0 #e4cea1,0 14px 35px #66411b0d}.puzzle-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.puzzle-toolbar .btn{min-height:44px;font-size:14px;padding:8px 12px;gap:6px}.zoom-tools{margin-left:auto;display:flex;gap:5px;align-items:center}.zoom-tools .icon-btn{width:44px;height:44px;min-height:44px;border:1px solid #e6d1aa;background:#fffdf7;border-radius:13px;color:#5c381f;display:grid;place-items:center}.zoom-tools .icon{width:20px;height:20px}.jigsaw-viewport{display:flex;align-items:center;justify-content:center;width:100%;overflow:clip;max-height:580px;min-height:200px;border:5px solid #be814a;border-radius:15px;background:radial-gradient(#d9b57b 1px,transparent 1px),#ecd5ab;background-size:12px 12px;box-shadow:inset 0 0 18px #70441c25;overscroll-behavior:contain}.jigsaw-board{display:block;flex:none;max-width:100%;touch-action:pan-y;user-select:none;isolation:isolate}.jigsaw-guide{opacity:0;pointer-events:none;transition:opacity .2s}.show-guide .jigsaw-guide{opacity:.19}.jigsaw-slot{fill:#f8edcc80;stroke:#a47a42;stroke-width:1.5;cursor:pointer;outline:none;transition:fill .2s}.jigsaw-slot:hover,.jigsaw-slot:focus-visible{fill:#c7e5d184;stroke:#176c4a;stroke-width:3}.jigsaw-slot.is-selected-target{fill:#a5dabb;stroke:#15774e;stroke-width:4;stroke-dasharray:10 5}.jigsaw-slot.is-placed{fill:transparent;stroke:transparent;pointer-events:none}.jigsaw-placed,.source-piece{pointer-events:none}.source-piece{animation:source-arrival .24s ease-out;transform-box:fill-box;transform-origin:center}.board-scroll-note{font-size:12px;color:#7b694f;margin:8px 2px 0}.play-feedback{min-height:3em;line-height:1.5;font-size:15px;font-weight:700;margin:12px 0 8px;color:#6d543a}.play-feedback.is-success,.answer-feedback.is-success{color:#176a46}.puzzle-actions{display:flex;gap:9px;flex-wrap:wrap}.puzzle-actions .btn{min-height:48px;font-size:15px}
.game-side{display:flex;flex-direction:column;gap:15px;min-width:0}.game-coach{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;min-height:110px;background:#e4f1dc;border-radius:23px;padding:10px 15px 8px}.game-coach .mascot-button{padding:0;background:none;border:0;min-width:0;max-height:100px;overflow:hidden}.game-coach img{display:block;height:112px;width:auto;max-width:100%;object-fit:contain;object-position:top}.game-coach p{font-size:14px;line-height:1.55;font-weight:800;margin:0}.tray-panel{background:#fffaf0;border:2px solid #efdcba;border-radius:24px;padding:16px;min-width:0;box-shadow:0 4px 0 #e4cea1}.tray-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.tray-heading h2{font-family:'Baloo 2',sans-serif;font-size:24px;margin:0}.tray-heading>span{font-size:12px;color:#71604c;background:#f4e8c9;padding:4px 8px;border-radius:20px;white-space:nowrap}.tray-filters{display:flex;gap:7px;margin:9px 0 12px}.tray-filters button{font:800 13px 'Nunito',sans-serif;background:#f6ecd5;color:#5b422c;border:1px solid #e7d0a7;border-radius:12px;padding:8px 12px;min-height:40px;cursor:pointer}.tray-filters button[aria-pressed="true"]{background:#dcf1e1;border-color:#85b99a;color:#155b3c}.jigsaw-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:86px;gap:8px;max-height:370px;overflow-y:auto;overflow-x:hidden;align-content:start;padding:5px;scrollbar-color:#c5a06b #f5ecda;scrollbar-width:thin}.jigsaw-piece{position:relative;display:grid;place-items:center;min-width:0;height:86px;padding:5px;background:#f7ecd4;border:2px solid #e9d4b0;border-radius:14px;cursor:grab;touch-action:none;transition:background .15s,border-color .15s,transform .15s}.jigsaw-piece img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #71492230)}.jigsaw-piece:hover{border-color:#c48430;background:#fff0cb;transform:translateY(-2px)}.jigsaw-piece[aria-pressed="true"]{border-color:#d6850a;background:#ffe5a1;box-shadow:0 0 0 2px #f9bd51}.jigsaw-piece:active{cursor:grabbing}.piece-number{position:absolute;bottom:1px;right:3px;background:#fff9e9ec;min-width:17px;height:17px;border-radius:50%;font-size:10px;line-height:17px;font-weight:800;color:#5c3b21;pointer-events:none}.tray-empty{padding:16px 8px;text-align:center;font-size:14px}.little-discovery{display:flex;gap:10px;border:1px dashed #c9b48e;background:#f7f2e2;padding:13px;border-radius:18px}.discovery-icon{color:#3e8057}.little-discovery strong{font-size:13px}.little-discovery p{font-size:13px;line-height:1.5;margin:3px 0 0}.play-drag-ghost{position:fixed;height:auto;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 6px #4c2c1c55);opacity:.96}
.aksara-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px;padding:7px;background:#f0e5cd;border-radius:20px}.aksara-tabs button{font-family:'Baloo 2',sans-serif;font-size:18px;font-weight:700;min-height:52px;background:transparent;color:#674a31;border:2px solid transparent;border-radius:15px;padding:8px 12px;cursor:pointer}.aksara-tabs button[aria-pressed="true"]{color:#65350c;background:#fff8df;border-color:#efc373;box-shadow:0 3px 0 #d5ad66}.aksara-activity{background:#fffbf3;border:2px solid #ecd6b0;border-radius:28px;padding:26px;box-shadow:0 6px 0 #e4cea1}.round-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px;font-size:13px;color:#71583a}.round-pill{font-weight:900;border:1px solid #c6ddce;background:#e3f3e6;color:#225c3e;border-radius:99px;padding:7px 14px}.aksara-play-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}.glyph-display{height:350px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fff8e4 0%,#f5dca7 100%);border:3px solid #e1b674;border-radius:28px;padding:48px;box-shadow:inset 0 0 0 7px #fff9e566}.glyph-label{position:absolute;left:0;top:20px;right:0;text-align:center;font-size:13px;color:#8c643a;font-weight:900}.source-glyph{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 3px 2px #65442315)}.answer-panel{min-width:0}.answer-panel h2{font-family:'Baloo 2',sans-serif;font-size:clamp(27px,3vw,37px);line-height:1.15;margin:5px 0 20px}.answer-panel .eyebrow{font-size:11px;margin:0}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer-option{display:flex;justify-content:center;gap:8px;align-items:center;border:2px solid #e4c48d;border-radius:18px;background:#fff6de;color:#5d381a;font:800 27px 'Baloo 2',sans-serif;min-height:74px;padding:12px;cursor:pointer;box-shadow:0 4px 0 #dcb986;transition:transform .15s,background .15s}.answer-option:hover:not(:disabled){transform:translateY(-3px);background:#ffe6ac}.answer-option:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #dcb986}.answer-option.is-correct{opacity:1!important;background:#d9f0de;border-color:#68a97e;box-shadow:0 4px 0 #4b8f66;color:#1b6440}.answer-option:disabled:not(.is-correct){opacity:.55}.answer-option .icon{width:22px;height:22px}.answer-feedback{font-size:15px;line-height:1.5;min-height:3.1em;color:#715b42;font-weight:700;margin:18px 0 10px}.answer-actions{display:flex;gap:8px;flex-wrap:wrap}.answer-actions .btn{min-height:46px;font-size:14px}.answer-hint{outline:4px solid #e7aa23;outline-offset:3px}.aksara-bottom-note{display:flex;justify-content:center;gap:14px;align-items:center;margin:20px 0 0;border-top:1px solid #ecddc0;padding-top:14px;color:#726044}.aksara-bottom-note img{height:85px;width:60px;object-fit:contain}.aksara-bottom-note p{font-size:14px;max-width:340px;font-weight:700;line-height:1.6;margin:0}.round-celebration{display:flex;gap:22px;align-items:center}.round-celebration img{width:130px;height:175px;object-fit:contain}.round-celebration p{font-size:18px;line-height:1.7}.writing-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.writing-heading h2{font:800 30px/1.2 'Baloo 2',sans-serif;margin:3px 0}.writing-heading label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800}.writing-select{font:800 18px 'Nunito',sans-serif;padding:10px 18px;border:2px solid #d8ba88;border-radius:14px;background:#fff9e8;color:#4e321c;min-width:130px;min-height:48px}.writing-board{height:390px;position:relative;border:3px dashed #d2b279;border-radius:26px;background:linear-gradient(transparent 49.5%,#dfc99a 49.5%,#dfc99a 50%,transparent 50%),#fff8e7;overflow:hidden}.writing-board>img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;opacity:.16;pointer-events:none}.writing-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.writing-actions{display:flex;align-items:center;gap:20px;margin-top:16px}.writing-actions p{font-size:13px;color:#7b6345;margin:0}.try-again{animation:play-wiggle .32s ease}.celebration-layer{position:fixed;inset:0;pointer-events:none;z-index:2000;overflow:hidden}.celebration-particle{position:absolute;top:-30px;width:18px;height:18px;color:var(--particle-color,#eaa022);animation:play-confetti 1.15s ease-in forwards}.celebration-particle .icon{width:100%;height:100%;fill:currentColor;stroke:none}
@keyframes source-arrival{from{opacity:.4;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes play-wiggle{0%,100%{transform:translateX(0)}30%{transform:translateX(-4px)}65%{transform:translateX(4px)}}@keyframes play-confetti{to{transform:translate(var(--drift,40px),105vh) rotate(300deg);opacity:0}}
@media(min-width:1500px){.play-workspace{padding-top:26px}.jigsaw-viewport{max-height:620px}.jigsaw-tray{max-height:440px}}
@media(max-width:1000px){.play-grid{grid-template-columns:minmax(0,1fr) 265px;gap:14px}.play-workspace{padding:16px}.game-coach{grid-template-columns:60px 1fr;padding:8px 10px}.game-coach p{font-size:12px}.jigsaw-tray{grid-auto-rows:72px;gap:6px}.jigsaw-piece{height:72px}.puzzle-panel{padding:12px}.puzzle-toolbar .btn{font-size:12px;padding:8px}.calm-label{display:none}.aksara-activity{padding:20px}.aksara-play-grid{gap:22px}.glyph-display{height:300px;padding:45px}.answer-option{font-size:23px;min-height:66px}}
@media(max-width:700px){.play-workspace{padding:12px 12px max(22px,env(safe-area-inset-bottom))}.game-topbar{grid-template-columns:46px minmax(0,1fr) 46px;gap:10px;margin-bottom:12px}.game-topbar h1{font-size:27px}.game-topbar .eyebrow{font-size:9px;letter-spacing:.07em}.game-topbar .icon-btn{min-width:44px;min-height:44px;border-radius:14px}.game-progress-row{padding:9px 13px;gap:11px;border-radius:15px;margin-bottom:12px}.game-progress-row>span:first-child{font-size:12px}.game-progress-row progress{height:12px}.play-grid{display:flex;flex-direction:column;gap:13px}.puzzle-panel{width:100%;border-radius:20px;padding:10px}.puzzle-toolbar{gap:5px;margin-bottom:8px;flex-wrap:nowrap}.puzzle-toolbar .btn{font-size:11px;padding:7px;min-height:44px}.puzzle-toolbar .btn .icon{width:15px;height:15px}.zoom-tools{gap:3px}.zoom-tools .icon-btn{width:40px;height:44px;min-width:40px}.zoom-tools .btn{padding:7px 6px}.jigsaw-viewport{min-height:0;max-height:290px;border-width:3px;border-radius:12px}.board-scroll-note{font-size:10px;line-height:1.4;margin-top:6px}.play-feedback{font-size:12px;min-height:3em;margin:8px 0 6px}.puzzle-actions{gap:6px}.puzzle-actions .btn{font-size:12px;min-height:44px;padding:8px 11px;flex:1;justify-content:center}.puzzle-actions .icon{width:17px;height:17px}.game-side{width:100%;gap:10px}.game-coach{display:none}.tray-panel{padding:11px;border-radius:18px}.tray-heading h2{font-size:22px}.tray-heading>span{font-size:11px}.tray-filters{margin:5px 0 7px;gap:7px}.tray-filters button{min-height:36px;padding:6px 12px;font-size:12px}.jigsaw-tray{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:72px;max-height:162px;gap:7px;padding:4px}.jigsaw-piece{height:72px;padding:4px;border-radius:12px}.little-discovery{padding:10px;border-radius:14px}.little-discovery p{font-size:12px}.little-discovery strong{font-size:12px}.little-discovery .icon{width:20px;height:20px}.aksara-tabs{grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:17px;margin-bottom:13px}.aksara-tabs button{font-size:15px;min-height:45px;padding:7px;border-radius:12px}.aksara-activity{border-radius:20px;padding:14px}.round-heading{font-size:10px;gap:7px;margin-bottom:14px}.round-pill{padding:6px 10px;white-space:nowrap}.aksara-play-grid{grid-template-columns:1fr;gap:17px}.glyph-display{height:210px;border-radius:21px;padding:42px 48px 26px}.glyph-label{top:12px;font-size:11px}.answer-panel h2{font-size:28px;margin:4px 0 13px}.answer-panel .eyebrow{font-size:9px}.answer-options{gap:11px}.answer-option{min-height:62px;font-size:24px;padding:8px;border-radius:15px}.answer-feedback{font-size:12px;min-height:3em;margin:12px 0 8px}.answer-actions{gap:7px}.answer-actions .btn{font-size:11px;padding:8px 10px;min-height:44px}.answer-actions .icon{width:17px;height:17px}.aksara-bottom-note{margin-top:16px;padding-top:10px;gap:10px}.aksara-bottom-note img{height:60px;width:43px}.aksara-bottom-note p{font-size:11px;max-width:240px}.round-celebration{gap:12px}.round-celebration img{width:95px;height:135px}.round-celebration p{font-size:15px}.writing-heading{gap:10px;align-items:flex-start}.writing-heading h2{font-size:24px;max-width:220px}.writing-heading .eyebrow{font-size:9px}.writing-select{min-width:88px;font-size:15px;padding:8px;min-height:44px}.writing-heading label{font-size:10px}.writing-board{height:290px;border-radius:19px}.writing-actions{gap:12px;align-items:flex-start}.writing-actions .btn{font-size:12px;min-height:44px;white-space:nowrap}.writing-actions p{font-size:11px}}
@media(max-width:370px){.puzzle-toolbar .btn{gap:3px;font-size:10px;padding:6px}.puzzle-toolbar .btn .icon{display:none}.zoom-tools .icon-btn{width:36px;min-width:36px}.jigsaw-tray{grid-auto-rows:65px}.jigsaw-piece{height:65px}.game-topbar h1{font-size:24px}}
body[data-motion="off"] .source-piece,body[data-motion="off"] .try-again,body[data-motion="off"] .celebration-particle{animation:none!important}body[data-motion="off"] .jigsaw-piece,body[data-motion="off"] .answer-option{transition:none!important}
@media(prefers-reduced-motion:reduce){.source-piece,.try-again,.celebration-particle{animation:none!important}.jigsaw-piece,.answer-option,.jigsaw-slot,.jigsaw-guide{transition:none!important}}
.source-preview{overflow:auto;max-height:64vh;border-radius:16px;background:#f0e2c5}.source-preview img{display:block;width:100%;height:auto;max-width:none}.source-preview.is-zoomed img{width:180%;max-width:none}.completion-content{display:flex;align-items:center;gap:22px}.completion-mascot{width:140px;height:190px;object-fit:contain}.completion-content p{font-size:16px;line-height:1.65}.earned-stars{display:flex;gap:7px;color:#c8860b}.earned-stars .icon{width:30px;height:30px;fill:#f7c752}.friendly-steps{padding-left:25px;line-height:1.7}.friendly-steps li{padding:8px 0}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.dialog-note{font-size:13px;line-height:1.65;color:#77624a}.name-field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:800}.name-field input{font:700 18px 'Nunito',sans-serif;min-height:48px;border:2px solid #dbc29b;border-radius:12px;padding:10px 13px;background:#fffcf3;color:#4e321c}#nickname-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.preference-list{margin:22px 0}.preference-list>label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #e8dac1}.preference-list strong,.preference-list small{display:block}.preference-list small{font-size:12px;color:#76644e;margin-top:3px}.preference-list input{width:24px;height:24px;accent-color:#25835b;flex-shrink:0}.offline-setting{background:#f0eddd;padding:14px;border-radius:16px}.offline-setting h3{font-family:'Baloo 2',sans-serif;font-size:23px;margin:0}.offline-setting p{font-size:13px;line-height:1.6}.story-quiz-options{display:grid;gap:10px;margin:20px 0}.quiz-question{font-family:'Baloo 2',sans-serif;font-size:26px;line-height:1.3}.quiz-feedback{min-height:3em;font-size:15px;line-height:1.6}.person-detail-image{display:block;height:230px;max-width:100%;object-fit:contain;margin:15px auto}
@media(max-width:700px){.zoom-tools .icon-btn{width:44px;min-width:44px;height:44px}.tray-filters button{min-height:44px}.completion-content{gap:12px}.completion-mascot{width:100px;height:150px}.completion-content p{font-size:14px}.dialog-actions .btn{flex:1;justify-content:center}#nickname-form .name-field{width:100%}.quiz-question{font-size:23px}}