:root{
  --purple:#7c3aed;--purple-dark:#5b21b6;--purple-soft:#f2eaff;--ink:#26223a;--muted:#6f6882;--border:#e9e4f2;
  --panel:#fff;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--shadow:0 18px 48px rgba(76,53,108,.11)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-rounded,"Nunito",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#faf7ff 0,#f6fbff 55%,#fffaf3 100%);min-height:100%;overflow-x:hidden}
button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(124,58,237,.34);outline-offset:3px}
.app-shell{width:min(1180px,100%);margin:0 auto;padding:0 22px 26px}.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-logo{width:49px;height:49px;filter:drop-shadow(0 7px 12px rgba(75,43,115,.18))}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:1.2rem}.brand-text small{color:var(--muted);font-weight:750}.top-actions{display:flex;gap:8px}.icon-btn,.back-btn{border:1px solid var(--border);background:rgba(255,255,255,.9);box-shadow:0 5px 15px rgba(60,45,80,.05)}.icon-btn{width:46px;height:46px;border-radius:15px;font-size:1.15rem;display:grid;place-items:center}.icon-btn.muted-control{opacity:.5;filter:grayscale(.7)}
.view{display:none}.view.active{display:block}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:center;border:1px solid #e8def5;border-radius:34px;padding:44px;background:linear-gradient(135deg,#fff 0%,#faf5ff 54%,#edf9ff 100%);box-shadow:var(--shadow)}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:950;color:var(--purple)}.hero h1{font-size:clamp(2.35rem,5vw,4.35rem);line-height:.98;margin:12px 0 16px;letter-spacing:-.045em}.hero p{max-width:650px;color:var(--muted);font-size:1.05rem;line-height:1.65;margin:0}.profile-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;margin-top:25px}.field{display:flex;flex-direction:column;gap:7px}.field span{font-size:.82rem;font-weight:900;color:#5d5670}.field input,.field select{width:100%;min-height:50px;border:1px solid var(--border);border-radius:15px;background:white;padding:0 15px;color:var(--ink);font-size:16px}.sound-note{display:flex;align-items:center;gap:8px;margin-top:13px;color:#786f8b;font-size:.8rem;font-weight:700}.hero-art{position:relative;min-height:300px;border-radius:28px;overflow:hidden;background:linear-gradient(#bdeaff 0 52%,#cdecae 52% 70%,#7ed6e9 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.sun{position:absolute;right:25px;top:19px;font-size:58px}.cloud{position:absolute;font-size:57px;filter:drop-shadow(0 5px 3px rgba(255,255,255,.2))}.c1{left:20px;top:18px}.c2{left:126px;top:65px;font-size:43px}.hill{position:absolute;bottom:68px;border-radius:50% 50% 0 0;background:#90c868}.h1{width:290px;height:122px;left:-80px}.h2{width:280px;height:105px;right:-75px;background:#74b75d}.lake{position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(#63c8e5,#58bad8)}.mascot{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);font-size:95px;filter:drop-shadow(0 8px 5px rgba(40,90,80,.16))}.corn{position:absolute;bottom:53px;left:39px;font-size:48px;transform:rotate(-13deg)}.fish{position:absolute;bottom:17px;right:56px;font-size:46px}.floating-star{position:absolute;animation:floaty 2.3s ease-in-out infinite}.s1{right:82px;top:100px;font-size:27px}.s2{left:56px;top:105px;font-size:24px;animation-delay:.8s}@keyframes floaty{50%{transform:translateY(-8px) rotate(8deg)}}
.progress-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;background:rgba(255,255,255,.88);border:1px solid var(--border);border-radius:24px;padding:19px 23px;margin:18px 0 31px}.progress-card>div:first-child,.progress-card>div:last-child{display:flex;flex-direction:column;gap:4px}.progress-card strong{font-size:1.22rem}.muted{font-size:.76rem;color:var(--muted);font-weight:850}.progress-wrap{display:flex;flex-direction:column;gap:7px}.progress-wrap small{color:var(--muted);font-weight:750}.progress-track,.mini-progress{height:10px;border-radius:999px;background:#eee9f6;overflow:hidden}.progress-fill,.mini-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#ec4899,#f59e0b);transition:width .4s ease}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:10px 2px 13px}.section-head h2{font-size:clamp(1.55rem,3vw,2.2rem);margin:5px 0 0}.badge{background:#eee7ff;color:#6230c4;border-radius:999px;padding:8px 12px;font-weight:950;font-size:.8rem}.category-strip{display:flex;gap:8px;overflow-x:auto;padding:0 1px 10px;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-strip span{white-space:nowrap;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:850;color:#625a76}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.game-card{position:relative;border:1px solid var(--border);background:rgba(255,255,255,.94);border-radius:22px;padding:15px;display:grid;grid-template-columns:64px minmax(0,1fr) 25px;gap:14px;align-items:center;text-align:left;box-shadow:0 8px 20px rgba(61,44,88,.04);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.game-card:hover{transform:translateY(-2px);border-color:#d8cdf0;box-shadow:0 12px 28px rgba(61,44,88,.08)}.game-card strong{display:block;font-size:1rem;margin-bottom:4px}.game-card small{display:block;color:var(--muted);line-height:1.35}.game-card em{display:inline-block;font-style:normal;font-size:.58rem;letter-spacing:.08em;font-weight:1000;background:#fff1c8;color:#8c5f00;padding:3px 6px;border-radius:999px;margin-top:6px}.game-icon{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;font-size:1.95rem}.arrow{font-size:2rem;color:#aaa1bc}.bg-mint{background:#dff9ee}.bg-red{background:#ffe7e6}.bg-pink{background:#ffe5f1}.bg-amber{background:#fff2cf}.bg-sky{background:#e2f4ff}.bg-orange{background:#ffecd8}.bg-purple{background:#eee5ff}.bg-coral{background:#ffe7df}.bg-lime{background:#eff8d7}.bg-violet{background:#eee7ff}.bg-yellow{background:#fff7cf}.bg-blue{background:#e2eeff}.bg-teal{background:#dcf8f4}.bg-indigo{background:#e9e7ff}.new-game{background:linear-gradient(135deg,#fff 0,#fffcf1 100%)}.local-card{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center;margin-top:24px;border-radius:27px;padding:26px;background:linear-gradient(135deg,#effdf5,#f4fbff);border:1px solid #dceee4}.local-art{font-size:2.8rem;text-align:center}.local-card h3{margin:5px 0 8px;font-size:1.25rem}.local-card p{margin:0;color:var(--muted);line-height:1.55}
.game-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:12px 0 18px}.back-btn{min-height:46px;border-radius:15px;padding:0 15px;font-weight:900}.round-info{display:grid;grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:10px;color:var(--muted);font-weight:900;font-size:.85rem;max-width:420px;justify-self:center;width:100%}.score-chip{display:flex;align-items:center;gap:7px;background:#fff7db;border:1px solid #f7dfa4;border-radius:999px;padding:10px 13px;font-weight:900}.game-panel{background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:32px;min-height:560px;padding:clamp(22px,4vw,48px);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative}.game-title{font-size:clamp(1.65rem,4vw,2.7rem);margin:0 0 8px}.game-instruction{margin:0 0 28px;color:var(--muted);font-size:1.03rem;line-height:1.5;max-width:650px}.object-stage{min-height:180px;width:min(100%,760px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#fbfaff,#f8fcff);border:1px dashed #d8d2ee}.object-item{font-size:clamp(2.2rem,7vw,4.2rem);line-height:1;filter:drop-shadow(0 5px 4px rgba(40,42,65,.08))}.choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px}.choice-btn,.image-choice{min-width:70px;min-height:64px;padding:10px 18px;border-radius:20px;border:2px solid #ded8ef;background:white;color:var(--ink);font-size:1.45rem;font-weight:1000;box-shadow:0 8px 18px rgba(50,42,85,.06)}.choice-btn.selected{border-color:var(--purple);background:var(--purple-soft)}.choice-btn.correct,.image-choice.correct,.color-choice.correct,.odd-btn.correct,.compare-side.correct{border-color:#2da765!important;background:#e8fff2!important;color:#11723d}.choice-btn.wrong,.image-choice.wrong,.color-choice.wrong,.balloon.wrong,.odd-btn.wrong,.compare-side.wrong,.sequence-btn.wrong{border-color:#e75165!important;background:#fff0f2!important;color:#a41d35;animation:shake .3s ease}.choice-btn:disabled,.image-choice:disabled,.color-choice:disabled,.odd-btn:disabled,.compare-side:disabled{cursor:default}.feedback{min-height:58px;display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:1.05rem;padding:12px;text-align:center}.feedback.good{color:#14824a}.feedback.bad{color:#b52f43}
.match-board{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(120px,.7fr);gap:26px;width:min(100%,760px);text-align:left}.match-list,.number-list{display:grid;gap:12px}.match-row,.number-target{min-height:74px;border:2px solid #e7e2f1;border-radius:18px;background:#fff;display:flex;align-items:center;padding:12px 16px}.match-row{justify-content:space-between;gap:10px}.match-row .emoji-line{font-size:1.9rem;letter-spacing:4px;overflow-wrap:anywhere}.match-dot{width:20px;height:20px;border-radius:50%;border:4px solid #a69cbf;flex:0 0 auto}.number-target{justify-content:center;font-size:1.5rem;font-weight:1000}.match-row.active,.number-target.active{border-color:var(--purple);background:var(--purple-soft)}.number-target.done,.match-row.done{border-color:#45b873;background:#ecfff3;opacity:.72}.shape-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100%,700px)}.shape-tile{min-height:130px;border:2px solid #e8e4ef;border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}.shape-tile .big{font-size:3.6rem}.shape-tile .label{font-weight:900;color:var(--muted)}.shape-tile.active{border-color:var(--purple);background:var(--purple-soft)}.shape-tile.done{border-color:#45b873;background:#effff5;opacity:.6}.equation{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:8px 0 20px}.group-box{min-width:145px;min-height:120px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:5px;padding:14px;border-radius:22px;background:#fbfaff;border:1px solid #e5e0f1}.group-box .object-item{font-size:2.5rem}.operator{font-size:3rem;font-weight:1000;color:var(--purple-dark)}.watermelon{position:relative;width:min(85vw,520px);height:230px;border-radius:0 0 260px 260px;background:#ef3340;border:14px solid #55a630;border-top:0;overflow:hidden;box-shadow:inset 0 13px 0 #f45d68,0 12px 25px rgba(70,50,60,.1);touch-action:manipulation}.seed{position:absolute;width:13px;height:24px;border-radius:80% 20% 80% 20%;background:#2f2032;transform:rotate(20deg)}.seed-info{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:22px}.seed-counter{font-size:1.1rem;font-weight:900;background:#fff4f4;border-radius:999px;padding:10px 16px}.seed-actions{display:flex;gap:8px}.small-btn{min-height:44px;border:1px solid var(--border);background:white;border-radius:14px;padding:0 14px;font-weight:900;color:var(--ink)}
.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(70px,120px));gap:12px;width:min(100%,560px);justify-content:center}.memory-6{grid-template-columns:repeat(4,minmax(65px,105px))}.memory-card{aspect-ratio:1/1;border:0;border-radius:20px;background:linear-gradient(145deg,#7c3aed,#ec4899);box-shadow:0 9px 18px rgba(100,55,140,.16);position:relative;transform-style:preserve-3d;transition:transform .35s ease}.memory-card.open,.memory-card.matched{transform:rotateY(180deg)}.memory-front,.memory-back{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;border-radius:inherit}.memory-front{font-size:2rem;color:#fff;font-weight:1000}.memory-back{transform:rotateY(180deg);background:#fff;border:2px solid #e7ddf5;font-size:2.5rem}.memory-card.matched .memory-back{background:#eafff2;border-color:#50bd7d}.train-wrap{font-size:2rem;letter-spacing:4px;margin-bottom:16px}.sequence-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(100%,650px)}.sequence-btn{width:70px;height:70px;border-radius:21px;border:2px solid #dcd5ec;background:#fff;font-size:1.45rem;font-weight:1000;box-shadow:0 8px 18px rgba(50,42,85,.06)}.sequence-btn.done{background:#e9fff2;border-color:#4fbe7d;color:#11723d}.sequence-track{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;min-height:44px;margin-top:20px}.sequence-track span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:12px;background:#efe8ff;color:#5f2cc4;font-weight:1000}.pattern-line{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;background:#fbf9ff;border:1px dashed #d8d2ee;border-radius:25px;padding:24px;width:min(100%,760px)}.pattern-line span{font-size:clamp(2.5rem,7vw,4.4rem)}.pattern-question{display:grid!important;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff1c7;border:2px solid #f1c963;font-size:2rem!important;font-weight:1000}.image-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.image-choice{font-size:2.2rem;min-width:82px}.color-stage{display:grid;place-items:center;min-height:190px;width:min(100%,560px);background:linear-gradient(145deg,#fbfbff,#f3fbff);border-radius:26px;border:1px dashed #dad5e8}.color-blob{width:145px;height:145px;background:var(--blob-color);box-shadow:0 14px 28px rgba(40,50,80,.12)}.color-circle{border-radius:50%}.color-square{border-radius:28px}.color-heart{position:relative;width:120px;height:110px;transform:rotate(-45deg);border-radius:20px 0 20px 20px}.color-heart:before,.color-heart:after{content:"";position:absolute;background:var(--blob-color);border-radius:50%;width:120px;height:120px}.color-heart:before{top:-60px;left:0}.color-heart:after{top:0;left:60px}.color-choices{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.color-choice{min-height:52px;border:2px solid #e2ddec;background:white;border-radius:16px;padding:0 15px;font-weight:1000;display:flex;align-items:center;gap:8px}.color-dot{width:22px;height:22px;border-radius:50%;background:var(--dot-color)}.balloon-equation{font-size:clamp(2rem,6vw,3.4rem);margin-bottom:18px;color:#553093}.balloon-field{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-items:end;min-height:235px;width:min(100%,760px);padding:18px;background:linear-gradient(#eef9ff,#fff);border-radius:28px}.balloon{position:relative;width:110px;height:145px;border:0;background:transparent;display:flex;justify-content:center;align-items:flex-start;padding-top:37px;font-size:1.6rem;font-weight:1000;color:#fff;filter:drop-shadow(0 9px 10px rgba(60,60,90,.13));animation:bob 2.2s ease-in-out infinite}.balloon:before{content:"";position:absolute;inset:0 8px 24px;border-radius:52% 52% 48% 48%;background:#ef476f;z-index:-1}.balloon:after{content:"";position:absolute;bottom:18px;width:2px;height:30px;background:#9aa0aa}.balloon i{position:absolute;bottom:43px;width:12px;height:10px;background:#ef476f;transform:rotate(45deg);z-index:-1}.balloon-2{animation-delay:.3s}.balloon-2:before,.balloon-2 i{background:#3a86ff}.balloon-3{animation-delay:.6s}.balloon-3:before,.balloon-3 i{background:#8338ec}.balloon-4{animation-delay:.9s}.balloon-4:before,.balloon-4 i{background:#ff9f1c}.balloon.popped{animation:popBalloon .28s ease forwards}.odd-grid{display:grid;grid-template-columns:repeat(4,minmax(75px,120px));gap:14px;width:min(100%,570px);justify-content:center}.odd-btn{aspect-ratio:1/1;border:2px solid #e7e1f0;border-radius:22px;background:#fff;font-size:3rem;display:grid;place-items:center;box-shadow:0 8px 18px rgba(50,42,85,.05)}.compare-board{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;width:min(100%,760px)}.compare-side{min-height:220px;border:2px solid #e2dcec;background:#fff;border-radius:25px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.compare-side small{font-weight:900;color:var(--muted)}.compare-objects{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.compare-objects .object-item{font-size:2.2rem}.compare-vs{font-size:1.05rem;font-weight:1000;color:#9b91ae}.big-number{font-size:clamp(4rem,12vw,7rem);font-weight:1000;color:#6234c4}
.complete-card{max-width:620px}.trophy{font-size:5rem}.complete-card h2{font-size:clamp(2rem,5vw,3.2rem);margin:8px 0}.complete-card p{color:var(--muted);line-height:1.55}.summary-stars{font-size:2rem;letter-spacing:4px;margin:16px 0}.complete-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.primary-btn,.secondary-btn{min-height:50px;border-radius:16px;padding:0 18px;font-weight:1000}.primary-btn{border:0;background:linear-gradient(135deg,#7c3aed,#9333ea);color:white}.secondary-btn{border:1px solid var(--border);background:white;color:var(--ink)}footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:28px 3px 8px;color:var(--muted);font-size:.84rem}footer span{font-weight:900;color:#544d66}.confetti{position:absolute;font-size:1.3rem;pointer-events:none;animation:pop .8s ease-out forwards;z-index:99}
@keyframes pop{0%{opacity:0;transform:translate(0,15px) scale(.4) rotate(0)}35%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.2) rotate(220deg)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes bob{50%{transform:translateY(-9px)}}@keyframes popBalloon{to{transform:scale(1.55);opacity:0}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding:30px}.hero-art{min-height:220px}.game-grid{grid-template-columns:1fr}.progress-card{grid-template-columns:1fr 1fr}.progress-wrap{grid-column:1/-1;grid-row:2}.local-card{grid-template-columns:1fr}.local-art{text-align:left}.game-panel{min-height:520px}.match-board{grid-template-columns:1fr 120px;gap:12px}.match-row{padding:10px}.match-row .emoji-line{font-size:1.55rem}.shape-board{gap:10px}.shape-tile{min-height:112px}.compare-side{min-height:180px}.memory-grid{grid-template-columns:repeat(4,minmax(62px,1fr))}}
@media (max-width:560px){.app-shell{padding:0 13px 20px}.topbar{padding-top:14px;align-items:flex-start}.brand-logo{width:43px;height:43px}.brand-text strong{font-size:1.08rem}.brand-text small{font-size:.67rem;max-width:155px}.top-actions{gap:5px}.icon-btn{width:42px;height:42px;border-radius:13px}.hero{padding:24px 20px;border-radius:26px}.hero h1{font-size:2.25rem}.profile-row{grid-template-columns:1fr}.hero-art{min-height:190px}.mascot{font-size:70px}.progress-card{grid-template-columns:1fr 1fr;gap:14px;padding:16px}.game-card{grid-template-columns:56px minmax(0,1fr) 22px;padding:13px;gap:11px}.game-icon{width:54px;height:54px;border-radius:16px;font-size:1.65rem}.game-card small{font-size:.78rem}.section-head{align-items:center}.local-card{padding:20px}.game-header{grid-template-columns:auto 1fr auto;gap:8px}.back-btn span{display:none}.back-btn{width:46px;padding:0}.round-info{grid-template-columns:1fr}.round-info>span{display:none}.game-panel{padding:22px 14px;border-radius:26px;min-height:500px}.object-stage{padding:14px;gap:8px;min-height:155px}.choice-btn{min-width:60px;min-height:58px;font-size:1.25rem}.match-board{grid-template-columns:minmax(0,1fr) 88px;gap:9px}.match-row,.number-target{min-height:66px;border-radius:15px}.match-row .emoji-line{font-size:1.32rem;letter-spacing:2px}.shape-board{grid-template-columns:1fr 1fr}.shape-tile{padding:10px}.shape-tile .big{font-size:2.8rem}.group-box{min-width:118px;min-height:105px;padding:10px}.group-box .object-item{font-size:2rem}.operator{font-size:2.3rem}.watermelon{height:180px;border-width:10px}.seed{width:10px;height:19px}.memory-grid,.memory-6{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.memory-card{border-radius:15px}.memory-back{font-size:2rem}.sequence-btn{width:60px;height:60px;border-radius:18px}.pattern-line{gap:5px;padding:16px}.pattern-line span{font-size:2.25rem}.pattern-question{width:48px;height:48px;font-size:1.5rem!important}.image-choice{min-width:68px;min-height:60px;font-size:1.8rem}.color-blob{width:115px;height:115px}.color-heart{width:95px;height:88px}.color-heart:before,.color-heart:after{width:95px;height:95px}.color-heart:before{top:-48px}.color-heart:after{left:48px}.balloon-field{gap:8px;padding:12px;min-height:200px}.balloon{width:75px;height:125px;font-size:1.3rem}.odd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.odd-btn{font-size:2.35rem;border-radius:17px}.compare-board{grid-template-columns:1fr;gap:8px}.compare-vs{padding:2px}.compare-side{min-height:125px;padding:12px}.compare-objects .object-item{font-size:1.8rem}.big-number{font-size:4.5rem}footer{flex-direction:column;align-items:flex-start;gap:4px}}

/* ===== V3 UPGRADES ===== */
.progress-card-v3{grid-template-columns:auto auto minmax(0,1fr) auto auto}.daily-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;background:linear-gradient(135deg,#fff7d7,#fff,#f0eaff);border:1px solid #f1df9c;border-radius:26px;padding:20px 22px;margin:-10px 0 18px;box-shadow:0 10px 25px rgba(123,88,30,.05)}.daily-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;font-size:2rem;background:#fff6bd}.daily-copy h3{margin:3px 0 5px;font-size:1.16rem}.daily-copy p{margin:0;color:var(--muted);line-height:1.45}.daily-btn{min-height:48px;border:0;border-radius:16px;padding:0 16px;background:linear-gradient(135deg,#f59e0b,#f97316);color:white;font-weight:1000;box-shadow:0 8px 18px rgba(245,158,11,.18)}.daily-card.done{background:#f0fff5;border-color:#b9e8ca}.daily-card.done .daily-btn{background:#33a866}.reward-teaser{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:26px;padding:20px 22px;margin:0 0 28px}.reward-teaser h3{margin:4px 0 5px;font-size:1.14rem}.reward-teaser p{margin:0;color:var(--muted);line-height:1.45}.avatar-bubble{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:2.65rem;background:linear-gradient(145deg,#ede7ff,#fff1d9);box-shadow:inset 0 0 0 3px white,0 8px 20px rgba(86,57,128,.12)}.premium-game{background:linear-gradient(135deg,#fff 0,#f7f3ff 100%);border-color:#dfd3f5}.premium-game em{background:#e9ddff;color:#6530bd}.subview-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:15px 0 20px}.subview-header h2{margin:3px 0 0;font-size:clamp(1.6rem,3vw,2.35rem)}.reward-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;background:linear-gradient(135deg,#fff6d8,#f5edff);border:1px solid #eadcb9;border-radius:30px;padding:26px;margin-bottom:22px}.reward-hero-avatar{width:112px;height:112px;border-radius:30px;display:grid;place-items:center;font-size:4.5rem;background:white;box-shadow:0 12px 25px rgba(79,55,108,.10)}.reward-hero h3{font-size:1.35rem;margin:0 0 6px}.reward-hero p{margin:0;color:var(--muted);line-height:1.55}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.avatar-card{border:2px solid var(--border);border-radius:22px;background:#fff;padding:17px 12px;text-align:center;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.avatar-card .avatar-emoji{font-size:3.1rem}.avatar-card strong{font-size:.94rem}.avatar-card small{color:var(--muted);font-weight:800}.avatar-card.selected{border-color:#7c3aed;background:#f6f1ff;box-shadow:0 0 0 3px rgba(124,58,237,.08)}.avatar-card.locked{background:#fbfafc}.avatar-card button{min-height:38px;border-radius:12px;border:1px solid #ddd5ec;background:white;padding:0 10px;font-weight:900;font-size:.78rem}.avatar-card.selected button{background:#7c3aed;color:#fff;border-color:#7c3aed}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.badge-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:18px;text-align:center}.badge-icon{font-size:2.35rem;filter:grayscale(1);opacity:.35}.badge-card.unlocked .badge-icon{filter:none;opacity:1}.badge-card strong{display:block;margin:7px 0 3px}.badge-card small{color:var(--muted);line-height:1.35}.parent-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:21px;padding:18px}.metric-card span{display:block;color:var(--muted);font-size:.75rem;font-weight:900}.metric-card strong{display:block;margin-top:5px;font-size:1.45rem}.parent-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.dashboard-card{background:#fff;border:1px solid var(--border);border-radius:25px;padding:22px;margin-bottom:16px}.dashboard-card h3{margin:4px 0 16px}.dashboard-note{color:var(--muted);line-height:1.6;margin:0}.stats-list{display:grid;gap:11px}.stat-row{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr) auto;gap:11px;align-items:center}.stat-label{font-weight:900;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-track{height:10px;background:#eee9f6;border-radius:99px;overflow:hidden}.stat-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#ec4899)}.stat-value{font-size:.78rem;font-weight:900;color:var(--muted)}.recommendation-box{display:grid;gap:10px}.recommend-card{border:1px solid #e7e0f0;border-radius:17px;padding:14px;background:#fbfaff}.recommend-card strong{display:block}.recommend-card small{display:block;color:var(--muted);margin-top:3px;line-height:1.4}

/* tracing */
.trace-wrap{width:min(100%,720px);display:grid;gap:14px;justify-items:center}.trace-canvas-wrap{position:relative;width:min(100%,560px);aspect-ratio:1.45/1;border-radius:24px;overflow:hidden;border:2px dashed #d9d0ea;background:linear-gradient(145deg,#fff,#faf8ff);touch-action:none}.trace-canvas{width:100%;height:100%;display:block;touch-action:none}.trace-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.trace-hint{font-size:.88rem;color:var(--muted);font-weight:800}.trace-char{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:clamp(8rem,28vw,14rem);font-weight:1000;color:rgba(124,58,237,.10);-webkit-text-stroke:3px rgba(124,58,237,.18)}

/* coloring */
.coloring-layout{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:22px;align-items:center;width:min(100%,760px)}.fish-svg{width:100%;height:auto;max-height:360px;filter:drop-shadow(0 12px 12px rgba(60,55,85,.08))}.paint-region{cursor:pointer;stroke:#423a55;stroke-width:4;transition:fill .16s ease}.paint-region:focus{outline:none;stroke:#7c3aed;stroke-width:7}.palette{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.paint-color{aspect-ratio:1/1;border-radius:17px;border:3px solid white;box-shadow:0 0 0 1px #d9d2e5;background:var(--paint)}.paint-color.active{box-shadow:0 0 0 4px rgba(124,58,237,.28)}.paint-status{font-size:.84rem;color:var(--muted);font-weight:900}

/* puzzle */
.puzzle-board{display:grid;grid-template-columns:repeat(3,minmax(72px,120px));gap:9px;width:min(100%,390px);justify-content:center}.puzzle-tile{aspect-ratio:1/1;border:2px solid #e1daec;background:#fff;border-radius:18px;font-size:2.6rem;font-weight:1000;display:grid;place-items:center;box-shadow:0 7px 14px rgba(60,50,90,.06)}.puzzle-tile.selected{border-color:#7c3aed;background:#f2ecff;transform:scale(.97)}.puzzle-guide{display:flex;gap:7px;margin-bottom:15px;align-items:center;color:var(--muted);font-weight:850}.puzzle-guide .mini{display:grid;grid-template-columns:repeat(3,20px);gap:2px}.puzzle-guide .mini span{width:20px;height:20px;background:#eee8f8;border-radius:4px;display:grid;place-items:center;font-size:.7rem}

/* catch stars */
.catch-stage{position:relative;width:min(100%,720px);height:360px;border-radius:28px;overflow:hidden;background:linear-gradient(#cbeeff 0 55%,#e8f7cf 55%);border:1px solid #cce1eb}.catch-hud{display:flex;gap:10px;justify-content:center;margin-bottom:14px}.catch-chip{background:#fff;border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-weight:1000}.catch-star{position:absolute;width:72px;height:72px;border:0;background:transparent;font-size:3rem;display:grid;place-items:center;filter:drop-shadow(0 8px 6px rgba(80,65,20,.16));animation:starPulse .8s ease-in-out infinite alternate}.catch-star:active{transform:scale(.84)}@keyframes starPulse{to{transform:scale(1.13) rotate(7deg)}}

/* melody */
.melody-display{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;min-height:46px;margin:5px 0 18px}.melody-dot{width:34px;height:34px;border-radius:50%;background:#eee9f6;border:3px solid white;box-shadow:0 0 0 1px #ddd5eb}.melody-dot.on{background:#f7b500;box-shadow:0 0 0 4px #fff0a8}.piano{display:grid;grid-template-columns:repeat(4,minmax(62px,115px));gap:10px;width:min(100%,520px)}.piano-key{min-height:150px;border:0;border-radius:18px;background:var(--key);box-shadow:inset 0 -9px 0 rgba(0,0,0,.12),0 9px 17px rgba(60,55,85,.08);font-size:1.8rem;color:#fff;font-weight:1000}.piano-key:active,.piano-key.playing{transform:translateY(6px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}.melody-message{margin-top:16px;color:var(--muted);font-weight:900}

@media print{.topbar,.view:not(#parentView),footer,.subview-header button{display:none!important}body{background:#fff}.app-shell{width:100%;padding:0}#parentView{display:block!important}.dashboard-card,.metric-card{box-shadow:none;break-inside:avoid}}
@media (max-width:900px){.progress-card-v3{grid-template-columns:repeat(4,1fr)}.progress-card-v3 .progress-wrap{grid-column:1/-1;grid-row:2}.progress-card-v3>div:last-child{grid-column:4}.avatar-grid,.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.parent-grid{grid-template-columns:1fr}}
@media (max-width:700px){.daily-card,.reward-teaser{grid-template-columns:auto 1fr}.daily-card .daily-btn,.reward-teaser .secondary-btn{grid-column:1/-1;width:100%}.subview-header{grid-template-columns:auto minmax(0,1fr)}.subview-header>.score-chip,.subview-header>.secondary-btn{grid-column:1/-1;justify-self:stretch;justify-content:center}.coloring-layout{grid-template-columns:1fr}.palette{grid-template-columns:repeat(6,1fr)}.paint-color{border-radius:12px}.parent-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:160px}.progress-card-v3{grid-template-columns:repeat(2,1fr)}.progress-card-v3 .progress-wrap{grid-column:1/-1;grid-row:auto}.progress-card-v3>div:last-child{grid-column:auto}.daily-card,.reward-teaser{padding:16px}.daily-icon{width:54px;height:54px}.avatar-bubble{width:60px;height:60px;font-size:2.2rem}.reward-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.avatar-grid,.badge-grid{grid-template-columns:1fr 1fr;gap:8px}.avatar-card{min-height:150px;padding:12px 7px}.parent-summary{grid-template-columns:1fr 1fr}.metric-card{padding:14px}.stat-row{grid-template-columns:minmax(0,120px) minmax(0,1fr) auto}.coloring-layout{gap:14px}.palette{grid-template-columns:repeat(6,1fr);gap:5px}.catch-stage{height:300px}.catch-star{width:62px;height:62px;font-size:2.55rem}.piano{grid-template-columns:repeat(4,1fr);gap:6px}.piano-key{min-height:120px;border-radius:14px}.trace-canvas-wrap{aspect-ratio:1.15/1}}
.daily-btn:disabled{cursor:default;opacity:.82}.daily-bonus{display:inline-block;margin:5px 0 8px;padding:9px 13px;border-radius:14px;background:#fff6cc;color:#795600;font-weight:1000}.level-up{margin:8px 0 14px;padding:12px 15px;border-radius:16px;background:linear-gradient(135deg,#efe6ff,#fff0c9);color:#5c2aa6;font-weight:1000;letter-spacing:.02em}.piano-key:disabled{cursor:default;opacity:.78}.secondary-btn:disabled{opacity:.55;cursor:default}

/* ===== Khalisa v4: adventure, voice, themes, and new games ===== */
body[data-world-theme="rainbow"]{background:linear-gradient(180deg,#fff4fb 0,#f1f7ff 46%,#fff8dc 100%)}
body[data-world-theme="space"]{background:linear-gradient(180deg,#f1efff 0,#eef4ff 45%,#faf7ff 100%)}
body[data-world-theme="forest"]{background:linear-gradient(180deg,#f1fbf2 0,#f7fff4 48%,#fff9e9 100%)}
body[data-world-theme="rainbow"] .hero-art{background:linear-gradient(#ffd9f0 0 22%,#c8e9ff 22% 52%,#d6f2b8 52% 70%,#7ed6e9 70%)}
body[data-world-theme="space"] .hero-art{background:radial-gradient(circle at 78% 20%,#fff 0 2px,transparent 3px),radial-gradient(circle at 30% 25%,#fff 0 2px,transparent 3px),radial-gradient(circle at 55% 13%,#fff 0 1.5px,transparent 2.5px),linear-gradient(180deg,#302a66 0 55%,#6157a3 55% 70%,#374c7a 70%)}
body[data-world-theme="forest"] .hero-art{background:linear-gradient(#c8efff 0 45%,#b7e28e 45% 68%,#6fc7d2 68%)}

.game-right-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.combo-chip{display:flex;align-items:center;justify-content:center;min-width:64px;min-height:42px;padding:0 10px;border:1px solid #f2d8bc;background:#fff7ed;border-radius:999px;font-weight:1000;color:#9a4f13;transition:transform .18s ease,background .18s ease}
.combo-chip.hot{background:linear-gradient(135deg,#fff0bf,#ffe0dc);transform:scale(1.06);box-shadow:0 7px 18px rgba(231,98,43,.12)}
.game-voice{width:42px;height:42px;border-radius:14px}

.chest-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:14px 0 26px;padding:20px 22px;border-radius:25px;border:1px solid #ecdcc3;background:linear-gradient(135deg,#fffaf0,#fff 58%,#f6f0ff);box-shadow:0 10px 24px rgba(81,59,107,.05)}
.chest-card.ready{border-color:#eabf59;box-shadow:0 10px 28px rgba(234,191,89,.15)}
.chest-card.claimed{background:linear-gradient(135deg,#effcf3,#fff)}
.chest-icon{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;font-size:2.2rem;background:#fff0ca;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}
.chest-copy h3{margin:4px 0 5px}.chest-copy p{margin:0;color:var(--muted);line-height:1.45}
.chest-track{height:9px;background:#f0e8da;border-radius:99px;overflow:hidden;margin-top:10px}.chest-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#ec4899);transition:width .35s ease}

.journey-section{margin:18px 0 30px}
.journey-map{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:11px;overflow-x:auto;padding:3px 1px 10px;scrollbar-width:thin}
.journey-stop{position:relative;min-height:154px;border:1px solid var(--border);border-radius:23px;background:#fff;padding:18px 12px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;box-shadow:0 8px 18px rgba(60,45,85,.04)}
.journey-stop.unlocked{background:linear-gradient(180deg,#fff,#f9f6ff);border-color:#ddd2f1}
.journey-stop.locked{opacity:.62;cursor:default;filter:grayscale(.25)}
.journey-stop:not(:last-child)::after{content:"›";position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:2;width:20px;height:28px;display:grid;place-items:center;border-radius:12px;background:#eee7ff;color:#6b3fc0;font-size:1.4rem;font-weight:1000}
.journey-step{position:absolute;left:10px;top:9px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f0e9ff;color:#6c3cc5;font-size:.72rem;font-weight:1000}
.journey-icon{font-size:2.45rem}.journey-stop strong{font-size:.9rem}.journey-stop small{font-size:.72rem;color:var(--muted);line-height:1.3}

.v4-game{background:linear-gradient(135deg,#fff 0,#f5fbff 46%,#fff8e8 100%);border-color:#cfe3ef}
.v4-game em{background:#dcf7ef;color:#087759}

.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:25px}
.theme-card{border:2px solid var(--border);background:#fff;border-radius:22px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:7px;align-items:center}
.theme-card.selected{border-color:#7c3aed;background:#f8f4ff}.theme-card.locked{background:#fbfafc}
.theme-preview{width:82px;height:62px;border-radius:17px;display:grid;place-items:center;font-size:2rem;border:1px solid rgba(0,0,0,.05)}
.theme-gorontalo{background:linear-gradient(#c8efff 0 53%,#b8e497 53% 70%,#72cbd8 70%)}
.theme-rainbow{background:linear-gradient(135deg,#ffd6e8,#fff0b7,#d8f6c8,#cce8ff)}
.theme-space{background:linear-gradient(135deg,#272454,#5d52a1);color:#fff}
.theme-forest{background:linear-gradient(135deg,#dff5ca,#91cf7d,#63b28b)}
.theme-card strong{font-size:.95rem}.theme-card small{color:var(--muted);line-height:1.35;min-height:37px}.theme-card button{min-height:38px;border-radius:12px;border:1px solid #ddd5ec;background:white;padding:0 12px;font-weight:900;font-size:.78rem}.theme-card.selected button{background:#7c3aed;color:#fff;border-color:#7c3aed}

/* Labirin Bintang */
.maze-board{display:grid;grid-template-columns:repeat(7,minmax(34px,58px));gap:4px;width:min(100%,430px);justify-content:center;padding:10px;border-radius:23px;background:#e7f6dd;border:1px solid #cfe7bd}
.maze-cell{aspect-ratio:1/1;border-radius:10px;display:grid;place-items:center;font-size:clamp(1.1rem,5vw,2rem);background:#fffdf4;box-shadow:inset 0 0 0 1px rgba(96,120,66,.08)}
.maze-cell.obstacle{background:#8fca6f;box-shadow:inset 0 -5px 0 rgba(55,111,45,.12)}
.maze-controls{display:grid;grid-template-columns:repeat(3,58px);gap:7px;justify-content:center;margin-top:18px}.maze-controls button{width:58px;height:54px;border:1px solid #ded7ec;border-radius:16px;background:#fff;font-size:1.45rem;box-shadow:0 7px 14px rgba(60,50,90,.06)}.maze-controls button:active{transform:translateY(2px)}.maze-status{font-weight:900;color:var(--muted);margin:10px 0 0}

/* Susun Kata + huruf */
.word-clue{font-size:clamp(4.5rem,14vw,7rem);margin-bottom:12px;filter:drop-shadow(0 8px 6px rgba(55,45,80,.08))}
.word-slots{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}.word-slots span{width:52px;height:58px;border-radius:14px;border:2px dashed #cfc5df;display:grid;place-items:center;font-size:1.7rem;font-weight:1000;background:#fbfaff}.word-slots span.filled{border-style:solid;border-color:#bfa6e9;background:#f4edff;color:#6531b8}
.letter-bank{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.letter-tile,.letter-choice{min-width:62px;min-height:62px;border:2px solid #ded7ec;border-radius:18px;background:white;font-size:1.45rem;font-weight:1000;box-shadow:0 7px 16px rgba(60,48,90,.06)}.letter-tile.picked{background:#eee7ff;border-color:#b99de5}.letter-tile.wrong,.letter-choice.wrong{border-color:#e75165;background:#fff0f2;animation:shake .3s ease}.word-tools{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.hear-letter{width:min(100%,290px);min-height:76px;border:0;border-radius:24px;background:linear-gradient(135deg,#7c3aed,#9967e6);color:#fff;font-weight:1000;font-size:1.15rem;box-shadow:0 10px 24px rgba(124,58,237,.18);margin-bottom:20px}.letter-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(70px,120px));gap:10px;justify-content:center}.letter-choice{font-size:2rem}.letter-choice.correct{border-color:#2da765;background:#e8fff2;color:#11723d}.speech-fallback{color:var(--muted);font-weight:850}

/* Urutkan Ukuran */
.size-grid{display:grid;grid-template-columns:repeat(5,minmax(76px,1fr));gap:10px;width:min(100%,720px);align-items:center}.size-item{min-height:140px;border:2px solid #e3ddee;border-radius:22px;background:linear-gradient(#fff,#faf8ff);display:grid;place-items:center;overflow:hidden}.size-item span{display:block;font-size:3.6rem;transform:scale(var(--item-scale));transform-origin:center;transition:transform .18s ease}.size-item.done{border-color:#74c792;background:#edfff3;opacity:.6}.size-item.wrong{border-color:#e75165;background:#fff0f2;animation:shake .3s ease}.size-track{display:flex;gap:4px;align-items:flex-end;justify-content:center;min-height:66px;margin-top:16px}.size-track span{font-size:1.8rem}.size-track span:nth-child(2){font-size:2.05rem}.size-track span:nth-child(3){font-size:2.3rem}.size-track span:nth-child(4){font-size:2.55rem}.size-track span:nth-child(5){font-size:2.8rem}

/* Keranjang Hitung */
.basket-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:20px;width:min(100%,760px);align-items:stretch}.basket-source{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:18px;border:1px dashed #dcd4e9;border-radius:23px;background:#fbfaff}.basket-item{aspect-ratio:1/1;border:2px solid transparent;border-radius:16px;background:white;font-size:2.15rem;box-shadow:0 5px 12px rgba(55,45,80,.05)}.basket-item.picked{opacity:.35;transform:scale(.88);border-color:#8fc9a8}.basket-box{border-radius:25px;background:linear-gradient(145deg,#fff8dc,#f1f9e5);border:1px solid #e8dca8;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}.basket-emoji{font-size:5.2rem}.basket-box strong{font-size:1.15rem}.basket-inside{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;min-height:42px;margin-top:8px}.basket-inside .object-item{font-size:1.35rem}

/* Monster Matematika */
.monster-hud{display:flex;gap:10px;justify-content:center;margin-bottom:8px}.monster-hud span{background:#fff7df;border:1px solid #f3dfaa;border-radius:999px;padding:8px 13px;font-weight:1000}.monster-face{font-size:clamp(5.2rem,18vw,8.5rem);filter:drop-shadow(0 10px 8px rgba(90,55,100,.11));transition:transform .18s ease}.monster-question{font-size:clamp(2rem,7vw,3.8rem);font-weight:1000;margin:4px 0 18px}.monster-choices{display:grid;grid-template-columns:repeat(4,minmax(70px,115px));gap:10px}.monster-choice{min-height:66px;border:2px solid #ded7ec;border-radius:19px;background:#fff;font-size:1.45rem;font-weight:1000}.monster-choice.wrong{border-color:#e75165;background:#fff0f2;animation:shake .3s ease}

@media (max-width:900px){.journey-map{grid-template-columns:repeat(6,minmax(145px,1fr))}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.chest-card{grid-template-columns:auto 1fr}.chest-card .daily-btn{grid-column:1/-1;width:100%}.game-header{grid-template-columns:auto minmax(0,1fr)}.game-right-tools{grid-column:1/-1;justify-content:center}.round-info{justify-self:stretch}.basket-layout{grid-template-columns:1fr}.basket-box{min-height:180px}.size-grid{grid-template-columns:repeat(5,minmax(58px,1fr));gap:6px}.size-item{min-height:110px}.size-item span{font-size:2.8rem}}
@media (max-width:560px){.journey-map{margin-right:-2px}.journey-stop{min-height:145px}.theme-grid{grid-template-columns:1fr 1fr;gap:8px}.theme-card{padding:12px 8px}.theme-preview{width:70px;height:54px}.maze-board{grid-template-columns:repeat(7,minmax(32px,1fr));gap:3px;padding:7px}.maze-cell{border-radius:8px}.letter-choice-grid{grid-template-columns:repeat(2,minmax(90px,1fr));width:100%}.size-grid{grid-template-columns:repeat(5,1fr)}.size-item{min-height:90px;padding:0}.size-item span{font-size:2.2rem}.basket-source{grid-template-columns:repeat(5,1fr);gap:5px;padding:10px}.basket-item{font-size:1.75rem;border-radius:12px}.monster-choices{grid-template-columns:repeat(2,minmax(90px,1fr));width:100%}.word-slots span{width:46px;height:52px}.top-actions{max-width:210px}}
.parent-summary{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:900px){.parent-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.parent-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================
   V5 — Family Learning Edition
   ========================= */
.profile-row{grid-template-columns:minmax(0,1fr) 125px 155px}
.audio-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}.audio-settings label{display:flex;align-items:center;gap:9px;color:#655d78;font-size:.8rem;font-weight:900}.audio-settings input[type=range]{width:150px;accent-color:var(--purple)}.profile-chip{display:inline-flex;align-items:center;min-height:38px;border-radius:999px;padding:0 12px;background:#f1eaff;border:1px solid #ded0f7;color:#6030b5;font-size:.78rem;font-weight:1000}
.progress-card-v3{grid-template-columns:auto auto auto minmax(0,1fr) auto auto}.wallet-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.coin-chip{background:#fff3c8;border-color:#f2d773}
.v5-game{background:linear-gradient(135deg,#fff 0,#f3fbff 48%,#fff7d9 100%);border-color:#c9e4ef}.v5-game em{background:#dff8ff;color:#08718b}
.khalisa-coach{display:flex;align-items:center;gap:10px;width:min(100%,760px);margin:12px auto 0;padding:10px 14px;border:1px solid #e4d9f5;border-radius:18px;background:linear-gradient(135deg,#fff,#f7f2ff);box-shadow:0 7px 18px rgba(75,52,108,.05)}.khalisa-coach span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;background:#efe8ff;flex:0 0 auto}.khalisa-coach p{margin:0;color:#5d5570;font-weight:850;line-height:1.4;text-align:left}

/* Multi profile */
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;background:#fff;border:2px solid var(--border);border-radius:25px;padding:18px}.profile-card.active{border-color:#8b61d1;background:linear-gradient(135deg,#fff,#f7f2ff)}.profile-avatar{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:2.8rem;background:linear-gradient(145deg,#f0e9ff,#fff1d7)}.profile-card-copy{min-width:0}.profile-card-copy span{display:block;color:var(--purple);font-size:.65rem;font-weight:1000;letter-spacing:.1em}.profile-card-copy strong{display:block;font-size:1.12rem;margin:4px 0}.profile-card-copy small{display:block;color:var(--muted);line-height:1.4}.profile-actions{display:flex;align-items:center;gap:7px}.tiny-danger{width:42px;height:42px;border-radius:13px;border:1px solid #f1cbd1;background:#fff4f5}.new-profile-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) 120px auto;gap:12px;align-items:end;background:linear-gradient(135deg,#effbff,#fff8e8);border:1px solid #d7e9ed;border-radius:26px;padding:20px}.new-profile-card h3{margin:4px 0}.new-profile-card p{margin:0;color:var(--muted);font-size:.86rem}.new-profile-card.profile-limit{opacity:.72}

/* Stickers & family */
.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:25px}.sticker-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:#fff;border:2px solid var(--border);border-radius:21px;padding:16px}.sticker-card.unlocked{border-color:#f0ca66;background:#fffaf0}.sticker-card>span{font-size:3rem}.sticker-card.locked>span{filter:grayscale(1)}.sticker-card small{color:var(--muted);min-height:34px}.sticker-card button{min-height:38px;border-radius:12px;border:1px solid #ead797;background:#fff8da;padding:0 11px;font-weight:950}.sticker-card button:disabled{opacity:.65;cursor:default}.family-leaderboard{display:grid;gap:9px}.family-rank{display:grid;grid-template-columns:42px 48px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e9e3f1;background:#fbfaff;border-radius:17px;padding:10px 12px}.family-rank.active{border-color:#b49ade;background:#f6f0ff}.rank-no{font-size:1.2rem;font-weight:1000}.rank-avatar{font-size:2rem}.rank-name{min-width:0}.rank-name strong,.rank-name small{display:block}.rank-name small{color:var(--muted);font-size:.72rem}.family-rank>b{font-size:.78rem;color:#675e78}.cert-shortcut{width:100%;margin-top:4px}

/* Certificate */
.certificate-card{width:min(960px,100%);margin:18px auto 34px;min-height:620px;border:12px double #d5ad43;border-radius:18px;padding:clamp(28px,6vw,70px);text-align:center;background:radial-gradient(circle at 50% 10%,#fffdf4,#fff 56%,#f8f1de);box-shadow:0 20px 50px rgba(98,72,20,.11);position:relative;overflow:hidden}.certificate-card:before,.certificate-card:after{content:"✦";position:absolute;font-size:6rem;color:#e1c56d;opacity:.22}.certificate-card:before{left:20px;top:15px}.certificate-card:after{right:20px;bottom:15px}.certificate-ribbon{font-size:clamp(1.1rem,3vw,1.7rem);font-weight:1000;letter-spacing:.08em;color:#8b6415}.certificate-brand{margin:10px 0 35px;color:#6d5d85;font-weight:900}.certificate-card p{color:#6c6476;font-size:1rem;line-height:1.55}.certificate-card h1{font-size:clamp(2.4rem,7vw,5rem);margin:8px 0;color:#5a2aa5;letter-spacing:-.04em}.certificate-card h2{font-size:clamp(1.4rem,4vw,2.4rem);margin:8px 0 20px}.certificate-score{display:inline-flex;align-items:baseline;gap:7px;margin:10px auto 18px;padding:12px 20px;border-radius:999px;background:#fff5cc;border:1px solid #e8d187;font-weight:900}.certificate-score strong{font-size:1.7rem}.certificate-meta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:28px 0}.certificate-meta span{border-top:1px solid #cdbb82;padding:9px 18px 0;color:#6e6476;font-size:.78rem;font-weight:850}.certificate-sign{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:20px}.certificate-sign span{font-size:2.2rem}.certificate-earned{margin:14px auto;padding:10px 14px;border-radius:15px;background:#fff7d7;border:1px solid #efd88f;font-weight:950;color:#795b14}

/* V5 Games — Pancing Angka */
.fishing-prompt{display:flex;align-items:center;gap:10px;font-size:clamp(1.4rem,5vw,2.3rem);margin-bottom:12px}.fishing-pond{position:relative;width:min(100%,760px);min-height:300px;border-radius:30px;overflow:hidden;background:linear-gradient(#d9f6ff 0 20%,#72d6e8 20%,#3cb9d3 100%);border:1px solid #93dbe7;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:center;padding:24px}.fishing-pond:before{content:"☁️   ☀️   ☁️";position:absolute;top:7px;left:0;right:0;color:#fff;font-size:1.5rem;letter-spacing:2.2rem;white-space:pre}.fish-choice{position:relative;min-height:115px;border:0;background:transparent;display:grid;place-items:center;animation:fishFloat 2.2s ease-in-out infinite}.fish-choice span{font-size:4.5rem;filter:drop-shadow(0 8px 5px rgba(10,75,90,.15))}.fish-choice b{position:absolute;color:#fff;background:#5d3a2d;border-radius:999px;min-width:36px;padding:5px 8px;box-shadow:0 4px 10px rgba(0,0,0,.12)}.fish-choice.correct{background:rgba(255,255,255,.22);border-radius:20px}.fish-choice.wrong{filter:grayscale(.7);animation:shake .3s ease}.fish-1{animation-delay:.4s}.fish-2{animation-delay:.8s}@keyframes fishFloat{50%{transform:translateY(-8px)}}

/* V5 Games — Sorting */
.sort-target{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center;background:#fff7d8;border:1px solid #efd889;border-radius:17px;padding:11px 15px;margin-bottom:18px;font-weight:900}.sort-target span{background:#fff;border-radius:999px;padding:4px 9px}.sort-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:11px;width:min(100%,720px)}.sort-item{min-height:130px;border:2px solid #e6dfef;border-radius:21px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.sort-item span{font-size:3.6rem}.sort-item small{font-weight:900;color:#655d74}.sort-item.done{border-color:#55b77b;background:#ebfff2;opacity:.7}.sort-item.wrong{border-color:#e15269;background:#fff1f3;animation:shake .3s ease}

/* V5 Games — Shadow */
.shadow-stage{width:min(100%,520px);min-height:235px;border-radius:28px;background:linear-gradient(145deg,#f1f2f8,#fff);border:1px dashed #cfc9dd;display:grid;place-items:center;margin-bottom:18px}.shadow-target{font-size:clamp(6rem,20vw,10rem);filter:brightness(0) opacity(.72) drop-shadow(8px 10px 7px rgba(0,0,0,.12));user-select:none}.shadow-choices{display:grid;grid-template-columns:repeat(4,minmax(85px,125px));gap:10px}.shadow-choice{min-height:95px;border:2px solid #e0d9ec;border-radius:20px;background:#fff;font-size:3.4rem}.shadow-choice.correct{border-color:#2da765;background:#e8fff2}.shadow-choice.wrong{border-color:#e75165;background:#fff0f2;animation:shake .3s ease}

/* V5 Games — Simon */
.simon-status{min-height:42px;font-weight:950;color:#655d78}.simon-board{display:grid;grid-template-columns:repeat(2,minmax(120px,190px));gap:12px;margin:10px 0 20px}.simon-pad{aspect-ratio:1/1;border:8px solid rgba(255,255,255,.75);border-radius:34px;font-size:4rem;color:rgba(255,255,255,.75);box-shadow:0 9px 20px rgba(60,45,85,.12);transition:transform .12s ease,filter .12s ease}.simon-pad.red{background:#ef476f}.simon-pad.blue{background:#3a86ff}.simon-pad.green{background:#22c55e}.simon-pad.yellow{background:#fbbf24}.simon-pad.lit{transform:scale(1.07);filter:brightness(1.35);box-shadow:0 0 0 8px rgba(255,255,255,.8),0 10px 30px rgba(60,45,85,.18)}

/* V5 Games — Number Jump */
.jump-equation{font-size:clamp(1.8rem,6vw,3.2rem);font-weight:1000;margin-bottom:16px}.number-line{display:grid;grid-template-columns:repeat(11,minmax(42px,1fr));gap:5px;width:min(100%,850px);overflow-x:auto;padding:8px 3px 14px}.number-cell{min-width:46px;min-height:90px;border-radius:15px;background:#fff;border:2px solid #e5dfee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.number-cell span{font-weight:1000}.number-cell i{font-style:normal;font-size:2rem;min-height:34px}.number-cell.goal{border-color:#efc94e;background:#fff9da}.number-cell.current{border-color:#65b67d;background:#eafff0;box-shadow:0 0 0 3px rgba(67,169,101,.08)}.jump-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}

/* V5 Games — Letter Hunt */
.hunt-target{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:18px;background:#eee8ff;border:1px solid #d8caf4;border-radius:18px;padding:11px 15px}.hunt-target strong{font-size:2rem;color:#6330b6}.hunt-target span{font-weight:950}.letter-hunt-grid{display:grid;grid-template-columns:repeat(5,minmax(65px,100px));gap:9px;justify-content:center;width:min(100%,620px)}.hunt-letter{min-height:78px;border:2px solid #ded7eb;border-radius:18px;background:#fff;font-size:1.75rem;font-weight:1000}.hunt-letter.done{background:#e9fff1;border-color:#5ab67a;color:#157442}.hunt-letter.wrong{background:#fff0f2;border-color:#e75165;animation:shake .3s ease}

@media (max-width:900px){.progress-card-v3{grid-template-columns:repeat(3,1fr)}.progress-card-v3 .progress-wrap{grid-column:1/-1;grid-row:auto}.profile-grid{grid-template-columns:1fr}.new-profile-card{grid-template-columns:1fr 1fr}.new-profile-card>div{grid-column:1/-1}.new-profile-card .primary-btn{grid-column:1/-1}.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sort-grid{grid-template-columns:repeat(4,minmax(80px,1fr))}.number-line{grid-template-columns:repeat(11,minmax(48px,1fr))}}
@media (max-width:620px){.profile-row{grid-template-columns:1fr}.audio-settings{align-items:flex-start}.audio-settings label{width:100%;justify-content:space-between}.audio-settings input[type=range]{flex:1;min-width:0}.profile-card{grid-template-columns:auto minmax(0,1fr)}.profile-actions{grid-column:1/-1;justify-content:flex-end}.new-profile-card{grid-template-columns:1fr}.new-profile-card>div,.new-profile-card .primary-btn{grid-column:auto}.sticker-grid{grid-template-columns:1fr 1fr;gap:8px}.family-rank{grid-template-columns:34px 42px minmax(0,1fr)}.family-rank>b{grid-column:3;justify-self:start}.fishing-pond{grid-template-columns:repeat(2,1fr);min-height:420px}.fish-choice{min-height:95px}.fish-choice span{font-size:3.7rem}.sort-grid{grid-template-columns:repeat(2,1fr)}.sort-item{min-height:110px}.shadow-choices{grid-template-columns:repeat(2,minmax(90px,1fr));width:100%}.simon-board{grid-template-columns:repeat(2,minmax(105px,1fr));width:100%}.letter-hunt-grid{grid-template-columns:repeat(4,1fr);width:100%}.hunt-letter{min-height:66px}.certificate-card{border-width:8px;padding:30px 18px;min-height:540px}.certificate-meta{flex-direction:column;align-items:center}.certificate-meta span{min-width:180px}.wallet-row{justify-content:flex-start}}
@media (max-width:420px){.sticker-grid{grid-template-columns:1fr}.sort-grid{gap:7px}.sort-item{min-height:100px}.sort-item span{font-size:3rem}.letter-hunt-grid{grid-template-columns:repeat(4,1fr);gap:6px}.hunt-letter{min-height:58px;font-size:1.45rem}.simon-pad{border-width:5px;border-radius:24px}}

@media print{
  body{background:#fff!important}.topbar,footer,.no-print{display:none!important}.app-shell{width:100%;padding:0}.view{display:none!important}.view.active{display:block!important}.view.active .subview-header{display:none!important}.dashboard-card,.metric-card,.certificate-card{box-shadow:none!important;break-inside:avoid}.certificate-card{margin:0 auto;border-color:#b08a2e;min-height:0;width:100%;page-break-inside:avoid}
}
@media print{#certificateView.view.active,#parentView.view.active{display:block!important}}
@media (max-width:900px){.progress-card-v3>div:last-child{grid-column:auto}}

/* =========================
   V6 — Smart Adventure Edition
   ========================= */
.music-style-control select{min-height:38px;border:1px solid #ded5ec;border-radius:12px;background:#fff;padding:0 30px 0 10px;font-weight:900;color:#5d5570}
.weekly-card,.smart-coach-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;border-radius:25px;padding:18px 20px;margin:16px 0;border:1px solid #d9d2ea;background:linear-gradient(135deg,#fff,#faf7ff);box-shadow:0 10px 24px rgba(60,45,85,.05)}
.weekly-card{border-color:#d7e7b5;background:linear-gradient(135deg,#fbfff2,#fffdf7)}
.weekly-card.ready{border-color:#97ce67;box-shadow:0 12px 28px rgba(92,150,52,.11)}.weekly-card.claimed{opacity:.82}
.weekly-icon{font-size:2.8rem}.weekly-copy h3,.smart-coach-copy h3{margin:2px 0 5px}.weekly-copy p,.smart-coach-copy p{margin:0;color:var(--muted);line-height:1.45}
.weekly-track{height:8px;border-radius:999px;background:#e8eddd;overflow:hidden;margin-top:10px}.weekly-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#80c85c,#d6b842);transition:width .25s ease}
.weekly-btn,.smart-coach-btn{min-height:46px;border-radius:15px;border:0;padding:0 16px;font-weight:1000;white-space:nowrap}.weekly-btn{background:#567c34;color:#fff}.weekly-btn:disabled{background:#e6e5df;color:#7a786f;cursor:default}.smart-coach-btn{background:#6f3fc2;color:#fff;box-shadow:0 8px 18px rgba(111,63,194,.15)}
.smart-coach-card{background:linear-gradient(135deg,#f5efff,#fff 55%,#eefaff);border-color:#d9ccef}.smart-coach-avatar{font-size:2.55rem;filter:drop-shadow(0 5px 6px rgba(70,45,100,.08))}
.game-discovery{display:grid;gap:12px;margin:2px 0 18px;padding:14px;border:1px solid #e4ddec;border-radius:20px;background:#fbfaff}
.game-search{display:flex;align-items:center;gap:9px;border:1px solid #ddd4ea;background:#fff;border-radius:15px;padding:0 12px;min-height:48px}.game-search span{font-size:1.15rem}.game-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--text)}
.game-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{min-height:38px;border:1px solid #ded6eb;border-radius:999px;background:#fff;padding:0 12px;font-weight:900;color:#645a76}.filter-chip.active{background:#6f3fc2;border-color:#6f3fc2;color:#fff}.game-result-count{color:var(--muted);font-weight:850}
.v6-game{background:linear-gradient(135deg,#fff 0,#f9f6ff 48%,#f0fbff 100%);border-color:#cfdded}.v6-game em{background:#6d3dbb;color:#fff}

/* V6 — Jam Ceria */
.clock-stage{width:min(100%,720px);display:grid;gap:18px;justify-items:center}.clock-question{display:inline-flex;align-items:baseline;gap:8px;border-radius:999px;background:#eef8ff;border:1px solid #cfe8f5;padding:10px 18px;font-weight:900}.clock-question strong{font-size:1.45rem}.clock-choices{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:12px;width:100%}.clock-choice{min-height:150px;border:2px solid #ded8eb;border-radius:24px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:4.6rem}.clock-choice small{font-size:.85rem;font-weight:950;color:#645c73}.clock-choice.correct{border-color:#55b779;background:#edfff3}.clock-choice.wrong{border-color:#e75165;background:#fff1f3}

/* V6 — Laboratorium Warna */
.mix-lab{display:grid;gap:24px;width:min(100%,700px);justify-items:center}.mix-equation{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:2rem;font-weight:1000}.paint-drop{--paint:#ccc;width:112px;height:112px;border-radius:55% 45% 58% 42% / 55% 44% 56% 45%;display:grid;place-items:center;background:var(--paint);color:#fff;font-size:.86rem;font-weight:1000;text-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:inset 0 -9px 15px rgba(0,0,0,.08),0 10px 20px rgba(60,45,85,.08)}.mix-choices{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:11px;width:100%}.mix-choice{min-height:115px;border:2px solid #e0d9ec;border-radius:21px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.mix-choice i{--paint:#ccc;width:45px;height:45px;border-radius:50%;background:var(--paint);box-shadow:inset 0 -5px 8px rgba(0,0,0,.08)}.mix-choice strong{font-size:.9rem}.mix-choice.correct{border-color:#55b779;background:#edfff3}.mix-choice.wrong{border-color:#e75165;background:#fff1f3}

/* V6 — Arah */
.direction-stage{width:min(100%,620px);display:grid;justify-items:center;gap:12px}.direction-mascot{width:135px;height:135px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff,#f1e8ff);font-size:5rem;border:1px solid #dfd2f3;box-shadow:0 12px 24px rgba(74,47,117,.08)}.direction-stage p{font-weight:950;color:var(--muted)}.direction-pad{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px;width:100%}.direction-choice{min-height:105px;border:2px solid #ded7eb;border-radius:20px;background:#fff;font-size:2.7rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.direction-choice small{font-size:.76rem;text-transform:capitalize;font-weight:950;color:#675e78}.direction-choice.correct{border-color:#55b779;background:#edfff3}.direction-choice.wrong{border-color:#e75165;background:#fff1f3}

/* V6 — Toko Mini */
.shop-stage{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;width:min(100%,760px);align-items:stretch}.shop-item{border-radius:26px;background:linear-gradient(145deg,#fff8d8,#fff);border:1px solid #ead997;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:255px}.shop-item>span{font-size:6rem}.shop-item strong{font-size:1.45rem}.shop-item small{text-transform:capitalize;color:var(--muted);font-weight:900}.shop-choices{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px}.shop-choice{min-height:118px;border:2px solid #e2dceb;border-radius:21px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.shop-choice span{font-size:1.15rem;line-height:1.3;word-break:break-word}.shop-choice strong{font-size:.95rem}.shop-choice.correct{border-color:#55b779;background:#edfff3}.shop-choice.wrong{border-color:#e75165;background:#fff1f3}

/* V6 — Rumah Hewan */
.animal-home-stage{display:grid;gap:20px;width:min(100%,720px);justify-items:center}.animal-hero{width:190px;min-height:180px;border-radius:30px;background:linear-gradient(#f1fbff,#fff);border:1px solid #d5e8ee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:6rem}.animal-hero strong{font-size:1rem;text-transform:capitalize}.home-choices{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:11px;width:100%}.home-choice{min-height:125px;border:2px solid #e0d9ec;border-radius:21px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.home-choice span{font-size:3.8rem}.home-choice small{font-weight:900;color:#655d74;text-transform:capitalize}.home-choice.correct{border-color:#55b779;background:#edfff3}.home-choice.wrong{border-color:#e75165;background:#fff1f3}

/* V6 — Huruf Awal */
.initial-stage{display:grid;gap:18px;width:min(100%,650px);justify-items:center}.initial-picture{width:210px;min-height:190px;border-radius:30px;background:linear-gradient(145deg,#fff7e5,#f8f2ff);border:1px solid #e5d9e8;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:6.4rem}.initial-picture small{font-size:1rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.initial-choices{display:grid;grid-template-columns:repeat(4,minmax(80px,115px));gap:10px}.initial-choice{min-height:82px;border:2px solid #ded7eb;border-radius:19px;background:#fff;font-size:2rem;font-weight:1000}.initial-choice.correct{border-color:#55b779;background:#edfff3;color:#157442}.initial-choice.wrong{border-color:#e75165;background:#fff1f3}

/* V6 — skill dashboard */
.skill-matrix{display:grid;gap:10px;margin-top:14px}.skill-row{display:grid;grid-template-columns:42px minmax(135px,.8fr) minmax(130px,1.4fr) 48px;gap:10px;align-items:center}.skill-icon{width:42px;height:42px;border-radius:13px;background:#f3edff;display:grid;place-items:center;font-size:1.35rem}.skill-copy strong,.skill-copy small{display:block}.skill-copy small{color:var(--muted);font-size:.72rem}.skill-track{height:10px;border-radius:999px;background:#ece7f1;overflow:hidden}.skill-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c57c6,#67b68e)}.skill-row>b{font-size:.82rem;color:#655c74;text-align:right}

@media (max-width:760px){.weekly-card,.smart-coach-card{grid-template-columns:auto minmax(0,1fr)}.weekly-btn,.smart-coach-btn{grid-column:1/-1;width:100%}.clock-choices,.mix-choices,.home-choices{grid-template-columns:repeat(2,minmax(100px,1fr))}.direction-pad{grid-template-columns:repeat(2,minmax(100px,1fr))}.shop-stage{grid-template-columns:1fr}.shop-item{min-height:190px}.shop-item>span{font-size:5rem}.skill-row{grid-template-columns:42px minmax(0,1fr) 45px}.skill-track{grid-column:2/-1}.skill-row>b{grid-column:3;grid-row:1}}
@media (max-width:520px){.game-discovery{padding:10px}.game-filters{display:grid;grid-template-columns:repeat(2,1fr)}.filter-chip{width:100%;padding:0 8px}.clock-choice{min-height:120px;font-size:3.6rem}.mix-equation{gap:8px}.paint-drop{width:90px;height:90px}.shop-choices{grid-template-columns:1fr 1fr}.home-choice{min-height:105px}.home-choice span{font-size:3rem}.initial-choices{grid-template-columns:repeat(4,1fr);width:100%}.initial-choice{min-height:68px}.audio-settings .music-style-control{width:100%;justify-content:space-between}.audio-settings .music-style-control select{min-width:150px}}
#gameGrid .game-card[hidden]{display:none!important}
