:root{--font: "Baloo 2", "Comic Sans MS", cursive, sans-serif;--blue: #1976D2;--blue-light: #4FC3F7;--green: #81C784;--yellow: #FFD600;--orange: #FB8C00;--red: #E53935;--purple: #9C27B0;--fener-navy: #001E4E;--fener-yellow: #FFED00;--surface: rgba(255, 255, 255, .94);--shadow: 0 8px 24px rgba(0, 0, 0, .18);--radius-lg: 22px;--radius-md: 16px;--touch: 56px;--touch-lg: 64px;--tab-h: calc(72px + env(safe-area-inset-bottom, 0px)) ;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{font-family:var(--font);color:#1a1a2e;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}.app-shell{height:100%;display:flex;flex-direction:column;position:relative;padding-top:var(--safe-top)}.app-main{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:12px 14px 8px;padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right))}.screen{max-width:1100px;margin:0 auto;animation:screenIn .25s ease-out}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.screen-header h2{font-size:clamp(24px,4vw,34px);color:#fff;text-shadow:2px 2px 0 var(--blue),4px 5px 10px rgba(0,0,0,.25)}.screen-sub{color:#fffffff2;font-size:16px;font-weight:600;margin-top:4px}.stars-badge{background:var(--surface);color:var(--orange);font-size:22px;font-weight:800;padding:10px 16px;border-radius:999px;box-shadow:var(--shadow);white-space:nowrap}.tab-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#fffffff5;border-top:3px solid rgba(25,118,210,.15);padding:8px 10px calc(10px + var(--safe-bottom));padding-left:calc(10px + var(--safe-left));padding-right:calc(10px + var(--safe-right));box-shadow:0 -6px 20px #0000001f;z-index:20}.tab-btn{border:none;background:transparent;font-family:var(--font);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:14px;color:#5f6b7a;min-height:var(--touch)}.tab-btn.active{background:linear-gradient(180deg,#e3f2fd,#fff9c4);color:var(--blue);box-shadow:inset 0 0 0 2px #1976d240}.tab-icon{font-size:22px;line-height:1}.tab-label{font-size:11px;font-weight:700}.decor{position:fixed;pointer-events:none;z-index:1;font-size:52px;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.25))}.decor-dino{top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));animation:sway 3s ease-in-out infinite;transform-origin:bottom center}.decor-pinata{bottom:calc(var(--tab-h) + 8px);right:calc(10px + var(--safe-right));animation:swing 2.4s ease-in-out infinite;transform-origin:top center}@keyframes sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes swing{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.draw-screen{height:100%;max-width:none}.draw-workspace{display:grid;grid-template-columns:96px 1fr;grid-template-rows:1fr auto;gap:10px;height:calc(100vh - var(--tab-h) - var(--safe-top) - 80px);min-height:380px}.tool-rail{grid-row:1 / 3;display:flex;flex-direction:column;gap:8px;background:var(--surface);border-radius:var(--radius-lg);padding:10px 8px;box-shadow:var(--shadow);overflow-y:auto}.draw-main{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;height:100%}.canvas-wrap{flex:1;min-height:0;background:#fff;border-radius:var(--radius-lg);padding:6px;box-shadow:var(--shadow);display:flex;align-items:stretch}.canvas-wrap canvas{width:100%;height:100%;display:block;background:#fff;border-radius:12px;touch-action:none;cursor:crosshair}.draw-actions{display:flex;gap:8px;flex-wrap:wrap}.draw-prompt{background:linear-gradient(90deg,#fff176,#ffb74d);border:3px dashed var(--orange);border-radius:var(--radius-md);padding:10px 16px;text-align:center;font-size:clamp(20px,3vw,28px);font-weight:800;color:var(--blue);animation:promptPop .4s ease-out}.tool-sheet{grid-column:2;background:var(--surface);border-radius:var(--radius-lg);padding:10px 12px 14px;box-shadow:var(--shadow)}.sheet-handle{width:48px;height:5px;background:#cfd8dc;border-radius:99px;margin:0 auto 10px}.color-palette{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sticker-panel{display:none;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.sticker-panel.show{display:flex}.challenge-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tab-h) + 12px);display:flex;gap:8px;background:#fffffff5;padding:10px 12px;border-radius:18px;box-shadow:var(--shadow);z-index:30}@media(orientation:portrait){.draw-workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;height:calc(100vh - var(--tab-h) - var(--safe-top) - 20px)}.tool-rail{grid-row:auto;flex-direction:row;flex-wrap:wrap;justify-content:center}.tool-sheet{grid-column:1}}.card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);margin-bottom:12px}.card h3{font-size:20px;color:var(--blue);margin-bottom:12px}.hero-card{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;background:var(--surface);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);margin-bottom:12px}.hero-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;border:6px solid var(--yellow);box-shadow:0 6px 16px #0003}.hero-actions{display:flex;flex-direction:column;gap:10px}.hero-btn{border:none;border-radius:18px;padding:14px 18px;font-family:var(--font);font-size:18px;font-weight:800;color:var(--blue);background:#fff;box-shadow:0 4px #00000026;min-height:var(--touch)}.hero-btn.primary{background:linear-gradient(135deg,#ff6b6b,#ffd93d);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.hero-btn:active{transform:translateY(2px);box-shadow:0 2px #00000026}.daily-progress{font-size:16px;color:var(--orange)}.task-list{list-style:none;display:grid;gap:8px}.task-item{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:12px;font-weight:700;color:#37474f}.task-item.done{opacity:.75;background:#e8f5e9}.task-emoji{font-size:24px;text-align:center}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-tile{min-height:88px;border:none;border-radius:18px;background:linear-gradient(180deg,#fff,#e3f2fd);font-family:var(--font);font-size:17px;font-weight:800;color:var(--blue);box-shadow:0 4px #0000001f}.quick-tile:active{transform:translateY(2px)}.tool-btn{width:100%;min-height:52px;border:3px solid transparent;border-radius:var(--radius-md);background:#fff;font-family:var(--font);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:22px;color:inherit}.tool-btn small{font-size:11px;font-weight:700;color:var(--blue)}.tool-btn.active{border-color:var(--blue);background:#fff9c4;box-shadow:0 0 0 3px #1976d233}.slider-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--blue);background:#fff;padding:8px;border-radius:12px}.slider-wrap input[type=range]{width:100%;height:28px;accent-color:var(--blue)}.size-preview{width:44px;height:44px;border-radius:50%;background:#f0f0f0;border:2px dashed #aaa;display:flex;align-items:center;justify-content:center}.size-dot{border-radius:50%;border:1px solid rgba(0,0,0,.12)}.color-swatch{width:52px;height:52px;border-radius:14px;border:4px solid white;box-shadow:0 2px 6px #0000002e}.color-swatch.active{transform:scale(1.12);box-shadow:0 0 0 4px var(--blue),0 3px 10px #00000040}.sticker-label{width:100%;text-align:center;font-weight:700;color:var(--blue)}.sticker-thumb{width:64px;height:64px;border-radius:14px;border:4px solid white;background-size:cover;background-position:center;box-shadow:0 2px 6px #0000002e}.sticker-thumb.active{box-shadow:0 0 0 4px var(--orange),0 4px 10px #00000040}.action-btn{flex:1;min-height:var(--touch);border:none;border-radius:18px;font-family:var(--font);font-size:18px;font-weight:800;color:#fff;box-shadow:0 4px #0003}.action-btn:active{transform:translateY(2px)}.action-btn.undo{background:var(--orange)}.action-btn.clear{background:var(--red)}.action-btn.save{background:#43a047}.game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.game-card{border:none;border-radius:20px;background:var(--surface);padding:16px 12px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--font);box-shadow:var(--shadow)}.game-card-emoji{font-size:42px}.game-card-title{font-size:18px;font-weight:800;color:var(--blue)}.game-card-sub{font-size:13px;font-weight:700;color:#607d8b}.game-btn{border:none;border-radius:14px;padding:12px 16px;font-family:var(--font);font-size:16px;font-weight:800;color:#fff;box-shadow:0 3px #0003;min-height:48px}.game-btn.done{background:#43a047}.game-btn.skip{background:var(--blue)}.game-btn.close{background:#5d4037}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gallery-card{background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#fff}.gallery-card-meta{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700;color:#455a64}.gallery-card-actions button{border:none;background:#eceff1;border-radius:10px;width:40px;height:40px;font-size:18px}.gallery-empty-state{grid-column:1 / -1;text-align:center;padding:40px 20px;background:var(--surface);border-radius:var(--radius-lg)}.empty-emoji{font-size:64px;margin-bottom:10px}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px}.viewer-box{max-width:95vw;max-height:90vh;text-align:center}.viewer-box img{max-width:100%;max-height:75vh;border-radius:16px;border:6px solid white}.viewer-close{margin-top:14px;border:none;border-radius:14px;padding:12px 20px;font-family:var(--font);font-size:18px;font-weight:800;background:#fff;color:var(--blue)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-splash, linear-gradient(135deg, #FFB74D 0%, var(--blue-light) 50%, var(--green) 100%));display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.splash.hide{animation:splashOut .5s ease-in forwards;pointer-events:none}@keyframes splashOut{to{opacity:0;transform:scale(1.05)}}.splash-card{background:#fff;border-radius:32px;padding:28px;text-align:center;max-width:440px;width:100%;box-shadow:0 20px 60px #00000059}.splash-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:8px solid var(--yellow)}.splash-title{font-size:clamp(28px,6vw,40px);color:#e65100;margin:16px 0 6px}.splash-sub{color:var(--blue);font-size:18px;font-weight:700;margin-bottom:18px}.splash-btn{border:none;border-radius:22px;padding:16px 28px;font-family:var(--font);font-size:22px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ff6b6b,#ffd93d);box-shadow:0 6px #b71c1c;min-height:var(--touch)}.mascot{position:fixed;bottom:calc(var(--tab-h) + 10px);left:calc(12px + var(--safe-left));width:84px;height:84px;z-index:25;border:none;background:transparent;animation:mascotJump 1.6s ease-in-out infinite}.mascot-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid var(--yellow);box-shadow:0 6px 14px #00000047;pointer-events:none}@keyframes mascotJump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-20%);background:#fff;padding:8px 14px;border-radius:16px;font-size:15px;font-weight:700;color:var(--blue);white-space:nowrap;box-shadow:var(--shadow);opacity:0;pointer-events:none}.mascot-bubble.show{opacity:1}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:350;padding:20px}.modal.show{display:flex}.modal-box{background:#fff;border-radius:24px;padding:28px 24px;max-width:420px;text-align:center;box-shadow:var(--shadow)}.modal-box p{font-size:22px;margin-bottom:18px;line-height:1.35}.modal-buttons{display:flex;gap:10px;justify-content:center}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:450;pointer-events:none}.celebrate.show{display:flex}.celebrate-text{font-size:clamp(36px,8vw,72px);font-weight:900;color:var(--yellow);text-shadow:4px 4px 0 #E65100,6px 8px 14px rgba(0,0,0,.4);animation:celebPop 1.6s ease-out forwards}@keyframes celebPop{0%{transform:scale(0);opacity:0}25%{transform:scale(1.2);opacity:1}85%{opacity:1}to{opacity:0}}.emoji-rain{position:fixed;top:-80px;animation:rain 2.2s ease-in forwards;pointer-events:none;z-index:449}@keyframes rain{to{transform:translateY(110vh) rotate(540deg);opacity:0}}@keyframes promptPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(orientation:portrait){.hero-card{grid-template-columns:1fr;text-align:center}.hero-photo{margin:0 auto}.mascot{width:68px;height:68px}}.mini-game{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-mini-game, linear-gradient(135deg, #FFB74D 0%, var(--blue-light) 50%, var(--green) 100%));display:none;flex-direction:column;z-index:300;padding:12px;padding-top:calc(12px + var(--safe-top));padding-bottom:calc(12px + var(--safe-bottom))}.mini-game.show{display:flex}.mini-game-header{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:12px;flex-wrap:wrap}.mini-game-title{font-size:clamp(18px,4vw,26px);font-weight:900;color:var(--blue)}.mini-game-back{border:none;border-radius:12px;padding:10px 16px;background:#5d4037;color:#fff;font-family:var(--font);font-weight:800;min-height:48px}.mini-game-score{font-size:18px;font-weight:900;color:#e65100}.mini-game-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:10px;width:min(520px,100%)}.memory-card{aspect-ratio:1;border:4px solid var(--fener-yellow);border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--fener-navy));color:var(--fener-yellow);font-size:clamp(28px,7vw,40px);font-family:var(--font);font-weight:900;min-height:72px}.memory-card.flipped{background:#fff;color:var(--blue);border-color:var(--blue)}.memory-card.matched{background:#43a047;color:#fff;border-color:#2e7d32}.arcade-wrap{text-align:center;width:100%}.arcade-canvas{background:var(--fener-yellow);border:6px solid var(--fener-navy);border-radius:14px;max-width:100%;height:auto;box-shadow:var(--shadow)}.touch-pad{display:grid;grid-template-columns:repeat(3,72px);grid-template-rows:repeat(3,72px);gap:8px;margin:14px auto 0;width:max-content}.touch-pad button{background:#fff;border:3px solid var(--blue);border-radius:14px;font-size:28px;font-family:var(--font);font-weight:800;min-width:72px;min-height:72px}.touch-pad button:active{transform:translateY(2px)}.pad-up{grid-column:2;grid-row:1}.pad-left{grid-column:1;grid-row:2}.pad-down{grid-column:2;grid-row:3}.pad-right{grid-column:3;grid-row:2}.whack-wrap{text-align:center;width:min(480px,100%)}.whack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.whack-hole{aspect-ratio:1;background:radial-gradient(circle at center,#6d4c41,#3e2723 90%);border-radius:50%;border:4px solid #3E2723;position:relative;overflow:hidden;box-shadow:inset 0 6px 12px #00000073;min-height:90px}.whack-emoji{position:absolute;left:0;right:0;bottom:-100%;text-align:center;font-size:clamp(42px,10vw,58px);transition:bottom .18s ease-out;pointer-events:none}.whack-hole.show .whack-emoji{bottom:6%}.whack-start{margin-top:14px;border:none;border-radius:18px;padding:14px 26px;font-family:var(--font);font-size:20px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff6b6b,#ffd93d);box-shadow:0 5px #b71c1c;min-height:var(--touch)}.quiz-card{background:#fff;border-radius:var(--radius-lg);padding:22px 18px;width:min(520px,100%);box-shadow:var(--shadow)}.quiz-q{font-size:clamp(18px,4vw,24px);color:var(--blue);font-weight:800;margin-bottom:16px;line-height:1.35}.quiz-options{display:grid;gap:10px}.quiz-opt{border:3px solid var(--blue);border-radius:14px;background:#fff;padding:14px;font-family:var(--font);font-size:17px;font-weight:800;color:var(--blue);min-height:52px}.quiz-opt.correct{background:#43a047;color:#fff;border-color:#2e7d32}.quiz-opt.wrong{background:var(--red);color:#fff;border-color:#b71c1c}.adventure-map{position:relative;height:clamp(340px,52vh,520px);border-radius:var(--radius-lg);background:linear-gradient(180deg,#81d4fa,#b3e5fc 38%,#a5d6a7 38%,#66bb6a);box-shadow:var(--shadow);margin-bottom:12px;overflow:auto;-webkit-overflow-scrolling:touch}.adventure-map::-webkit-scrollbar{height:6px;width:6px}.adventure-map::-webkit-scrollbar-thumb{background:#0003;border-radius:99px}.adventure-map:before{content:"☁️ ☁️ 🌤️";position:absolute;top:10px;left:12px;font-size:28px;opacity:.85}.zone-pin{position:absolute;transform:translate(-50%,-50%);border:none;background:#fff;border-radius:16px;padding:6px 8px 8px;min-width:68px;box-shadow:0 4px 12px #00000038;font-family:var(--font);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2}.zone-pin:active{transform:translate(-50%,-50%) scale(.96)}.zone-pin.locked{opacity:.72;background:#eceff1}.zone-pin.done{background:#e8f5e9;box-shadow:0 0 0 3px #43a047}.zone-emoji{font-size:24px;line-height:1}.zone-name{font-size:10px;font-weight:800;color:var(--blue)}.zone-check{font-size:14px}.adventure-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:360;padding:20px}.adventure-modal[hidden]{display:none!important}.adventure-modal-box{background:#fff;border-radius:28px;padding:24px 22px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow);animation:pop .2s ease-out}.adventure-modal-emoji{font-size:56px;margin-bottom:8px}.adventure-modal-box h3{color:var(--blue);font-size:26px;margin-bottom:8px}.adventure-modal-box p{font-size:18px;color:#455a64;margin-bottom:8px}.adventure-modal-reward{font-weight:800;color:var(--orange)!important}.adventure-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.badge-item{background:#fff;border-radius:16px;padding:12px 10px;text-align:center;opacity:.55;border:2px dashed #cfd8dc}.badge-item.earned{opacity:1;border:2px solid var(--yellow);background:linear-gradient(180deg,#fff,#fff9c4);box-shadow:0 3px 8px #0000001f}.badge-emoji{font-size:34px;display:block;margin-bottom:4px}.badge-name{display:block;font-size:14px;font-weight:800;color:var(--blue)}.badge-desc{display:block;font-size:11px;color:#607d8b;margin-top:2px}.stats-row{display:flex;gap:10px;flex-wrap:wrap}.stat-pill{flex:1;min-width:120px;background:#fff;border-radius:14px;padding:12px;text-align:center;font-weight:800;color:var(--blue);font-size:16px}.adventure-task-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tab-h) + 12px);display:flex;align-items:center;gap:10px;background:#fffffff7;padding:10px 14px;border-radius:18px;box-shadow:var(--shadow);z-index:30;max-width:calc(100% - 24px)}.adventure-task-label{font-weight:800;color:#e65100;font-size:15px}.text-panel{display:none;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.text-panel.show{display:flex}.template-panel{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.text-chip,.template-chip{border:3px solid white;border-radius:14px;padding:10px 14px;font-family:var(--font);font-size:15px;font-weight:800;color:var(--blue);background:#e3f2fd;box-shadow:0 2px 6px #00000026;min-height:44px}.text-chip.active{box-shadow:0 0 0 3px var(--blue);background:#fff9c4}.bubbles-wrap{width:min(520px,100%);text-align:center}.bubbles-area{position:relative;height:360px;background:linear-gradient(180deg,#b3e5fc,#e1f5fe);border-radius:20px;overflow:hidden;border:4px solid var(--blue);margin-bottom:12px}.bubble{position:absolute;bottom:-80px;border:none;border-radius:50%;animation:bubbleUp linear forwards;box-shadow:inset -4px -4px 12px #00000026,0 4px 10px #0003}@keyframes bubbleUp{to{transform:translateY(-440px);opacity:.9}}.color-match-wrap{width:min(420px,100%);text-align:center}.color-match-hint{font-size:20px;font-weight:800;color:var(--blue);margin-bottom:14px}.color-match-pad{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.color-match-btn{aspect-ratio:1;border:4px solid white;border-radius:18px;min-height:100px;box-shadow:0 4px 10px #0003;transition:transform .1s,filter .1s}.color-match-btn.lit{transform:scale(1.08);filter:brightness(1.2);box-shadow:0 0 0 4px var(--yellow)}:root,[data-theme=classic]{--bg-body: linear-gradient(145deg, #4FC3F7 0%, #81C784 55%, #A5D6A7 100%);--bg-mini-game: linear-gradient(135deg, #FFB74D 0%, #4FC3F7 50%, #81C784 100%);--bg-splash: linear-gradient(135deg, #FFB74D 0%, #4FC3F7 50%, #81C784 100%);--header-glow: #1976D2;--accent: #1976D2;--accent-soft: #E3F2FD;--card-tint: rgba(255, 255, 255, .94);--decor-opacity: 1}[data-theme=night]{--bg-body: linear-gradient(145deg, #1A237E 0%, #311B92 50%, #0D47A1 100%);--bg-mini-game: linear-gradient(135deg, #283593 0%, #4527A0 50%, #1565C0 100%);--bg-splash: linear-gradient(135deg, #3949AB 0%, #5E35B1 50%, #1565C0 100%);--blue-light: #7986CB;--green: #5C6BC0;--blue: #90CAF9;--header-glow: #1A237E;--accent: #90CAF9;--accent-soft: rgba(144, 202, 249, .2);--card-tint: rgba(255, 255, 255, .92);--surface: rgba(255, 255, 255, .92)}[data-theme=space]{--bg-body: linear-gradient(160deg, #0B1026 0%, #1A0B2E 45%, #2D1B69 100%);--bg-mini-game: linear-gradient(135deg, #1A0B2E 0%, #4A148C 50%, #311B92 100%);--bg-splash: linear-gradient(135deg, #311B92 0%, #6A1B9A 50%, #4A148C 100%);--blue-light: #B39DDB;--green: #9575CD;--blue: #CE93D8;--header-glow: #4A148C;--accent: #E1BEE7;--accent-soft: rgba(225, 190, 231, .18);--card-tint: rgba(255, 255, 255, .9)}[data-theme=fener]{--bg-body: linear-gradient(145deg, #FFED00 0%, #FFD54F 35%, #001E4E 100%);--bg-mini-game: linear-gradient(135deg, #FFED00 0%, #4FC3F7 45%, #001E4E 100%);--bg-splash: linear-gradient(135deg, #FFED00 0%, #4FC3F7 50%, #001E4E 100%);--blue: #001E4E;--blue-light: #FFED00;--green: #FFD54F;--header-glow: #001E4E;--accent: #001E4E;--accent-soft: rgba(255, 237, 0, .35);--card-tint: rgba(255, 255, 255, .95)}[data-theme=ocean]{--bg-body: linear-gradient(145deg, #0277BD 0%, #00ACC1 45%, #26C6DA 100%);--bg-mini-game: linear-gradient(135deg, #00838F 0%, #00ACC1 50%, #4DD0E1 100%);--bg-splash: linear-gradient(135deg, #00BCD4 0%, #26C6DA 50%, #80DEEA 100%);--blue: #01579B;--blue-light: #4DD0E1;--green: #00BCD4;--header-glow: #01579B;--accent: #01579B;--accent-soft: rgba(77, 208, 225, .3);--card-tint: rgba(255, 255, 255, .94)}[data-theme=candy]{--bg-body: linear-gradient(145deg, #F48FB1 0%, #F06292 40%, #BA68C8 100%);--bg-mini-game: linear-gradient(135deg, #F8BBD9 0%, #F48FB1 50%, #CE93D8 100%);--bg-splash: linear-gradient(135deg, #F8BBD0 0%, #F48FB1 50%, #E1BEE7 100%);--blue: #AD1457;--blue-light: #F8BBD9;--green: #F48FB1;--header-glow: #880E4F;--accent: #AD1457;--accent-soft: rgba(248, 187, 217, .45);--card-tint: rgba(255, 255, 255, .95)}body{background:var(--bg-body)}.screen-header h2{text-shadow:2px 2px 0 var(--header-glow),4px 5px 10px rgba(0,0,0,.25)}.tab-btn.active{background:linear-gradient(180deg,var(--accent-soft) 0%,#FFF9C4 100%);color:var(--accent)}.card,.hero-card,.tool-rail,.tool-sheet,.game-card,.gallery-card,.adventure-modal-box,.modal-box,.mini-game-header,.quiz-card{background:var(--card-tint, var(--surface))}[data-theme=night] .screen-sub,[data-theme=space] .screen-sub{color:#ffffffe0}[data-theme=space] .app-shell:before{content:"✨ ⭐ 🌙 ✨";position:fixed;top:calc(6px + var(--safe-top));right:calc(12px + var(--safe-right));font-size:20px;opacity:.55;pointer-events:none;z-index:0}.draw-mode-bar{display:flex;gap:8px;margin-bottom:10px;justify-content:center}.mode-btn{flex:1;max-width:200px;min-height:48px;border:none;border-radius:16px;font-family:var(--font);font-size:17px;font-weight:800;color:var(--accent, var(--blue));background:var(--card-tint, white);box-shadow:0 3px #0000001f}.mode-btn.active{background:linear-gradient(135deg,#ff6b6b,#ffd93d);color:#fff;box-shadow:0 4px #b71c1c}.flipbook-bar{grid-column:1 / -1;order:10;background:var(--card-tint, var(--surface));border-radius:var(--radius-lg);padding:10px 12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.flipbook-frames{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.frame-thumb{flex:0 0 auto;border:3px solid transparent;border-radius:12px;padding:4px;background:#fff;position:relative;min-width:56px}.frame-thumb.active{border-color:var(--accent, var(--blue));box-shadow:0 0 0 2px #1976d240}.frame-thumb canvas{display:block;border-radius:6px}.frame-num{display:block;text-align:center;font-size:11px;font-weight:800;color:var(--accent, var(--blue));margin-top:2px}.flipbook-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.flip-btn{border:none;border-radius:14px;padding:10px 16px;font-family:var(--font);font-size:16px;font-weight:800;background:#fff;color:var(--accent, var(--blue));box-shadow:0 3px #0000001f;min-height:44px}.flip-btn.play{background:#43a047;color:#fff}.flip-btn.gif{background:#7b1fa2;color:#fff}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.theme-chip{border:3px solid white;border-radius:16px;padding:12px 8px;background:#fff;font-family:var(--font);text-align:center;box-shadow:0 3px 8px #0000001f;min-height:88px}.theme-chip.active{border-color:var(--yellow);box-shadow:0 0 0 3px var(--accent, var(--blue));background:linear-gradient(180deg,#fff,var(--accent-soft, #E3F2FD))}.theme-chip-emoji{display:block;font-size:28px;margin-bottom:4px}.theme-chip-name{display:block;font-size:14px;font-weight:800;color:var(--accent, var(--blue))}.theme-chip-desc{display:block;font-size:10px;color:#607d8b;margin-top:2px}.gallery-thumb-wrap{position:relative}.anim-badge{position:absolute;top:8px;right:8px;background:#0000008c;color:#fff;font-size:14px;padding:4px 8px;border-radius:10px}.gallery-card.is-animation{box-shadow:0 0 0 3px #9c27b059,var(--shadow)}.viewer-anim-label{color:#fff;font-weight:800;font-size:18px;margin:10px 0}.viewer-anim-controls{display:flex;gap:10px;justify-content:center;margin-bottom:12px}@media(orientation:landscape){.draw-workspace:has(.flipbook-bar){grid-template-rows:auto 1fr auto auto}.flipbook-bar{grid-column:2;grid-row:3}}.parent-entry{position:fixed;top:calc(10px + var(--safe-top));right:calc(12px + var(--safe-right));z-index:24;width:44px;height:44px;border:none;border-radius:50%;background:#ffffffbf;font-size:20px;box-shadow:0 2px 8px #00000026;opacity:.55}.parent-entry:active{opacity:1;transform:scale(.95)}.parent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0000008c;overflow:auto;padding:12px;padding-top:calc(12px + var(--safe-top));padding-bottom:calc(12px + var(--safe-bottom))}.parent-panel{max-width:640px;margin:0 auto;background:#fff;border-radius:24px;padding:18px 16px 24px;box-shadow:var(--shadow)}.parent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.parent-header h2{font-size:24px;color:#37474f}.parent-close{width:44px;height:44px;border:none;border-radius:50%;background:#eceff1;font-size:18px;font-weight:800}.parent-section{margin-bottom:18px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.parent-section h3{font-size:18px;color:var(--blue);margin-bottom:10px}.parent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.parent-stat{background:#f5f5f5;border-radius:14px;padding:10px 8px;text-align:center}.parent-stat span{font-size:22px;display:block}.parent-stat strong{font-size:22px;color:var(--blue);display:block}.parent-stat small{font-size:11px;color:#78909c}.parent-info{font-size:15px;color:#546e7a;margin-bottom:10px}.parent-label{display:block;font-weight:700;color:#546e7a;margin-bottom:8px;font-size:14px}.parent-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.parent-opt{border:2px solid #cfd8dc;border-radius:12px;padding:10px 14px;background:#fff;font-family:var(--font);font-weight:700;font-size:14px;color:#455a64}.parent-opt.active{border-color:var(--blue);background:#e3f2fd;color:var(--blue)}.parent-btn{border:none;border-radius:12px;padding:12px 16px;background:var(--blue);color:#fff;font-family:var(--font);font-weight:800;font-size:15px;width:100%;margin-top:6px}.parent-btn.danger{background:#e53935}.parent-toggle{display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;color:#455a64}.parent-toggle input{width:24px;height:24px;accent-color:var(--blue)}.parent-input{width:100%;border:2px solid #cfd8dc;border-radius:12px;padding:12px;font-size:18px;font-family:var(--font);margin-bottom:8px}.weekly-chart{display:flex;align-items:flex-end;gap:6px;height:110px;padding-top:8px}.weekly-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.weekly-bar{width:100%;max-width:36px;background:linear-gradient(180deg,var(--blue-light),var(--blue));border-radius:6px 6px 2px 2px;min-height:8px}.weekly-label{font-size:9px;color:#78909c;text-align:center;line-height:1.1}.weekly-val{font-size:10px;font-weight:800;color:var(--blue)}.danger-zone{border-bottom:none}.pin-overlay,.break-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px}.pin-card,.break-card{background:#fff;border-radius:28px;padding:24px 20px;max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow)}.pin-card h2,.break-card h2{color:var(--blue);font-size:24px;margin-bottom:8px}.pin-card p,.break-card p{color:#546e7a;font-size:16px;margin-bottom:14px}.break-emoji{font-size:64px;margin-bottom:8px}.break-sub{font-size:14px!important}.break-hint{font-size:12px!important;color:#90a4ae!important;margin-top:12px!important}.pin-display{font-size:36px;letter-spacing:8px;color:var(--blue);margin-bottom:16px;min-height:44px}.pin-display.shake,.pin-key.shake{animation:pinShake .4s ease}@keyframes pinShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.pin-key{min-height:56px;border:none;border-radius:14px;background:#eceff1;font-family:var(--font);font-size:22px;font-weight:800;color:#37474f}.pin-key:active{background:#cfd8dc}.pin-cancel{border:none;background:transparent;color:#78909c;font-family:var(--font);font-size:16px;font-weight:700;padding:8px}.tab-bar{grid-template-columns:repeat(6,1fr)}.tab-bar .tab-label{font-size:10px}.story-book{padding:18px 16px 20px;margin-bottom:12px;background:linear-gradient(180deg,#fffef7,#fff8e1);border:3px solid rgba(255,193,7,.35)}.story-chapter-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.story-chapter-emoji{font-size:42px;line-height:1}.story-chapter-num{font-size:12px;font-weight:800;color:#ff8f00;text-transform:uppercase;letter-spacing:.04em}.story-chapter-title{font-size:clamp(20px,4vw,26px);color:var(--blue);margin-top:2px}.story-done-badge{margin-left:auto;background:#e8f5e9;color:#2e7d32;font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px}.story-scenes{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.story-scene{background:#fff;border-radius:16px;padding:14px 14px 10px;box-shadow:0 2px 8px #0000000f;position:relative}.story-scene-en{font-size:17px;font-weight:700;color:#263238;line-height:1.45;padding-right:72px}.story-scene-tr{font-size:14px;color:#607d8b;margin-top:8px;font-weight:600;line-height:1.4}.story-scene-btns{position:absolute;top:10px;right:10px;display:flex;gap:6px}.story-mini-btn{width:36px;height:36px;border:none;border-radius:50%;background:#e3f2fd;font-size:16px}.story-mini-btn:active{transform:scale(.94)}.story-words h4{font-size:15px;color:var(--blue);margin-bottom:10px}.word-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.word-card{border:2px solid #bbdefb;background:#fff;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:88px;font-family:var(--font)}.word-card.learned{border-color:#81c784;background:#f1f8e9}.word-en{font-size:16px;font-weight:800;color:#1565c0}.word-tr{font-size:12px;color:#78909c;font-weight:600}.story-actions{display:flex;flex-direction:column;gap:10px}.story-actions .hero-btn{width:100%}.story-complete-msg,.story-locked-msg{text-align:center;font-weight:700;font-size:15px;color:#546e7a;padding:8px 0}.story-chapters-card h3{font-size:17px;color:var(--blue);margin-bottom:12px}.story-chapter-list{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.story-chapter-chip{border:2px solid #e0e0e0;background:#fff;border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;font-family:var(--font)}.story-chapter-chip.active{border-color:var(--blue);background:#e3f2fd;box-shadow:0 0 0 2px #1976d233}.story-chapter-chip.done{background:#e8f5e9;border-color:#66bb6a}.story-chapter-chip.locked{opacity:.55;background:#f5f5f5}.chip-emoji{font-size:20px;line-height:1}.chip-num{font-size:11px;font-weight:800;color:var(--blue)}.chip-check{position:absolute;top:2px;right:4px;font-size:10px;color:#2e7d32;font-weight:800}.story-map-link{text-align:center;padding:14px}.story-map-link .hero-btn{width:100%}.story-progress-badge{color:#1565c0}@media(max-width:480px){.story-chapter-list{grid-template-columns:repeat(4,1fr)}}