*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--or: #ff6b35;--orl: #ff8c5a;--orh: #ff9a6c;--or-dark: #d8511e;--bg: #faf8f5;--bg-gradient: radial-gradient(circle at 50% 0%, #fff7f2 0%, #f7f2ea 100%);--tx: #211d1a;--mu: #8b8178;--bd: #e8e2d8;--bd-active: #ffbba1;--wh: #fff;--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px);--shadow-xs: 0 1px 2px rgba(30, 22, 14, .05);--shadow-sm: 0 2px 8px rgba(30, 22, 14, .06), 0 1px 2px rgba(30, 22, 14, .05);--shadow-md: 0 8px 22px rgba(30, 22, 14, .09), 0 2px 6px rgba(30, 22, 14, .05);--shadow-lg: 0 20px 48px rgba(20, 15, 10, .2), 0 8px 16px rgba(20, 15, 10, .1);--ease: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--font-display: "Baloo 2", sans-serif}html,body{height:100%;background:var(--bg-gradient);font-family:Nunito,sans-serif;color:var(--tx);overscroll-behavior:none;width:100%;overflow:hidden;-webkit-font-smoothing:antialiased}#root{height:100%;width:100%;display:flex;justify-content:center}.app-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:1060px;margin:0 auto;position:relative;background:var(--bg);box-shadow:0 0 50px #2d1e1214}@media (min-width: 1200px){.app-container{max-width:1160px}}@media (min-width: 861px){#root{padding:12px 16px}.app-container{height:calc(100% - 24px);border-radius:24px;overflow:hidden;border:1px solid rgba(232,226,216,.7)}}@keyframes mascotFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-2deg)}}@keyframes mascotBounce{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.25) rotate(-8deg)}55%{transform:scale(.95) rotate(6deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes mascotWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}@keyframes mascotSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}@keyframes levelGlow{0%,to{box-shadow:0 16px 50px #ff6b354d,0 0 #ff6b3566}50%{box-shadow:0 16px 60px #ff6b3580,0 0 0 16px #ff6b3500}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mascot{display:inline-block;transform-origin:center;animation:mascotFloat 2.6s ease-in-out infinite}.mascot.react-bounce{animation:mascotBounce .55s var(--ease)}.mascot.react-wiggle{animation:mascotWiggle .4s ease}.mascot.react-spin{animation:mascotSpin .6s var(--ease)}header.header-modern,header{background:var(--wh);padding:calc(var(--st) + 10px) 16px 8px;flex-shrink:0;box-shadow:0 2px 12px #1e160e0a;position:relative;z-index:10;border-bottom:1px solid var(--bd)}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-left{display:flex;align-items:center;gap:10px;min-width:0}.header-profile-text{cursor:pointer;min-width:0}.header-profile-text .htitle{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--tx);line-height:1.15;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-profile-text .hsub{font-size:11px;color:var(--mu);font-weight:700;letter-spacing:.3px;margin-top:2px;display:flex;align-items:center;gap:5px;white-space:nowrap}.brand-badge{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.4px;padding:1px 7px;border-radius:8px;display:inline-flex;align-items:center;box-shadow:0 1px 3px #0f172a33}.dragon-pill{background:linear-gradient(135deg,#ff6b351f,#ff8c5a2e);border:1px solid var(--bd-active);color:var(--or-dark);font-size:10px;font-weight:800;padding:1px 7px;border-radius:10px;display:inline-flex;align-items:center;gap:3px}.header-center{display:flex;justify-content:center}.tabs.modern-tabs{background:#f4efe9;border:1px solid var(--bd);border-radius:16px;padding:3px;display:inline-flex;gap:3px;margin:0}.tabs.modern-tabs .tab{border:none;border-radius:13px;padding:6px 14px;font-size:12.5px;font-weight:800;color:var(--mu);background:transparent;cursor:pointer;transition:all .16s var(--ease);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px}.tabs.modern-tabs .tab:hover{color:var(--tx)}.tabs.modern-tabs .tab.active{background:#fff;color:var(--or);font-weight:900;box-shadow:0 2px 6px #0000000f,0 1px 1px #0000000a}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-stats-cluster{display:flex;align-items:center;gap:5px;cursor:pointer}.stat-pill.compact{background:#fbf9f6;border:1.5px solid var(--bd);border-radius:14px;padding:5px 9px;display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:var(--tx);transition:transform .12s,border-color .15s;box-shadow:0 1.5px 0 var(--bd);white-space:nowrap}.stat-pill.compact:hover{border-color:var(--or);transform:translateY(-1px)}.stat-pill.compact.shield{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;box-shadow:0 1.5px #93c5fd}.stat-emoji{font-size:13px}.stat-val{font-weight:800}.badge.compact{background:#fbf9f6;border:1.5px solid var(--bd);border-radius:14px;padding:5px 10px;font-size:11px;font-weight:800;color:var(--tx);display:flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;box-shadow:0 1.5px 0 var(--bd);transition:all .15s ease}.badge.compact:hover{border-color:var(--or);transform:translateY(-1px)}.header-mobile-tabs{display:none;margin-top:8px}@media (max-width: 680px){header.header-modern,header{padding:calc(var(--st) + 8px) 12px 6px}.header-bar{gap:8px;align-items:center}.header-left{gap:8px;min-width:0;flex:1 1 auto;overflow:hidden}.header-left .hico.mascot{width:36px;height:36px;border-radius:11px;font-size:20px;flex-shrink:0}.header-profile-text{min-width:0;overflow:hidden}.header-profile-text .htitle{font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-text .hsub{font-size:10px;gap:4px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-badge{font-size:8.5px;padding:1px 5px;border-radius:6px;flex-shrink:0}.dragon-pill{font-size:9px;padding:1px 5px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-center{display:none}.header-right{gap:5px;flex-shrink:0}.stat-pill.compact{padding:3px 6px;font-size:11px;gap:3px;border-radius:10px}.stat-emoji{font-size:12px}.stat-val{font-size:11px}.guide-help-pill{padding:3px;width:28px;height:28px;min-width:28px;border-radius:50%;justify-content:center;box-shadow:0 1.5px #fde68a}.guide-help-pill .guide-label{display:none}.guide-help-pill .guide-emoji{font-size:13px}.badge.compact{padding:3px;width:24px;height:28px;min-width:24px;border-radius:10px;justify-content:center}.badge.compact .badge-text{display:none}.header-mobile-tabs{display:block;margin-top:6px}.header-mobile-tabs .tabs.modern-tabs{display:flex;width:100%;padding:2px;border-radius:12px}.header-mobile-tabs .tabs.modern-tabs .tab{flex:1;text-align:center;justify-content:center;padding:5px 8px;font-size:11.5px;border-radius:10px;gap:4px}}.htop{display:flex;align-items:center;gap:14px;padding-bottom:14px}.hico{width:42px;height:42px;background:linear-gradient(135deg,var(--or),var(--orl));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s;box-shadow:0 4px 12px #ff6b354d,0 0 0 2.5px #fff;overflow:hidden}.hico:hover{transform:scale(1.05) rotate(-2deg)}.hico:active{transform:scale(.93)}.hico img.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:12px}.avatar-img{object-fit:cover;border-radius:12px}.avatar-img-lg{width:68px;height:68px;border-radius:18px;object-fit:cover;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.avatar-img-xl{width:84px;height:84px;border-radius:20px;object-fit:cover;filter:drop-shadow(0 6px 16px rgba(0,0,0,.2))}.htitle{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--tx);line-height:1.15;letter-spacing:-.2px}.hsub{font-size:11px;color:var(--mu);font-weight:700;letter-spacing:.4px;margin-top:2px}.badge{margin-left:auto;background:#fbf9f6;border:1.5px solid var(--bd);border-radius:24px;padding:6px 14px;font-size:11.5px;color:var(--tx);font-weight:800;display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;transition:all .15s var(--ease-out);box-shadow:var(--shadow-xs)}.badge:hover{border-color:var(--or);transform:translateY(-1px)}.badge:active{transform:scale(.95)}.bdot{width:7px;height:7px;border-radius:50%;background:#3fb673;flex-shrink:0;box-shadow:0 0 0 3px #3fb67333}.bdot.spin{animation:pulse 1s infinite;background:#e67e22;box-shadow:0 0 0 3px #e67e2233}.bdot.err{background:#e8564a;box-shadow:0 0 0 3px #e8564a33}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tabs{display:flex;gap:8px;margin-top:2px}.tab{flex:1;background:none;color:var(--mu);border:none;border-bottom:3px solid transparent;padding:11px 8px;font-family:Nunito,sans-serif;font-size:13.5px;font-weight:800;cursor:pointer;transition:all .2s var(--ease-out);border-radius:6px 6px 0 0}.tab:hover{color:var(--tx)}.tab.active{color:var(--or);border-bottom-color:var(--or);background:linear-gradient(180deg,#ff6b3508,#ff6b3514)}.stat-pill{background:#fbf9f6;border:1.5px solid var(--bd);border-radius:16px;padding:6px 13px;display:flex;align-items:center;gap:7px;transition:transform .12s,border-color .15s;box-shadow:0 2px 0 var(--bd)}.stat-pill:hover{border-color:var(--or);transform:translateY(-1px)}main{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.panel{display:none;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.panel.on{display:flex}.scroll{overflow-y:auto;padding:16px;gap:12px;display:flex;flex-direction:column}.qrow{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;border-bottom:1px solid var(--bd);flex-shrink:0;scrollbar-width:none}.qrow::-webkit-scrollbar{display:none}.qbtn{background:var(--wh);border:1.5px solid var(--bd);border-radius:12px;padding:8px 14px;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;color:var(--tx);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .1s ease;box-shadow:0 3px 0 var(--bd)}.qbtn:hover{border-color:var(--or);transform:translateY(-1px);box-shadow:0 4px 0 var(--or)}.qbtn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--bd)}.qbtn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.subjBtn{background:var(--wh);border:2px solid var(--bd);border-radius:14px;padding:9px 18px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;color:var(--tx);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .12s var(--ease);box-shadow:0 3px 0 var(--bd)}.subjBtn:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--bd)}.subjBtn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--bd)}.subjBtn.active{background:linear-gradient(135deg,var(--or),var(--orl));border-color:var(--or-dark);color:#fff;box-shadow:0 4px 0 var(--or-dark),0 6px 16px #ff6b3559}.activity-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:12px 16px;background:#fff9;border-bottom:1px solid var(--bd);animation:cardIn .2s var(--ease)}.act-card{display:flex;align-items:center;gap:12px;background:var(--wh);border:2px solid var(--bd);border-radius:16px;padding:12px 14px;cursor:pointer;text-align:left;transition:all .14s var(--ease);box-shadow:0 3px 0 var(--bd),0 3px 8px #00000008}.act-card:hover{border-color:var(--or);transform:translateY(-2px);box-shadow:0 5px 0 var(--or),0 6px 14px #ff6b352e}.act-card:active{transform:translateY(2px);box-shadow:0 1px 0 var(--or)}.act-icon{font-size:26px;flex-shrink:0;width:44px;height:44px;background:#fff8f5;border:1.5px solid #ffe3d6;border-radius:12px;display:flex;align-items:center;justify-content:center}.act-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--tx);line-height:1.2}.act-sub{font-size:11px;color:var(--mu);font-weight:600;margin-top:2px}.act-badge{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:6px;margin-left:auto;align-self:flex-start}.msgs{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.emptychat{margin:auto;text-align:center;padding:36px 24px;color:var(--mu)}.emptychat .big{font-size:52px;margin-bottom:12px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.08))}.emptychat h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--tx);margin-bottom:6px}.emptychat p{font-size:13px;line-height:1.6;color:var(--mu);max-width:420px;margin:0 auto}.msg{display:flex;gap:10px;align-items:flex-start;animation:popIn .2s var(--ease)}.msg.u{justify-content:flex-end}.msg.a{justify-content:flex-start}.msg-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--or),var(--orl));display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 2px 6px #ff6b354d;overflow:hidden}.msg-avatar img{width:100%;height:100%;object-fit:cover}.bub{max-width:82%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.msg.u .bub{background:linear-gradient(135deg,var(--or),var(--orl));color:#fff;border-bottom-right-radius:4px;box-shadow:0 3px 10px #ff6b3540;font-weight:600}.msg.a .bub{background:var(--wh);border:1.5px solid var(--bd);color:var(--tx);border-bottom-left-radius:4px;box-shadow:0 2px 10px #1e160e0a}.typing{background:var(--wh);border:1.5px solid var(--bd);border-radius:18px 18px 18px 4px;padding:13px 18px;display:flex;gap:5px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--or);opacity:.5;animation:bounce 1.1s infinite}.dot:nth-child(2){animation-delay:.18s}.dot:nth-child(3){animation-delay:.36s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}.ibar{display:flex;gap:10px;align-items:flex-end;padding:12px 16px calc(var(--sb) + 12px);border-top:1px solid var(--bd);background:var(--bg);flex-shrink:0}.cinp{flex:1;border:2px solid var(--bd);border-radius:16px;padding:12px 16px;font-family:Nunito,sans-serif;font-size:14.5px;outline:none;resize:none;line-height:1.4;max-height:96px;overflow-y:auto;background:var(--wh);transition:border .2s,box-shadow .2s;box-shadow:var(--shadow-xs)}.cinp:focus{border-color:var(--or);box-shadow:0 0 0 4px #ff6b351f}.sbtn{width:46px;height:46px;border:none;border-radius:15px;background:linear-gradient(135deg,var(--or),var(--orl));color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 0 var(--or-dark),0 4px 12px #ff6b3559;transition:transform .1s}.sbtn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--or-dark)}.sbtn:disabled{background:#ebe7e0;color:#c4bdb2;box-shadow:none;cursor:default}.stOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e160e8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stCard{background:var(--wh);border-radius:24px;padding:28px 24px;width:100%;max-width:420px;box-shadow:0 24px 60px #140f0a40,0 0 0 1px #0000000d;text-align:center;position:relative;animation:popIn .25s var(--ease)}.stProgress{font-size:11px;font-weight:800;color:var(--mu);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}.stWordNum{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--or),var(--orl));color:#fff;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 6px 18px #ff6b3566}.stWordNum.speaking{animation:stpulse 1s infinite}@keyframes stpulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.stStatus{font-size:13.5px;color:var(--mu);margin-bottom:18px;min-height:18px}.stControls{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.stBtn{border:none;border-radius:14px;padding:12px 18px;font-family:Nunito,sans-serif;font-weight:800;font-size:13.5px;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .1s ease}.stBtn:active{transform:translateY(2px)}.stBtn-main{background:linear-gradient(135deg,var(--or),var(--orl));color:#fff;box-shadow:0 4px 0 var(--or-dark),0 6px 14px #ff6b3559}.stBtn-main:active{box-shadow:0 2px 0 var(--or-dark)}.stBtn-sec{background:#f7f6f4;color:var(--tx);border:1.5px solid var(--bd);box-shadow:0 3px 0 var(--bd)}.stBtn-sec:active{box-shadow:0 1px 0 var(--bd)}.stBtn:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.stClose{position:absolute;top:14px;right:14px;background:#fbf9f6;border:1px solid var(--bd);font-size:16px;color:var(--mu);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .1s}.stClose:hover{background:#f0ebe3;color:var(--tx)}.stClose:active{transform:scale(.92)}.stNav{display:flex;justify-content:space-between;gap:8px}.stWordsDone{font-size:11.5px;color:var(--mu);margin-top:6px}.pg-font{font-family:"Press Start 2P",monospace}.pg-card{background:#0f172a;background-image:radial-gradient(#1e293b 1px,transparent 1px),linear-gradient(180deg,#00000080,#000000d9);background-size:8px 8px,100% 100%;border:4px solid #f39c12;border-radius:0;box-shadow:inset 2px 2px #f9e79f,inset -2px -2px #b7950b,0 0 0 4px #000,10px 10px #0009;position:relative;overflow:hidden}.pg-card:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#0000002e 50%);background-size:100% 4px;z-index:10;pointer-events:none;opacity:.75}.pg-hud{display:flex;justify-content:space-between;align-items:center;background:#000;border:2px solid #334155;padding:6px 10px;margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:8.5px;color:#f1c40f;text-shadow:1px 1px 0 #000;letter-spacing:.5px}.pg-hud-cyan{color:#00e5ff}.pg-hud-white{color:#fff}.pg-btn{font-family:"Press Start 2P",monospace;border:3px solid #000;border-radius:0;box-shadow:inset 2px 2px #ffffff73,inset -2px -2px #00000080,4px 4px #000;cursor:pointer;transition:transform .06s cubic-bezier(.4,0,.2,1);padding:11px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;text-shadow:2px 2px 0 rgba(0,0,0,.6)}.pg-btn:active{transform:translate(3px,3px);box-shadow:inset 1px 1px #0006,1px 1px #000}.pg-btn-green{background:#00a859;color:#fff}.pg-btn-green:hover{background:#00c868}.pg-btn-yellow{background:#f39c12;color:#000;text-shadow:none}.pg-btn-yellow:hover{background:#f1c40f}.pg-btn-red{background:#e74c3c;color:#fff}.pg-btn-red:hover{background:#ff5252}.pg-btn-blue{background:#0070ec;color:#fff}.pg-btn-blue:hover{background:#2980b9}.pg-btn-grey{background:#475569;color:#cbd5e1}.pg-stage{position:relative;height:240px;background:linear-gradient(180deg,#0984e3,#48dbfb 55%,#ffeaa7 92%,#55efc4);border:3px solid #000;box-shadow:inset 0 0 16px #0000004d;overflow:hidden;image-rendering:pixelated}.pg-hills{position:absolute;bottom:34px;left:0;right:0;height:60px;background-image:radial-gradient(circle at 20px 40px,#16a085 24px,transparent 25px),radial-gradient(circle at 65px 35px,#27ae60 30px,transparent 31px),radial-gradient(circle at 115px 45px,#16a085 26px,transparent 27px),radial-gradient(circle at 165px 35px,#2ecc71 30px,transparent 31px),radial-gradient(circle at 215px 42px,#16a085 24px,transparent 25px),radial-gradient(circle at 265px 36px,#27ae60 28px,transparent 29px),radial-gradient(circle at 315px 44px,#16a085 25px,transparent 26px);opacity:.65;pointer-events:none}.pg-cloud{position:absolute;background:#fff;border:2px solid #ffffff;box-shadow:2px 2px #00000026;animation:pgCloudDrift 18s linear infinite}@keyframes pgCloudDrift{0%{transform:translate(0)}50%{transform:translate(18px)}to{transform:translate(0)}}.pg-rung{position:absolute;height:12px;background-color:#8b4513;background-image:linear-gradient(45deg,#a0522d 25%,transparent 25%),linear-gradient(-45deg,#a0522d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#a0522d 75%),linear-gradient(-45deg,transparent 75%,#a0522d 75%);background-size:8px 8px;border-top:3px solid #2ecc71;border-bottom:2px solid #3e1c05;border-left:2px solid #5c3a1a;border-right:2px solid #5c3a1a;box-shadow:0 4px #00000059;transition:all .25s steps(3)}.pg-rung:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#27ae60,#27ae60 4px,#2ecc71 4px,#2ecc71 8px)}.pg-rung-dock{background:#5c3a21!important;border-top:3px solid #d4a373!important;border-bottom:2px solid #2a1508!important;box-shadow:0 4px #0006!important}.pg-rung-dock:before{display:none!important}.pg-rung.pg-rung-done{background-color:#f39c12;background-image:linear-gradient(45deg,#f1c40f 25%,transparent 25%),linear-gradient(-45deg,#f1c40f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1c40f 75%),linear-gradient(-45deg,transparent 75%,#f1c40f 75%);border-top:3px solid #fff;border-bottom:2px solid #b7950b;box-shadow:0 0 8px #f1c40fb3}.pg-rung-target:after{content:"▼";position:absolute;top:-16px;left:50%;transform:translate(-50%);color:#f05;font-family:"Press Start 2P",monospace;font-size:8px;animation:pgTargetBlink .6s infinite alternate}@keyframes pgTargetBlink{0%{transform:translate(-50%) translateY(0);opacity:.5}to{transform:translate(-50%) translateY(-4px);opacity:1;color:#f1c40f}}.pg-water{position:absolute;bottom:0;left:0;right:0;height:36px;background:repeating-linear-gradient(90deg,#00509d,#00509d 12px,#003f88 12px,#003f88 24px);border-top:3px solid #00296b;z-index:4}.pg-water:before{content:"";position:absolute;top:-5px;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,#48cae4,#48cae4 8px,#fff 8px,#fff 16px,#0077b6 16px,#0077b6 24px);animation:pgWaterWave .8s steps(4) infinite}@keyframes pgWaterWave{0%{background-position-x:0}to{background-position-x:24px}}.pg-char{position:absolute;transition:left .32s steps(6),bottom .38s cubic-bezier(.2,1.4,.5,1);z-index:6;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.5))}.pg-char-idle{animation:segaIdle .7s ease-in-out infinite}@keyframes segaIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pg-char-jumping{animation:segaJumpArc .4s ease-out}@keyframes segaJumpArc{0%{transform:translateY(0) scaleY(.9)}40%{transform:translateY(-24px) rotate(-8deg) scaleY(1.15)}80%{transform:translateY(-8px) rotate(4deg)}to{transform:translateY(0) scaleY(1)}}.pg-char-fall{animation:segaFallTumble .7s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes segaFallTumble{0%{transform:translateY(0) rotate(0);opacity:1}80%{transform:translateY(180px) rotate(540deg) scale(.9);opacity:1}to{transform:translateY(220px) rotate(720deg) scale(.6);opacity:0}}.pg-char-joy{animation:segaVictoryDance .5s steps(2) infinite}@keyframes segaVictoryDance{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.1)}}.pg-dust-poof{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:14px;animation:pgDustBurst .35s ease-out forwards;pointer-events:none}@keyframes pgDustBurst{0%{transform:translate(-50%) scale(.2);opacity:1}to{transform:translate(-50%) scale(1.4);opacity:0}}.pg-splash{position:absolute;font-size:34px;animation:segaSplashBurst .65s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:8;pointer-events:none}@keyframes segaSplashBurst{0%{transform:scale(.2) translateY(10px);opacity:0}40%{transform:scale(1.3) translateY(-14px);opacity:1}to{transform:scale(1.6) translateY(20px);opacity:0}}.pg-score-pop{position:absolute;font-family:"Press Start 2P",monospace;font-size:11px;font-weight:800;color:#ffeb3b;text-shadow:2px 2px 0 #000;animation:segaScoreFloat .75s ease-out forwards;pointer-events:none;z-index:10}@keyframes segaScoreFloat{0%{transform:translateY(0) scale(.8);opacity:0}25%{transform:translateY(-10px) scale(1.2);opacity:1}to{transform:translateY(-30px) scale(1);opacity:0}}.pg-challenge-box{background:#000;border:3px solid #0070ec;box-shadow:inset 2px 2px #60b0ff,4px 4px #00000080;padding:10px 14px;margin:12px 0;text-align:center}.pg-challenge-badge{font-family:"Press Start 2P",monospace;font-size:8px;color:#00e5ff;letter-spacing:1px;margin-bottom:6px;text-shadow:1px 1px 0 #000}.pg-challenge-text{font-family:"Press Start 2P",monospace;font-size:13px;line-height:1.6;color:#fff;text-shadow:2px 2px 0 #000}.pg-input-wrap{position:relative;margin-bottom:10px}.pg-input{width:100%;background:#000;border:3px solid #f1c40f;box-shadow:inset 2px 2px #7f6000,3px 3px #0006;padding:11px 12px;font-family:"Press Start 2P",monospace;font-size:14px;color:#0f6;text-shadow:0 0 6px rgba(0,255,102,.6);text-align:center;outline:none;border-radius:0}.pg-input:focus{border-color:#00e5ff;box-shadow:inset 2px 2px #079,0 0 10px #00e5ff80}.pg-input::placeholder{color:#475569;font-size:10px}@keyframes fighterLunge{0%{transform:translate(0) rotate(0)}40%{transform:translate(140px) rotate(-15deg)}55%{transform:translate(150px) rotate(10deg)}to{transform:translate(0) rotate(0)}}@keyframes fighterRecoil{0%{transform:translate(0)}30%{transform:translate(-18px) rotate(8deg)}to{transform:translate(0) rotate(0)}}@keyframes bossFlinch{0%{transform:translate(0) scale(1)}25%{transform:translate(14px) scale(.92) rotate(6deg)}55%{transform:translate(-6px) scale(1.04)}to{transform:translate(0) scale(1) rotate(0)}}@keyframes bossAttackLunge{0%{transform:translate(0)}40%{transform:translate(-100px) rotate(8deg) scale(1.1)}55%{transform:translate(-110px) rotate(-6deg)}to{transform:translate(0) rotate(0)}}@keyframes explosionBurst{0%{font-size:0;opacity:0;transform:scale(.3) rotate(0)}30%{font-size:64px;opacity:1;transform:scale(1.3) rotate(-10deg)}60%{font-size:54px;opacity:1;transform:scale(1) rotate(8deg)}to{font-size:40px;opacity:0;transform:scale(.7) rotate(0)}}@keyframes stageShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes healthFlash{0%,to{filter:brightness(1)}50%{filter:brightness(1.6)}}.bb-tier-fresh{filter:none}.bb-tier-winded{animation:windedBob 1.6s ease-in-out infinite;filter:saturate(.85)}.bb-tier-staggering{animation:staggerWobble .7s ease-in-out infinite;filter:saturate(.6) brightness(.95)}.bb-tier-critical{animation:criticalShake .35s ease-in-out infinite,critPulse .6s ease-in-out infinite}.bb-sweat{position:absolute;font-size:16px;opacity:0;animation:sweatDrop 1.3s ease-in-out infinite}.bb-dizzy-wrap{position:absolute;top:-6px;left:50%;width:0;height:0;pointer-events:none}.bb-dizzy-star{position:absolute;font-size:14px;animation:dizzyOrbit 1.4s linear infinite}.bb-dizzy-star:nth-child(2){animation-delay:.47s}.bb-dizzy-star:nth-child(3){animation-delay:.94s}.bb-fighter-attack{animation:fighterLunge .55s ease}.bb-fighter-hit{animation:fighterRecoil .4s ease}.bb-boss-flinch{animation:bossFlinch .45s ease}.bb-boss-attack{animation:bossAttackLunge .5s ease}.bb-explode{animation:explosionBurst .55s ease}.bb-shake{animation:stageShake .4s ease}.bb-flash{animation:healthFlash .3s ease}@keyframes windedBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(-2deg)}}@keyframes staggerWobble{0%,to{transform:rotate(-6deg) translate(-3px)}50%{transform:rotate(6deg) translate(3px)}}@keyframes criticalShake{0%,to{transform:translate(0) rotate(-3deg)}25%{transform:translate(-3px) rotate(3deg)}75%{transform:translate(3px) rotate(-3deg)}}@keyframes dizzyOrbit{0%{transform:rotate(0) translate(26px) rotate(0)}to{transform:rotate(360deg) translate(26px) rotate(-360deg)}}@keyframes sweatDrop{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}@keyframes critPulse{0%,to{filter:saturate(.5) brightness(1)}50%{filter:saturate(.5) brightness(.75)}}.toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%) translateY(20px);background:#251d18;color:#fff;padding:10px 20px;border-radius:20px;font-size:13.5px;font-weight:800;opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;white-space:nowrap;z-index:1000;box-shadow:0 10px 24px #0003}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.fitem{background:var(--wh);border:1.5px solid var(--bd);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-xs);transition:all .15s}.fitem:hover{border-color:#d8d0c2}.fitem-head{padding:10px 14px;display:flex;align-items:center;gap:10px;cursor:pointer}.fitem-head:active{background:#fafafa}.fitem-body{max-height:0;overflow:hidden;transition:max-height .25s ease;border-top:1px solid var(--bd)}.fitem-body.open{max-height:340px;overflow-y:auto}.fitem-text{padding:12px 14px;font-size:12px;line-height:1.6;color:#555;white-space:pre-wrap;font-family:ui-monospace,monospace}.fitem-chev{margin-left:auto;font-size:11px;color:var(--mu);transition:transform .2s;flex-shrink:0}.fitem-chev.open{transform:rotate(180deg)}.ok-banner{background:#eaf6ec;border:1.5px solid #c9e6cc;border-radius:14px;padding:11px 16px;font-size:12.5px;font-weight:800;color:#2c6b34;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-xs)}.pwa-install-banner{background:linear-gradient(135deg,#fff7f3,#ffece1);border-bottom:1.5px solid #ffd8c7;padding:10px 16px;display:flex;align-items:center;gap:12px;font-size:12.5px;flex-shrink:0;z-index:20}.pwa-install-btn{background:linear-gradient(135deg,var(--or),var(--orl));color:#fff;border:none;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--or-dark);margin-left:auto;transition:transform .1s}.pwa-install-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--or-dark)}.pwa-dismiss-btn{background:none;border:none;color:var(--mu);font-size:15px;cursor:pointer;padding:4px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#dcd4c8;border-radius:4px}.mission-hub{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.mission-hub-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:8px}.hub-context-strip{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(90deg,#fffcf9,#fff7ee);border-bottom:1.5px solid #fed7aa;gap:10px;flex-shrink:0;flex-wrap:wrap}.context-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.week-toggle-cluster{display:flex;gap:4px;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:2px}.week-toggle-cluster .wbtn{font-size:11px;font-weight:800;padding:4px 9px;border-radius:9px;border:none;background:transparent;color:var(--mu);cursor:pointer;transition:all .14s ease}.week-toggle-cluster .wbtn.active{background:var(--or);color:#fff;box-shadow:0 1px 4px #ff6b354d}.bulletin-date-badge{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:4px 10px;font-size:11px;color:var(--tx)}.due-alert-pill{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:800}.context-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.mini-streak-track{display:flex;align-items:center;gap:4px}.mini-streak-day{display:flex;flex-direction:column;align-items:center;padding:2px 4px;border-radius:7px;background:#fff;border:1px solid var(--bd);font-size:8px;font-weight:800;color:var(--mu);line-height:1.1;min-width:22px}.mini-streak-day.today{border:1.5px solid var(--or);background:#fff4ed;color:var(--or);box-shadow:0 0 6px #ff6b3540}.mini-streak-day.completed{border-color:#86efac;background:#f0fdf4;color:#166534}.mini-quest-pill{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #fed7aa;border-radius:12px;padding:5px 10px;font-size:11px;font-weight:800;color:#9a3412;cursor:pointer;box-shadow:0 2px #fed7aa;transition:transform .12s,box-shadow .12s}.mini-quest-pill:hover{transform:translateY(-1px);box-shadow:0 3px #fed7aa}.mini-quest-pill.mystery-chest-pill{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e;box-shadow:0 2px #d97706,0 0 10px #f59e0b59;animation:chestGlow 1.8s infinite alternate}@keyframes chestGlow{0%{transform:scale(1);box-shadow:0 2px #d97706,0 0 4px #f59e0b33}to{transform:scale(1.03);box-shadow:0 2px #d97706,0 0 12px #f59e0b80}}.mini-quest-pill.parent-pill{background:#f8fafc;border-color:#cbd5e1;color:#334155;box-shadow:0 2px #cbd5e1}.missions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 16px 6px}.mission-card{background:var(--wh);border:2px solid var(--bd);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 3px 0 var(--bd),0 2px 10px #00000008;transition:transform .14s var(--ease),border-color .15s ease,box-shadow .15s ease;position:relative}.mission-card:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--bd),0 6px 16px #0000000f}.mission-card.spelling{border-color:#ffd8c7;background:linear-gradient(180deg,#fffcfb,#fff)}.mission-card.spelling:hover{border-color:var(--or);box-shadow:0 5px 0 var(--orl),0 6px 16px #ff6b351f}.mission-card.maths{border-color:#c8e6c9;background:linear-gradient(180deg,#fbfefc,#fff)}.mission-card.maths:hover{border-color:#16a34a;box-shadow:0 5px #a5d6a7,0 6px 16px #16a34a1f}.mission-card.reading{border-color:#bbdefb;background:linear-gradient(180deg,#fbfcff,#fff)}.mission-card.reading:hover{border-color:#2563eb;box-shadow:0 5px #90caf9,0 6px 16px #2563eb1f}.mcard-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mcard-title-group{display:flex;align-items:center;gap:8px;min-width:0}.mcard-icon{font-size:22px;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid transparent}.mcard-icon.spelling-icon{background:#fff7ed;border-color:#fed7aa}.mcard-icon.maths-icon{background:#f0fdf4;border-color:#bbf7d0}.mcard-icon.reading-icon{background:#eff6ff;border-color:#bfdbfe}.mcard-title{font-family:var(--font-display);font-size:14.5px;font-weight:800;color:var(--tx);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcard-sub{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcard-sub.spelling-sub{color:var(--or-dark)}.mcard-sub.maths-sub{color:#15803d}.mcard-sub.reading-sub{color:#1d4ed8}.mcard-quest-tag{font-size:8px;font-weight:900;padding:3px 6px;border-radius:7px;letter-spacing:.3px;display:flex;align-items:center;gap:3px;white-space:nowrap;flex-shrink:0}.mcard-quest-tag.completed{background:#dcfce7;color:#15803d;border:1px solid #86efac}.mcard-quest-tag.pending{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.mcard-desc{font-size:11px;color:var(--mu);font-weight:600;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mcard-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto}.mbtn-primary{width:100%;border-radius:12px;padding:9px 12px;font-family:Nunito,sans-serif;font-size:12.5px;font-weight:900;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:transform .1s,box-shadow .1s}.mbtn-primary.spelling{background:linear-gradient(135deg,var(--or),var(--orl));box-shadow:0 3px 0 var(--or-dark)}.mbtn-primary.maths{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 3px #15803d}.mbtn-primary.reading{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 3px #1d4ed8}.mbtn-primary:active{transform:translateY(2px);box-shadow:0 1px #0003}.mbtn-sub-row{display:flex;gap:5px}.mbtn-sub{flex:1;background:#fbf9f6;border:1.5px solid var(--bd);border-radius:9px;padding:5px 6px;font-family:Nunito,sans-serif;font-size:10.5px;font-weight:800;color:var(--tx);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;box-shadow:0 1.5px 0 var(--bd);transition:all .12s ease}.mbtn-sub:hover{background:#fff;border-color:var(--or);transform:translateY(-1px)}.mbtn-sub:active{transform:translateY(1px);box-shadow:none}@media (max-width: 680px){.missions-grid{grid-template-columns:1fr;gap:8px;padding:8px 12px 4px}.mission-card{padding:9px 12px;border-radius:15px;gap:6px}.mcard-desc{display:none}.mcard-header{gap:6px}.mcard-icon{width:32px;height:32px;border-radius:9px;font-size:18px}.mcard-title{font-size:13.5px}.mcard-sub{font-size:8.5px}.mcard-quest-tag{font-size:7.5px;padding:2px 5px}.mcard-actions{gap:5px}.mbtn-primary{padding:7px 10px;font-size:12px;border-radius:10px;box-shadow:0 2px #00000026}.mbtn-sub-row{gap:4px}.mbtn-sub{padding:4px 5px;font-size:9.5px;border-radius:8px}}.earned-rewards-shelf{margin:6px 16px 14px;background:linear-gradient(135deg,#1e1b2e,#161224);border:2px solid #3b3558;border-radius:20px;padding:16px;color:#fff;box-shadow:0 8px 24px #16122440}.rewards-shelf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.rewards-shelf-title{display:flex;flex-direction:column;gap:2px}.arcade-pill{background:#e11d48;color:#fff;font-size:8.5px;font-weight:900;letter-spacing:.8px;padding:2px 7px;border-radius:6px;display:inline-block;width:fit-content}.rewards-shelf-heading{font-family:var(--font-display);font-size:15px;font-weight:900;color:#fff;letter-spacing:-.1px}.rewards-shelf-sub{font-size:11px;color:#a5b4fc}.rewards-shelf-stars{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:5px 11px;font-size:11px;font-weight:800;color:#fde047;cursor:pointer;transition:transform .12s}.rewards-shelf-stars:hover{transform:translateY(-1px)}.rewards-shelf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 680px){.rewards-shelf-grid{grid-template-columns:1fr}}.arcade-game-card{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:16px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:border-color .15s,transform .14s}.arcade-game-card:hover{border-color:#ffffff47;transform:translateY(-2px)}.game-card-top{display:flex;align-items:flex-start;gap:10px}.game-card-icon-badge{width:36px;height:36px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.game-card-title{font-family:var(--font-display);font-size:14px;font-weight:800;color:#fff;line-height:1.2}.game-card-desc{font-size:11px;color:#cbd5e1;line-height:1.35;margin-top:2px}.arcade-play-btn{width:100%;border-radius:12px;padding:9px 12px;font-family:Nunito,sans-serif;font-size:12.5px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;border:none;transition:transform .1s,box-shadow .1s}.arcade-play-btn:active{transform:translateY(2px);box-shadow:none!important}.boss-play-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 3px #9a3412}.platform-play-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 3px #065f46}.assistant-drawer{margin:0 16px 16px;background:var(--wh);border:2px solid var(--bd);border-radius:20px;overflow:hidden;box-shadow:0 4px 14px #1e160e0d;transition:all .25s var(--ease)}.drawer-header{background:#faf8f5;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--bd);transition:background .15s ease}.drawer-header:hover{background:#f4efe8}.drawer-title-group{display:flex;align-items:center;gap:10px}.drawer-icon{width:34px;height:34px;border-radius:10px;background:#ede9fe;border:1px solid #ddd6fe;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.drawer-title{font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--tx);line-height:1.2}.drawer-sub{font-size:10.5px;color:var(--mu);font-weight:600}.drawer-header-right{display:flex;align-items:center;gap:8px}.drawer-msg-count{background:#e0e7ff;color:#3730a3;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:800}.drawer-toggle-btn{background:#fff;border:1.5px solid var(--bd);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800;color:var(--or);white-space:nowrap}.drawer-teaser{padding:10px 14px 12px;background:#fff}.drawer-content{padding:10px 14px 14px;background:#fff;display:flex;flex-direction:column;gap:8px}.assistant-msgs{min-height:120px;max-height:320px;overflow-y:auto;background:#faf8f5;border-radius:16px;border:1.5px solid var(--bd);padding:12px 14px}.drawer-ibar{padding:8px 0 0;border-top:none;background:transparent}.bb-arena{position:relative;height:140px;border-radius:16px;margin-bottom:10px;overflow:hidden;border:2px solid #334155;box-shadow:inset 0 2px 10px #00000080,0 4px 12px #00000026;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 14px}.bb-theme-easy{background:radial-gradient(circle at 75% 30%,#1e3a1e,#061e0d 70%,#020d05);border-color:#22c55e}.bb-theme-medium{background:radial-gradient(circle at 75% 30%,#3f2e15,#201407 70%,#0d0802);border-color:#f59e0b}.bb-theme-hard{background:radial-gradient(circle at 75% 30%,#450a0a,#230404 70%,#0a0101);border-color:#ef4444}.bb-theme-extreme{background:radial-gradient(circle at 75% 30%,#3b0764,#1e0533 70%,#090011);border-color:#a855f7}.bb-floor{position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(180deg,#ffffff0f,#0006);border-top:1px solid rgba(255,255,255,.15);pointer-events:none}.bb-fighter-slot{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bb-pedestal{width:52px;height:12px;background:radial-gradient(ellipse at center,#ff6b3580,#0000 70%);margin-top:-6px}.bb-boss-slot{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bb-speech-bubble{position:absolute;top:-34px;right:-6px;background:#fff;border:2px solid #0f172a;border-radius:12px;padding:4px 9px;font-size:10px;font-weight:800;color:#0f172a;white-space:nowrap;box-shadow:2px 2px #0000004d;z-index:10;animation:speechPop .2s cubic-bezier(.34,1.56,.64,1)}.bb-speech-bubble:after{content:"";position:absolute;bottom:-6px;right:18px;border-width:6px 5px 0;border-style:solid;border-color:#0f172a transparent transparent;display:block;width:0}@keyframes speechPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes projectileShoot{0%{left:45px;opacity:1;transform:scale(.6)}60%{opacity:1;transform:scale(1.3)}to{left:240px;opacity:0;transform:scale(1.6)}}.bb-projectile{position:absolute;bottom:30px;left:45px;font-size:24px;z-index:8;animation:projectileShoot .28s ease-in forwards;pointer-events:none}@keyframes floatDamage{0%{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:1;transform:translateY(-16px) scale(1.25)}75%{opacity:1;transform:translateY(-28px) scale(1.1)}to{opacity:0;transform:translateY(-38px) scale(.8)}}.bb-floating-dmg{position:absolute;top:15px;right:25px;font-family:var(--font-display);font-size:16px;font-weight:900;text-shadow:2px 2px 0 #000;z-index:12;animation:floatDamage .85s ease-out forwards;pointer-events:none}.bb-floating-dmg.crit{color:#fef08a;font-size:20px;text-shadow:0 0 10px #f59e0b,2px 2px 0 #000}.bb-floating-dmg.hit{color:#4ade80}.bb-floating-dmg.hurt{color:#f87171;right:auto;left:20px}.bb-combo-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:9.5px;font-weight:900;padding:3px 8px;border-radius:8px;box-shadow:0 2px 6px #f9731666;animation:comboPulse .6s ease-in-out infinite alternate}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.bb-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.bb-key{background:#fff;border:2px solid var(--bd);border-radius:12px;padding:10px 4px;font-size:16px;font-weight:800;color:var(--tx);cursor:pointer;box-shadow:0 3px 0 var(--bd);transition:all .08s ease;-webkit-user-select:none;user-select:none}.bb-key:hover{background:#fbf9f6;border-color:var(--or)}.bb-key:active{transform:translateY(2px);box-shadow:0 1px 0 var(--bd)}.bb-key.attack{background:linear-gradient(135deg,var(--or),var(--orl));color:#fff;border-color:var(--or-dark);box-shadow:0 3px 0 var(--or-dark);font-size:14px}.bb-key.attack:active{transform:translateY(2px);box-shadow:none}.bb-key.clear{background:#fee2e2;color:#b91c1c;border-color:#fca5a5;box-shadow:0 3px #fca5a5}.bb-key.clear:active{transform:translateY(2px);box-shadow:none}.speech-btn{-webkit-user-select:none;user-select:none}.speech-btn:hover{background:#fed7aa!important;color:#9a3412!important}.speech-btn.active-speaking{animation:speechPulse 1.2s infinite ease-in-out}@keyframes speechPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mystery-chest-pill{animation:chestGlow 1.4s infinite alternate}@keyframes chestGlow{0%{box-shadow:0 0 4px #f59e0b66;transform:scale(1)}to{box-shadow:0 0 12px #f59e0be6;transform:scale(1.03)}}@media print{body *{visibility:hidden}.printable-worksheet,.printable-worksheet *{visibility:visible}.printable-worksheet{display:block!important;position:absolute;left:0;top:0;width:100%;margin:0;padding:20px;background:#fff!important;color:#000!important}.stOverlay,.stCard{position:static!important;inset:auto!important;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;max-width:100%!important}}.msg.a .bub.has-rich-content{max-width:98%!important;width:100%;white-space:normal!important;padding:10px 12px}.assistant-msgs{max-height:440px!important}.chat-table-wrapper{overflow-x:auto;margin:8px 0;border-radius:12px;border:1.5px solid #e2e8f0;white-space:normal!important;background:#fff;box-shadow:0 2px 8px #1e160e0a}.chat-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;background:#fff}.chat-table th{background:#f8fafc;color:#334155;font-weight:800;padding:8px 12px;border-bottom:1.5px solid #e2e8f0;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.chat-table td{padding:9px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.chat-table tr:last-child td{border-bottom:none}.chat-table tr:nth-child(2n){background:#fafaf9}.chat-table tr:hover{background:#fff7ed}.table-word-cell{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800;font-size:14px}.table-word-text{font-family:var(--font-display, inherit);letter-spacing:-.2px;color:#0f172a}.table-sentence-cell{font-size:12px;color:#475569;font-style:italic;line-height:1.4}.spelling-grid-block{margin:6px 0;background:#fff;border:1.5px solid #fed7aa;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #ea580c14;white-space:normal!important}.spelling-grid-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-bottom:1px solid #fed7aa;gap:8px;flex-wrap:wrap}.spelling-grid-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:#9a3412;font-family:var(--font-display, inherit)}.spelling-count-badge{background:#ea580c;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:20px;box-shadow:0 1px 3px #ea580c4d}.spelling-view-toggle{display:inline-flex;background:#ffedd5;border:1.5px solid #fdba74;border-radius:8px;padding:2px;gap:2px}.spelling-toggle-btn{border:none;background:transparent;padding:4px 10px;font-size:11px;font-weight:700;color:#9a3412;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.spelling-toggle-btn.active{background:#ea580c;color:#fff;box-shadow:0 2px 4px #ea580c40}.spelling-filter-bar{padding:8px 12px;display:flex;gap:6px;background:#fafaf9;border-bottom:1px solid #f3f4f6;overflow-x:auto}.spelling-filter-chip{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;border:1.5px solid #e2e8f0;background:#fff;color:#475569;transition:all .15s ease;white-space:nowrap}.spelling-filter-chip.active{background:#ea580c;color:#fff;border-color:#ea580c;box-shadow:0 1px 4px #ea580c33}.spelling-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:12px;background:#faf8f5}.spelling-tile-card{background:#fff;border:1.5px solid #fed7aa;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 2px 6px #1e160e0a}.spelling-tile-card:hover{transform:translateY(-2px);border-color:#f97316;box-shadow:0 6px 16px #f9731626}.tile-top-row{display:flex;justify-content:space-between;align-items:center}.tile-num{font-size:11px;font-weight:800;color:#94a3b8}.spelling-type-pill{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:10px;line-height:1.2}.spelling-type-pill.focus{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.spelling-type-pill.group{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.spelling-type-pill.statutory{background:#f3e8ff;color:#7e22ce;border:1px solid #e9d5ff}.tile-word-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile-word{font-size:18px;font-weight:800;color:#1e293b;font-family:var(--font-display, inherit);letter-spacing:-.3px}.tile-sentence{font-size:12px;line-height:1.45;color:#475569;background:#fff7ed;padding:6px 8px;border-radius:8px;border-left:2.5px solid #f97316;font-style:italic}.sentence-word-highlight{color:#ea580c;font-weight:800;background:#ffedd5;padding:0 3px;border-radius:4px}.spelling-table-wrapper{margin:0!important;border:none!important;border-radius:0!important}.spelling-grid-footer{padding:10px 14px;background:#fff7ed;border-top:1px solid #fed7aa;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.spelling-footer-hint{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#9a3412}.spelling-test-btn{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;border:none;padding:7px 14px;border-radius:20px;font-weight:800;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 6px #ea580c40;transition:all .15s ease}.spelling-test-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #ea580c59}@media (max-width: 680px){.spelling-card-grid{grid-template-columns:1fr;gap:8px;padding:10px}}.juicy-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;font-family:var(--font-display, "Nunito", sans-serif);font-size:14px;font-weight:800;color:#fff;border:none;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .1s ease,box-shadow .1s ease,filter .1s ease;letter-spacing:.2px;-webkit-user-select:none;user-select:none}.juicy-btn:hover{filter:brightness(1.05)}.juicy-btn:active{transform:translateY(3px)}.juicy-btn-spelling{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 4px #b45309,0 6px 14px #d9770640}.juicy-btn-spelling:active{box-shadow:0 1px #b45309}.juicy-btn-maths{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 4px #047857,0 6px 14px #05966940}.juicy-btn-maths:active{box-shadow:0 1px #047857}.juicy-btn-reading{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 4px #1d4ed8,0 6px 14px #2563eb40}.juicy-btn-reading:active{box-shadow:0 1px #1d4ed8}.mission-card.spelling{background:#fffdf9;border:2px solid #fed7aa;box-shadow:0 4px 14px #fbbf2414}.mission-card.spelling .mcard-icon{background:#fef3c7;color:#b45309}.mission-card.spelling .mcard-sub{color:#b45309}.mission-card.maths{background:#fbfdfc;border:2px solid #a7f3d0;box-shadow:0 4px 14px #34d39914}.mission-card.maths .mcard-icon{background:#d1fae5;color:#047857}.mission-card.maths .mcard-sub{color:#047857}.mission-card.reading{background:#fafcff;border:2px solid #bfdbfe;box-shadow:0 4px 14px #60a5fa14}.mission-card.reading .mcard-icon{background:#dbeafe;color:#1d4ed8}.mission-card.reading .mcard-sub{color:#1d4ed8}.card-extra-tray{display:flex;flex-direction:column;gap:6px;width:100%}.card-extra-toggle{background:transparent;border:none;font-size:11px;font-weight:700;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .12s;text-align:center}.card-extra-toggle:hover{color:#0f172a;background:#0000000a}.animate-fade-in{animation:fadeInTools .18s ease-out}@keyframes fadeInTools{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.guide-help-pill{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;border:1.5px solid #fde68a;color:#b45309;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800;cursor:pointer;transition:all .14s ease;box-shadow:0 2px #fde68a}.guide-help-pill:hover{transform:translateY(-1px);box-shadow:0 3px #fde68a;background:#fde68a}.guide-help-pill:active{transform:translateY(1px);box-shadow:none}.guide-emoji{font-size:13px}.kid-guide-modal{background:#fff;border:2.5px solid #fed7aa;box-shadow:0 12px 36px #ff6b352e}.guide-dots-track{display:flex;gap:6px;align-items:center}.guide-dot{width:10px;height:10px;border-radius:50%;border:none;background:#e2e8f0;cursor:pointer;transition:all .15s ease}.guide-dot.active{background:#ea580c;width:22px;border-radius:10px}.guide-mascot-hero{font-size:46px;margin-bottom:8px;animation:mascotFloat 2.2s infinite ease-in-out}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.guide-title{font-family:var(--font-display, inherit);font-size:20px;font-weight:800;color:#1e293b;margin-bottom:6px}.guide-sub{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:16px}.guide-mission-tile{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px}.guide-mission-tile.spelling-tile{background:#fffbeb;border:1.5px solid #fde68a}.guide-mission-tile.maths-tile{background:#ecfdf5;border:1.5px solid #a7f3d0}.guide-mission-tile.reading-tile{background:#eff6ff;border:1.5px solid #bfdbfe}.guide-mission-tile .tile-icon{font-size:24px}.guide-evolution-strip{display:flex;justify-content:space-between;align-items:center;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:14px;padding:10px 12px;margin-bottom:14px}.evo-stage{display:flex;flex-direction:column;align-items:center;gap:2px}.evo-icon{font-size:24px}.evo-label{font-size:9px;font-weight:800;color:#9a3412;text-transform:uppercase}.evo-arrow{color:#ea580c;font-weight:800;font-size:14px}.guide-tip-callout{display:flex;gap:8px;align-items:center;background:#fefce8;border:1.5px solid #fef08a;border-radius:12px;padding:8px 12px;margin-bottom:16px}.guide-nav-row{display:flex;gap:10px;align-items:center}.guide-prev-btn{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#475569;padding:10px 14px;border-radius:14px;font-weight:800;font-size:13px;cursor:pointer;transition:all .12s}.guide-prev-btn:hover{background:#e2e8f0}@media (max-width: 680px){.streak-track-desktop{display:none!important}.missions-grid{grid-template-columns:1fr;gap:10px;padding:8px 12px 4px}.mission-card{padding:12px 14px;border-radius:18px;gap:8px}.mcard-title{font-size:15px;font-weight:800}.mcard-sub{font-size:11px;font-weight:700}.mcard-quest-tag{font-size:9px;padding:3px 7px;border-radius:8px}.mcard-desc{display:none!important}.juicy-btn{padding:11px 14px;font-size:13.5px}.hub-context-strip{padding:6px 10px;gap:5px}.context-left{gap:5px}.context-right{gap:5px;margin-left:auto}.due-alert-pill,.bulletin-date-badge{font-size:10px;padding:3px 7px}.mini-quest-pill{padding:4px 7px;font-size:10.5px}}