.admin-portal-shell{color:#0f172a;background-color:#f8fafc;flex-direction:column;width:100%;min-height:100vh;font-family:Nunito,Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative}.admin-header{color:#fff;z-index:1000;background:#0f172a;border-bottom:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0f172a1f}.admin-header-brand{align-items:center;gap:16px;display:flex}.admin-logo-badge{background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 6px 16px #0284c759}.admin-title-row{align-items:center;gap:12px;display:flex}.admin-main-title{letter-spacing:.5px;color:#f8fafc;margin:0;font-size:19px;font-weight:900}.admin-role-tag{color:#fff;letter-spacing:.8px;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:900;box-shadow:0 2px 6px #f59e0b4d}.admin-subtitle{color:#94a3b8;margin:2px 0 0;font-size:13px;font-weight:500}.admin-header-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-switch-learner{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #fff3;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #10b98140}.btn-switch-learner:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 18px #10b98166}.admin-user-badge{background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:10px;padding:6px 14px;display:flex}.admin-user-badge .user-icon{font-size:18px}.admin-user-badge .user-text{flex-direction:column;display:flex}.admin-user-badge strong{color:#f8fafc;font-size:13px;font-weight:800}.admin-user-badge span{color:#38bdf8;font-family:monospace;font-size:11px}.admin-nav-bar{scrollbar-width:none;background:#1e293b;border-bottom:1px solid #334155;padding:0 32px;overflow-x:auto}.admin-nav-bar::-webkit-scrollbar{display:none}.admin-nav-list{gap:6px;display:flex}.admin-nav-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:14px 20px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex}.admin-nav-btn:hover{color:#f8fafc;background:#ffffff0d}.admin-nav-btn.is-active{color:#38bdf8;background:#38bdf81a;border-bottom-color:#38bdf8}.admin-nav-btn .nav-icon{font-size:16px}.admin-nav-btn .nav-chip{color:#fff;text-transform:uppercase;background:#0284c7;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:900}.admin-view-body{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:32px}.admin-tab-content{flex-direction:column;gap:28px;display:flex}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:18px;padding:20px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0f172a0a}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.admin-stat-card .stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex}.admin-stat-card.tone-blue .stat-icon{color:#0284c7;background:#e0f2fe}.admin-stat-card.tone-gold .stat-icon{color:#d97706;background:#fef3c7}.admin-stat-card.tone-purple .stat-icon{color:#7e22ce;background:#f3e8ff}.admin-stat-card.tone-green .stat-icon{color:#15803d;background:#dcfce7}.admin-stat-card.tone-orange .stat-icon{color:#c2410c;background:#ffedd5}.admin-stat-card.tone-red .stat-icon{color:#b91c1c;background:#fee2e2}.admin-stat-card .stat-info{flex-direction:column;flex:1;min-width:0;display:flex}.admin-stat-card .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.admin-stat-card .stat-value{color:#0f172a;letter-spacing:-.5px;margin:3px 0;font-size:24px;font-weight:900}.admin-stat-card .stat-subtext{color:#64748b;font-size:12.5px;font-weight:600}.admin-stat-card .stat-link-btn{color:#0284c7;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800;transition:all .15s}.admin-stat-card .stat-link-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.admin-dual-grid{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:24px;display:grid}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 16px #0f172a0a}.admin-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-card-header h3{color:#0f172a;margin:0;font-size:17.5px;font-weight:900}.badge-pill{color:#475569;background:#f1f5f9;border-radius:8px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge-pill.gold{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-pill.cyan{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-pill.purple{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.badge-pill.green{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-pill.orange{color:#9a3412;background:#ffedd5;border:1px solid #fed7aa}.badge-pill.gray{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.admin-quick-actions{flex-direction:column;gap:14px;display:flex}.admin-action-tile{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:all .2s;display:flex}.admin-action-tile:hover{background:#f0f9ff;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 6px 16px #0284c714}.action-tile-icon{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex;box-shadow:0 2px 6px #0000000f}.admin-action-tile div{flex:1}.admin-action-tile strong{color:#0f172a;font-size:14.5px;font-weight:800;display:block}.admin-action-tile p{color:#64748b;margin:3px 0 0;font-size:13px}.admin-action-tile .arrow{color:#0284c7;font-size:16px;font-weight:900}.admin-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.admin-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-size:12px;font-weight:800}.admin-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px}.admin-table.hoverable tbody tr{cursor:pointer;transition:background .15s}.admin-table.hoverable tbody tr:hover{background:#f0f9ff}.player-cell{align-items:center;gap:12px;display:flex}.player-avatar-circle{background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.player-email{color:#64748b;font-family:monospace;font-size:12px;display:block}.wallet-badge-group{flex-wrap:wrap;gap:6px;display:flex}.lock-tags-list{flex-wrap:wrap;gap:4px;display:flex}.tag-lock{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:800}.tag-open{color:#16a34a;font-size:12px;font-weight:800}.table-actions{gap:6px;display:flex}.btn-action-sm{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800;transition:all .15s}.btn-action-sm.primary{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.btn-action-sm.secondary{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.btn-action-sm.lock{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.btn-action-sm:hover{filter:brightness(.95);transform:translateY(-1px)}.admin-controls-bar{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #0f172a0a}.admin-search-wrap{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;flex:1;align-items:center;gap:10px;max-width:440px;padding:10px 16px;display:flex}.admin-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.admin-filter-group{color:#475569;align-items:center;gap:10px;font-size:13.5px;font-weight:700;display:flex}.admin-select{color:#0f172a;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;padding:9px 14px;font-size:13.5px;font-weight:700}.admin-input,.admin-textarea{color:#0f172a;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:11px 16px;font-family:inherit;font-size:14px}.admin-input:focus,.admin-textarea:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.admin-btn-group{flex-wrap:wrap;gap:8px;display:flex}.admin-toggle-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:800;transition:all .15s}.admin-toggle-btn.is-active{color:#fff;background:#0284c7;border-color:#0284c7}.admin-modal-card{z-index:10001;background:#fff;border:1px solid #334155;border-radius:24px;flex-direction:column;width:94%;max-width:900px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.admin-modal-header{color:#fff;background:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.modal-player-title{align-items:center;gap:16px;display:flex}.modal-avatar-big{background:#1e293b;border:1px solid #334155;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:32px;display:flex}.modal-player-title h2{color:#f8fafc;margin:0;font-size:20px;font-weight:900}.modal-player-title p{color:#94a3b8;margin:2px 0 0;font-family:monospace;font-size:13px}.admin-modal-tabs{background:#1e293b;border-bottom:1px solid #334155;padding:0 20px;display:flex;overflow-x:auto}.admin-modal-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:14px 20px;font-size:13.5px;font-weight:700;transition:all .15s}.admin-modal-tab:hover{color:#fff}.admin-modal-tab.is-active{color:#38bdf8;background:#38bdf814;border-bottom-color:#38bdf8}.admin-modal-body{flex:1;padding:28px;overflow-y:auto}.modal-tab-pane{flex-direction:column;gap:22px;display:flex}.wallet-overview-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.wallet-mini-card{border:1px solid #0000000d;border-radius:16px;flex-direction:column;padding:16px 20px;display:flex}.wallet-mini-card.gold{color:#92400e;background:#fef3c7;border-color:#fde68a}.wallet-mini-card.cyan{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.wallet-mini-card.orange{color:#9a3412;background:#ffedd5;border-color:#fed7aa}.wallet-mini-card.purple{color:#6b21a8;background:#f3e8ff;border-color:#e9d5ff}.wallet-mini-card.blue{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.wallet-mini-card.green{color:#166534;background:#dcfce7;border-color:#bbf7d0}.wallet-mini-card .label{text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:800}.wallet-mini-card .value{margin-top:4px;font-size:22px;font-weight:900}.admin-form-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;padding:22px}.admin-form-box h4{color:#0f172a;margin:0 0 16px;font-size:16px;font-weight:900}.form-row-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-row-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.form-group-item{margin-bottom:16px}.form-group-item label,.form-row-3 label,.form-row-2 label{color:#334155;flex-direction:column;gap:8px;font-size:13.5px;font-weight:800;display:flex}.form-submit-bar{justify-content:flex-end;margin-top:20px;display:flex}.form-alert{border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:800}.form-alert.success{color:#166534;background:#dcfce7;border:1.5px solid #86efac}.form-alert.error{color:#991b1b;background:#fee2e2;border:1.5px solid #fca5a5}.feature-lock-matrix{flex-direction:column;gap:14px;display:flex}.lock-matrix-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.lock-matrix-card.is-locked{background:#fef2f2;border-color:#fca5a5}.lock-matrix-card .lock-info{align-items:center;gap:14px;display:flex}.lock-matrix-card .lock-info .icon{font-size:26px}.lock-matrix-card .lock-info strong{color:#0f172a;font-size:14.5px;font-weight:900;display:block}.lock-matrix-card .lock-info p{color:#64748b;margin:3px 0 0;font-size:13px}.btn-lock-toggle{cursor:pointer;border:none;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:900;transition:all .15s}.btn-lock-toggle.active{color:#15803d;background:#dcfce7;border:1.5px solid #86efac}.btn-lock-toggle.locked{color:#dc2626;background:#fee2e2;border:1.5px solid #f87171}.roadmap-action-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.roadmap-fast-buttons{gap:10px;display:flex}.grade-fast-track-bar{background:#f1f5f9;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.btn-grade-unlock{color:#0284c7;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:7px 14px;font-size:12.5px;font-weight:800;transition:all .15s}.btn-grade-unlock:hover{color:#fff;background:#0284c7;border-color:#0284c7}.admin-curriculum-tree{flex-direction:column;gap:16px;max-height:420px;padding-right:6px;display:flex;overflow-y:auto}.admin-grade-block{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;padding:16px}.grade-title-bar{color:#1e293b;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.levels-chips-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.level-admin-chip{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.level-admin-chip.is-unlocked{background:#f0fdf4;border-color:#bbf7d0}.level-admin-chip .chip-info strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;display:block;overflow:hidden}.level-admin-chip .chip-info .stars{color:#16a34a;font-size:11.5px;font-weight:800}.level-admin-chip.is-locked .chip-info .stars{color:#94a3b8}.btn-chip-action{cursor:pointer;border:none;border-radius:8px;width:100%;padding:5px;font-size:11.5px;font-weight:800}.btn-chip-action.unlock{color:#166534;background:#dcfce7}.btn-chip-action.lock{color:#991b1b;background:#fee2e2}.admin-wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.wardrobe-admin-card{text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.wardrobe-thumb{object-fit:cover;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:68px;height:68px}.wardrobe-info strong{color:#0f172a;margin-bottom:4px;font-size:12.5px;font-weight:800;display:block}.ai-rules-box{flex-direction:column;gap:14px;display:flex}.rule-item{color:#334155;background:#f8fafc;border-left:4px solid #0284c7;border-radius:14px;padding:14px 18px;font-size:14px;line-height:1.6}.admin-levels-accordion{flex-direction:column;gap:14px;display:flex}.admin-level-row-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;padding:16px}.level-row-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.level-row-title{align-items:center;gap:12px;display:flex}.level-num-badge{color:#fff;background:#0284c7;border-radius:8px;padding:3px 10px;font-size:11.5px;font-weight:900}.level-num-badge.boss{background:linear-gradient(135deg,#f59e0b,#ef4444)}.admin-questions-preview-list{flex-direction:column;gap:10px;display:flex}.admin-q-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:13.5px}.admin-q-item .q-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.admin-q-item .q-num{color:#0284c7;font-weight:900}.admin-q-item .q-prompt{color:#0f172a;font-weight:800}.admin-q-item .q-details{color:#475569;flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.admin-q-item .q-correct strong{color:#16a34a}.audit-action-tag{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:800}.user-chip-mini{color:#0f172a;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}:root{--sky:#ddf4ff;--primary:#3b9eea;--primary-dark:#1769aa;--surface:#fff;--accent-yellow:#ffd75e;--accent-pink:#ff7eb6;--correct:#5ccb8a;--wrong:#ff6b6b;--text:#1769aa;--muted:#5a7d96;--line:#1769aa24;--sidebar-soft:#ffffff21;--kid-cursor:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4l20 14.2-9.2 2.1 5.4 8.8-4.8 2.8-5.1-8.6-6.1 6.4L7 4z' fill='%23ffffff' stroke='%231769AA' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M10.3 9.3l11.2 8-6 1.4 3.4 5.8-1.3.8-3.7-6.1-4 4.3.4-14.2z' fill='%23FFD75E'/%3E%3C/svg%3E") 6 4}*{box-sizing:border-box}html{cursor:var(--kid-cursor), auto}body{background:var(--sky);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Nunito,Lexend,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input{font:inherit}button,a,[role=button]{cursor:var(--kid-cursor), pointer}button{border:0}.penguin-app{background:var(--sky);grid-template-columns:304px minmax(0,1fr);min-height:100vh;display:grid;overflow-x:hidden}.penguin-app>.content-area{grid-column:2}.penguin-sidebar{background:var(--primary-dark);width:272px;height:calc(100vh - 36px);color:var(--surface);z-index:100;border-radius:28px;flex-direction:column;gap:16px;padding:18px 16px;display:flex;position:fixed;top:18px;left:16px;overflow-y:auto;box-shadow:0 22px 54px #1769aa33}.brand-block{background:var(--sidebar-soft);border-radius:24px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;min-height:74px;padding:8px;display:grid}.brand-avatar{object-fit:cover;object-position:center top;background:var(--surface);border:3px solid #ffffffe6;border-radius:20px;width:58px;height:58px}.brand-name,.brand-tagline,.sidebar-footer-card p{margin:0}.brand-name{font-size:18px;font-weight:900}.brand-tagline{color:#ffffffc2;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:800}.sidebar-nav{flex-direction:column;gap:9px;padding-right:2px;display:flex}.sidebar-section{background:#ffffff14;border:1px solid #ffffff24;border-radius:24px;overflow:hidden}.sidebar-parent{color:#ffffffeb;text-align:left;background:0 0;border-radius:24px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 10px;transition:background .16s,transform .16s;display:grid}.sidebar-parent.direct{background:#ffffff14;border:1px solid #ffffff24}.sidebar-parent-icon{background:var(--section-accent);width:36px;height:36px;color:var(--surface);border-radius:16px;place-items:center;font-size:15px;font-weight:900;display:grid}.sidebar-parent-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:900;overflow:hidden}.chevron{color:#ffffffb8;font-size:14px}.sidebar-submenu{opacity:0;gap:4px;max-height:0;padding:0 8px;transition:max-height .24s,padding .24s,opacity .16s,transform .2s;display:grid;transform:translateY(-6px)}.sidebar-section.is-open .sidebar-submenu{opacity:1;max-height:420px;padding:4px 8px 10px 19px;transform:translateY(0)}.sidebar-link{color:#ffffffd6;text-align:left;background:0 0;border-radius:22px;grid-template-columns:31px minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-height:40px;padding:6px 9px;transition:background .16s,transform .16s;display:grid}.sidebar-link:hover,.sidebar-link.is-active{background:#ffffff2e;transform:translate(2px)}.sidebar-link.is-active{background:var(--surface);color:var(--primary-dark)}.sidebar-icon{width:29px;height:29px;color:var(--accent-yellow);background:#ffffff24;border-radius:14px;place-items:center;font-size:12px;font-weight:900;display:grid}.sidebar-link.is-active .sidebar-icon{background:var(--accent-pink);color:var(--surface)}.sidebar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:800;overflow:hidden}.nav-badge,.lock-dot{border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}.nav-badge{background:var(--accent-yellow);color:var(--primary-dark)}.lock-dot{color:#ffffffb8;background:#ffffff21}.sidebar-footer-card{background:#ffffff21;border:1px solid #fff3;border-radius:24px;margin-top:auto;padding:14px}.vip-line{color:#fff4b5;justify-content:space-between;gap:10px;font-size:12px;font-weight:900;display:flex}.mini-progress{background:#ffffff2e;border-radius:999px;height:8px;margin:12px 0 10px;overflow:hidden}.mini-progress span{border-radius:inherit;background:var(--correct);height:100%;display:block}.sidebar-footer-card p{color:#ffffffc7;font-size:12px;line-height:1.45}.penguin-sidebar{background:#00477f;border:2px solid #ffffff94;box-shadow:inset 0 0 0 3px #0020463d,0 24px 54px #0037663d}.brand-block{background:#0d66ab;border:1px solid #ffffff29;border-radius:24px;min-height:88px;box-shadow:inset 0 -5px #0025523d,0 10px 20px #001c3e29}.brand-avatar{border:4px solid #ffffffeb;border-radius:20px;width:62px;height:62px;box-shadow:0 8px 14px #00193e38}.brand-name{color:var(--surface);text-shadow:0 2px #00244e3d;font-size:19px}.brand-tagline{color:#d4efff}.sidebar-nav{gap:10px}.sidebar-nav>:first-child{--menu-bg:#82caff;--menu-text:#0a4276;--menu-shadow:#308fe0}.sidebar-nav>:nth-child(2){--menu-bg:#ffd257;--menu-text:#72400b;--menu-shadow:#f0a331}.sidebar-nav>:nth-child(3){--menu-bg:#b797ff;--menu-text:#43206f;--menu-shadow:#8060da}.sidebar-nav>:nth-child(4){--menu-bg:#63d99c;--menu-text:#0c5a3b;--menu-shadow:#2fbf75}.sidebar-nav>:nth-child(5){--menu-bg:#ff7676;--menu-text:#742727;--menu-shadow:#e64b4b}.sidebar-nav>:nth-child(6){--menu-bg:#64c9f4;--menu-text:#064b79;--menu-shadow:#2ba2da}.sidebar-section{background:0 0;border:0;overflow:visible}.sidebar-parent,.sidebar-parent.direct{background:var(--menu-bg);min-height:52px;color:var(--menu-text);box-shadow:inset 0 -3px 0 var(--menu-shadow), 0 5px 11px #001f442b;border:1px solid #ffffff8c;border-radius:19px;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;padding:7px 11px 10px 8px}.sidebar-parent:hover,.sidebar-parent.is-active{background:var(--menu-bg);transform:translateY(-1px)}.sidebar-parent.is-active{box-shadow:inset 0 -3px 0 var(--menu-shadow), 0 0 0 2px #ffffff3d, 0 7px 13px #001f4433}.sidebar-parent-icon{background:var(--surface);width:38px;height:38px;color:var(--menu-text);border-radius:14px;font-size:18px;box-shadow:inset 0 -3px #1769aa29,0 3px 7px #002a5421}.sidebar-parent-label{color:var(--menu-text);font-size:15.5px}.chevron{color:var(--menu-text);font-size:15px;font-weight:900}.sidebar-parent .lock-dot{color:var(--menu-text);background:#ffffff75}.sidebar-section.is-open{background:#03376675;border-radius:21px;padding-bottom:8px}.sidebar-section.is-open .sidebar-parent{margin-bottom:6px}.sidebar-section.is-open .sidebar-submenu{padding:0 8px 4px 18px}.sidebar-link{color:#ffffffeb;background:#ffffff17;border-radius:16px;min-height:36px}.sidebar-link:hover,.sidebar-link.is-active{background:#fff3}.sidebar-link.is-active{color:var(--surface)}.sidebar-icon{width:27px;height:27px;color:var(--accent-yellow);background:#ffffff29;border-radius:12px;font-size:12.5px}.sidebar-footer-card{background:#0d66ab;border-radius:22px;box-shadow:inset 0 -4px #00255238}.content-area{min-width:0;padding:28px}.content-area.home-content,.content-area.game-content{padding-top:18px}.game-content .hero-panel{display:none}.topbar{justify-content:space-between;align-items:center;gap:18px;min-height:74px;display:flex}.eyebrow{color:var(--primary-dark);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.topbar h1{color:var(--primary-dark);margin:0;font-size:clamp(28px,4vw,44px);line-height:1.04}.account-actions,.hero-actions,.hero-account-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-button,.ghost-button,.soft-button,.link-button{border-radius:18px;min-height:42px;padding:0 16px;font-weight:900;transition:transform .16s,box-shadow .16s}.primary-button:hover,.ghost-button:hover,.soft-button:hover,.link-button:hover{transform:translateY(-2px)}.primary-button{background:var(--accent-yellow);color:var(--primary-dark);box-shadow:0 10px 22px #1769aa24}.primary-button.large,.soft-button.large{min-height:48px;padding:0 20px}.primary-button.full{width:100%}.ghost-button,.soft-button{background:var(--surface);color:var(--primary-dark);border:1px solid var(--line)}.soft-button{background:#f3fbff}.link-button{color:var(--primary-dark);background:0 0;width:100%}.user-chip{background:var(--surface);min-height:42px;color:var(--primary-dark);border:1px solid var(--line);border-radius:18px;align-items:center;padding:0 14px;font-weight:900;display:inline-flex}.hero-panel{background:var(--primary);color:var(--surface);border-radius:30px;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:24px;margin-top:12px;padding:34px;display:grid;overflow:hidden;box-shadow:0 24px 60px #1769aa24}.hero-panel.home-hero{background-color:var(--primary);background-image:var(--hero-cover);min-height:clamp(480px,57vw,780px);color:var(--surface);background-position:50% 28%;background-size:cover;border:0;border-radius:28px;grid-template-columns:minmax(0,1fr);align-items:start;margin-top:0;position:relative}.hero-panel.home-hero:before{content:"";pointer-events:none;background:#072d5247;border-radius:28px;position:absolute;inset:0}.home-hero .level-pill{background:#fffffff0;margin-bottom:8px}.home-hero .hero-copy{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#072d52e0;border-radius:30px;max-width:720px;margin-top:20px;padding:40px 44px;box-shadow:0 14px 32px #051e3a3d}.home-hero .hero-copy h2{max-width:680px;color:var(--surface);text-shadow:none;font-size:clamp(38px,4.8vw,56px);line-height:1.08}.home-hero .hero-copy p{color:#fffffff0;max-width:640px;text-shadow:none;margin:16px 0 28px;font-size:20px;line-height:1.55}.home-hero .soft-button{border-color:#ffffffa3}.hero-account-actions{z-index:2;background:var(--primary-dark);border-radius:22px;padding:8px;position:absolute;top:24px;right:24px;box-shadow:0 14px 34px #051e3a2e}.hero-account-actions .ghost-button,.hero-account-actions .user-chip{color:var(--surface);background:#ffffff24;border-color:#ffffff38}.hero-copy{z-index:1;position:relative}.level-pill{background:var(--surface);min-height:30px;color:var(--primary-dark);border-radius:999px;align-items:center;margin-bottom:14px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.hero-copy h2{max-width:820px;margin:0;font-size:clamp(28px,4.4vw,58px);line-height:1.02}.hero-copy p{color:#ffffffe6;max-width:760px;margin:18px 0 24px;font-size:17px;line-height:1.65}.mascot-stage{place-items:end center;min-height:300px;display:grid}.mascot-stage img{object-fit:cover;object-position:center top;border:6px solid var(--surface);aspect-ratio:4/5;border-radius:32px;width:min(100%,420px);max-height:390px;animation:4.5s ease-in-out infinite mascotFloat;box-shadow:0 24px 28px #06205333}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.dashboard-grid.is-hidden{display:none}.game-space{background:var(--surface);border:1px solid var(--line);border-radius:28px;margin-top:0;padding:16px;box-shadow:0 18px 38px #1769aa1a}.game-space-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.game-space-heading h2{color:var(--primary-dark);margin:0;font-size:clamp(24px,3vw,36px);line-height:1.05}.game-space-heading>span{background:var(--sky);min-height:34px;color:var(--primary-dark);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.game-grid{grid-template-columns:repeat(5,minmax(180px,1fr));gap:16px;display:grid}.game-card{--game-color:var(--primary);background:var(--surface);border:2px solid color-mix(in srgb, var(--game-color) 42%, white);border-radius:20px;transition:transform .16s,box-shadow .16s;overflow:hidden;box-shadow:0 12px 24px #1769aa1f}.game-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #1769aa2e}.game-card.tone-blue{--game-color:#2f80ed}.game-card.tone-green{--game-color:#5ccb8a}.game-card.tone-cyan{--game-color:#3b9eea}.game-card.tone-pink{--game-color:#ff7eb6}.game-card.tone-yellow{--game-color:#ffd75e}.game-card.tone-purple{--game-color:#9b6bff}.game-card.tone-teal{--game-color:#11a8a0}.game-card.tone-orange{--game-color:#ff9f43}.game-card.tone-red{--game-color:#ff6b6b}.game-card.tone-navy{--game-color:#1769aa}.game-cover{background:color-mix(in srgb, var(--game-color) 24%, white);height:158px;position:relative;overflow:hidden}.game-cover img{object-fit:cover;width:100%;height:100%;display:block}.game-cover-placeholder{height:100%;color:var(--surface);background:var(--game-color);text-align:center;place-items:center;display:grid}.game-cover-placeholder span{width:46px;height:46px;color:var(--game-color);background:#ffffffeb;border-radius:18px;place-items:center;font-size:22px;font-weight:900;display:grid}.game-cover-placeholder strong{letter-spacing:0;margin-top:7px;font-size:14px}.game-status{color:var(--primary-dark);background:#fffffff0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;position:absolute;top:10px;right:10px}.game-card-body{gap:6px;padding:10px 12px 12px;display:grid}.game-card-body p,.game-card-body h3,.game-card-body span{margin:0}.game-card-body p{color:var(--game-color);text-transform:uppercase;font-size:11px;font-weight:900}.game-card-body h3{min-height:24px;color:var(--primary-dark);font-size:17px;line-height:1.18}.game-card-body span{min-height:36px;color:var(--muted);font-size:12.5px;line-height:1.32}.game-card-body button{background:var(--game-color);min-height:36px;color:var(--surface);border-radius:13px;font-weight:900;transition:transform .16s;box-shadow:inset 0 -3px #002a542e}.game-card-body button:hover{transform:translateY(-2px)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 14px 30px #1769aa14}.feature-hub-card{border-radius:26px;flex-direction:column;justify-content:space-between;min-height:310px;padding:24px 22px 22px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0f}.feature-hub-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0f172a1f}.feature-hub-card.hub-curriculum{background:linear-gradient(#fff 0%,#f0f9ff 100%);border:2px solid #bae6fd}.feature-hub-card.hub-curriculum:hover{border-color:#0284c7}.feature-hub-card.hub-games{background:linear-gradient(#fff 0%,#fff7ed 100%);border:2px solid #fed7aa}.feature-hub-card.hub-games:hover{border-color:#ea580c}.feature-hub-card.hub-listening{background:linear-gradient(#fff 0%,#faf5ff 100%);border:2px solid #e9d5ff}.feature-hub-card.hub-listening:hover{border-color:#9333ea}.feature-hub-card.hub-reading{background:linear-gradient(#fff 0%,#ecfdf5 100%);border:2px solid #a7f3d0}.feature-hub-card.hub-reading:hover{border-color:#059669}.hub-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.hub-icon-wrap{border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 4px 14px #0000000d}.hub-curriculum .hub-icon-wrap{background:#e0f2fe;border:1.5px solid #7dd3fc}.hub-games .hub-icon-wrap{background:#ffedd5;border:1.5px solid #fdba74}.hub-listening .hub-icon-wrap{background:#f3e8ff;border:1.5px solid #d8b4fe}.hub-reading .hub-icon-wrap{background:#ecfdf5;border:1.5px solid #6ee7b7}.hub-badge{letter-spacing:.3px;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.hub-curriculum .hub-badge{color:#0369a1;background:#e0f2fe;border:1.5px solid #bae6fd}.hub-games .hub-badge{color:#c2410c;background:#ffedd5;border:1.5px solid #fed7aa}.hub-listening .hub-badge{color:#7e22ce;background:#f3e8ff;border:1.5px solid #e9d5ff}.hub-reading .hub-badge{color:#047857;background:#ecfdf5;border:1.5px solid #a7f3d0}.hub-title{color:#0f172a;margin:0 0 8px;font-size:19.5px;font-weight:900;line-height:1.25}.hub-desc{color:#475569;min-height:56px;margin:0 0 14px;font-size:13.8px;line-height:1.55}.hub-highlights{background:#ffffffd9;border:1px solid #0000000f;border-radius:14px;flex-direction:column;gap:6px;margin:0 0 18px;padding:10px 12px;list-style:none;display:flex}.hub-highlights li{color:#334155;align-items:center;gap:7px;font-size:12.8px;font-weight:700;display:flex}.hub-btn{cursor:pointer;color:#fff;letter-spacing:.2px;border:none;border-radius:16px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:46px;padding:12px 18px;font-size:14.5px;font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;display:flex}.hub-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.hub-curriculum .hub-btn{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 6px 18px #0284c759}.hub-games .hub-btn{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 6px 18px #f9731659}.hub-listening .hub-btn{background:linear-gradient(135deg,#9333ea 0%,#7e22ce 100%);box-shadow:0 6px 18px #9333ea59}.hub-reading .hub-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 18px #10b98159}.today-panel,.skill-panel,.path-panel,.module-panel{grid-column:span 1}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-heading span{color:var(--muted);font-size:13px;font-weight:900}.panel-heading strong{color:var(--primary-dark);background:var(--sky);border-radius:999px;padding:5px 9px;font-size:12px}.mission-list,.path-list,.skill-list{gap:10px;display:grid}.mission-list button{border:1px solid var(--line);background:var(--surface);min-height:54px;color:var(--primary-dark);text-align:left;border-radius:18px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;font-weight:800;transition:transform .16s,background .16s;display:grid}.mission-list button:hover{background:var(--sky);transform:translateY(-2px)}.mission-list span{background:var(--accent-yellow);width:30px;height:30px;color:var(--primary-dark);border-radius:12px;place-items:center;font-weight:900;display:grid}.path-step{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;min-height:74px;padding-bottom:10px;display:grid}.path-step:last-child{border-bottom:0;padding-bottom:0}.path-state{color:#24764f;text-align:center;background:#e8f8ef;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:900}.path-state.locked{color:#b43c3c;background:#ffe8e8}.path-step h3,.module-card h3{color:var(--primary-dark);margin:0;font-size:16px}.path-step p,.module-card p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.skill-row{gap:7px;display:grid}.skill-row>div:first-child{color:var(--primary-dark);justify-content:space-between;gap:10px;font-size:13px;font-weight:900;display:flex}.skill-track{background:#e9f6fd;border-radius:999px;height:9px;overflow:hidden}.skill-track span{border-radius:inherit;height:100%;display:block}.module-card{flex-direction:column;align-items:flex-start;gap:10px;min-height:232px;display:flex}.module-symbol{background:var(--accent-pink);width:52px;height:52px;color:var(--surface);border-radius:18px;place-items:center;font-weight:900;display:grid}.module-card .soft-button{margin-top:auto}.auth-backdrop{z-index:40;background:#09172985;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-dialog{background:var(--surface);width:min(100%,460px);color:var(--primary-dark);border-radius:28px;padding:26px;position:relative;box-shadow:0 28px 80px #08234b47}.auth-dialog h2{margin:0;font-size:30px;line-height:1.08}.auth-note{color:var(--muted);margin:12px 0 18px;line-height:1.55}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--primary-dark);gap:7px;font-size:13px;font-weight:900;display:grid}.auth-form input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--primary-dark);border-radius:18px;outline:none;padding:0 12px}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b9eea24}.close-button{background:var(--sky);width:34px;height:34px;color:var(--primary-dark);border-radius:14px;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mobile-app-header,.mobile-bottom-nav,.mobile-drawer-overlay{display:none!important}@media (width<=1180px){.penguin-app{grid-template-columns:284px minmax(0,1fr)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.hero-panel{grid-template-columns:minmax(0,1fr)}.hero-panel.home-hero{grid-template-columns:minmax(0,1fr);min-height:430px}.mascot-stage{min-height:220px}}@media (width<=820px){.penguin-app{min-height:100dvh;padding-bottom:calc(68px + env(safe-area-inset-bottom,0px));background:#0b1329;flex-direction:column;display:flex;position:relative;overflow-x:hidden}.penguin-sidebar{display:none!important}.content-area{box-sizing:border-box;width:100%;max-width:100vw;padding:12px 14px 20px;overflow-x:hidden}.mobile-app-header{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0b1329eb;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 14px;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 20px #00000047;display:flex!important}.mobile-header-brand-btn{cursor:pointer;text-align:left;background:0 0;border:none;outline:none;align-items:center;gap:9px;padding:0;display:flex}.mobile-header-avatar{object-fit:cover;background:#0f172a;border:2px solid #38bdf8;border-radius:12px;width:36px;height:36px;box-shadow:0 2px 8px #38bdf84d}.mobile-header-brand-text{flex-direction:column;display:flex}.mobile-header-title{color:#fff;letter-spacing:-.3px;font-size:15.5px;font-weight:900;line-height:1.1}.mobile-header-sub{color:#38bdf8;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800}.mobile-header-right{align-items:center;gap:7px;display:flex}.mobile-coin-pill{background:#0f172ab3;border:1.5px solid #f59e0b99;border-radius:9999px;align-items:center;gap:4px;padding:3px 6px;display:inline-flex;box-shadow:0 2px 6px #0000004d}.mobile-coin-img{object-fit:contain;width:17px;height:17px}.mobile-coin-amount{color:#fef08a;text-shadow:0 1px 3px #00000080;font-size:13px;font-weight:900}.mobile-coin-topup-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#eab308);border:none;border-radius:9999px;padding:2.5px 7px;font-size:10px;font-weight:900;box-shadow:0 2px 5px #f59e0b66}.mobile-user-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.mobile-user-avatar-img{object-fit:cover;border:2px solid #38bdf8;border-radius:9999px;width:32px;height:32px;box-shadow:0 2px 6px #38bdf840}.mobile-header-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:9999px;padding:5px 12px;font-size:11.5px;font-weight:800;box-shadow:0 2px 8px #0284c759}.mobile-hamburger-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;transition:all .15s;display:flex}.mobile-hamburger-btn:active{background:#ffffff26;transform:scale(.92)}.hamburger-bars-icon{flex-direction:column;gap:4px;width:17px;display:flex}.hamburger-bars-icon .bar{background:#fff;border-radius:2px;width:100%;height:2px}.hamburger-close-icon{color:#f87171;font-size:16px;font-weight:900}.mobile-bottom-nav{z-index:999;height:calc(60px + env(safe-area-inset-bottom,0px));padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px)) 6px;-webkit-backdrop-filter:blur(20px);background:#0b1329f5;border-top:1px solid #ffffff1f;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 25px #0006;display:flex!important}.mobile-tab-btn{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:5px 2px;font-size:10px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.mobile-tab-icon{font-size:19px;line-height:1.2;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.mobile-tab-label{letter-spacing:-.2px}.mobile-tab-btn.is-active{color:#38bdf8;font-weight:900}.mobile-tab-btn.is-active .mobile-tab-icon{filter:drop-shadow(0 2px 6px #38bdf899);transform:scale(1.15)translateY(-2px)}.mobile-tab-btn.is-active:after{content:"";background:#38bdf8;border-radius:9999px;width:16px;height:3px;position:absolute;bottom:2px;box-shadow:0 0 8px #38bdf8}.mobile-drawer-overlay{z-index:1200;-webkit-backdrop-filter:blur(8px);background:#000000b3;animation:.2s ease-out drawerFadeIn;position:fixed;inset:0;display:block!important}.mobile-drawer-panel{background:#0f172a;border-right:1px solid #ffffff1f;flex-direction:column;width:min(340px,86vw);animation:.26s cubic-bezier(.16,1,.3,1) drawerSlideIn;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden;box-shadow:12px 0 40px #000000a6}.mobile-drawer-header{background:#1e293b80;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.drawer-brand{align-items:center;gap:10px;display:flex}.drawer-brand-avatar{object-fit:cover;border:2px solid #38bdf8;border-radius:12px;width:38px;height:38px}.drawer-brand-name{color:#fff;margin:0;font-size:15.5px;font-weight:900}.drawer-brand-tag{color:#94a3b8;margin:0;font-size:10.5px;font-weight:700}.mobile-drawer-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.mobile-drawer-user-card{background:#1e293b59;border-bottom:1px solid #ffffff0f;padding:12px 14px}.drawer-user-info{flex-direction:column;gap:8px;display:flex}.drawer-user-details{flex-direction:column;display:flex}.drawer-user-name{color:#fff;font-size:14.5px;font-weight:800}.drawer-user-email{color:#94a3b8;font-size:12px}.drawer-admin-btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:10px;padding:7px 12px;font-size:12px;font-weight:800}.drawer-guest-actions{flex-direction:column;gap:8px;display:flex}.drawer-guest-prompt{color:#94a3b8;margin:0;font-size:12px}.drawer-guest-btns{gap:8px;display:flex}.mobile-drawer-nav{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.drawer-nav-item,.drawer-section-toggle{color:#e2e8f0;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex}.drawer-nav-item.is-active,.drawer-section-toggle.is-active{color:#38bdf8;background:#38bdf81f;border-color:#38bdf866}.drawer-nav-icon{text-align:center;width:22px;font-size:17px}.drawer-nav-label{flex:1}.drawer-chevron{color:#94a3b8;font-size:13px}.drawer-submenu{flex-direction:column;gap:3px;padding:4px 0 6px 16px;display:flex}.drawer-sublink{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.drawer-sublink.is-active{color:#38bdf8;background:#38bdf826;font-weight:800}.drawer-sublink-icon{text-align:center;width:20px;font-size:15px}.drawer-sublink-label{flex:1}.mobile-drawer-footer{background:#0f172ae6;border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.drawer-logout-btn{color:#f87171;cursor:pointer;text-align:center;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:700}.drawer-footer-card{color:#94a3b8;background:#1e293b80;border:1px solid #ffffff0f;border-radius:12px;padding:10px 12px;font-size:11px}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.topbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 0 10px;display:flex}.topbar .account-actions{display:none!important}.topbar h1{margin:0;line-height:1.2;font-size:20px!important}.topbar .eyebrow{margin-bottom:2px;font-size:11px!important}.hero-panel{border-radius:20px;grid-template-columns:1fr;min-height:auto;padding:18px 16px}.hero-panel.home-hero{background-position:50%;background-size:cover;min-height:260px;padding:20px 16px}.hero-copy h2{margin:6px 0 8px;font-size:22px;line-height:1.25}.hero-copy p{margin-bottom:14px;font-size:13px;line-height:1.5}.hero-actions{flex-direction:column;gap:8px;width:100%;display:flex}.hero-actions .primary-button,.hero-actions .soft-button{text-align:center;width:100%;padding:12px 16px;font-size:14px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.game-card{border-radius:16px!important}.game-cover{height:110px!important}.game-card-body{padding:10px!important}.game-card-body h3{margin:2px 0 4px!important;font-size:14px!important}.game-card-body span{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;font-size:11px!important;line-height:1.35!important;display:-webkit-box!important;overflow:hidden!important}.game-card-high-score-tag{margin:6px 0!important;padding:3px 6px!important;font-size:10.5px!important}.game-card-body button{border-radius:10px!important;padding:8px 12px!important;font-size:13px!important}.magic-garden-floating-pill,aside.magic-garden-floating-pill,.magic-garden-pill-btn,#magic-garden-widget-pill{visibility:hidden!important;pointer-events:none!important;display:none!important}.magic-garden-modal-card{border-radius:24px!important;width:95vw!important;max-width:95vw!important;max-height:86vh!important;padding:16px!important}.curriculum-modal-card,.auth-dialog,.topup-modal-card,.exit-confirm-modal-card,.coin-claim-modal-card{border-radius:22px!important;width:min(94vw,420px)!important;max-height:88vh!important;padding:18px!important}.penguin-chat-container{border-radius:18px!important;height:calc(100dvh - 140px)!important;min-height:440px!important;max-height:calc(100dvh - 140px)!important}.pchat-header{padding:10px 14px!important}.pchat-avatar-frame{width:38px!important;height:38px!important}.pchat-avatar-emoji{font-size:22px!important}.pchat-name{font-size:16px!important}.pchat-subtitle{font-size:11px!important}.pchat-clear-btn{padding:5px 10px!important;font-size:11.5px!important}.pchat-input-bar{padding:8px 10px!important}.pchat-input{min-height:42px!important;padding:0 12px!important;font-size:13.5px!important}.pchat-send-btn{min-height:42px!important;padding:0 14px!important;font-size:13px!important}.flashcard-stage-card{min-height:240px!important;padding:20px 16px!important}.flashcard-word-large{font-size:28px!important}.quiz-options-grid{grid-template-columns:1fr!important;gap:8px!important}.dialogue-feed-box{border-radius:16px!important;padding:16px 12px!important}.dialogue-chat-feed{gap:14px!important;max-width:100%!important}.turn-bubble{min-width:0!important;max-width:80%!important;padding:10px 14px!important;font-size:14px!important}.turn-avatar-wrap{width:44px!important}.turn-avatar-img{width:38px!important;height:38px!important}.turn-en-text{font-size:14px!important;line-height:1.45!important}.arena-tabs-nav{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:6px!important;padding-bottom:6px!important;overflow-x:auto!important}.arena-tab-btn{white-space:nowrap!important;flex-shrink:0!important;padding:8px 12px!important;font-size:12px!important}.vocab-flashcard-stage{padding:0!important}.vocab-flashcard-card{height:260px!important}.vocab-flashcard-en{font-size:26px!important}.reading-passage-card,.reading-question-card{border-radius:14px!important;padding:16px!important}.reading-passage-text{font-size:14px!important;line-height:1.6!important}.vocab-category-scroll{gap:6px!important;padding-bottom:6px!important}.store-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.store-avatar-card{border-radius:16px!important;padding:12px!important}.store-avatar-img{width:64px!important;height:64px!important}.leaderboard-table-wrap{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.stats-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.stats-summary-card{padding:12px!important}.match-drag-container,.look-guess-container,.sound-guess-container,.word-choice-container,.cm-wrapper,.wh-wrapper,.fb-wrapper,.tf-wrapper,.mg-wrapper,.bv-wrapper{box-sizing:border-box!important;border-radius:20px!important;max-width:100%!important;height:auto!important;min-height:auto!important;margin:8px 0!important;padding:56px 8px 16px!important;position:relative!important}.floating-back-btn{z-index:70!important;border-radius:10px!important;padding:6px 12px!important;font-size:11.5px!important;top:10px!important;left:10px!important}.ai-hint-trigger-btn{border-radius:10px!important;padding:5px 10px!important;font-size:11px!important}.btn-label-text{font-size:10.5px!important}.look-guess-header,.sound-guess-header,.word-choice-header,.cm-hud-bar,.wh-hud-bar,.fb-hud-bar,.tf-hud-bar,.mg-hud-bar,.bv-hud-bar{border-radius:14px!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:6px!important;padding:8px 10px!important}.cm-hud-pill,.wh-hud-pill,.mg-hud-pill,.bv-hud-pill,.fb-hud-pill,.tf-hud-pill{border-radius:10px!important;padding:4px 8px!important;font-size:11.5px!important}.match-drag-container>div[style*=aspect-ratio]{aspect-ratio:16/11!important;width:100%!important;min-height:auto!important}.match-drag-canvas-wrapper{width:100%!important;height:360px!important;max-height:52vh!important}.match-drag-canvas-wrapper canvas{max-width:100%!important;height:auto!important}.look-guess-stage-card,.sound-guess-stage-card,.word-choice-stage-card{border-radius:18px!important;padding:14px 10px!important}.look-guess-image-card{max-height:190px!important}.look-guess-options-grid,.word-choice-options-grid{grid-template-columns:1fr!important;gap:8px!important}.sound-guess-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.look-guess-option-btn,.sound-guess-option-card,.word-choice-option-btn{border-radius:14px!important;min-height:48px!important;padding:10px 14px!important;font-size:15px!important}.cm-wood-stage{border-radius:16px!important;min-height:auto!important;padding:10px 6px!important}.cm-grid-5x3{grid-template-rows:auto!important;grid-template-columns:repeat(3,1fr)!important;gap:8px 6px!important;width:100%!important;max-width:100%!important;margin:0 auto 10px!important}.cm-flip-card{aspect-ratio:1/1.25!important;max-width:105px!important}.cm-card-number-tag{width:18px!important;height:18px!important;font-size:10px!important;top:4px!important;left:4px!important}.cm-word-label{font-size:12px!important;line-height:1.2!important}.wh-stage{border-radius:16px!important;min-height:auto!important;padding:10px 6px!important}.wh-targets-row{flex-flow:wrap!important;justify-content:center!important;gap:6px!important}.wh-target-card{border-radius:12px!important;flex:45%!important;min-width:130px!important;padding:6px 10px!important}.wh-grid-6x6{touch-action:none!important;border-width:3px!important;border-radius:18px!important;gap:6px!important;width:min(94vw,360px)!important;height:min(94vw,360px)!important;padding:8px!important}.wh-cell-tile{border-radius:10px!important}.wh-cell-char{font-size:clamp(16px,4.8vw,20px)!important}.fb-stage{border-radius:16px!important;min-height:auto!important;padding:14px 10px!important}.fb-blank-boxes{gap:6px!important;margin:14px 0!important}.fb-blank-box{border-radius:10px!important;width:36px!important;height:42px!important;font-size:18px!important}.fb-tiles-rack{gap:6px!important}.fb-letter-tile{border-radius:10px!important;width:36px!important;height:42px!important;font-size:18px!important}.tf-stage{border-radius:16px!important;min-height:auto!important;padding:12px 10px!important}.tf-falling-field{height:280px!important}.tf-input-field{height:42px!important;font-size:16px!important}.mg-stage{aspect-ratio:auto!important;border-radius:18px!important;height:480px!important;min-height:auto!important;padding:12px 10px!important}.mg-battlefield{height:250px!important}.mg-input-container{width:95%!important}.mg-input-field{height:42px!important;font-size:16px!important}.mg-penguin-area{transform:scale(.85)!important}.bv-stage{aspect-ratio:auto!important;border-radius:18px!important;height:480px!important;min-height:auto!important;padding:12px 10px!important}.bv-bubble-field{height:250px!important}.bv-target-banner{border-radius:14px!important;padding:8px 12px!important}.bv-target-img{width:48px!important;height:48px!important}.curriculum-grades-tabs-bar{-webkit-overflow-scrolling:touch!important;gap:6px!important;padding:4px 0 8px!important;overflow-x:auto!important}.curriculum-land-banner{border-radius:16px!important;padding:14px!important}.curriculum-land-banner h2{font-size:18px!important}.curriculum-duo-path-wrapper{max-width:100vw!important;padding:10px 4px!important;overflow-x:hidden!important}.duo-unit-floating-card.card-dock-left,.duo-unit-floating-card.card-dock-right{text-align:center!important;width:96%!important;max-width:none!important;margin:10px auto!important;position:static!important}.duo-star-node-btn{width:56px!important;height:56px!important}.listening-two-col-grid,.reading-two-col-grid{grid-template-columns:1fr!important;gap:12px!important}.listening-header-banner,.reading-header-banner{border-radius:16px!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:14px!important}.listening-active-arena,.reading-detail-view{border-radius:16px!important;padding:12px 8px!important}.reading-mockup-middle-grid,.reading-mockup-bottom-grid{grid-template-columns:1fr!important;gap:12px!important}.reading-mockup-unit-card{padding:14px 10px!important}.quiz-page-container{width:100%!important;max-width:100vw!important;padding:4px 6px 40px!important}.quiz-setup-card,.quiz-in-progress-card{box-sizing:border-box!important;border-radius:20px!important;width:100%!important;padding:16px 12px!important}.quiz-setup-header{gap:10px!important;padding-bottom:12px!important}.quiz-header-icon{border-radius:14px!important;width:48px!important;height:48px!important;font-size:26px!important}.quiz-main-title{font-size:18px!important}.quiz-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.quiz-source-option{border-radius:12px!important;min-height:44px!important;padding:8px 10px!important;font-size:12.5px!important}.quiz-options-grid{grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.quiz-option-card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;min-height:52px!important;padding:12px 14px!important;font-size:15px!important}.quiz-q-image-frame{height:170px!important;max-height:180px!important}.quiz-q-image{object-fit:contain!important;max-height:160px!important}.quiz-jump-bar{flex-wrap:wrap!important;gap:4px!important}.quiz-jump-pills{-webkit-overflow-scrolling:touch!important;max-height:58px!important;overflow-x:auto!important}.quiz-jump-pill{border-radius:8px!important;width:32px!important;height:32px!important;font-size:12px!important}.look-guess-container,.sound-guess-container,.word-choice-container{width:100%!important;padding:54px 6px 14px!important}.look-guess-stage-card,.sound-guess-stage-card,.word-choice-stage-card{box-sizing:border-box!important;border-radius:18px!important;width:100%!important;padding:12px 8px!important}.look-guess-image-card{width:100%!important;height:180px!important;max-height:180px!important;margin:8px 0!important}.look-guess-image-card img{object-fit:contain!important;max-height:170px!important}.look-guess-options-grid,.word-choice-options-grid{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.look-guess-option-btn,.word-choice-option-btn{box-sizing:border-box!important;border-radius:14px!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-height:50px!important;padding:12px 14px!important;font-size:16px!important;font-weight:700!important;display:flex!important}.sound-guess-speaker-card{border-radius:18px!important;padding:20px 10px!important}.sound-guess-speaker-btn{width:72px!important;height:72px!important;font-size:32px!important}.sound-guess-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;display:grid!important}.sound-guess-option-card{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:130px!important;padding:6px!important;display:flex!important}.sound-guess-option-img{object-fit:contain!important;max-height:80px!important}}@media (width<=560px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mobile-header-sub{display:none}.mobile-coin-amount{font-size:12px}.mobile-coin-topup-btn{padding:2px 5px;font-size:9.5px}.hero-panel.home-hero{min-height:230px;padding:16px 12px}}.match-drag-container{background:#1c1917;border:3px solid #78350f;border-radius:24px;flex-direction:column;margin:16px 0;animation:.3s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0006}.match-drag-header{background:#292524;border-bottom:2px solid #78350f;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.match-drag-back-btn{color:#fef3c7;background:#78350f;border:1px solid #d97706;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.match-drag-back-btn:hover{background:#92400e;transform:scale(1.04)}.match-drag-title h2{color:#fef08a;margin:0 0 4px;font-size:18px}.match-drag-title span{color:#fde68a;font-size:14px;font-weight:700}.match-drag-canvas-wrapper{aspect-ratio:16/10;background:#000;justify-content:center;align-items:center;width:100%;max-height:78vh;display:flex;overflow:hidden}.match-drag-canvas-wrapper canvas{object-fit:contain;width:100%!important;height:100%!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.look-guess-container{background:#0f172a;border:3px solid #0284c7;border-radius:24px;flex-direction:column;margin:16px 0;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.look-guess-header{background:#1e293b;border-bottom:2px solid #0284c7;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.mode-selection-overlay{background:linear-gradient(#0f172a73,#0f172a99),url(/look-guess-bg.jpg) 50%/cover no-repeat;border-radius:20px;justify-content:center;align-items:center;min-height:580px;padding:32px 20px;display:flex}.mode-selection-card{background:#1e293bf2;border:2px solid #38bdf8;border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:820px;padding:28px;display:flex;box-shadow:0 25px 50px -12px #0009}.mode-card-header h2{color:#38bdf8;margin:0 0 8px;font-size:26px}.mode-card-header p{color:#cbd5e1;margin:0;font-size:15px}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.mode-choice-btn{cursor:pointer;text-align:left;background:#0f172a;border:2px solid #0000;border-radius:18px;flex-direction:column;align-items:flex-start;padding:20px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.mode-choice-btn:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006}.mode-choice-btn.mode-hearts{background:linear-gradient(#1e1b4b 0%,#31102b 100%);border-color:#f43f5e}.mode-choice-btn.mode-hearts:hover{border-color:#fb7185;box-shadow:0 0 20px #f43f5e4d}.mode-choice-btn.mode-time{background:linear-gradient(#1e1b4b 0%,#3a2e10 100%);border-color:#eab308}.mode-choice-btn.mode-time:hover{border-color:#fde047;box-shadow:0 0 20px #eab3084d}.mode-choice-btn.mode-unlimited{background:linear-gradient(#1e1b4b 0%,#063829 100%);border-color:#10b981}.mode-choice-btn.mode-unlimited:hover{border-color:#34d399;box-shadow:0 0 20px #10b9814d}.mode-icon{margin-bottom:10px;font-size:24px}.mode-title{color:#fff;margin-bottom:6px;font-size:18px;font-weight:700}.mode-desc{color:#94a3b8;font-size:13px;line-height:1.45}.sg-wrapper{background:#000;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:840px;margin:12px 0;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000d9}.sg-classroom-stage{aspect-ratio:16/11;-webkit-user-select:none;user-select:none;background:url(/look-guess-bg.jpg) 50%/cover no-repeat;flex-direction:column;width:100%;max-width:1200px;min-height:820px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000000f2}.sg-mode-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f172aa6;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0}.sg-mode-card{background:#0f172af2;border:3px solid #f59e0b;border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:840px;padding:28px;display:flex;box-shadow:0 25px 50px -12px #000c}.sg-mode-header h2{color:#fbbf24;text-align:center;margin:0 0 6px;font-size:26px}.sg-mode-header p{color:#fde68a;text-align:center;margin:0;font-size:15px}.sg-mode-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.sg-mode-btn{text-align:center;cursor:pointer;background:#0f172a;border:2px solid #0000;border-radius:18px;flex-direction:column;align-items:center;padding:22px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sg-mode-btn:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000080}.sg-mode-btn.mode-hearts{background:linear-gradient(#1e1b4b 0%,#31102b 100%);border-color:#f43f5e}.sg-mode-btn.mode-hearts:hover{border-color:#fb7185;box-shadow:0 0 20px #f43f5e66}.sg-mode-btn.mode-time{background:linear-gradient(#1e1b4b 0%,#3a2e10 100%);border-color:#eab308}.sg-mode-btn.mode-time:hover{border-color:#fde047;box-shadow:0 0 20px #eab30866}.sg-mode-btn.mode-unlimited{background:linear-gradient(#1e1b4b 0%,#063829 100%);border-color:#10b981}.sg-mode-btn.mode-unlimited:hover{border-color:#34d399;box-shadow:0 0 20px #10b98166}.sg-mode-icon{margin-bottom:8px;font-size:26px}.sg-mode-btn-title{color:#fff;margin-bottom:6px;font-size:18px}.sg-mode-btn-desc{color:#94a3b8;font-size:13px;line-height:1.45}.sg-gameplay-layout{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;padding:14px 24px 20px;display:flex}.sg-hud-bar{z-index:10;justify-content:space-between;align-items:center;gap:12px;display:flex}.sg-hud-badge{border-radius:12px;justify-content:center;align-items:center;padding:6px 16px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 10px #0000004d}.sg-level-badge{color:#fff;background:#1e3a8af2;border:2px solid #60a5fa}.sg-status-badge{color:#fecdd3;background:#831843f2;border:2px solid #f472b6}.sg-score-badge{color:#fef08a;background:#78350ff2;border:2px solid #fbbf24}.sg-progress-badge{color:#a7f3d0;background:#064e3bf2;border:2px solid #34d399}.sg-blackboard-area{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:680px;min-height:220px;margin:0 auto;display:flex;position:relative}.sg-board-title-pill{color:#fef3c7;background:#78350feb;border:2px solid #fbbf24;border-radius:20px;margin-bottom:12px;padding:4px 20px;font-size:14px;font-weight:700;box-shadow:0 4px 8px #0006}.sg-speaker-stage{justify-content:center;align-items:center;margin-bottom:12px;display:flex;position:relative}.sg-speaker-circle-btn{cursor:pointer;background:#1e293b;border:4px solid #f59e0b;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 8px 20px #00000080}.sg-speaker-circle-btn:hover{transform:scale(1.08);box-shadow:0 0 25px #f59e0b99}.sg-speaker-circle-btn:active{transform:scale(.96)}.sg-speaker-emoji{font-size:44px}.sg-pulse-ring{pointer-events:none;border:2px solid #f59e0b;border-radius:50%;animation:1.8s ease-out infinite pulseRing;position:absolute;inset:-6px}@keyframes pulseRing{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.35)}}.sg-audio-controls-row{justify-content:center;align-items:center;gap:16px;margin-bottom:8px;display:flex}.sg-replay-action-btn{color:#fff;cursor:pointer;background:#0284c7;border:2px solid #38bdf8;border-radius:12px;padding:8px 20px;font-size:15px;font-weight:700;transition:all .15s;box-shadow:0 4px 10px #0000004d}.sg-replay-action-btn:hover{background:#0369a1;transform:scale(1.04)}.sg-speed-combobox-wrapper{background:#1e293be6;border:1.5px solid #64748b;border-radius:12px;align-items:center;gap:8px;padding:4px 12px;display:flex}.sg-speed-label{color:#fef3c7;font-size:14px;font-weight:700}.sg-speed-select{color:#fde047;cursor:pointer;background:#0f172a;border:1px solid #d97706;border-radius:8px;outline:none;padding:4px 10px;font-size:14px;font-weight:700}.sg-speed-select option{color:#fff;background:#0f172a}.sg-translation-reveal{white-space:nowrap;z-index:20;border-radius:20px;padding:6px 24px;font-size:16px;font-weight:700;animation:.2s cubic-bezier(.175,.885,.32,1.275) popIn;position:absolute;bottom:-40px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000080}.sg-translation-reveal.is-correct{color:#a7f3d0;background:#064e3b;border:2px solid #34d399}.sg-translation-reveal.is-wrong{color:#fecaca;background:#7f1d1d;border:2px solid #f87171}@keyframes popIn{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.sg-answers-grid{z-index:10;grid-template-columns:1fr 1fr;gap:14px 24px;width:100%;max-width:920px;margin:0 auto;display:grid}.sg-answer-card{cursor:pointer;box-sizing:border-box;background:#fff;border:3px solid #d97706;border-radius:16px;justify-content:space-between;align-items:center;height:66px;padding:8px 14px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 6px 14px #00000059}.sg-answer-card:hover:not(:disabled){border-color:#f59e0b;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 20px #00000073}.sg-answer-card:active:not(:disabled){transform:scale(.98)}.sg-card-badge{color:#fff;background:#d97706;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:700;display:flex}.sg-card-word{color:#0f172a;letter-spacing:.5px;text-align:center;flex:1;padding:0 12px;font-size:20px;font-weight:800}.sg-card-thumb-frame{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.sg-card-thumb-img{object-fit:contain;width:90%;height:90%}.sg-answer-card.state-correct,.sg-answer-card.is-correct{background:#059669!important;border-color:#6ee7b7!important;box-shadow:0 0 20px #10b98199!important}.sg-answer-card.state-correct .sg-card-badge,.sg-answer-card.is-correct .sg-card-badge{color:#34d399!important;background:#064e3b!important}.sg-answer-card.state-correct .sg-card-word,.sg-answer-card.is-correct .sg-card-word{color:#fff!important}.sg-answer-card.state-wrong,.sg-answer-card.is-wrong{animation:.4s shake;background:#dc2626!important;border-color:#fca5a5!important}.sg-answer-card.state-wrong .sg-card-badge,.sg-answer-card.is-wrong .sg-card-badge{color:#fecaca!important;background:#7f1d1d!important}.sg-answer-card.state-wrong .sg-card-word,.sg-answer-card.is-wrong .sg-card-word{color:#fff!important}.sg-answer-card.state-dim,.sg-answer-card.is-dimmed{filter:grayscale(40%);opacity:.4!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sg-dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0}.sg-dialog-card{text-align:center;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:32px 28px;display:flex;box-shadow:0 25px 50px -12px #000c}.sg-dialog-card.victory{background:#78350f;border:4px solid #fbbf24}.sg-dialog-card.victory h2{color:#fef08a;margin:0 0 8px;font-size:26px}.sg-dialog-card.victory p{color:#fde68a;margin:0 0 16px;font-size:15px}.sg-dialog-card.gameover{background:#450a0a;border:4px solid #ef4444}.sg-dialog-card.gameover h2{color:#fca5a5;margin:0 0 8px;font-size:26px}.sg-dialog-card.gameover p{color:#fecaca;margin:0 0 16px;font-size:15px}.sg-dialog-score{color:#fff;margin-bottom:20px;font-size:20px;font-weight:700}.sg-dialog-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-bottom:10px;padding:14px;font-size:18px;font-weight:700;transition:transform .15s}.sg-dialog-btn.success{background:#16a34a;border:2px solid #86efac}.sg-dialog-btn.retry{background:#dc2626;border:2px solid #fca5a5}.sg-dialog-btn:hover{transform:scale(1.03)}.sg-dialog-ghost-btn{color:#fcd34d;cursor:pointer;background:0 0;border:none;margin-top:4px;font-size:15px;font-weight:700}.sg-dialog-ghost-btn:hover{text-decoration:underline}.wc-vietnamese-card{box-sizing:border-box;background:#0f172ae6;border:3.5px solid #34d399;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:580px;margin-top:8px;padding:20px 42px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;box-shadow:0 16px 32px #0009,inset 0 0 20px #34d39926}.wc-vn-label{color:#6ee7b7;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:700}.wc-vn-text{color:#fef08a;text-align:center;text-shadow:0 2px 10px #0009;letter-spacing:.5px;margin:0;font-size:32px;font-weight:900}.wc-pure-text-card{gap:16px;justify-content:flex-start!important;padding:10px 24px!important}.wc-pure-text-card .sg-card-word{text-align:center;letter-spacing:1px;font-size:22px}.lg-image-card{box-sizing:border-box;background:#fff;border:4px solid #38bdf8;border-radius:24px;justify-content:center;align-items:center;width:240px;height:190px;margin-top:4px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;overflow:hidden;box-shadow:0 16px 36px #000000a6,0 0 20px #38bdf859}.lg-image-pic{object-fit:contain;filter:drop-shadow(0 4px 8px #00000026);width:86%;height:86%}.cm-wrapper{background:#000;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:860px;margin:12px 0;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:visible;box-shadow:0 20px 50px #000000d9}.cm-wood-stage{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:url(/pair-match-bg.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:1200px;min-height:860px;margin:0 auto;padding:20px 24px 40px;display:flex;position:relative;box-shadow:0 0 50px #000000f2}.cm-hud-bar{z-index:10;justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1000px;margin-bottom:12px;display:flex}.cm-hud-pill{border-radius:14px;align-items:center;gap:8px;padding:8px 18px;font-size:16px;font-weight:700;display:flex;box-shadow:0 6px 14px #0006}.cm-table-pill{color:#fff;background:#1e3a8af2;border:2px solid #60a5fa}.cm-timer-pill{color:#fecdd3;background:#831843f2;border:2px solid #f472b6}.cm-timer-pill.is-urgent{color:#fff;background:#dc2626;border-color:#fca5a5;animation:.8s infinite alternate pulseTimer}@keyframes pulseTimer{0%{transform:scale(1)}to{transform:scale(1.08);box-shadow:0 0 20px #ef4444}}.cm-score-pill{color:#fef08a;background:#78350ff2;border:2px solid #fbbf24}.cm-streak-tag{color:#fff;background:#ea580c;border-radius:8px;padding:2px 8px;font-size:13px}.cm-pairs-pill{color:#a7f3d0;background:#064e3bf2;border:2px solid #34d399}.cm-grid-5x3{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);justify-content:center;align-items:center;gap:12px 16px;width:100%;max-width:960px;margin:0 auto 20px;display:grid}.cm-flip-card{aspect-ratio:1/1.3;perspective:1000px;cursor:pointer;background:0 0;border:none;outline:none;width:100%;max-width:172px;margin:0 auto;padding:0;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .35s;position:relative}.cm-flip-card:hover:not(.is-flipped):not(.is-vanished){transform:translateY(-5px)scale(1.04)}.cm-flip-card.is-vanished{opacity:0;pointer-events:none;visibility:hidden;transform:scale(.6)}.cm-flip-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;border-radius:16px;transition:transform .45s cubic-bezier(.4,0,.2,1);position:relative}.cm-flip-card.is-flipped .cm-flip-inner{transform:rotateY(180deg)}.cm-card-face{backface-visibility:hidden;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 20px #00000073}.cm-card-back{background:0 0}.cm-card-back-img{object-fit:fill;border-radius:16px;width:100%;height:100%;display:block}.cm-card-front{box-sizing:border-box;background:#fff;border:3.5px solid #0284c7;transform:rotateY(180deg)}.cm-flip-card.is-correct .cm-card-front{animation:.4s ease-out matchSuccess;border-color:#34d399!important;box-shadow:0 0 25px #34d399e6!important}@keyframes matchSuccess{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.1)}to{transform:rotateY(180deg)scale(1)}}.cm-card-word-face{text-align:center;box-sizing:border-box;background:linear-gradient(#f0f9ff 0%,#e0f2fe 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:10px 8px;display:flex}.cm-word-badge{color:#0369a1;background:#bae6fd;border-radius:6px;margin-bottom:8px;padding:3px 10px;font-size:13px;font-weight:800}.cm-word-label{color:#0f172a;letter-spacing:.5px;word-break:break-word;font-size:20px;font-weight:900;line-height:1.2}.cm-card-image-face{box-sizing:border-box;background:#fff;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex}.cm-image-pic{object-fit:contain;filter:drop-shadow(0 2px 4px #00000026);width:90%;height:90%}.cm-card-bonus{color:#fff;text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%);border:2px dashed #fef08a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:1.5s infinite alternate pulseGold;display:flex}@keyframes pulseGold{0%{transform:scale(.98)}to{transform:scale(1.02)}}.cm-bonus-star{margin-bottom:2px;font-size:36px}.cm-bonus-text{color:#fef08a;font-size:13px;font-weight:900}.cm-gameover-stats{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:16px 0 24px;display:grid}.cm-stat-box{background:#0f172a99;border:1.5px solid #f97316;border-radius:14px;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.cm-stat-num{color:#fef08a;margin-bottom:4px;font-size:20px;font-weight:900}.cm-stat-lbl{color:#fdba74;font-size:12px}.wh-wrapper{background:#000;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:880px;margin:12px 0;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000d9}.wh-stage{aspect-ratio:16/11;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;background:url(/word-hunt-bg.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:1200px;min-height:880px;margin:0 auto;padding:18px 24px 28px;display:flex;position:relative;box-shadow:0 0 50px #000000f2}.wh-hud-bar{z-index:10;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:980px;margin-bottom:12px;display:flex}.wh-hud-pill{border-radius:14px;align-items:center;gap:8px;padding:8px 20px;font-size:17px;font-weight:700;display:flex;box-shadow:0 6px 14px #0006}.wh-timer-pill{color:#fecdd3;background:#831843f2;border:2px solid #f472b6}.wh-timer-pill.is-urgent{color:#fff;background:#dc2626;border-color:#fca5a5;animation:.8s infinite alternate pulseTimer}.topbar-coin-badge{background:linear-gradient(135deg,#78350ff2 0%,#451a03f2 100%);border:2px solid #f59e0b;border-radius:16px;align-items:center;gap:8px;padding:6px 16px 6px 10px;transition:all .2s;display:flex;box-shadow:0 4px 14px #f59e0b59}.topbar-coin-badge:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f59e0b8c}.topbar-coin-img{object-fit:contain;filter:drop-shadow(0 3px 6px #00000073);width:36px;height:36px;animation:2.5s ease-in-out infinite coinGentlyPulse}@keyframes coinGentlyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)rotate(3deg)}}.wh-score-pill{color:#fef08a;background:#78350ff2;border:2px solid #fbbf24}.wh-coin-pill{color:#fef08a;background:#78350ff2;border:2.5px solid #f59e0b;box-shadow:0 0 16px #f59e0b73}.wh-coin-icon{object-fit:contain;filter:drop-shadow(0 3px 6px #0006);width:34px;height:34px}.wh-words-pill{color:#a7f3d0;background:#064e3bf2;border:2px solid #34d399}.wh-hint-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:2px solid #fef08a;border-radius:14px;padding:8px 20px;font-size:16px;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #f59e0b66}.wh-hint-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.04);box-shadow:0 6px 16px #f59e0b99}.wh-hint-btn:disabled{opacity:.5;cursor:not-allowed}.wh-dual-target-row{z-index:10!important;justify-content:center!important;gap:20px!important;width:100%!important;max-width:980px!important;margin:6px 0 16px!important;display:flex!important}.wh-target-card{box-sizing:border-box!important;background:#0f172af0!important;border:3.5px solid #38bdf8!important;border-radius:20px!important;flex:1!important;align-items:center!important;gap:16px!important;max-width:480px!important;padding:12px 20px!important;transition:all .25s!important;display:flex!important;box-shadow:0 10px 24px #00000080!important}.wh-target-card.is-success-card{background:#064e3bf2!important;border-color:#34d399!important;transform:scale(1.04)!important;box-shadow:0 0 28px #34d399e6!important}.wh-target-image-box{background:#fff!important;border:2.5px solid #bae6fd!important;border-radius:16px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:72px!important;height:72px!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 10px #0000004d!important}.wh-target-img{object-fit:contain!important;width:90%!important;height:90%!important}.wh-target-info{flex-direction:column!important;flex:1!important;min-width:0!important;display:flex!important}.wh-target-badge{color:#38bdf8!important;letter-spacing:1px!important;font-size:13px!important;font-weight:800!important}.wh-target-vi{color:#fef08a!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:2px 0 6px!important;font-size:22px!important;font-weight:900!important;overflow:hidden!important}.wh-target-spell-slots{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;display:flex!important}.wh-spell-slot{color:#94a3b8!important;text-align:center!important;background:#1e293bd9!important;border-radius:8px!important;min-width:22px!important;padding:2px 8px!important;font-size:20px!important;font-weight:900!important}.wh-spell-slot.is-active{color:#34d399!important;background:#064e3bf2!important;border:1.5px solid #34d399!important;animation:.15s ease-out popIn!important}.wh-spell-slot.is-hint-first{color:#fbbf24!important;background:#78350fe6!important;border:1.5px dashed #f59e0b!important}.wh-grid-container{z-index:10!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:8px 0!important;display:flex!important}.wh-grid-6x6{box-sizing:border-box!important;background:#0f172af0!important;border:5px solid #f59e0b!important;border-radius:28px!important;grid-template-rows:repeat(6,1fr)!important;grid-template-columns:repeat(6,1fr)!important;gap:12px!important;width:600px!important;max-width:94vw!important;height:600px!important;max-height:94vw!important;padding:16px!important;display:grid!important;position:relative!important;box-shadow:0 24px 50px #000000b3!important}.wh-grid-6x6.is-wrong-shake{animation:.4s shake!important}.wh-connecting-svg{pointer-events:none!important;z-index:8!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.wh-path-polyline{fill:none!important;stroke:#fbbf24!important;stroke-width:9px!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-opacity:.95!important;filter:drop-shadow(0 0 12px #fbbf24f2)!important}.wh-cell-tile{cursor:pointer!important;box-sizing:border-box!important;-webkit-user-select:none!important;user-select:none!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;transition:transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s!important;display:flex!important;position:relative!important;box-shadow:0 5px 12px #0006!important}.wh-cell-tile:hover{transform:scale(1.06)!important}.wh-tile-letter{color:#fff!important;text-shadow:0 2px 4px #0006!important;pointer-events:none!important;font-size:32px!important;font-weight:900!important}.wh-path-order-badge{color:#fff!important;z-index:12!important;background:#ea580c!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;font-size:13px!important;font-weight:900!important;display:flex!important;position:absolute!important;top:4px!important;left:4px!important;box-shadow:0 2px 5px #0006!important}.wh-cell-tile.tile-yellow{background:linear-gradient(#fde047 0%,#eab308 100%)!important;border:3.5px solid #fef08a!important}.wh-cell-tile.tile-yellow .wh-tile-letter{color:#713f12!important;text-shadow:none!important}.wh-cell-tile.tile-blue{background:linear-gradient(#38bdf8 0%,#0284c7 100%)!important;border:3.5px solid #7dd3fc!important}.wh-cell-tile.tile-pink{background:linear-gradient(#f472b6 0%,#db2777 100%)!important;border:3.5px solid #fbcfe8!important}.wh-cell-tile.tile-green{background:linear-gradient(#4ade80 0%,#16a34a 100%)!important;border:3.5px solid #86efac!important}.wh-cell-tile.is-selected{z-index:10!important;background:#fff!important;border-color:#f59e0b!important;transform:scale(1.12)!important;box-shadow:0 0 24px #f59e0bf2,0 6px 14px #00000080!important}.wh-cell-tile.is-selected .wh-tile-letter{color:#0f172a!important;text-shadow:none!important}.wh-cell-tile.is-popping{animation:.38s ease-out forwards cellPop!important}@keyframes cellPop{0%{filter:brightness(1.5);transform:scale(1.1)}50%{filter:brightness(2);transform:scale(1.3)}to{opacity:0;transform:scale(0)}}.wh-cell-tile.is-hinted{border-color:#38bdf8!important;animation:1.2s infinite alternate pulseHint!important}@keyframes pulseHint{0%{transform:scale(1);box-shadow:0 0 10px #38bdf8}to{transform:scale(1.1);box-shadow:0 0 24px #38bdf8}}.coin-reward-showcase{flex-direction:column;justify-content:center;align-items:center;margin:12px 0 16px;display:flex;position:relative}.coin-glow-halo{pointer-events:none;background:radial-gradient(circle,#f59e0b80 0%,#f59e0b00 70%);border-radius:50%;width:140px;height:140px;animation:2s ease-in-out infinite alternate haloPulse;position:absolute}@keyframes haloPulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.25)}}.coin-reward-image{object-fit:contain;filter:drop-shadow(0 6px 16px #f59e0bb3);z-index:2;width:90px;height:90px;animation:2.5s ease-in-out infinite coinBounce}@keyframes coinBounce{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(3deg)}}.coin-reward-amount{color:#fef08a;text-shadow:0 2px 8px #0009;z-index:2;margin-top:6px;font-size:28px;font-weight:900}.coin-reward-amount .coin-text{color:#fbbf24;font-size:16px}.coin-reward-percent{color:#e2e8f0;z-index:2;margin-top:2px;font-size:14px}.coin-collect-btn{color:#fff!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;border-color:#fef08a!important;font-size:17px!important;font-weight:900!important;animation:1.5s infinite alternate collectPulse!important;box-shadow:0 6px 20px #f59e0b99!important}@keyframes collectPulse{0%{transform:scale(1)}to{transform:scale(1.03);box-shadow:0 8px 24px #f59e0bcc!important}}.flying-coin-particle{pointer-events:none;z-index:99;animation:.8s cubic-bezier(.2,.8,.2,1) forwards flyToCorner;position:absolute;top:45%;left:50%}@keyframes flyToCorner{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)rotate(0)}50%{opacity:1;transform:translate(calc(20px - 50%),calc(-50% - 60px))scale(1.2)rotate(180deg)}to{opacity:0;transform:translate(160px,-240px)scale(.3)rotate(360deg)}}.floating-back-btn{color:#fef08a;cursor:pointer;z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ae0;border:2px solid #f59e0b;border-radius:14px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:800;transition:all .15s;display:flex;position:absolute;top:14px;left:18px;box-shadow:0 4px 12px #00000080}.floating-back-btn:hover{color:#0f172a;background:#f59e0bf2;transform:translateY(-2px)scale(1.04);box-shadow:0 6px 16px #f59e0b99}.fb-wrapper{background:#000;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:860px;margin:12px 0;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000d9}.fb-stage{aspect-ratio:16/11;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:url(/fill-blanks-bg.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:1200px;min-height:840px;margin:0 auto;padding:18px 24px 24px;display:flex;position:relative;box-shadow:0 0 50px #000000f2}.fb-hud-bar{z-index:10;justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1000px;display:flex}.fb-hud-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;align-items:center;gap:8px;padding:8px 18px;font-size:16px;font-weight:800;display:flex;box-shadow:0 6px 16px #00000073}.fb-round-pill{color:#fff;background:#1e3a8aeb;border:2px solid #60a5fa}.fb-timer-pill{color:#fecdd3;background:#831843eb;border:2px solid #f472b6;justify-content:center;min-width:110px}.fb-timer-pill.is-urgent{color:#fff!important;background:#dc2626!important;border-color:#fca5a5!important;animation:.8s infinite alternate pulseTimer!important}.fb-coin-pill{color:#fef08a;background:#78350feb;border:2px solid #f59e0b}.fb-coin-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:28px;height:28px}.fb-score-pill{color:#a7f3d0;background:#064e3beb;border:2px solid #34d399}.fb-center-area{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:900px;display:flex}.fb-question-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae0;border:2.5px solid #22c55e;border-radius:20px;align-items:center;gap:20px;padding:12px 28px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;box-shadow:0 12px 30px #0009}.fb-thumb-frame{background:#fff;border:3px solid #86efac;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:95px;display:flex;overflow:hidden;box-shadow:0 6px 14px #0000004d}.fb-thumb-img{object-fit:contain;width:88%;height:88%}.fb-meaning-info{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.fb-meaning-lbl{color:#86efac;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:800}.fb-meaning-text{color:#fef08a;text-shadow:0 2px 8px #0009;letter-spacing:.5px;margin:0;font-size:26px;font-weight:900}.fb-slots-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172abf;border:2px solid #f59e0b66;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:6px 0;padding:10px 20px;display:flex;box-shadow:0 8px 24px #00000080}.fb-letter-slot{text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;width:54px;height:60px;font-size:30px;font-weight:900;transition:all .15s;display:flex;position:relative}.fb-letter-slot.is-fixed{color:#cbd5e1;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:2.5px solid #64748b;box-shadow:inset 0 2px 4px #ffffff14}.fb-letter-slot.is-blank{color:#fef08a;cursor:pointer;background:linear-gradient(#334155 0%,#1e293b 100%);border:3px dashed #f59e0b;box-shadow:0 4px 12px #f59e0b40}.fb-letter-slot.is-blank:hover{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b73}.fb-letter-slot.is-active-blank{animation:1.2s infinite alternate slotPulse;color:#fff!important;background:linear-gradient(#064e3b 0%,#022c22 100%)!important;border:3.5px solid #22c55e!important;box-shadow:0 0 20px #22c55eb3!important}@keyframes slotPulse{0%{transform:scale(1);box-shadow:0 0 14px #22c55e80}to{transform:scale(1.06);box-shadow:0 0 24px #22c55ee6}}.fb-letter-slot.is-correct{animation:.4s ease-out bounceCorrect;color:#fff!important;background:linear-gradient(#059669 0%,#047857 100%)!important;border:3px solid #34d399!important}.fb-letter-slot.is-wrong{animation:.35s ease-in-out shake;color:#fff!important;background:linear-gradient(#dc2626 0%,#b91c1c 100%)!important;border:3px solid #fca5a5!important}.fb-blank-cursor{background:#22c55e;border-radius:2px;width:3px;height:28px;animation:.8s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.fb-keyboard-area{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:2px solid #ffffff26;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:780px;padding:12px 16px;display:flex;box-shadow:0 10px 30px #0009}.fb-kb-row{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.fb-key-btn{color:#f8fafc;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#334155 0%,#1e293b 100%);border:2px solid #64748b;border-radius:12px;flex:1;justify-content:center;align-items:center;max-width:62px;height:48px;font-size:20px;font-weight:800;transition:all .1s;display:flex;box-shadow:0 4px 8px #0006,inset 0 1px #fff3}.fb-key-btn:hover{background:linear-gradient(#475569 0%,#334155 100%);border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 6px 12px #00000080}.fb-key-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #0006}.fb-key-backspace{color:#fecdd3;background:linear-gradient(#991b1b 0%,#7f1d1d 100%);border-color:#f87171;gap:4px;max-width:100px;font-size:15px}.fb-key-backspace:hover{color:#fff;background:linear-gradient(#b91c1c 0%,#991b1b 100%);border-color:#fca5a5}.tf-wrapper{background:#000;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:860px;margin:12px 0;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000d9}.tf-stage{aspect-ratio:16/11;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:url(/type-fast-bg.png) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:1200px;min-height:840px;margin:0 auto;padding:24px 32px 36px;display:flex;position:relative;box-shadow:0 0 50px #000000f2}.tf-hud-bar{z-index:10;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1040px;display:flex}.tf-hud-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;align-items:center;gap:8px;padding:8px 20px;font-size:16px;font-weight:800;display:flex;box-shadow:0 6px 16px #00000026}.tf-wpm-pill{color:#fff;background:#1e3a8ae6;border:2px solid #60a5fa}.tf-correct-pill{color:#a7f3d0;background:#064e3be6;border:2px solid #34d399}.tf-coin-pill{color:#fef08a;background:#78350fe6;border:2px solid #f59e0b}.tf-coin-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0003);width:28px;height:28px}.tf-accuracy-pill{color:#f3e8ff;background:#581c87e6;border:2px solid #c084fc}.tf-board-container{box-sizing:border-box;background:#fffdf2;border:3.5px solid #fed7aa;border-radius:28px;flex-direction:column;justify-content:flex-start;width:100%;max-width:1040px;min-height:240px;max-height:320px;padding:28px 36px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f,inset 0 2px 6px #fffc}.tf-word-flow{letter-spacing:.5px;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:12px 18px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:32px;font-weight:800;line-height:1.8;display:flex}.tf-word-item{color:#334155;border-radius:12px;align-items:center;padding:4px 10px;transition:all .15s;display:inline-flex;position:relative}.tf-word-item.is-active{color:#0f172a;background:#fde047;animation:1.5s infinite alternate pulseActiveWord;box-shadow:0 4px 14px #fde047b3}@keyframes pulseActiveWord{0%{transform:scale(1);box-shadow:0 4px 12px #fde04799}to{transform:scale(1.04);box-shadow:0 6px 18px #fde047e6}}.tf-word-item.is-correct{color:#15803d;background:#dcfce7e6}.tf-word-item.is-wrong{color:#dc2626;background:#fee2e2e6;text-decoration:line-through}.tf-word-item.is-pending{color:#1e293b;opacity:.85}.tf-char-correct{color:#047857;font-weight:900}.tf-char-wrong{color:#dc2626;background:#fecacacc;border-radius:4px}.tf-char-extra{color:#991b1b;background:#fecacae6;border-radius:4px}.tf-char-remaining{color:#0f172a}.tf-input-bar-container{box-sizing:border-box;background:#fffffff5;border:3.5px solid #38bdf8;border-radius:26px;align-items:center;gap:16px;width:100%;max-width:1040px;padding:12px 18px 12px 24px;display:flex;box-shadow:0 14px 32px #38bdf840,0 6px 16px #00000014}.tf-text-input{color:#0f172a;letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:26px;font-weight:700}.tf-text-input::placeholder{color:#94a3b8;font-size:22px;font-weight:500}.tf-timer-badge{color:#0f172a;letter-spacing:1px;text-align:center;background:#f8fafc;border:2px solid #cbd5e1;border-radius:16px;min-width:75px;padding:8px 18px;font-family:monospace;font-size:24px;font-weight:900}.tf-timer-badge.is-urgent{color:#dc2626;background:#fee2e2;border-color:#f87171;animation:.8s infinite alternate pulseTimer}.tf-restart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:2.5px solid #38bdf8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:all .15s;display:flex;box-shadow:0 6px 16px #0284c766}.tf-restart-btn:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:rotate(45deg)scale(1.08);box-shadow:0 8px 20px #0284c799}.tf-restart-btn:active{transform:rotate(90deg)scale(.95)}.mg-wrapper{background:#000;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:860px;margin:12px 0;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000d9}.mg-stage{aspect-ratio:16/11;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:url(/meteor-bg.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:1200px;min-height:840px;margin:0 auto;padding:24px 32px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000000f2}.mg-hud-bar{z-index:20;justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1040px;display:flex}.mg-hud-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;align-items:center;gap:8px;padding:8px 18px;font-size:16px;font-weight:800;display:flex;box-shadow:0 6px 16px #0000004d}.mg-heart-pill{color:#fecdd3;background:#881337d9;border:2px solid #f43f5e}.mg-heart-icon{filter:drop-shadow(0 2px 4px #f43f5e99);font-size:20px;transition:transform .2s}.mg-heart-icon.lost{opacity:.25;filter:grayscale()}.mg-timer-pill{color:#7dd3fc;background:#0f172ad9;border:2px solid #38bdf8}.mg-timer-pill.is-urgent{color:#fef2f2;background:#991b1be6;border-color:#f87171;animation:.8s infinite alternate pulseTimer}.mg-coin-pill{color:#fef08a;background:#78350fd9;border:2px solid #f59e0b}.mg-score-pill{color:#e0e7ff;background:#4338cad9;border:2px solid #818cf8}.mg-battlefield{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.mg-meteor-container{filter:drop-shadow(0 10px 30px #ef4444b3);flex-direction:column;align-items:center;transition:top 50ms linear;display:flex;position:absolute;transform:translate(-50%)}.mg-meteor-container.is-targeted{filter:drop-shadow(0 0 26px #38bdf8f2)}.mg-meteor-img{object-fit:contain;width:125px;height:190px;animation:.5s ease-in-out infinite alternate flickerFlames}@keyframes flickerFlames{0%{filter:brightness();transform:scale(.96)rotate(-2deg)}to{filter:brightness(1.25);transform:scale(1.04)rotate(2deg)}}.mg-meteor-label{color:#fff;letter-spacing:1.2px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0f172aeb;border:3px solid #f97316;border-radius:14px;margin-top:-16px;padding:6px 18px;font-size:22px;font-weight:900;box-shadow:0 6px 16px #0009}.mg-meteor-container.is-targeted .mg-meteor-label{background:#022c22f2;border-color:#38bdf8;box-shadow:0 0 16px #38bdf899}.mg-char-matched{color:#4ade80;text-shadow:0 0 10px #4ade80e6;font-weight:900}.mg-char-unmatched{color:#f8fafc}.mg-penguin-area{z-index:15;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:25px;left:60px}.mg-penguin-hero{object-fit:contain;filter:drop-shadow(0 14px 28px #000000b3);width:200px;height:230px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.mg-penguin-shadow{background:radial-gradient(#000000a6 0%,#0000 70%);width:160px;height:26px;margin-top:-12px}.mg-snowball-projectile{pointer-events:none;z-index:25;width:52px;height:52px;position:absolute;transform:translate(-50%,-50%)}.mg-snowball-img{object-fit:contain;filter:drop-shadow(0 0 18px #7dd3fc);width:100%;height:100%;animation:.25s linear infinite spinSnowball}@keyframes spinSnowball{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mg-explosion-container{pointer-events:none;z-index:30;position:absolute;transform:translate(-50%,-50%)}.mg-explosion-core{background:radial-gradient(circle,#fef08a 0%,#f97316 45%,#ef444400 75%);border-radius:50%;width:160px;height:160px;animation:.4s ease-out forwards explodeCore}@keyframes explodeCore{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.5)}}.mg-shatter-piece{border-radius:4px;width:16px;height:16px;animation:.55s ease-out forwards shatterFly;position:absolute}@keyframes shatterFly{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) rotate(360deg) scale(.15);opacity:0}}.mg-bottom-panel{z-index:20;justify-content:flex-end;width:100%;padding-right:20px;display:flex}.mg-input-container{background:#0f172af0;border:3.5px solid #f97316;border-radius:24px;align-items:center;gap:14px;width:100%;max-width:680px;padding:12px 24px;display:flex;box-shadow:0 14px 36px #000000b3,0 0 24px #f9731659}.mg-input-field{color:#fef08a;letter-spacing:1.2px;background:0 0;border:none;outline:none;flex:1;font-family:Segoe UI,system-ui,sans-serif;font-size:26px;font-weight:800}.mg-input-field::placeholder{color:#94a3b8;font-size:18px;font-weight:500}.mg-screen-shake{animation:.35s ease-in-out screenShake}@keyframes screenShake{0%{transform:translate(0)}20%{transform:translate(-8px,6px)}40%{transform:translate(8px,-6px)}60%{transform:translate(-6px,4px)}80%{transform:translate(6px,-4px)}to{transform:translate(0)}}.bv-wrapper{background:#000;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:860px;margin:12px 0;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000d9}.bv-stage{aspect-ratio:16/11;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:url(/bubble-meadow-bg.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:1200px;min-height:840px;margin:0 auto;padding:24px 32px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000000f2}.bv-hud-bar{z-index:20;justify-content:flex-start;align-items:center;gap:12px;width:100%;max-width:680px;margin-right:auto;display:flex}.bv-hud-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;align-items:center;gap:8px;padding:8px 18px;font-size:16px;font-weight:800;display:flex;box-shadow:0 6px 16px #00000026}.bv-heart-pill{color:#fecdd3;background:#9f1239e0;border:2px solid #f43f5e}.bv-timer-pill{color:#7dd3fc;background:#0f172ad9;border:2px solid #38bdf8}.bv-timer-pill.is-urgent{color:#fef2f2;background:#991b1be6;border-color:#f87171;animation:.8s infinite alternate pulseTimer}.bv-coin-pill{color:#fef08a;background:#78350fd9;border:2px solid #f59e0b}.bv-score-pill{color:#d1fae5;background:#047857e0;border:2px solid #34d399}.bv-target-banner{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:3px solid #38bdf8;border-radius:18px;align-items:center;gap:12px;max-width:440px;padding:8px 16px;animation:.25s ease-out popIn;display:flex;position:absolute;top:20px;right:28px;box-shadow:0 8px 24px #38bdf84d,0 2px 8px #0000001a}.bv-target-thumb{background:#fff;border:2px solid #fed7aa;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:2px;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000014}.bv-target-img{object-fit:cover;border-radius:9px;width:100%;height:100%}.bv-target-info{flex-direction:column;gap:1px;display:flex}.bv-target-lbl{color:#0284c7;letter-spacing:.6px;font-size:11px;font-weight:800}.bv-target-vi{color:#0f172a;margin:0;font-size:19px;font-weight:900;line-height:1.15}.bv-target-sound-btn{color:#0369a1;cursor:pointer;white-space:nowrap;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:10px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:700;transition:all .15s}.bv-target-sound-btn:hover{background:#e0f2fe;border-color:#38bdf8;transform:scale(1.05)}.bv-battlefield{z-index:10;position:absolute;inset:0;overflow:hidden}.bv-bubble-btn{cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 24px #00000026);background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:180px;height:180px;transition:transform .12s;display:flex;position:absolute;transform:translate(-50%,-50%)}.bv-bubble-btn:hover{transform:translate(-50%,-50%)scale(1.08)}.bv-bubble-btn:active{transform:translate(-50%,-50%)scale(.94)}.bv-bubble-graphic{object-fit:contain;pointer-events:none;width:100%;height:100%;animation:2s ease-in-out infinite alternate gentleFloatWobble;position:absolute;top:0;left:0}@keyframes gentleFloatWobble{0%{transform:scale(.97)rotate(-3deg)}to{transform:scale(1.03)rotate(3deg)}}.bv-bubble-text{z-index:5;color:#1e1b4b;text-shadow:0 1px 3px #fffffff2,0 0 12px #fffffff2;letter-spacing:.8px;text-align:center;word-break:break-word;max-width:150px;padding:0 12px;font-size:26px;font-weight:900;line-height:1.15;position:relative}.bv-pop-container{pointer-events:none;z-index:30;position:absolute;transform:translate(-50%,-50%)}.bv-pop-ring{border:3px solid #7dd3fc;border-radius:50%;width:120px;height:120px;animation:.35s ease-out forwards popRingAnim}@keyframes popRingAnim{0%{opacity:1;border-color:#fef08a;transform:scale(.4)}to{opacity:0;border-color:#38bdf8;transform:scale(1.8)}}.bv-pop-droplet{background:radial-gradient(circle,#fff 0%,#38bdf8 70%);border-radius:50%;width:10px;height:10px;animation:.4s ease-out forwards dropletFly;position:absolute}@keyframes dropletFly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(.2);opacity:0}}.leaderboard-page-container{flex-direction:column;gap:20px;width:100%;max-width:1080px;margin:0 auto;padding:8px 0 32px;display:flex}.lb-header-banner{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1e1b4b 100%);border:3px solid #60a5fa;border-radius:24px;flex-direction:column;gap:14px;padding:20px 24px;display:flex;box-shadow:0 12px 30px #1e3a8a40}.lb-header-left{align-items:center;gap:16px;display:flex}.lb-header-icon-box{background:radial-gradient(circle,#fbbf24 0%,#d97706 100%);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:38px;display:flex;box-shadow:0 8px 16px #0000004d}.lb-main-title{color:#fef08a;letter-spacing:.5px;margin:0;font-size:24px;font-weight:900}.lb-subtitle{color:#bfdbfe;margin:4px 0 0;font-size:14px}.lb-rule-badge{color:#e0f2fe;background:#ffffff1a;border:1.5px solid #60a5fa66;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.lb-rule-icon{flex-shrink:0;font-size:20px}.lb-game-tabs-scroll{scrollbar-width:thin;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.lb-game-tab{cursor:pointer;white-space:nowrap;color:#0369a1;background:#fff;border:2px solid #bae6fd;border-radius:16px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #0000000f}.lb-game-tab:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 8px 16px #0369a126}.lb-game-tab.is-active{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 8px 20px #0284c759}.lb-tab-icon{font-size:18px}.lb-overview-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.lb-stat-card{background:#fff;border:2.5px solid #e0f2fe;border-radius:20px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;position:relative;box-shadow:0 6px 18px #0000000f}.lb-stat-card.champ-card{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#f59e0b}.lb-stat-card.user-record-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#10b981}.lb-stat-card-badge{letter-spacing:.5px;color:#b45309;font-size:12px;font-weight:900}.lb-stat-card-badge.user-badge{color:#047857}.lb-champ-body{align-items:center;gap:16px;display:flex}.lb-champ-avatar-frame{background:#fff;border:3px solid #f59e0b;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex;position:relative;box-shadow:0 4px 12px #f59e0b40}.lb-champ-crown{font-size:18px;position:absolute;top:-12px;right:-8px;transform:rotate(15deg)}.lb-champ-info{flex-direction:column;gap:4px;display:flex}.lb-champ-name{color:#78350f;font-size:17px;font-weight:800}.lb-champ-score-row{align-items:center;gap:12px;display:flex}.lb-champ-score{color:#d97706;font-size:16px;font-weight:900}.lb-champ-time{color:#4b5563;background:#ffffffb3;border-radius:8px;padding:2px 8px;font-size:13.5px;font-weight:700}.lb-user-record-body{align-items:center;gap:16px;display:flex}.lb-record-rank-circle{color:#fff;background:#10b981;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 4px 12px #10b9814d}.lb-rank-num{font-size:18px;font-weight:900;line-height:1}.lb-rank-lbl{text-transform:uppercase;font-size:10px;font-weight:700}.lb-user-record-stats{flex-direction:column;gap:3px;display:flex}.lb-record-score{color:#065f46;font-size:18px;font-weight:900}.lb-record-score small{color:#047857;font-size:12px;font-weight:600}.lb-record-time{color:#374151;font-size:13px}.lb-user-record-empty{color:#6b7280;font-size:14px;font-style:italic}.lb-play-now-btn{color:#fff;cursor:pointer;background:#0284c7;border-radius:12px;align-self:flex-start;margin-top:2px;padding:8px 14px;font-size:13.5px;font-weight:800;transition:all .18s}.lb-play-now-btn:hover{background:#0369a1;transform:translateY(-1px)}.lb-table-wrapper{background:#fff;border:2.5px solid #bae6fd;border-radius:24px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 10px 25px #0000000d}.lb-table-header-row{color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f1f5f9;grid-template-columns:80px 1.8fr 1.2fr 1.5fr 1.2fr;padding:10px 16px;font-size:13px;font-weight:800;display:grid}.lb-table-body{flex-direction:column;gap:8px;display:flex}.lb-table-row{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;grid-template-columns:80px 1.8fr 1.2fr 1.5fr 1.2fr;align-items:center;padding:12px 16px;transition:all .18s;display:grid}.lb-table-row:hover{background:#f0f9ff;border-color:#7dd3fc;transform:scale(1.005)}.lb-table-row.is-top1{background:linear-gradient(90deg,#fffbeb 0%,#fef3c7 100%);border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b26}.lb-table-row.is-top2{background:linear-gradient(90deg,#f8fafc 0%,#f1f5f9 100%);border-color:#94a3b8}.lb-table-row.is-top3{background:linear-gradient(90deg,#fff7ed 0%,#ffedd5 100%);border-color:#fb923c}.lb-table-row.is-current-user{background:#e0f2fe!important;border-color:#0284c7!important;box-shadow:0 0 15px #0284c740!important}.lb-medal{border-radius:10px;align-items:center;gap:4px;padding:4px 10px;font-size:15px;font-weight:900;display:inline-flex}.lb-medal.gold{color:#854d0e;background:#fef08a;border:1.5px solid #facc15}.lb-medal.silver{color:#334155;background:#e2e8f0;border:1.5px solid #cbd5e1}.lb-medal.bronze{color:#9a3412;background:#fed7aa;border:1.5px solid #fdba74}.lb-rank-badge{color:#64748b;background:#e2e8f0;border-radius:10px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-block}.lb-col-player{align-items:center;gap:10px;display:flex}.lb-player-avatar{font-size:24px}.lb-player-name{color:#0f172a;font-size:15px;font-weight:800}.lb-user-tag{color:#fff;background:#0284c7;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:800}.lb-score-val{color:#d97706;font-size:16px;font-weight:900}.lb-tied-note{color:#2563eb;background:#dbeafe;border-radius:6px;width:fit-content;margin-top:2px;padding:1px 6px;font-size:11px;font-weight:700;display:block}.lb-time-badge{color:#1e293b;background:#e2e8f0;border-radius:8px;padding:3px 8px;font-size:14px;font-weight:800;display:inline-block}.lb-time-tie-hint{color:#059669;margin-top:2px;font-size:11px;font-weight:600;display:block}.lb-date-text{color:#64748b;font-size:13px}.lb-empty-state{text-align:center;color:#64748b;padding:36px 20px;font-size:15px}.coin-leaderboard-ribbon{flex-direction:column;align-items:center;gap:6px;width:100%;margin-bottom:12px;display:flex}.lb-new-record-pill{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:20px;padding:4px 14px;font-size:13px;font-weight:900;animation:1.5s infinite pulseGlow;box-shadow:0 4px 12px #dc262666}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lb-modal-rank-row{justify-content:center;align-items:center;gap:10px;display:flex}.lb-modal-rank-badge{color:#fef08a;background:#f59e0b33;border:1.5px solid #f59e0b;border-radius:12px;padding:3px 10px;font-size:13px}.lb-modal-time-badge{color:#bae6fd;background:#38bdf833;border:1.5px solid #38bdf8;border-radius:12px;padding:3px 10px;font-size:13px}.game-card-high-score-tag{color:#854d0e;background:#fef3c7;border:1.5px solid #fde047;border-radius:8px;align-items:center;gap:5px;width:fit-content;margin-top:6px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.vocab-explorer-container{flex-direction:column;gap:16px;width:100%;max-width:1140px;margin:0 auto;padding:8px 0 40px;display:flex}.vocab-header-banner{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#1e3a8a 100%);border:3px solid #38bdf8;border-radius:24px;flex-direction:column;gap:16px;padding:20px 24px;display:flex;box-shadow:0 12px 28px #0284c740}.vocab-header-content{align-items:center;gap:16px;display:flex}.vocab-header-icon{background:radial-gradient(circle,#38bdf8 0%,#0369a1 100%);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:38px;display:flex;box-shadow:0 8px 16px #00000040}.vocab-main-title{color:#fef08a;letter-spacing:.5px;margin:0;font-size:24px;font-weight:900}.vocab-subtitle{color:#e0f2fe;margin:4px 0 0;font-size:14px;line-height:1.5}.vocab-search-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.vocab-search-input-wrapper{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.vocab-search-icon{color:#0284c7;pointer-events:none;font-size:18px;position:absolute;left:16px}.vocab-search-input{color:#0f172a;background:#fff;border:2.5px solid #bae6fd;border-radius:16px;outline:none;width:100%;padding:12px 42px 12px 46px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0000001a}.vocab-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b59}.vocab-clear-search-btn{color:#334155;cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:flex;position:absolute;right:12px}.vocab-clear-search-btn:hover{color:#fff;background:#94a3b8}.vocab-speech-rate-control{background:#00000040;border:1.5px solid #fff3;border-radius:14px;align-items:center;gap:8px;padding:6px 12px;display:flex}.vocab-rate-btn{color:#e0f2fe;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;transition:all .18s}.vocab-rate-btn:hover{background:#ffffff4d}.vocab-rate-btn.is-active{color:#78350f;background:#f59e0b;border-color:#f59e0b;font-weight:900}.vocab-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vocab-view-tabs{background:#e0f2fe;border:2px solid #bae6fd;border-radius:16px;align-items:center;gap:8px;padding:4px;display:flex}.vocab-view-tab{color:#0369a1;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px 14px;font-size:13.5px;font-weight:800;transition:all .2s}.vocab-view-tab.is-active{color:#fff;background:#0284c7;box-shadow:0 4px 10px #0284c74d}.vocab-stats-pill{color:#0369a1;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;padding:8px 16px;font-size:14px;font-weight:700}.vocab-category-scroll{scrollbar-width:thin;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.vocab-cat-btn{cursor:pointer;white-space:nowrap;color:#334155;background:#fff;border:2px solid #e0f2fe;border-radius:14px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 2px 6px #0000000a}.vocab-cat-btn:hover{color:#0284c7;border-color:#38bdf8;transform:translateY(-1px)}.vocab-cat-btn.is-active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 4px 12px #0284c74d}.vocab-alphabet-bar{scrollbar-width:none;background:#fff;border:2px solid #e2e8f0;border-radius:14px;align-items:center;gap:4px;padding:6px 10px;display:flex;overflow-x:auto}.vocab-alpha-label{color:#64748b;white-space:nowrap;margin-right:4px;font-size:12.5px;font-weight:800}.vocab-alpha-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 6px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.vocab-alpha-btn:hover{color:#0369a1;background:#bae6fd}.vocab-alpha-btn.is-active{color:#78350f;background:#f59e0b;border-color:#f59e0b}.vocab-empty-state{text-align:center;background:#fff;border:2px dashed #93c5fd;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.vocab-empty-state h3{color:#1e3a8a;margin:0 0 8px;font-size:20px;font-weight:800}.vocab-empty-state p{color:#64748b;margin:0 0 16px;font-size:14.5px}.vocab-reset-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:800}.vocab-grid-wrapper{flex-direction:column;gap:20px;display:flex}.vocab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.vocab-card{cursor:pointer;background:#fff;border:2px solid #e0f2fe;border-radius:20px;flex-direction:column;gap:10px;padding:12px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.vocab-card:hover{border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 12px 24px #0284c726}.vocab-card-header{justify-content:space-between;align-items:center;display:flex}.vocab-card-fav-btn{cursor:pointer;background:0 0;border:none;padding:2px;font-size:16px;transition:transform .15s}.vocab-card-fav-btn:hover{transform:scale(1.25)}.vocab-card-id{color:#94a3b8;font-size:11px;font-weight:800}.vocab-card-image-wrap{aspect-ratio:1;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.vocab-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.vocab-card:hover .vocab-card-image{transform:scale(1.06)}.vocab-card-body{flex-direction:column;gap:4px;display:flex}.vocab-card-word-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.vocab-card-en{color:#0f172a;text-transform:capitalize;letter-spacing:.2px;margin:0;font-size:17px;font-weight:900}.vocab-audio-circle-btn{color:#0284c7;cursor:pointer;background:#e0f2fe;border:1.5px solid #7dd3fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .18s;display:flex}.vocab-audio-circle-btn:hover{color:#fff;background:#0284c7;transform:scale(1.1)}.vocab-audio-circle-btn.is-speaking{background:#f59e0b;border-color:#f59e0b;animation:.6s infinite alternate pulseSpeaking}@keyframes pulseSpeaking{0%{transform:scale(1)}to{transform:scale(1.2)}}.vocab-card-vi{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;width:fit-content;margin:0;padding:3px 8px;font-size:13.5px;font-weight:600}.vocab-card-detail-btn{color:#0369a1;cursor:pointer;text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;margin-top:6px;padding:6px;font-size:12px;font-weight:800;transition:all .15s}.vocab-card-detail-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.vocab-load-more-wrap{justify-content:center;padding:10px 0;display:flex}.vocab-load-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:2px solid #38bdf8;border-radius:16px;padding:12px 24px;font-size:14.5px;font-weight:800;transition:all .2s;box-shadow:0 6px 18px #0284c74d}.vocab-load-more-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0284c766}.vocab-list-table-container{background:#fff;border:2px solid #bae6fd;border-radius:20px;padding:12px;overflow-x:auto;box-shadow:0 8px 20px #0000000d}.vocab-list-table{border-collapse:collapse;width:100%;font-size:14px}.vocab-list-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:10px 14px;font-size:12px;font-weight:800}.vocab-list-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .15s}.vocab-list-row:hover{background:#f0f9ff}.vocab-list-row td{vertical-align:middle;padding:10px 14px}.vocab-list-thumb-wrap{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.vocab-list-thumb{object-fit:cover;width:100%;height:100%}.vocab-list-en{color:#0f172a;text-transform:capitalize;font-size:16px;font-weight:900}.vocab-list-vi{color:#059669;font-weight:700}.vocab-audio-btn.small{color:#0369a1;cursor:pointer;background:#e0f2fe;border:1.5px solid #7dd3fc;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:800}.vocab-fav-icon-btn{cursor:pointer;background:0 0;border:none;font-size:18px}.vocab-flashcard-stage{perspective:1000px;flex-direction:column;align-items:center;gap:20px;padding:10px 0;display:flex}.vocab-flashcard-counter{color:#0369a1;background:#e0f2fe;border:1.5px solid #bae6fd;border-radius:14px;padding:6px 16px;font-size:15px;font-weight:800}.vocab-flashcard-card{width:100%;max-width:420px;min-height:420px;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.vocab-flashcard-card.is-flipped{transform:rotateY(180deg)}.vocab-flashcard-front,.vocab-flashcard-back{backface-visibility:hidden;text-align:center;background:#fff;border:3px solid #38bdf8;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0;box-shadow:0 16px 36px #0284c72e}.vocab-flashcard-back{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#10b981;transform:rotateY(180deg)}.vocab-flip-hint{color:#64748b;background:#f1f5f9;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.vocab-flashcard-img-wrap{background:#f8fafc;border:3px solid #e0f2fe;border-radius:20px;width:180px;height:180px;overflow:hidden}.vocab-flashcard-img{object-fit:cover;width:100%;height:100%}.vocab-flashcard-en{color:#0f172a;text-transform:capitalize;margin:0;font-size:28px;font-weight:900}.vocab-flashcard-sub{color:#64748b;margin:0;font-size:14px}.vocab-flashcard-badge{color:#047857;background:#a7f3d0;border-radius:10px;padding:4px 12px;font-size:12px;font-weight:900}.vocab-flashcard-vi{color:#065f46;margin:0;font-size:26px;font-weight:900}.vocab-flashcard-en-back{color:#0284c7;font-size:18px;font-weight:800}.vocab-flashcard-speak-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:14px;margin-top:10px;padding:10px 18px;font-size:14.5px;font-weight:800;box-shadow:0 4px 12px #0284c74d}.vocab-flashcard-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.vocab-fc-nav-btn{color:#0369a1;cursor:pointer;background:#fff;border:2px solid #bae6fd;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:800}.vocab-fc-nav-btn.primary{color:#fff;background:#0284c7;border-color:#0284c7}.vocab-fc-nav-btn:disabled{opacity:.4;cursor:not-allowed}.vocab-fc-speak-main-btn{color:#78350f;cursor:pointer;background:#f59e0b;border:2px solid #fde047;border-radius:14px;padding:10px 18px;font-size:14px;font-weight:800}.vocab-fc-fav-btn{color:#db2777;cursor:pointer;background:#fdf2f8;border:2px solid #fbcfe8;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:800}.vocab-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.vocab-modal-card{background:#fff;border:3px solid #38bdf8;border-radius:28px;flex-direction:column;gap:18px;width:100%;max-width:520px;padding:24px;animation:.25s cubic-bezier(.18,.89,.32,1.28) popScale;display:flex;position:relative;box-shadow:0 20px 48px #00000059}.vocab-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex;position:absolute;top:14px;right:14px}.vocab-modal-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.vocab-modal-top{align-items:center;gap:18px;display:flex}.vocab-modal-img-frame{background:#f8fafc;border:2.5px solid #bae6fd;border-radius:20px;flex-shrink:0;width:150px;height:150px;overflow:hidden}.vocab-modal-img{object-fit:cover;width:100%;height:100%}.vocab-modal-info{flex-direction:column;flex:1;gap:8px;display:flex}.vocab-modal-en-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vocab-modal-en-row h2{color:#0f172a;text-transform:capitalize;margin:0;font-size:24px;font-weight:900}.vocab-modal-speaker-btn{color:#0284c7;cursor:pointer;background:#e0f2fe;border:1.5px solid #7dd3fc;border-radius:10px;padding:4px 10px;font-size:12.5px;font-weight:800}.vocab-modal-speaker-btn:hover{color:#fff;background:#0284c7}.vocab-modal-vi-badge{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;width:fit-content;padding:6px 12px;font-size:15px;font-weight:700}.vocab-modal-example-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;margin-top:4px;padding:8px 12px}.vocab-example-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:800}.vocab-example-en{color:#1e293b;margin:2px 0 0;font-size:13.5px;font-weight:600}.vocab-example-vi{color:#64748b;margin:2px 0 0;font-size:12.5px}.vocab-modal-footer{border-top:2px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.vocab-modal-fav-toggle{color:#db2777;cursor:pointer;background:#fdf2f8;border:1.5px solid #fbcfe8;border-radius:12px;padding:8px 14px;font-size:13.5px;font-weight:800}.vocab-modal-done-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;padding:8px 18px;font-size:13.5px;font-weight:800}.vocab-modal-done-btn:hover{background:#059669}.fc-page-container{flex-direction:column;gap:16px;width:100%;max-width:1080px;margin:0 auto;padding:8px 0 40px;display:flex}.fc-header-banner{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#1e3a8a 100%);border:3px solid #38bdf8;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 12px 28px #0284c740}.fc-header-left{align-items:center;gap:16px;display:flex}.fc-header-icon{background:radial-gradient(circle,#38bdf8 0%,#0369a1 100%);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:38px;display:flex;box-shadow:0 8px 16px #00000040}.fc-main-title{color:#fef08a;letter-spacing:.5px;margin:0;font-size:24px;font-weight:900}.fc-subtitle{color:#e0f2fe;margin:4px 0 0;font-size:14px;line-height:1.5}.fc-speed-pill{background:#00000040;border:1.5px solid #fff3;border-radius:14px;align-items:center;gap:8px;padding:6px 12px;display:flex}.fc-rate-btn{color:#e0f2fe;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;transition:all .18s}.fc-rate-btn.is-active{color:#78350f;background:#f59e0b;border-color:#f59e0b;font-weight:900}.fc-source-bar{scrollbar-width:thin;background:#fff;border:2px solid #bae6fd;border-radius:18px;align-items:center;gap:8px;padding:8px 12px;display:flex;overflow-x:auto}.fc-source-lbl{color:#64748b;white-space:nowrap;margin-right:4px;font-size:13px;font-weight:800}.fc-source-btn{cursor:pointer;white-space:nowrap;color:#0369a1;background:#f0f9ff;border:1.5px solid #e0f2fe;border-radius:12px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:800;transition:all .18s;display:flex}.fc-source-btn:hover{background:#e0f2fe;border-color:#38bdf8}.fc-source-btn.is-active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 4px 10px #0284c74d}.fc-source-btn.favorite{color:#be185d;background:#fdf2f8;border-color:#fbcfe8}.fc-source-btn.favorite.is-active{color:#fff;background:#db2777;border-color:#db2777}.fc-empty-deck{text-align:center;background:#fff;border:2px dashed #93c5fd;border-radius:24px;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.fc-empty-deck h3{color:#1e3a8a;margin:0 0 8px;font-size:20px;font-weight:800}.fc-empty-deck p{color:#64748b;max-width:500px;margin:0 0 16px;font-size:14.5px;line-height:1.5}.fc-reset-deck-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:800}.fc-stage{perspective:1200px;flex-direction:column;align-items:center;gap:16px;padding:8px 0;display:flex}.fc-deck-status-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:480px;display:flex}.fc-counter-pill{color:#0369a1;white-space:nowrap;background:#e0f2fe;border:1.5px solid #bae6fd;border-radius:12px;padding:6px 14px;font-size:14px;font-weight:800}.fc-progress-track{background:#e2e8f0;border-radius:99px;flex:1;height:8px;overflow:hidden}.fc-progress-fill{background:#0284c7;border-radius:99px;height:100%;transition:width .3s}.fc-shuffle-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;padding:6px 12px;font-size:12.5px;font-weight:800;transition:all .18s}.fc-shuffle-btn.is-active{color:#b45309;background:#fef3c7;border-color:#f59e0b}.fc-flip-card{width:100%;max-width:480px;height:460px;transform-style:preserve-3d;cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.fc-flip-card.is-flipped{transform:rotateY(180deg)}.fc-card-face{backface-visibility:hidden;box-sizing:border-box;border-radius:28px;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;display:flex;position:absolute;inset:0;box-shadow:0 16px 36px #0284c72e}.fc-front{background:#fff;border:3.5px solid #38bdf8}.fc-back{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:3.5px solid #10b981;transform:rotateY(180deg)}.fc-face-top{justify-content:space-between;align-items:center;width:100%;display:flex}.fc-flip-pill{color:#0369a1;background:#e0f2fe;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.fc-id-pill{color:#94a3b8;font-size:12px;font-weight:800}.fc-badge-vn{color:#047857;background:#a7f3d0;border-radius:10px;padding:4px 12px;font-size:12px;font-weight:900}.fc-image-frame{background:#f8fafc;border:3px solid #e0f2fe;border-radius:24px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden}.fc-image{object-fit:cover;width:100%;height:100%}.fc-front-text{text-align:center}.fc-en-title{color:#0f172a;text-transform:capitalize;letter-spacing:.3px;margin:0;font-size:30px;font-weight:900}.fc-en-sub{color:#64748b;margin:4px 0 0;font-size:13.5px}.fc-back-body{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.fc-vi-title{color:#065f46;margin:0;font-size:28px;font-weight:900}.fc-en-recall{color:#0284c7;font-size:20px;font-weight:800}.fc-example-quote{background:#ffffffbf;border:1.5px solid #a7f3d0;border-radius:14px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.fc-example-quote span{color:#047857;text-transform:uppercase;font-size:11px;font-weight:800}.fc-example-quote strong{color:#1e293b;font-size:14px}.fc-example-quote small{color:#64748b;font-size:12.5px}.fc-click-hint{color:#059669;font-size:12px;font-weight:700}.fc-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.fc-nav-btn{color:#0369a1;cursor:pointer;background:#fff;border:2px solid #bae6fd;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:800}.fc-nav-btn.next{color:#fff;background:#0284c7;border-color:#0284c7}.fc-nav-btn:disabled{opacity:.4;cursor:not-allowed}.fc-speak-btn{color:#78350f;cursor:pointer;background:#f59e0b;border:2px solid #fde047;border-radius:14px;padding:10px 18px;font-size:14px;font-weight:800}.fc-fav-btn{color:#db2777;cursor:pointer;background:#fdf2f8;border:2px solid #fbcfe8;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:800}.fc-fav-btn.is-fav{background:#fce7f3;border-color:#f472b6}.quiz-page-container{flex-direction:column;gap:16px;width:100%;max-width:1080px;margin:0 auto;padding:8px 0 40px;display:flex}.quiz-setup-card{background:#fff;border:3px solid #38bdf8;border-radius:28px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 16px 36px #0284c726}.quiz-setup-header{border-bottom:2px solid #f1f5f9;align-items:center;gap:16px;padding-bottom:16px;display:flex}.quiz-header-icon{color:#fff;background:radial-gradient(circle,#38bdf8 0%,#0369a1 100%);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:38px;display:flex;box-shadow:0 8px 16px #00000026}.quiz-main-title{color:#0369a1;margin:0;font-size:24px;font-weight:900}.quiz-subtitle{color:#64748b;margin:4px 0 0;font-size:14px;line-height:1.5}.quiz-config-grid{flex-direction:column;gap:18px;display:flex}.quiz-config-section{flex-direction:column;gap:10px;display:flex}.quiz-config-label{color:#1e3a8a;font-size:15px;font-weight:800}.quiz-source-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.quiz-source-option{cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;transition:all .18s;display:flex}.quiz-source-option:hover{background:#f0f9ff;border-color:#38bdf8;transform:translateY(-1px)}.quiz-source-option.is-active{background:#e0f2fe;border-color:#0284c7;box-shadow:0 4px 12px #0284c733}.quiz-source-option.favorite.is-active{background:#fdf2f8;border-color:#db2777}.quiz-source-icon{flex-shrink:0;font-size:24px}.quiz-source-option strong{color:#0f172a;font-size:13.5px;display:block}.quiz-source-option small{color:#64748b;font-size:11.5px;display:block}.quiz-config-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=768px){.quiz-config-row{grid-template-columns:1fr}}.quiz-btn-group{flex-wrap:wrap;gap:8px;display:flex}.quiz-pill-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .18s}.quiz-pill-btn:hover{color:#0284c7;background:#e0f2fe}.quiz-pill-btn.is-active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 4px 10px #0284c740}.quiz-start-footer{justify-content:center;padding-top:10px;display:flex}.quiz-start-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #34d399;border-radius:18px;padding:14px 36px;font-size:16px;font-weight:900;transition:all .2s;box-shadow:0 8px 20px #10b98159}.quiz-start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10b98173}.quiz-in-progress-card{background:#fff;border:3px solid #38bdf8;border-radius:28px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 16px 36px #0284c726}.quiz-play-header{border-bottom:2px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.quiz-play-meta{align-items:center;gap:12px;display:flex}.quiz-timer-badge{color:#0369a1;background:#e0f2fe;border:1.5px solid #bae6fd;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:800}.quiz-progress-text{color:#334155;font-size:14px;font-weight:800}.quiz-submit-btn-top{color:#78350f;cursor:pointer;background:#f59e0b;border:1.5px solid #fde047;border-radius:12px;padding:7px 16px;font-size:13.5px;font-weight:800}.quiz-jump-bar{align-items:center;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.quiz-jump-lbl{color:#64748b;white-space:nowrap;font-size:12px;font-weight:800}.quiz-jump-pills{gap:6px;display:flex}.quiz-jump-pill{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.quiz-jump-pill.is-answered{color:#0369a1;background:#e0f2fe;border-color:#38bdf8}.quiz-jump-pill.is-current{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 4px 8px #0284c74d}.quiz-question-arena{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.quiz-question-prompt-row{flex-direction:column;gap:6px;display:flex}.quiz-q-badge{color:#0284c7;background:#e0f2fe;border-radius:8px;width:fit-content;padding:3px 10px;font-size:12px;font-weight:900}.quiz-q-prompt{color:#0f172a;margin:0;font-size:20px;font-weight:800}.quiz-question-center{flex-direction:column;align-items:center;gap:10px;display:flex}.quiz-q-image-frame{background:#fff;border:3px solid #e0f2fe;border-radius:20px;justify-content:center;align-items:center;width:170px;height:170px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000f}.quiz-q-image{object-fit:cover;width:100%;height:100%}.quiz-q-word-banner{background:#fff;border:2px solid #bae6fd;border-radius:14px;align-items:center;gap:10px;padding:6px 14px;display:flex}.quiz-q-word-en{color:#0284c7;text-transform:capitalize;font-size:20px;font-weight:900}.quiz-q-audio-btn{color:#166534;cursor:pointer;background:#f0fdf4;border:1.5px solid #86efac;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.quiz-options-grid{grid-template-columns:1fr}}.quiz-option-card{cursor:pointer;text-align:left;background:#fff;border:2.5px solid #cbd5e1;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;transition:all .18s;display:flex;position:relative}.quiz-option-card:hover{background:#f0f9ff;border-color:#38bdf8;transform:translateY(-2px)}.quiz-option-card.is-selected{background:#e0f2fe;border-color:#0284c7;box-shadow:0 4px 14px #0284c740}.quiz-option-letter{color:#334155;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex}.quiz-option-card.is-selected .quiz-option-letter{color:#fff;background:#0284c7}.quiz-option-text{color:#1e293b;flex:1;font-size:16px;font-weight:800}.quiz-option-check{color:#0284c7;font-size:16px;font-weight:900}.quiz-play-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:6px;display:flex}.quiz-nav-btn{color:#0369a1;cursor:pointer;background:#fff;border:2px solid #bae6fd;border-radius:14px;padding:10px 18px;font-size:14px;font-weight:800}.quiz-nav-btn.primary{color:#fff;background:#0284c7;border-color:#0284c7}.quiz-nav-btn.finish{color:#fff;background:#10b981;border-color:#10b981}.quiz-answered-count-pill{color:#64748b;font-size:13.5px;font-weight:700}.quiz-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.quiz-warning-modal{text-align:center;background:#fff;border:3px solid #f59e0b;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:24px;display:flex;box-shadow:0 20px 48px #00000059}.quiz-warning-modal h3{color:#92400e;margin:0 0 8px;font-size:20px;font-weight:900}.quiz-warning-modal p{color:#475569;margin:0 0 20px;font-size:14px;line-height:1.5}.quiz-warning-actions{gap:10px;width:100%;display:flex}.quiz-warning-btn{cursor:pointer;border-radius:12px;flex:1;padding:10px 16px;font-size:14px;font-weight:800}.quiz-warning-btn.cancel{color:#334155;background:#f1f5f9;border:1.5px solid #cbd5e1}.quiz-warning-btn.submit{color:#fff;background:#f59e0b;border:1.5px solid #f59e0b}.quiz-results-container{flex-direction:column;gap:20px;display:flex}.quiz-score-banner{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#1e3a8a 100%);border:3px solid #38bdf8;border-radius:28px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 16px 36px #0284c740}.quiz-score-header{align-items:center;gap:16px;display:flex}.quiz-trophy-icon{font-size:48px}.quiz-score-title{color:#fef08a;margin:0;font-size:24px;font-weight:900}.quiz-score-sub{color:#e0f2fe;margin:4px 0 0;font-size:14px}.quiz-stats-cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.quiz-stat-card{text-align:center;background:#ffffff1f;border:1.5px solid #fff3;border-radius:18px;flex-direction:column;align-items:center;padding:14px;display:flex}.quiz-stat-val{color:#fff;font-size:24px;font-weight:900}.quiz-stat-lbl{color:#bfdbfe;margin-top:4px;font-size:12px;font-weight:700}.quiz-result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.quiz-action-btn{cursor:pointer;border-radius:14px;padding:12px 24px;font-size:14.5px;font-weight:800;transition:all .2s}.quiz-action-btn.primary{color:#78350f;background:#f59e0b;border:2px solid #fde047}.quiz-action-btn.secondary{color:#fff;background:#ffffff26;border:2px solid #fff6}.quiz-review-section{background:#fff;border:2px solid #bae6fd;border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 10px 24px #0000000f}.quiz-review-heading{flex-direction:column;gap:4px;display:flex}.quiz-review-heading h3{color:#0369a1;margin:0;font-size:18px;font-weight:900}.quiz-review-heading span{color:#64748b;font-size:13.5px}.quiz-review-table-wrapper{overflow-x:auto}.quiz-review-table{border-collapse:collapse;width:100%;font-size:14px}.quiz-review-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:10px 12px;font-size:12px;font-weight:800}.quiz-review-row{border-bottom:1px solid #f1f5f9;transition:background .15s}.quiz-review-row.is-row-correct{background:#f0fdf4}.quiz-review-row.is-row-wrong{background:#fef2f2}.quiz-review-row td{vertical-align:middle;padding:12px}.quiz-row-num{color:#475569;font-weight:900}.quiz-review-thumb-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:50px;height:50px;overflow:hidden}.quiz-review-thumb{object-fit:cover;width:100%;height:100%}.quiz-review-word-info{flex-direction:column;gap:2px;display:flex}.quiz-review-en{color:#0f172a;text-transform:capitalize;font-size:15px;font-weight:900}.quiz-review-vi{color:#64748b;font-size:13px}.quiz-user-choice-pill{border-radius:8px;padding:4px 10px;font-size:13.5px;font-weight:800;display:inline-block}.quiz-user-choice-pill.correct{color:#166534;background:#dcfce7;border:1px solid #86efac}.quiz-user-choice-pill.wrong{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.quiz-correct-choice-pill{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:4px 10px;font-size:13.5px;font-weight:800;display:inline-block}.quiz-badge-correct{color:#15803d;background:#dcfce7;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:800}.quiz-badge-wrong{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:800}.quiz-review-audio-btn{color:#0284c7;cursor:pointer;background:#e0f2fe;border:1.5px solid #7dd3fc;border-radius:8px;padding:4px 10px;font-size:12.5px;font-weight:800}.listening-page-container{flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding-bottom:60px;animation:.3s ease-out fadeIn;display:flex}.listening-header-banner{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:20px;padding:24px 28px;box-shadow:0 10px 25px -5px #0284c74d}.listening-header-content{align-items:center;gap:18px;display:flex}.listening-header-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:40px;display:flex}.listening-main-title{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:900}.listening-subtitle{color:#e0f2fe;margin:0;font-size:14px;font-weight:500;line-height:1.5}.listening-two-col-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=768px){.listening-two-col-grid{grid-template-columns:1fr;gap:18px}}.listening-unit-hero-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000a}.listening-unit-hero-card:hover{border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 12px 30px #38bdf833}.unit-hero-img-wrap{aspect-ratio:16/10;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.unit-hero-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.listening-unit-hero-card:hover .unit-hero-img{transform:scale(1.04)}.unit-hero-img-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.unit-placeholder-emoji{filter:drop-shadow(0 4px 8px #00000026);font-size:64px}.unit-hero-img-overlay{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.unit-hero-badge{color:#fff;letter-spacing:.05em;background:#0284c7;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:900;box-shadow:0 2px 6px #0003}.unit-hero-grade-tag{color:#92400e;background:#fef3c7;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800;box-shadow:0 2px 6px #00000026}.unit-hero-done-pill{color:#166534;background:#dcfce7;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:800;box-shadow:0 2px 6px #00000026}.unit-hero-body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.unit-hero-meta-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.unit-hero-level-chip{color:#0284c7;background:#e0f2fe;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.unit-hero-time-chip{color:#64748b;font-size:12px;font-weight:700}.unit-hero-title-wrap{text-align:left;flex-direction:column;gap:6px;margin:6px 0;display:flex}.unit-hero-title{color:#0f172a;letter-spacing:-.015em;margin:0;font-size:20px;font-weight:900;line-height:1.25;transition:color .2s}.listening-unit-hero-card:hover .unit-hero-title{color:#0284c7}.unit-hero-topic{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;align-self:flex-start;margin:0;padding:4px 10px;font-size:13.5px;font-weight:700;display:inline-block}.unit-hero-chars-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.unit-chars-label{color:#94a3b8;font-size:12px;font-weight:700}.unit-hero-char-chip{color:#334155;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:12px;font-weight:700;display:inline-flex}.unit-hero-char-img{object-fit:cover;background:#fff;border:1.5px solid #38bdf8;border-radius:50%;flex-shrink:0;width:22px;height:22px}.unit-hero-btn-wrap{border-top:1px solid #f1f5f9;margin-top:14px;padding-top:14px}.unit-hero-start-btn{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:13.5px;font-weight:800;transition:all .2s;display:flex}.listening-unit-hero-card:hover .unit-hero-start-btn{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0284c7;box-shadow:0 4px 12px #0284c74d}.listening-detail-view{background:url(/listening/listening-bg.jpg) top/cover no-repeat;border-radius:28px;flex-direction:column;gap:16px;min-height:850px;padding:24px 20px 48px;font-family:Nunito,Lexend,system-ui,sans-serif;display:flex;position:relative;box-shadow:0 10px 40px #00000014}.listening-detail-nav-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:2px solid #fff;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1040px;margin:0 auto 10px;padding:8px 18px;display:flex;box-shadow:0 4px 20px #0000000f}.listening-back-btn{color:#0369a1;cursor:pointer;background:#fff;border:1.5px solid #bae6fd;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:13.5px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0284c71a}.listening-back-btn:hover{background:#f0f9ff;border-color:#38bdf8;transform:translate(-2px)}.listening-quick-unit-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.listening-quick-unit-picker span{color:#0369a1;font-size:13px;font-weight:800}.quick-unit-btn{color:#0284c7;cursor:pointer;background:#fff;border:1.5px solid #bae6fd;border-radius:999px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:800;transition:all .15s}.quick-unit-btn:hover{background:#e0f2fe;border-color:#38bdf8}.listening-active-arena{background:#fff;border:4px solid #fffffff2;border-radius:36px;width:100%;max-width:1040px;margin:0 auto;padding:28px 32px;overflow:hidden;box-shadow:0 20px 50px #0000001f}.arena-header-bar{border-bottom:2px solid #f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-bottom:20px;display:flex}.arena-title-wrap{align-items:center;gap:16px;display:flex}.arena-unit-ribbon{color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:linear-gradient(#f43f5e 0%,#e11d48 100%);border-radius:8px 8px 0 0;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:56px;height:74px;padding-top:8px;font-family:Lexend,sans-serif;display:flex;box-shadow:0 4px 12px #e11d4859}.arena-unit-ribbon .ribbon-lbl{letter-spacing:.1em;opacity:.95;font-size:10.5px;font-weight:900}.arena-unit-ribbon .ribbon-num{font-size:26px;font-weight:900;line-height:1.1}.arena-title-block{flex-direction:column;gap:4px;display:flex}.arena-unit-title{color:#e11d48;letter-spacing:-.01em;margin:0;font-family:Nunito,Lexend,sans-serif;font-size:24px;font-weight:800;line-height:1.3}.arena-unit-meta{color:#475569;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:13.5px;font-weight:700;display:flex}.arena-unit-meta .meta-blue{color:#0284c7;font-weight:800}.arena-unit-meta .meta-dark{color:#0f172a;font-weight:800}.arena-unit-meta .meta-divider{color:#cbd5e1;font-weight:400}.arena-chars-list{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.char-badge{border-style:solid;border-width:1.5px;border-radius:20px;align-items:center;gap:10px;max-width:280px;padding:8px 16px;display:flex}.char-badge.female{background:#fff1f2;border-color:#fecdd3}.char-badge.female .char-avatar-img{border-color:#fda4af}.char-badge.female .char-info strong{color:#9d174d;font-size:14px;font-weight:800}.char-badge.female .char-info small{color:#475569;font-size:12px;font-weight:600;line-height:1.35}.char-badge.male{background:#f0f9ff;border-color:#bae6fd}.char-badge.male .char-avatar-img{border-color:#7dd3fc}.char-badge.male .char-info strong{color:#0369a1;font-size:14px;font-weight:800}.char-badge.male .char-info small{color:#475569;font-size:12px;font-weight:600;line-height:1.35}.char-avatar-img{object-fit:cover;background:#fff;border-style:solid;border-width:2.5px;border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 6px #00000014}.char-info{flex-direction:column;display:flex}.arena-controls-bar{border-bottom:2px solid #f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;display:flex}.arena-play-actions{align-items:center;gap:10px;display:flex}.arena-play-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #e11d4859}.arena-play-all-btn:hover{transform:scale(1.02);box-shadow:0 6px 18px #e11d4873}.arena-play-all-btn.is-paused{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.arena-stop-btn{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #38bdf84d}.arena-stop-btn:hover{background:#0ea5e9;transform:scale(1.02)}.arena-settings-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.arena-speed-selector{color:#d97706;align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:flex}.speed-pill{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:5px 14px;font-family:inherit;font-size:12.5px;font-weight:800;transition:all .15s}.speed-pill:hover{border-color:#cbd5e1}.speed-pill.is-active{color:#fff;background:#f43f5e;border-color:#f43f5e;box-shadow:0 2px 6px #f43f5e40}.toggle-vi-btn{color:#166534;cursor:pointer;background:#f0fdf4;border:1.5px solid #86efac;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:800;transition:all .15s}.toggle-vi-btn:hover{background:#dcfce7}.toggle-vi-btn.is-active{color:#15803d;background:#f0fdf4;border-color:#86efac}.arena-tabs-nav{scrollbar-width:none;-ms-overflow-style:none;background:#fffdf5;border:2px solid #fef08a;border-radius:999px;align-items:center;gap:6px;margin:18px 0 22px;padding:4px;display:flex;overflow-x:auto}.arena-tabs-nav::-webkit-scrollbar{display:none}.arena-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:1;padding:9px 14px;font-family:inherit;font-size:13.5px;font-weight:800;transition:all .2s}.arena-tab-btn:hover{color:#0f172a}.arena-tab-btn.is-active{color:#e11d48;background:#ffe4e6;border:1.5px solid #fda4af;box-shadow:0 2px 6px #e11d481f}.arena-tab-body{padding:0}.dialogue-feed-box{background:#fffdf5;border:3px solid #fef08a;border-radius:28px;padding:32px 24px}.dialogue-chat-feed{flex-direction:column;gap:22px;max-width:860px;margin:0 auto;display:flex}.dialogue-turn-row{align-items:flex-start;gap:14px;transition:all .2s;display:flex;position:relative}.dialogue-turn-row.is-left{flex-direction:row}.dialogue-turn-row.is-right{flex-direction:row-reverse}.turn-avatar-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:58px;display:flex}.turn-avatar-img{object-fit:cover;background:#fff;border-radius:50%;width:48px;height:48px;box-shadow:0 3px 8px #00000014}.dialogue-turn-row.is-left .turn-avatar-img{border:3px solid #fda4af}.dialogue-turn-row.is-right .turn-avatar-img{border:3px solid #7dd3fc}.turn-speaker-name{color:#475569;text-align:center;font-size:12px;font-weight:800}.turn-bubble{border-radius:20px;min-width:220px;max-width:72%;padding:14px 20px;transition:all .2s;position:relative}.dialogue-turn-row.is-left .turn-bubble{background:#fff1f2;border:1.5px solid #fecdd3;border-top-left-radius:4px}.dialogue-turn-row.is-left .turn-bubble:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:8px solid #fecdd3;width:0;height:0;position:absolute;top:14px;left:-8px}.dialogue-turn-row.is-left .turn-bubble:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:7px solid #fff1f2;width:0;height:0;position:absolute;top:15px;left:-6px}.dialogue-turn-row.is-right .turn-bubble{background:#f0f9ff;border:1.5px solid #bae6fd;border-top-right-radius:4px}.dialogue-turn-row.is-right .turn-bubble:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid #bae6fd;width:0;height:0;position:absolute;top:14px;right:-8px}.dialogue-turn-row.is-right .turn-bubble:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid #f0f9ff;width:0;height:0;position:absolute;top:15px;right:-6px}.dialogue-turn-row.is-speaking .turn-bubble{border-color:#f43f5e;transform:scale(1.02);box-shadow:0 4px 18px #f43f5e40}.turn-bubble-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.turn-en-text{color:#0f172a;letter-spacing:.005em;font-family:Nunito,Lexend,sans-serif;font-size:16px;font-weight:800;line-height:1.45}.turn-vi-text{color:#475569;margin-top:5px;font-family:Nunito,Lexend,sans-serif;font-size:13.5px;font-weight:600;line-height:1.4;display:block}.turn-audio-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:all .15s;display:flex}.dialogue-turn-row.is-left .turn-audio-btn{color:#fff;background:#fda4af}.dialogue-turn-row.is-left .turn-audio-btn:hover{background:#f43f5e}.dialogue-turn-row.is-right .turn-audio-btn{color:#fff;background:#7dd3fc}.dialogue-turn-row.is-right .turn-audio-btn:hover{background:#0284c7}.turn-audio-btn.is-speaking{animation:1s infinite alternate pulse}.unit-vocab-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.unit-vocab-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.unit-vocab-grid{grid-template-columns:1fr}}.unit-vocab-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.unit-vocab-top{justify-content:space-between;align-items:center;display:flex}.unit-vocab-en{color:#0284c7;font-size:17px;font-weight:800}.unit-vocab-speak-btn{cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;width:32px;height:32px;font-size:14px}.unit-vocab-vi{color:#0f172a;font-size:14px;font-weight:700}.unit-vocab-example{color:#64748b;margin-top:4px;font-size:12.5px;font-style:italic}.unit-vocab-example span{color:#94a3b8;font-style:normal;font-weight:700}.unit-grammar-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.unit-grammar-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;padding:20px}.grammar-badge{color:#1e40af;background:#dbeafe;border-radius:6px;margin-bottom:8px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-block}.grammar-pattern{color:#0f172a;margin:0 0 8px;font-size:17px;font-weight:900}.grammar-usage{color:#334155;margin:0 0 12px;font-size:14px;line-height:1.5}.grammar-example-box{background:#fff;border-left:4px solid #0284c7;border-radius:0 10px 10px 0;padding:10px 14px}.grammar-en{color:#0f172a;margin-bottom:4px;font-size:14.5px}.grammar-vi{color:#64748b;font-size:13px}.unit-quiz-wrapper{max-width:760px;margin:0 auto}.unit-quiz-intro{text-align:center;margin-bottom:24px}.unit-quiz-intro h3{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:900}.unit-quiz-intro p{color:#64748b;margin:0;font-size:14px}.unit-quiz-questions{flex-direction:column;gap:20px;display:flex}.quiz-card-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:20px}.quiz-q-title{align-items:center;gap:8px;margin-bottom:14px;display:flex}.quiz-q-num{color:#fff;background:#0284c7;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:800}.quiz-q-title strong{color:#0f172a;font-size:15.5px}.quiz-q-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width<=600px){.quiz-q-options{grid-template-columns:1fr}}.quiz-opt-btn{color:#1e293b;cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.quiz-opt-btn:hover:not(:disabled){background:#f0f9ff;border-color:#38bdf8}.quiz-opt-btn.chosen{color:#0369a1;background:#e0f2fe;border-color:#0284c7;font-weight:800}.quiz-opt-btn.correct{font-weight:800;color:#15803d!important;background:#dcfce7!important;border-color:#22c55e!important}.quiz-opt-btn.wrong{font-weight:800;color:#b91c1c!important;background:#fee2e2!important;border-color:#ef4444!important}.opt-letter{color:#475569;background:#e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.quiz-feedback-box{border-radius:12px;margin-top:14px;padding:12px 16px;font-size:13.5px}.quiz-feedback-box.correct{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.quiz-feedback-box.wrong{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.quiz-feedback-box p{margin:4px 0 0;font-size:13px}.unit-quiz-footer{text-align:center;margin-top:24px}.unit-quiz-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;padding:12px 32px;font-size:15px;font-weight:900;box-shadow:0 4px 14px #10b9814d}.unit-quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed}.unit-quiz-retry-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:800}.reading-page-container{flex-direction:column;gap:16px;width:100%;max-width:1220px;margin:0 auto;padding:10px 16px 40px;font-family:Nunito,Lexend,system-ui,sans-serif;display:flex}.reading-list-view{flex-direction:column;gap:18px;display:flex}.reading-header-banner{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:24px;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0284c740}.reading-header-content{z-index:1;align-items:center;gap:18px;display:flex}.reading-header-icon{background:#fff3;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:36px;display:flex}.reading-main-title{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:900}.reading-subtitle{color:#e0f2fe;margin:0;font-size:13.5px;font-weight:600;line-height:1.45}.reading-header-mascot{z-index:1;flex-shrink:0}.header-mascot-img{object-fit:contain;filter:drop-shadow(0 4px 10px #0003);width:58px;height:58px}.reading-filter-bar{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;box-shadow:0 4px 14px #00000005}.filter-grade-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pill-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:800;transition:all .15s}.filter-pill-btn:hover{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.filter-pill-btn.is-active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0284c740}.filter-search-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:999px;align-items:center;gap:8px;min-width:240px;padding:6px 14px;display:flex;position:relative}.search-ico{opacity:.6;font-size:14px}.filter-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px;font-weight:700}.reading-two-col-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}@media (width<=768px){.reading-two-col-grid{grid-template-columns:1fr;gap:16px}}.reading-unit-hero-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:0;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000a}.reading-unit-hero-card:hover{border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 12px 30px #38bdf833}.reading-unit-hero-card .unit-hero-img-wrap{aspect-ratio:16/10;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.reading-unit-hero-card .unit-hero-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.reading-unit-hero-card:hover .unit-hero-img{transform:scale(1.04)}.reading-unit-hero-card .unit-hero-img-overlay{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.reading-unit-hero-card .unit-hero-badge{color:#fff;letter-spacing:.05em;background:#0284c7;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:900;box-shadow:0 2px 6px #0003}.reading-unit-hero-card .unit-hero-grade-tag{color:#92400e;background:#fef3c7;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800;box-shadow:0 2px 6px #00000026}.reading-unit-hero-card .unit-hero-done-pill{color:#166534;background:#dcfce7;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:800;box-shadow:0 2px 6px #00000026}.reading-unit-hero-card .unit-hero-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 16px;display:flex}.reading-unit-hero-card .unit-hero-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.reading-unit-hero-card .unit-hero-level-chip{color:#0284c7;background:#e0f2fe;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.reading-unit-hero-card .unit-hero-time-chip{color:#64748b;font-size:12px;font-weight:700}.reading-unit-hero-card .unit-hero-coin-chip{color:#b45309;background:#fef3c7;border:1px solid #fde047;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:900}.reading-unit-hero-card .unit-hero-title-wrap{text-align:left;flex-direction:column;gap:4px;margin:4px 0;display:flex}.reading-unit-hero-card .unit-hero-title{color:#0f172a;margin:0;font-size:19px;font-weight:900;line-height:1.3;transition:color .2s}.reading-unit-hero-card:hover .unit-hero-title{color:#0284c7}.reading-unit-hero-card .unit-hero-topic{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;align-self:flex-start;margin:0;padding:3px 9px;font-size:13px;font-weight:700;display:inline-block}.reading-unit-hero-card .unit-hero-chars-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.reading-unit-hero-card .unit-chars-label{color:#94a3b8;font-size:12px;font-weight:700}.reading-unit-hero-card .unit-hero-story-chip{color:#334155;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.reading-unit-hero-card .unit-hero-btn-wrap{border-top:1px solid #f1f5f9;margin-top:10px;padding-top:12px}.reading-unit-hero-card .unit-hero-start-btn{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 16px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.reading-unit-hero-card:hover .unit-hero-start-btn{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0284c7;box-shadow:0 4px 12px #0284c74d}.catalog-empty-box{text-align:center;color:#64748b;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-icon{font-size:32px}.reset-filter-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:800}.reading-detail-view{flex-direction:column;gap:14px;display:flex}.reading-detail-nav-bar{background:#fff;border:2px solid #e2e8f0;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;display:flex;box-shadow:0 3px 10px #00000005}.reading-back-btn{color:#0369a1;cursor:pointer;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:900;transition:all .15s;display:inline-flex}.reading-back-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.reading-quick-unit-picker{color:#64748b;scrollbar-width:none;align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex;overflow-x:auto}.reading-quick-unit-picker::-webkit-scrollbar{display:none}.quick-unit-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:800;transition:all .15s}.quick-unit-btn:hover{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.quick-unit-btn.is-active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 6px #0284c740}.change-unit-btn{color:#0369a1;cursor:pointer;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:999px;width:100%;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:800;transition:all .15s}.change-unit-btn:hover{color:#fff;background:#0284c7}.reading-mockup-hero-banner{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:22px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 8px 24px #0284c733}.banner-left-wrap{align-items:center;gap:16px;display:flex}.banner-books-icon{background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:34px;display:flex}.banner-title{letter-spacing:-.01em;margin:0 0 3px;font-size:20px;font-weight:900}.banner-desc{opacity:.95;margin:0;font-size:13px;font-weight:600}.banner-mascot-wrap{flex-shrink:0}.banner-mascot-pic{object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:54px;height:54px}.reading-mockup-unit-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;align-items:center;gap:18px;padding:14px 20px;display:flex;box-shadow:0 4px 16px #00000008}@media (width<=900px){.reading-mockup-unit-card{flex-direction:column;align-items:flex-start}}.unit-card-thumb-wrap{border-radius:16px;flex-shrink:0;width:130px;height:85px;overflow:hidden;box-shadow:0 3px 8px #00000014}.unit-card-thumb-img{object-fit:cover;width:100%;height:100%}.unit-card-info-wrap{flex-direction:column;flex:1;gap:3px;display:flex}.unit-badge-row{align-items:center;gap:8px;display:flex}.unit-badge-blue{color:#fff;background:#0284c7;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:900}.unit-badge-yellow{color:#854d0e;background:#fef08a;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}.unit-card-title-text{color:#0f172a;margin:1px 0 0;font-size:18px;font-weight:900}.unit-card-subtitle-topic{color:#0284c7;margin:0;font-size:12.5px;font-weight:700}.unit-card-meta-chips{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;font-size:11.5px;font-weight:700;display:flex}.unit-card-progress-wrap{flex-direction:column;gap:5px;min-width:220px;display:flex}.progress-text-row{color:#475569;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.progress-val{color:#10b981}.progress-bar-bg{background:#e2e8f0;border-radius:999px;width:100%;height:7px;overflow:hidden}.progress-bar-fill-green{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:999px;height:100%;transition:width .3s}.progress-sub-hint{color:#64748b;font-size:11px;font-weight:600}.unit-picker-select-box{margin-top:2px}.unit-picker-select{color:#0369a1;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:999px;outline:none;width:100%;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:800}.reading-mockup-tabs-bar{scrollbar-width:none;background:#f8fafc;border:2px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:4px;display:flex;overflow-x:auto}.reading-mockup-tabs-bar::-webkit-scrollbar{display:none}.mockup-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:800;transition:all .2s;display:flex}.mockup-tab-btn:hover{color:#0f172a}.mockup-tab-btn.is-active{color:#fff;background:#0284c7;box-shadow:0 2px 8px #0284c74d}.tab-word-count{opacity:.85;font-size:11.5px}.reading-mockup-middle-grid{grid-template-columns:420px 1fr;align-items:stretch;gap:16px;display:grid}@media (width<=960px){.reading-mockup-middle-grid{grid-template-columns:1fr}}.mockup-picture-card{background:#fff;border:3px solid #e0f2fe;border-radius:22px;flex-direction:column;min-height:270px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0284c714}.picture-cover-img{object-fit:cover;width:100%;height:100%;display:block}.picture-audio-pill-wrap{justify-content:center;display:flex;position:absolute;bottom:14px;left:0;right:0}.picture-audio-pill-btn{color:#fff;cursor:pointer;background:#0284c7;border:2px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0003}.picture-audio-pill-btn:hover{background:#0369a1;transform:scale(1.03)}.picture-audio-pill-btn.is-playing{background:#f43f5e}.audio-timer{opacity:.85;font-family:monospace;font-size:11.5px}.mockup-open-storybook-card{background:#fffdfa;border:3px solid #fed7aa;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:270px;padding:22px 26px 16px;display:flex;position:relative;box-shadow:0 8px 30px #fb923c14}.storybook-ribbon-bookmark{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:#f43f5e;border-radius:0 0 4px 4px;width:20px;height:36px;position:absolute;top:0;left:32px;box-shadow:0 2px 6px #f43f5e66}.storybook-star-badge{font-size:22px;position:absolute;top:12px;right:16px}.storybook-center-spine{pointer-events:none;background:linear-gradient(#0000,#fb923c40,#0000);width:1px;position:absolute;top:10%;bottom:10%;left:50%}.storybook-content-body.font-size-3{color:#1e293b;margin:6px 0 12px;font-size:18.5px;font-weight:800;line-height:1.8}.storybook-para{margin:0 0 8px}.highlighted-story-word{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;border-radius:6px;padding:1px 3px;font-weight:900;transition:all .15s;display:inline}.highlighted-story-word:hover{color:#854d0e;background:#fef08a;transform:translateY(-1px)}.storybook-vocab-cards-row{border-top:2px dashed #fed7aa;flex-wrap:wrap;align-items:center;gap:7px;padding-top:12px;display:flex}.storybook-vocab-chip{cursor:pointer;border:1.5px solid;border-radius:11px;flex-direction:column;align-items:center;gap:1px;padding:4px 11px;font-family:inherit;transition:all .15s;display:inline-flex}.storybook-vocab-chip:hover{transform:translateY(-2px);box-shadow:0 3px 8px #00000014}.storybook-vocab-chip .chip-en{font-size:12px;font-weight:800}.storybook-vocab-chip .chip-vi{opacity:.85;font-size:10.5px;font-weight:600}.storybook-vocab-chip.pastel-blue{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.storybook-vocab-chip.pastel-purple{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.storybook-vocab-chip.pastel-pink{color:#be123c;background:#fff1f2;border-color:#fecdd3}.storybook-vocab-chip.pastel-green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.storybook-vocab-chip.pastel-orange{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.storybook-vocab-chip.pastel-teal{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.reading-mockup-bottom-grid{grid-template-columns:1fr 280px;align-items:stretch;gap:16px;display:grid}@media (width<=900px){.reading-mockup-bottom-grid{grid-template-columns:1fr}}.mockup-question-box-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;padding:16px 20px;display:flex;box-shadow:0 4px 14px #00000008}.question-stepper-pills-row{border-bottom:1.5px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.stepper-pills-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stepper-pill-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:800;transition:all .2s;display:inline-flex}.stepper-pill-btn:hover{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.stepper-pill-btn.is-active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0284c74d}.stepper-pill-btn.is-answered:not(.is-active){color:#166534;background:#f0fdf4;border-color:#86efac}.stepper-circle-num{font-weight:900}.stepper-type-title{font-size:11.5px}.stepper-tick-mark{color:#10b981;font-weight:900}.stepper-pill-btn.is-active .stepper-tick-mark{color:#fff}.stepper-count-badge{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.question-main-header{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.q-number-circle{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:12px;font-weight:900;display:flex}.q-english-title-text{color:#0f172a;margin:0;font-size:16px;font-weight:900;line-height:1.35}.q-mc-options-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.q-mc-option-btn{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:9px 14px;font-family:inherit;transition:all .15s;display:flex}.q-mc-option-btn:hover:not(:disabled){background:#f0f9ff;border-color:#38bdf8;transform:translate(2px)}.q-mc-option-btn.is-selected{background:#e0f2fe;border-color:#0284c7}.q-mc-option-btn.is-selected .opt-letter-circle{color:#fff;background:#0284c7}.opt-letter-circle{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;font-weight:800;display:flex}.opt-text-label{color:#334155;flex:1;font-size:14px;font-weight:700}.q-mc-option-btn.is-correct{background:#f0fdf4;border-color:#22c55e}.q-mc-option-btn.is-correct .opt-letter-circle{color:#fff;background:#22c55e}.check-tick-label{color:#16a34a;font-weight:900}.q-mc-option-btn.is-wrong{background:#fff1f2;border-color:#f43f5e}.q-mc-option-btn.is-wrong .opt-letter-circle{color:#fff;background:#f43f5e}.cross-tick-label{color:#e11d48;font-weight:900}.q-tf-section-wrap{margin-bottom:12px}.tf-statement-box{background:#f8fafc;border-left:4px solid #0284c7;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.quote-mark{color:#0284c7;font-size:26px;line-height:1}.statement-line{color:#0f172a;margin:2px 0 0;font-size:15px;font-weight:800;line-height:1.4}.tf-buttons-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tf-choice-btn{cursor:pointer;border:2px solid;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-family:inherit;transition:all .15s;display:flex}.tf-choice-btn.tf-true{color:#166534;background:#f0fdf4;border-color:#86efac}.tf-choice-btn.tf-true.is-selected{background:#dcfce7;border-color:#22c55e;box-shadow:0 3px 10px #22c55e40}.tf-choice-btn.tf-false{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.tf-choice-btn.tf-false.is-selected{background:#ffe4e6;border-color:#f43f5e;box-shadow:0 3px 10px #f43f5e40}.tf-icon{font-size:22px}.tf-lbl-wrap{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.tf-lbl-wrap strong{font-size:14px;font-weight:900}.tf-lbl-wrap small{opacity:.85;font-size:11px}.q-sentence-builder-section{margin-bottom:12px}.sb-construction-slot{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;margin-bottom:10px;padding:8px 12px;display:flex}.sb-placeholder{color:#94a3b8;font-size:12.5px;font-style:italic}.sb-placed-chip{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:13.5px;font-weight:800;display:inline-flex}.remove-x{opacity:.8;font-size:10px}.sb-word-bank-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sb-tile-btn{color:#0369a1;cursor:pointer;background:#fff;border:1.5px solid #bae6fd;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13.5px;font-weight:800}.sb-tile-btn.is-used{opacity:.25;cursor:not-allowed}.sb-reset-link-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;margin-left:auto;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:800}.mockup-feedback-strip{border-radius:12px;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;font-size:12.5px;font-weight:700;display:flex}.mockup-feedback-strip.is-correct{color:#15803d;background:#dcfce7}.mockup-feedback-strip.is-wrong{color:#b91c1c;background:#fee2e2}.feedback-text{font-weight:600}.question-card-footer-controls{border-top:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.stepper-ctrl-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:12.5px;font-weight:800;transition:all .15s}.stepper-ctrl-btn:hover:not(:disabled){background:#f1f5f9}.stepper-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.stepper-ctrl-btn.next{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0284c740}.stepper-ctrl-btn.next:hover{background:#0369a1}.stepper-ctrl-btn.submit{color:#fff;background:#10b981;border:none;box-shadow:0 2px 8px #10b9814d}.stepper-page-indicator{color:#64748b;font-size:12.5px;font-weight:700}.mockup-score-action-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;box-shadow:0 4px 14px #00000008}.score-card-header-lbl{color:#64748b;font-size:13px;font-weight:800}.score-stars-row{gap:4px;font-size:24px;display:flex}.score-star.is-gold{filter:drop-shadow(0 2px 4px #eab30880)}.score-star.is-gray{opacity:.25;filter:grayscale()}.score-number-display{align-items:baseline;gap:2px;display:flex}.score-green-val{color:#10b981;font-size:34px;font-weight:900;line-height:1}.score-denom-text{color:#94a3b8;font-size:16px;font-weight:800}.score-mascot-trophy-wrap{margin:4px 0;position:relative}.score-mascot-img{object-fit:contain;width:50px;height:50px}.score-trophy-emoji{font-size:18px;position:absolute;bottom:-2px;right:-4px}.score-action-slot{width:100%}.score-blue-submit-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 12px #0284c74d}.score-blue-submit-btn:hover:not(:disabled){background:#0369a1;transform:scale(1.02)}.score-blue-submit-btn:disabled{opacity:.5;cursor:not-allowed}.graded-action-buttons{flex-direction:column;gap:6px;width:100%;display:flex}.score-green-next-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:999px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:900;box-shadow:0 3px 10px #10b9814d}.score-gray-retry-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;width:100%;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:800}.tense-mockup-wrapper{flex-direction:column;gap:18px;width:100%;max-width:100%;margin:0 auto;padding:4px 6px 40px;font-family:Nunito,Lexend,system-ui,sans-serif;display:flex}.tense-list-view{flex-direction:column;gap:20px;display:flex}.tense-header-banner{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:24px;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0284c740}.tense-header-content{z-index:1;align-items:center;gap:20px;display:flex}.tense-header-icon{background:#fff3;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:40px;display:flex}.tense-main-title{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:900}.tense-subtitle{color:#e0f2fe;margin:0;font-size:14.5px;font-weight:600;line-height:1.5}.tense-header-mascot{z-index:1;flex-shrink:0}.tense-filter-bar{background:#fff;border:2px solid #e2e8f0;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;display:flex;box-shadow:0 4px 14px #00000005}.filter-group-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tense-filter-pill{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:13.5px;font-weight:800;transition:all .15s}.tense-filter-pill:hover{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.tense-filter-pill.is-active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 8px #0284c740}.tense-two-col-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}@media (width<=900px){.tense-two-col-grid{grid-template-columns:1fr;gap:16px}}.tense-hero-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:22px;flex-direction:column;gap:14px;padding:24px;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #0000000a}.tense-hero-card:hover{border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 12px 30px #38bdf833}.tense-card-top-bar{flex-direction:column;gap:4px;display:flex}.tense-card-badge-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.tense-number-badge{color:#fff;background:#0284c7;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:900}.tense-group-tag{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800}.tense-grade-tag{color:#92400e;background:#fef3c7;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800}.tense-done-pill{color:#166534;background:#dcfce7;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:800}.tense-card-title-vi{color:#0f172a;margin:0;font-size:20px;font-weight:900;line-height:1.3}.tense-card-title-en{color:#0284c7;margin:0;font-size:14.5px;font-weight:700}.tense-card-formula-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.formula-label{color:#64748b;letter-spacing:.05em;font-size:11.5px;font-weight:900}.formula-code{color:#0284c7;font-family:Fira Code,monospace;font-size:14.5px;font-weight:700}.tense-card-desc{color:#475569;margin:0;font-size:14px;line-height:1.5}.tense-card-desc p{margin:0}.tense-card-tip-box{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.tense-card-btn-wrap{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:12px}.tense-card-start-btn{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px 18px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.tense-hero-card:hover .tense-card-start-btn{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0284c7;box-shadow:0 4px 12px #0284c74d}.tense-mockup-detail-layout{box-sizing:border-box;background:#f0f9ff;border:3.5px solid #bae6fd;border-radius:30px;flex-direction:column;gap:18px;width:100%;padding:22px 28px 34px;display:flex;position:relative;box-shadow:0 12px 48px #38bdf824}.mockup-top-nav-bar{background:#fff;border:2px solid #e0f2fe;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;display:flex;box-shadow:0 3px 14px #00000008}.mockup-back-to-list-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-family:inherit;font-size:14.5px;font-weight:900;transition:all .15s;display:inline-flex}.mockup-back-to-list-btn:hover{background:#e0f2fe}.back-arrow-ico{font-size:24px;font-weight:900;line-height:1}.mockup-quick-select-wrap{scrollbar-width:none;align-items:center;gap:10px;display:flex;overflow-x:auto}.mockup-quick-select-wrap::-webkit-scrollbar{display:none}.quick-select-label{color:#64748b;white-space:nowrap;font-size:14.5px;font-weight:800}.quick-select-pills-row{align-items:center;gap:8px;display:flex}.mockup-tense-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:800;transition:all .15s}.mockup-tense-pill:hover{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.mockup-tense-pill.is-active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 10px #0284c747}.mockup-hero-main-card{background:#fff;border:2.5px solid #bae6fd;border-radius:24px;grid-template-columns:1.15fr 1.05fr .95fr;align-items:center;gap:24px;padding:24px 32px;display:grid;position:relative;box-shadow:0 4px 20px #38bdf814}@media (width<=1100px){.mockup-hero-main-card{grid-template-columns:1fr;gap:20px}}.mockup-corner-star{filter:drop-shadow(0 2px 8px #fbbf2480);font-size:32px;animation:3s ease-in-out infinite alternate floatStar;position:absolute;top:-14px;right:-10px}@keyframes floatStar{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-4px)rotate(8deg)}}.hero-left-info-block{flex-direction:column;gap:6px;display:flex}.hero-badges-row{align-items:center;gap:10px;margin-bottom:2px;display:flex}.badge-tense-blue{color:#fff;background:#0284c7;border-radius:8px;padding:5px 14px;font-size:13.5px;font-weight:900}.badge-grade-orange{color:#92400e;background:#fef3c7;border-radius:8px;padding:5px 14px;font-size:13.5px;font-weight:800}.hero-title-vi{color:#0f172a;margin:0;font-size:34px;font-weight:900;line-height:1.2}.hero-title-en{color:#0284c7;margin:0;font-size:18.5px;font-weight:800}.hero-clock-timeline-row{color:#475569;align-items:flex-start;gap:8px;margin-top:4px;font-size:15px;line-height:1.5;display:flex}.clock-ico{flex-shrink:0;font-size:18px}.hero-center-timeline-block{flex-direction:column;align-items:center;gap:10px;padding:0 10px;display:flex}.timeline-star-header{color:#0284c7;letter-spacing:.08em;font-size:13.5px;font-weight:900}.timeline-axis-track{justify-content:space-between;align-items:center;width:100%;padding:24px 0 8px;display:flex;position:relative}.timeline-axis-line{z-index:1;background:#0284c7;border-radius:999px;height:4px;position:absolute;top:36px;left:20px;right:20px}.timeline-node-item{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.timeline-node-circle{background:#fff;border:3px solid #0284c7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000001a}.timeline-node-item.is-current .timeline-node-circle{background:#fff;border-width:4px;border-color:#10b981;width:32px;height:32px;box-shadow:0 0 0 5px #10b98138}.node-check{color:#10b981;font-size:14px;font-weight:900}.timeline-node-item.is-current .node-check{display:none}.timeline-penguin-mascot{flex-direction:column;align-items:center;animation:2s ease-in-out infinite bouncePenguin;display:flex;position:absolute;top:-42px}@keyframes bouncePenguin{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mascot-star{margin-bottom:-4px;font-size:16px}.mini-penguin-avatar{object-fit:contain;filter:drop-shadow(0 2px 6px #0003);width:40px;height:40px}.node-label{color:#64748b;font-size:13.5px;font-weight:800}.timeline-node-item.is-current .node-label{color:#10b981;font-weight:900}.hero-right-formula-block{justify-content:flex-end;display:flex}.main-formula-box-inner{text-align:center;background:#fff;border:2px solid #bae6fd;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:16px 24px;display:flex;box-shadow:0 2px 10px #0284c70f}.mf-title{color:#0284c7;letter-spacing:.06em;font-size:13px;font-weight:900}.mf-code-display{white-space:nowrap;font-family:Nunito,system-ui,sans-serif;font-size:18.5px;font-weight:900}.mf-black{color:#0f172a}.mf-coral{color:#e11d48}.mf-blue{color:#0284c7}.mockup-study-tabs-row{background:#fff;border:2px solid #e0f2fe;border-radius:22px;align-items:center;gap:12px;padding:8px 10px;display:flex;overflow-x:auto}.mockup-tab-pill{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-family:inherit;font-size:15.5px;font-weight:800;transition:all .2s;display:flex}.tab-pill-icon{font-size:18px}.mockup-tab-pill:hover{color:#0284c7;background:#f0f9ff}.mockup-tab-pill.is-active{color:#fff;background:#0284c7;box-shadow:0 4px 14px #0284c747}.mockup-tab-container{flex-direction:column;gap:18px;display:flex}.three-formula-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=950px){.three-formula-cards-grid{grid-template-columns:1fr}}.formula-col-card{background:#fff;border:2.5px solid #e2e8f0;border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000006}.formula-col-card.type-positive{border-color:#86efac}.formula-col-card.type-negative{border-color:#fca5a5}.formula-col-card.type-question{border-color:#93c5fd}.col-header-badge{align-items:center;gap:10px;padding:12px 20px;font-size:16.5px;font-weight:900;display:flex}.col-header-badge.green{color:#15803d;background:#dcfce7}.col-header-badge.red{color:#b91c1c;background:#fee2e2}.col-header-badge.blue{color:#0369a1;background:#e0f2fe}.badge-ico{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex}.col-header-badge.green .badge-ico{background:#16a34a}.col-header-badge.red .badge-ico{background:#dc2626}.col-header-badge.blue .badge-ico{background:#0284c7}.col-formula-box-wrap{border-bottom:1px dashed #e2e8f0;flex-direction:column;gap:6px;padding:14px 20px;display:flex}.col-formula-box-wrap.green-tint{background:#f0fdf4}.col-formula-box-wrap.red-tint{background:#fef2f2}.col-formula-box-wrap.blue-tint{background:#f0f9ff}.formula-line{color:#1e293b;margin:0;font-family:Nunito,system-ui,sans-serif;font-size:14.5px;font-weight:800;line-height:1.5}.col-example-area{flex:1;align-items:center;gap:16px;padding:18px 20px;display:flex}.avatar-side{flex-shrink:0}.kid-avatar{font-size:46px}.example-text-side{flex-direction:column;flex:1;gap:6px;display:flex}.en-sentence-row{color:#0f172a;justify-content:space-between;align-items:center;font-size:16px;font-weight:800;line-height:1.45;display:flex}.en-sentence-sub{color:#334155;font-size:15px;font-weight:800;line-height:1.45}.green-highlight{color:#15803d;font-weight:900}.red-highlight{color:#dc2626;font-weight:900}.blue-highlight{color:#0284c7;font-weight:900}.audio-bubble-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:transform .15s;display:flex}.audio-bubble-btn:hover{transform:scale(1.12)}.audio-bubble-btn.green{background:#dcfce7}.audio-bubble-btn.red{background:#fee2e2}.audio-bubble-btn.blue{background:#e0f2fe}.col-translation-footer{border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 18px;display:flex}.col-translation-footer.green-tint{background:#f0fdf4}.col-translation-footer.red-tint{background:#fef2f2}.col-translation-footer.blue-tint{background:#f0f9ff}.trans-icon{font-size:18px}.trans-lines{flex-direction:column;flex:1;gap:3px;display:flex}.trans-lines p{color:#475569;margin:0;font-size:13.5px;font-weight:600;line-height:1.45}.corner-penguin-icon{flex-shrink:0}.mini-penguin-decor{object-fit:contain;width:34px;height:34px}.mockup-bottom-split-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=950px){.mockup-bottom-split-grid{grid-template-columns:1fr}}.mockup-rules-table-card{background:#fff;border:2.5px solid #bae6fd;border-radius:22px;padding:22px 28px;box-shadow:0 4px 16px #00000006}.rules-card-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.rules-blue-icon{font-size:24px}.rules-title-text{color:#0f172a;margin:0;font-size:17.5px;font-weight:900}.table-responsive-wrapper{overflow-x:auto}.mockup-rules-table{border-collapse:collapse;width:100%;font-size:14.5px}.mockup-rules-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:14.5px;font-weight:800}.mockup-rules-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14.5px}.row-icon-bullet{margin-right:8px;font-size:16px}.cond-text{font-weight:700}.rule-action-pill{color:#0284c7;background:#e0f2fe;border-radius:8px;padding:4px 12px;font-size:13.5px;font-weight:900}.rule-example-green{color:#15803d;font-family:Nunito,system-ui,sans-serif;font-size:15px;font-weight:800}.mockup-penguin-tip-note{background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border:2.5px solid #fde047;border-radius:22px;flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex;position:relative;box-shadow:0 4px 16px #fbbf2429}.note-star-badge{font-size:30px;position:absolute;top:-12px;right:-8px}.tip-note-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.tip-bulb-ico{font-size:24px}.tip-note-title{color:#78350f;margin:0;font-size:19px;font-weight:900}.tip-note-body{flex-direction:column;gap:10px;display:flex}.tip-note-body p{color:#78350f;margin:0;font-size:14.5px;font-weight:700;line-height:1.5}.tip-mascot-footer{justify-content:flex-end;align-items:flex-end;gap:6px;margin-top:12px;display:flex}.tip-penguin-img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000026);width:58px;height:58px}.pencil-emoji{margin-bottom:4px;font-size:22px}.usages-list{flex-direction:column;gap:18px;display:flex}.usage-card-item{background:#fff;border:2px solid #e2e8f0;border-radius:20px;align-items:flex-start;gap:20px;padding:22px 26px;display:flex;box-shadow:0 4px 14px #00000005}.usage-number-circle{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;font-weight:900;display:flex}.usage-info-body{flex-direction:column;flex:1;gap:8px;display:flex}.usage-card-title{color:#0f172a;margin:0;font-size:18.5px;font-weight:900}.usage-card-desc{color:#475569;margin:0;font-size:15px;line-height:1.55}.usage-example-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-left:5px solid #10b981;border-radius:14px;flex-direction:column;gap:6px;margin-top:8px;padding:14px 18px;display:flex}.ue-en-row{color:#0f172a;align-items:center;gap:12px;font-size:16px;font-weight:800;display:flex}.ue-speaker-ico{font-size:18px}.ue-vi-text{color:#64748b;margin:0;font-size:14.5px;font-weight:600}.signals-section-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:24px 28px;box-shadow:0 4px 14px #00000005}.signals-section-title{color:#0f172a;margin:0 0 6px;font-size:18.5px;font-weight:900}.signals-subtitle{color:#64748b;margin:0 0 18px;font-size:14.5px}.signals-chips-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.signal-chip-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;padding:14px 18px;display:flex}.signal-word-badge{color:#0284c7;font-size:16px;font-weight:900}.signal-vi-meaning{color:#475569;font-size:14px;font-weight:700}.signal-example-line{color:#64748b;margin:0;font-size:13px}.memory-tip-spotlight-card{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #fde047;border-radius:20px;align-items:center;gap:20px;padding:20px 26px;display:flex;box-shadow:0 4px 16px #fbbf2429}.spotlight-icon{font-size:40px}.spotlight-text h5{color:#92400e;margin:0 0 4px;font-size:15px;font-weight:900}.spotlight-text p{color:#78350f;margin:0;font-size:16px;font-weight:800;line-height:1.5}.common-mistakes-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:24px 28px;box-shadow:0 4px 14px #00000005}.mistakes-section-title{color:#0f172a;margin:0 0 16px;font-size:18.5px;font-weight:900}.mistakes-list{flex-direction:column;gap:16px;display:flex}.mistake-item-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.mistake-compare-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wrong-box,.correct-box{align-items:center;gap:10px;display:flex}.badge-wrong{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:900}.badge-correct{color:#15803d;background:#dcfce7;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:900}.mistake-compare-row code{font-size:15px;font-weight:700}.arrow-fix{color:#64748b;font-weight:900}.mistake-reason{color:#475569;margin:0;font-size:14.5px;line-height:1.5}.tense-practice-arena{flex-direction:column;gap:18px;display:flex}.practice-stepper-bar{background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;display:flex}.stepper-pills{align-items:center;gap:8px;display:flex}.quiz-step-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;padding:7px 16px;font-family:inherit;font-size:14px;font-weight:800;transition:all .15s;display:flex}.quiz-step-btn.is-active{color:#fff;background:#0284c7;border-color:#0284c7}.quiz-step-btn.is-answered{border-color:#86efac}.step-check{color:#16a34a;font-weight:900}.quiz-step-btn.is-active .step-check{color:#fff}.practice-progress-count{color:#475569;font-size:14.5px}.practice-question-card{background:#fff;border:2px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:22px;padding:28px;display:flex;box-shadow:0 4px 18px #00000008}.pq-header{align-items:center;gap:16px;display:flex}.pq-number-badge{color:#fff;background:#0284c7;border-radius:10px;flex-shrink:0;padding:6px 14px;font-size:14px;font-weight:900}.pq-question-text{color:#0f172a;margin:0;font-size:20.5px;font-weight:900}.pq-options-list{flex-direction:column;gap:12px;display:flex}.pq-option-btn{cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;width:100%;padding:15px 22px;font-family:inherit;transition:all .15s;display:flex}.pq-option-btn:hover:not(:disabled){background:#f0f9ff;border-color:#38bdf8}.pq-option-btn.is-selected{background:#e0f2fe;border-color:#0284c7;box-shadow:0 2px 10px #0284c738}.pq-option-btn.is-correct{background:#dcfce7!important;border-color:#22c55e!important}.pq-option-btn.is-wrong{background:#fee2e2!important;border-color:#ef4444!important}.opt-letter{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex}.pq-option-btn.is-selected .opt-letter{color:#fff;background:#0284c7}.opt-label{color:#1e293b;flex:1;font-size:16.5px;font-weight:700}.result-tag{border-radius:999px;padding:4px 12px;font-size:13px;font-weight:900}.result-tag.correct{color:#fff;background:#22c55e}.result-tag.wrong{color:#fff;background:#ef4444}.pq-explanation-strip{color:#1e3a8a;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 20px;font-size:15px;display:flex}.pq-footer-controls{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.pq-nav-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:999px;padding:9px 20px;font-family:inherit;font-size:14.5px;font-weight:800}.pq-nav-btn.next{color:#fff;background:#0284c7;border-color:#0284c7}.pq-nav-btn:disabled{opacity:.4;cursor:not-allowed}.pq-index-indicator{color:#64748b;font-size:14.5px;font-weight:800}.pq-submit-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:999px;padding:10px 26px;font-family:inherit;font-size:15.5px;font-weight:900;box-shadow:0 4px 14px #10b98152}.pq-submit-btn:disabled{opacity:.5;cursor:not-allowed}.practice-result-summary-bar{background:#fff;border:2px solid #86efac;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;display:flex;box-shadow:0 4px 18px #10b9811f}.result-summary-left{align-items:center;gap:18px;display:flex}.res-trophy{font-size:38px}.result-summary-left h4{color:#15803d;margin:0 0 4px;font-size:18.5px;font-weight:900}.result-summary-left p{color:#334155;margin:0;font-size:14.5px}.retry-quiz-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:999px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:800}.retry-quiz-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.curriculum-main-layout{box-sizing:border-box;flex-direction:column;gap:22px;width:100%;display:flex}.curriculum-grades-tabs-bar{scrollbar-width:none;align-items:center;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.curriculum-grades-tabs-bar::-webkit-scrollbar{display:none}.grade-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:900;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000008}.grade-tab-btn:hover:not(.is-locked){color:#0284c7;background:#f0f9ff;border-color:#38bdf8;transform:translateY(-2px)}.grade-tab-btn.is-selected{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0284c7;box-shadow:0 4px 16px #0284c759}.grade-tab-btn.is-locked{opacity:.6;cursor:not-allowed;background:#f1f5f9}.gt-icon{font-size:18px}.gt-lock-tag{background:#0000001a;border-radius:999px;padding:2px 8px;font-size:11.5px}.curriculum-land-banner{color:#fff;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:28px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 32px #00000014}.curriculum-land-banner.theme-iceberg{background:linear-gradient(135deg,#0284c7 0%,#0369a1 50%,#075985 100%);border:3px solid #7dd3fc}.curriculum-land-banner.theme-forest{background:linear-gradient(135deg,#059669 0%,#047857 50%,#065f46 100%);border:3px solid #6ee7b7}.curriculum-land-banner.theme-rainbow{background:linear-gradient(135deg,#d97706 0%,#b45309 50%,#92400e 100%);border:3px solid #fde68a}.curriculum-land-banner.theme-coral{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 50%,#5b21b6 100%);border:3px solid #c4b5fd}.curriculum-land-banner.theme-starlight{background:linear-gradient(135deg,#db2777 0%,#be185d 50%,#9d174d 100%);border:3px solid #fbcfe8}.land-banner-left{flex-direction:column;flex:1;gap:10px;display:flex}.land-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#fff3;border-radius:999px;width:fit-content;padding:5px 14px;font-size:14px;font-weight:900;display:inline-block}.land-title{margin:0;font-size:32px;font-weight:900;line-height:1.2}.land-desc{opacity:.95;max-width:680px;margin:0;font-size:15.5px;line-height:1.5}.land-stats-strip{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.land-stat-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border-radius:14px;align-items:center;gap:8px;padding:8px 16px;font-size:14.5px;display:inline-flex}.land-stat-chip strong{font-size:16px;font-weight:900}.chip-lbl{opacity:.9;font-size:13px}.land-banner-right{flex-shrink:0}.land-mascot-img{object-fit:contain;filter:drop-shadow(0 6px 16px #00000040);width:140px;height:140px;animation:3s ease-in-out infinite alternate floatMascot}@keyframes floatMascot{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(3deg)}}.curriculum-duo-path-wrapper{box-sizing:border-box;background:#fdfbf7;border:3px solid #f1ece4;border-radius:36px;width:100%;min-height:1750px;padding:20px 0;position:relative;overflow:hidden;box-shadow:inset 0 2px 20px #00000005}.duo-path-svg-canvas{pointer-events:none;z-index:1;width:100%;height:1700px;position:absolute;top:0;left:0}.duo-nodes-canvas-area{z-index:2;width:100%;height:1700px;position:relative}.duo-stepping-stone-anchor{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-48px)}.duo-circle-node{cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:96px;height:96px;font-family:inherit;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.duo-circle-node:hover:not(.node-locked){transform:translateY(-4px)scale(1.08)}.duo-circle-node.node-completed{background:radial-gradient(circle at 35% 35%,#86efac 0%,#22c55e 50%,#15803d 100%);border:5.5px solid #fff;box-shadow:0 8px #14532d,0 16px 26px #16a34a66}.continuous-50-wrapper{box-sizing:border-box;background:#fdfbf7;border:3px solid #f1ece4;border-radius:36px;width:100%;max-width:100%;min-height:8825px;margin:0 auto;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 2px 20px #00000005}.continuous-50-svg{pointer-events:none;z-index:1;width:100%;height:8825px;position:absolute;top:0;left:0}.duo-stepping-stone-anchor.land-1 .duo-circle-node.node-completed{background:radial-gradient(circle at 35% 35%,#86efac 0%,#22c55e 50%,#15803d 100%);box-shadow:0 8px #166534,0 16px 26px #22c55e66}.duo-stepping-stone-anchor.land-1 .duo-circle-node.node-ready{background:radial-gradient(circle at 35% 35%,#86efac 0%,#22c55e 50%,#16a34a 100%);box-shadow:0 8px #15803d,0 14px 22px #22c55e59}.duo-stepping-stone-anchor.land-1 .duo-circle-node.node-current{background:radial-gradient(circle at 35% 35%,#86efac 0%,#22c55e 50%,#16a34a 100%);box-shadow:0 8px #15803d,0 0 0 10px #4ade8059,0 16px 30px #16a34a80}.duo-stepping-stone-anchor.land-2 .duo-circle-node.node-completed{background:radial-gradient(circle at 35% 35%,#6ee7b7 0%,#10b981 50%,#059669 100%);box-shadow:0 8px #047857,0 16px 26px #10b98166}.duo-stepping-stone-anchor.land-2 .duo-circle-node.node-ready{background:radial-gradient(circle at 35% 35%,#6ee7b7 0%,#059669 50%,#047857 100%);box-shadow:0 8px #065f46,0 14px 22px #05966959}.duo-stepping-stone-anchor.land-2 .duo-circle-node.node-current{background:radial-gradient(circle at 35% 35%,#6ee7b7 0%,#10b981 50%,#059669 100%);box-shadow:0 8px #047857,0 0 0 10px #10b98159,0 16px 30px #10b98180}.duo-stepping-stone-anchor.land-3 .duo-circle-node.node-completed{background:radial-gradient(circle at 35% 35%,#fde047 0%,#f59e0b 50%,#b45309 100%);box-shadow:0 8px #78350f,0 16px 26px #f59e0b66}.duo-stepping-stone-anchor.land-3 .duo-circle-node.node-ready{background:radial-gradient(circle at 35% 35%,#fcd34d 0%,#ea580c 50%,#c2410c 100%);box-shadow:0 8px #9a3412,0 14px 22px #ea580c59}.duo-stepping-stone-anchor.land-3 .duo-circle-node.node-current{background:radial-gradient(circle at 35% 35%,#fde047 0%,#f59e0b 50%,#d97706 100%);box-shadow:0 8px #b45309,0 0 0 10px #f59e0b59,0 16px 30px #f59e0b80}.duo-stepping-stone-anchor.land-4 .duo-circle-node.node-completed{background:radial-gradient(circle at 35% 35%,#c4b5fd 0%,#8b5cf6 50%,#6d28d9 100%);box-shadow:0 8px #4c1d95,0 16px 26px #8b5cf666}.duo-stepping-stone-anchor.land-4 .duo-circle-node.node-ready{background:radial-gradient(circle at 35% 35%,#c4b5fd 0%,#7c3aed 50%,#5b21b6 100%);box-shadow:0 8px #4c1d95,0 14px 22px #7c3aed59}.duo-stepping-stone-anchor.land-4 .duo-circle-node.node-current{background:radial-gradient(circle at 35% 35%,#c4b5fd 0%,#8b5cf6 50%,#7c3aed 100%);box-shadow:0 8px #6d28d9,0 0 0 10px #8b5cf659,0 16px 30px #8b5cf680}.duo-stepping-stone-anchor.land-5 .duo-circle-node.node-completed{background:radial-gradient(circle at 35% 35%,#fbcfe8 0%,#ec4899 50%,#be185d 100%);box-shadow:0 8px #831843,0 16px 26px #ec489966}.duo-stepping-stone-anchor.land-5 .duo-circle-node.node-ready{background:radial-gradient(circle at 35% 35%,#fbcfe8 0%,#db2777 50%,#9d174d 100%);box-shadow:0 8px #831843,0 14px 22px #db277759}.duo-stepping-stone-anchor.land-5 .duo-circle-node.node-current{background:radial-gradient(circle at 35% 35%,#fbcfe8 0%,#ec4899 50%,#db2777 100%);box-shadow:0 8px #be185d,0 0 0 10px #ec489959,0 16px 30px #ec489980}.land-portal-divider-anchor{z-index:10;width:90%;max-width:640px;position:absolute;left:50%;transform:translate(-50%)}.land-portal-banner{color:#fff;border:2.5px solid #ffffff73;border-radius:24px;align-items:center;gap:14px;padding:14px 24px;display:flex;box-shadow:0 10px 30px #00000026}.land-portal-banner.theme-iceberg{background:linear-gradient(135deg,#0284c7 0%,#22c55e 100%)}.land-portal-banner.theme-forest{background:linear-gradient(135deg,#059669 0%,#10b981 100%)}.land-portal-banner.theme-rainbow{background:linear-gradient(135deg,#ea580c 0%,#f59e0b 100%)}.land-portal-banner.theme-coral{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%)}.land-portal-banner.theme-starlight{background:linear-gradient(135deg,#db2777 0%,#ec4899 100%)}.land-portal-icon{font-size:36px;line-height:1}.land-portal-text{flex-direction:column;flex:1;gap:2px;display:flex}.land-portal-text h3{letter-spacing:-.2px;margin:0;font-size:18px;font-weight:900}.land-portal-text span{opacity:.92;font-size:13.5px;font-weight:700}.land-portal-badge{letter-spacing:.5px;text-transform:uppercase;background:#ffffff47;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900}.duo-unit-floating-card.is-boss-card{background:#fffdf5;border-color:#f59e0b}.duo-unit-floating-card.is-boss-card .card-unit-title{color:#b45309}.duo-circle-node.node-ready{background:radial-gradient(circle at 35% 35%,#7dd3fc 0%,#0284c7 50%,#0369a1 100%);border:5px solid #fff;box-shadow:0 8px #075985,0 14px 22px #0284c759}.duo-circle-node.node-locked{cursor:not-allowed;opacity:.85;background:#cbd5e1;border:5px solid #fff;box-shadow:0 7px #94a3b8}.node-icon-check{color:#fff;filter:drop-shadow(0 2px 4px #0003);font-size:44px;font-weight:900;line-height:1}.node-icon-play{color:#fff;filter:drop-shadow(0 2px 4px #0003);margin-left:4px;font-size:32px}.node-icon-star{font-size:36px}.node-icon-lock{opacity:.9;font-size:32px}.node-bottom-check-badge{color:#fff;background:#16a34a;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-2px;box-shadow:0 2px 8px #0000002e}.duo-node-stars-bottom{z-index:4;justify-content:center;align-items:center;gap:3px;margin-top:7px;display:flex}.node-bottom-star{font-size:24px;font-weight:900;line-height:1;transition:transform .15s}.node-bottom-star.is-earned{filter:drop-shadow(0 2px 5px #f59e0bb3);color:#f59e0b!important}.node-bottom-star.is-unearned{opacity:.65;color:#cbd5e1!important}.duo-penguin-walker-avatar{pointer-events:none;z-index:10;flex-direction:column;align-items:center;animation:1.6s ease-in-out infinite alternate penguinStepHop;display:flex;position:absolute;top:-58px;left:50%;transform:translate(-50%)}.duo-penguin-walker-img{object-fit:contain;filter:drop-shadow(0 6px 14px #0000004d);width:64px;height:64px}.penguin-footstep-shadow{background:#00000038;border-radius:50%;width:36px;height:8px;margin-top:-6px;animation:1.6s ease-in-out infinite alternate penguinShadowScale}@keyframes penguinStepHop{0%{transform:translate(-50%)translateY(0)rotate(-3deg)}50%{transform:translate(-50%)translateY(-10px)rotate(3deg)}to{transform:translate(-50%)translateY(0)rotate(-3deg)}}@keyframes penguinShadowScale{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.15;transform:scale(.65)}}.duo-start-pill-badge{color:#fff;white-space:nowrap;letter-spacing:.05em;z-index:5;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:999px;margin-top:5px;padding:4px 14px;font-size:12.5px;font-weight:900;animation:1.8s ease-in-out infinite bounceStartPill;box-shadow:0 4px 14px #ef444480}@keyframes bounceStartPill{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.duo-unit-floating-card{cursor:pointer;white-space:nowrap;z-index:3;background:#fff;border:2px solid #e2e8f0;border-radius:22px;padding:12px 22px;font-family:inherit;transition:all .2s;position:absolute;box-shadow:0 6px 24px #0000000f}.duo-unit-floating-card.card-dock-left{text-align:right;top:14px;right:114px}.duo-unit-floating-card.card-dock-right{text-align:left;top:14px;left:114px}@media (width<=768px){.duo-unit-floating-card.card-dock-left,.duo-unit-floating-card.card-dock-right{text-align:center;white-space:normal;max-width:240px;margin-top:12px;position:static}}.duo-unit-floating-card:hover{border-color:#38bdf8;transform:translateY(-3px);box-shadow:0 10px 28px #0284c729}.duo-unit-floating-card.is-passed-card{border-color:#bbf7d0}.duo-unit-floating-card.is-current-card{border-color:#86efac;box-shadow:0 8px 24px #22c55e2e}.card-unit-title{color:#1e3a8a;margin:0;font-size:16px;font-weight:900;line-height:1.25}.card-unit-subtitle{color:#64748b;margin-top:3px;font-size:13.5px;font-weight:700}.card-stars-display-strip{align-items:center;gap:8px;margin-top:6px;display:flex}.card-dock-left .card-stars-display-strip{justify-content:flex-end}.star-rating-render-box{align-items:center;gap:2.5px;display:inline-flex}.star-rating-render-box .star-unit{line-height:1;transition:transform .15s}.star-rating-render-box .star-unit.is-filled{color:#f59e0b;filter:drop-shadow(0 2px 4px #f59e0b66)}.star-rating-render-box .star-unit.is-empty{color:#cbd5e1;opacity:.6}.star-rating-render-box.size-sm .star-unit{font-size:15px}.star-rating-render-box.size-md .star-unit{font-size:20px}.star-rating-render-box.size-lg{gap:8px}.star-rating-render-box.size-lg .star-unit{font-size:40px}.card-stars-caption{color:#d97706;font-size:12.5px;font-weight:800}.curriculum-arena-container{box-sizing:border-box;background:#f0f9ff;border:3.5px solid #bae6fd;border-radius:30px;flex-direction:column;gap:18px;width:100%;padding:24px 32px 34px;display:flex;box-shadow:0 12px 48px #38bdf826}.arena-top-header{background:#fff;border:2px solid #e0f2fe;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;display:flex;box-shadow:0 2px 10px #00000005}.arena-back-btn{color:#0284c7;cursor:pointer;background:#fff;border:1.5px solid #0284c7;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #0284c71f}.arena-back-arrow{font-size:18px;font-weight:900;line-height:1;transition:transform .2s}.arena-back-btn:hover{color:#0369a1;background:#e0f2fe;border-color:#0369a1;transform:translate(-2px);box-shadow:0 4px 12px #0284c738}.arena-back-btn:hover .arena-back-arrow{transform:translate(-2px)}.arena-back-btn:active{transform:scale(.97)}.curriculum-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.curriculum-modal-backdrop-btn{cursor:pointer;z-index:1;background:0 0;border:none;position:absolute;inset:0}.curriculum-confirm-modal-box{z-index:2;text-align:center;background:#fff;border-radius:28px;width:100%;max-width:440px;padding:28px 24px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalZoomIn;position:relative;box-shadow:0 24px 60px #00000040,0 0 0 1px #0000000d}.confirm-modal-icon{filter:drop-shadow(0 4px 8px #0000001a);margin-bottom:12px;font-size:46px;line-height:1}.confirm-modal-title{color:#0f172a;margin:0 0 10px;font-size:20px;font-weight:900}.confirm-modal-desc{color:#64748b;margin:0 0 24px;font-size:14px;font-weight:500;line-height:1.55}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.confirm-btn-cancel{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:16px;flex:1.2;padding:13px 18px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #0284c759}.confirm-btn-cancel:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0284c773}.confirm-btn-exit{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:16px;flex:1;padding:13px 18px;font-size:14.5px;font-weight:800;transition:all .2s}.confirm-btn-exit:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5;transform:translateY(-2px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.arena-title-info{align-items:center;gap:10px;display:flex}.arena-level-badge{color:#fff;background:#0284c7;border-radius:6px;padding:3px 10px;font-size:12.5px;font-weight:900}.arena-title-info h3{color:#0f172a;margin:0;font-size:17px;font-weight:900}.arena-progress-indicator{color:#0284c7;font-size:14.5px;font-weight:900}.arena-progress-bar-track{background:#e2e8f0;border-radius:999px;width:100%;height:10px;overflow:hidden}.arena-progress-bar-fill{background:linear-gradient(90deg,#38bdf8 0%,#0284c7 100%);border-radius:999px;height:100%;transition:width .3s}.arena-question-card{background:#fff;border:2.5px solid #bae6fd;border-radius:24px;flex-direction:column;gap:22px;padding:28px 32px;display:flex;box-shadow:0 4px 20px #38bdf80f}.arena-q-header{flex-direction:column;gap:8px;display:flex}.q-tag-row{align-items:center;gap:10px;display:flex}.q-num-pill{color:#fff;background:#0284c7;border-radius:8px;padding:4px 12px;font-size:13.5px;font-weight:900}.q-type-pill{color:#92400e;background:#fef3c7;border-radius:8px;padding:4px 12px;font-size:13.5px;font-weight:800}.arena-q-prompt-vi{color:#0f172a;margin:4px 0 0;font-size:23px;font-weight:900;line-height:1.3}.arena-q-prompt-en{color:#0284c7;margin:0;font-size:17px;font-weight:800}.arena-audio-prompt-box{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.arena-listen-big-btn{color:#0369a1;cursor:pointer;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:2px solid #38bdf8;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:900;transition:all .15s;display:inline-flex}.arena-listen-big-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:scale(1.05)}.arena-listen-hint{color:#64748b;font-size:14px;font-weight:600}.arena-reading-passage-box{background:#fefce8;border:2px solid #fde047;border-radius:18px;flex-direction:column;gap:8px;margin-top:10px;padding:18px 22px;display:flex}.passage-header{color:#78350f;justify-content:space-between;align-items:center;font-size:15px;font-weight:900;display:flex}.passage-speak-btn{color:#78350f;cursor:pointer;background:#fef08a;border:1.5px solid #eab308;border-radius:999px;padding:4px 12px;font-family:inherit;font-size:13px;font-weight:900}.passage-text{color:#451a03;margin:0;font-size:16px;font-weight:700;line-height:1.55}.arena-q-interaction-body{margin-top:4px}.arena-options-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=768px){.arena-options-grid{grid-template-columns:1fr}}.arena-option-card{cursor:pointer;text-align:left;background:#f8fafc;border:2.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;padding:16px 20px;font-family:inherit;transition:all .15s;display:flex}.arena-option-card:hover:not(:disabled){background:#f0f9ff;border-color:#38bdf8}.arena-option-card.is-selected{background:#e0f2fe;border-color:#0284c7;box-shadow:0 2px 12px #0284c740}.arena-option-card.is-correct{background:#dcfce7!important;border-color:#22c55e!important}.arena-option-card.is-wrong{background:#fee2e2!important;border-color:#ef4444!important}.opt-marker{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:flex}.arena-option-card.is-selected .opt-marker{color:#fff;background:#0284c7}.opt-text{color:#0f172a;flex:1;font-size:17px;font-weight:800}.opt-speaker-icon{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:18px;transition:opacity .15s}.opt-speaker-icon:hover{opacity:1}.arena-options-grid.is-tf-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:720px;margin:12px auto;display:grid}@media (width<=600px){.arena-options-grid.is-tf-grid{grid-template-columns:1fr}}.arena-option-card.opt-tf-true{background:#f0fdf4;border-color:#86efac;padding:18px 24px}.arena-option-card.opt-tf-true:hover:not(:disabled){background:#dcfce7;border-color:#22c55e}.arena-option-card.opt-tf-true.is-selected{background:#bbf7d0;border-color:#16a34a;box-shadow:0 4px 16px #16a34a40}.arena-option-card.opt-tf-false{background:#fff1f2;border-color:#fecaca;padding:18px 24px}.arena-option-card.opt-tf-false:hover:not(:disabled){background:#fee2e2;border-color:#ef4444}.arena-option-card.opt-tf-false.is-selected{background:#fecdd3;border-color:#e11d48;box-shadow:0 4px 16px #e11d4840}.unscramble-workspace{flex-direction:column;gap:18px;display:flex}.unscramble-built-box{background:#f8fafc;border:2px dashed #0284c7;border-radius:18px;flex-direction:column;gap:8px;min-height:80px;padding:16px 20px;display:flex}.unscramble-label{color:#0284c7;font-size:13.5px;font-weight:800}.unscramble-slots{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.placeholder-text{color:#94a3b8;font-size:14.5px;font-style:italic}.built-chip{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:12px;padding:8px 16px;font-family:inherit;font-size:17px;font-weight:900;transition:transform .15s;box-shadow:0 2px 8px #0284c74d}.built-chip:hover{background:#e11d48;transform:scale(1.05)}.unscramble-pool{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 0;display:flex}.unscramble-tile-btn{color:#0284c7;cursor:pointer;background:#fff;border:2.5px solid #bae6fd;border-radius:16px;padding:12px 22px;font-family:inherit;font-size:19px;font-weight:900;transition:all .15s;box-shadow:0 4px 10px #0000000a}.unscramble-tile-btn:hover:not(:disabled){background:#e0f2fe;transform:translateY(-3px)}.unscramble-tile-btn.is-used{opacity:.3;cursor:not-allowed;background:#f1f5f9;border-color:#cbd5e1}.arena-q-image-showcase{justify-content:center;margin:12px 0;display:flex}.q-showcase-img{object-fit:cover;background:#f0f9ff;border:3px solid #bae6fd;border-radius:20px;width:140px;height:140px;transition:transform .2s;box-shadow:0 8px 20px #0284c726}.q-showcase-img:hover{transform:scale(1.04)}.arena-dialogue-box{background:#f0f9ff;border:2px solid #bae6fd;border-radius:20px;align-items:flex-start;gap:14px;margin:10px 0;padding:16px 20px;display:flex}.dialogue-avatar{filter:drop-shadow(0 2px 4px #0000001a);font-size:38px;line-height:1}.dialogue-bubble{flex-direction:column;flex:1;gap:4px;display:flex}.dialogue-speaker{color:#0284c7;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:800}.dialogue-text{color:#0f172a;margin:0;font-size:18px;font-weight:800}.dialogue-speak-btn{color:#0284c7;cursor:pointer;background:#fff;border:1.5px solid #bae6fd;border-radius:12px;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.dialogue-speak-btn:hover{background:#e0f2fe}.arena-memory-match-board{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:14px;padding:18px 22px;display:flex}.match-board-hint,.cat-board-hint{color:#475569;margin:0;font-size:14.5px;font-weight:600}.match-columns-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.match-columns-grid{grid-template-columns:1fr}}.match-column h4{color:#334155;margin:0 0 10px;font-size:15px;font-weight:800}.match-cards-list{flex-direction:column;gap:10px;display:flex}.match-card-btn{cursor:pointer;text-align:left;background:#fff;border:2.5px solid #cbd5e1;border-radius:16px;align-items:center;gap:12px;padding:12px 18px;font-family:inherit;transition:all .15s;display:flex}.match-card-btn:hover:not(:disabled){background:#f0f9ff;border-color:#0284c7;transform:translateY(-2px)}.match-card-btn.is-selected{background:#e0f2fe;border-color:#0284c7;box-shadow:0 0 0 3px #0284c740}.match-card-btn.is-matched{opacity:.85;cursor:default;background:#f0fdf4;border-color:#22c55e}.match-card-img{object-fit:cover;border:1.5px solid #bae6fd;border-radius:10px;width:44px;height:44px}.match-card-text{color:#0f172a;flex:1;font-size:16px;font-weight:800}.match-speak-icon{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:16px}.match-speak-icon:hover{opacity:1}.match-check{font-size:18px}.arena-categorization-board{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:18px 22px;display:flex}.category-buckets-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.category-bucket-box{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2.5px dashed #cbd5e1;border-radius:18px;outline:none;flex-direction:column;gap:12px;min-height:130px;padding:16px 18px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.category-bucket-box:hover{background:#f0f9ff;border-color:#0284c7;transform:translateY(-2px)}.category-bucket-box.is-active{background:#e0f2fe;border:3px solid #0284c7;transform:translateY(-2px);box-shadow:0 6px 20px #0284c733}.bucket-header-static{border-bottom:1.5px solid #0284c726;justify-content:space-between;align-items:center;width:100%;padding-bottom:6px;display:flex}.bucket-header-static h3{color:#0f172a;margin:0;font-size:16.5px;font-weight:800}.bucket-count{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:800;transition:all .15s}.bucket-count.is-active-count{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0284c7;animation:1.6s infinite alternate pulsePill;box-shadow:0 2px 8px #0284c759}@keyframes pulsePill{0%{transform:scale(1)}to{transform:scale(1.05)}}.bucket-chips-container{flex-wrap:wrap;flex:1;align-items:flex-start;gap:8px;min-height:50px;display:flex}.bucket-empty-placeholder{color:#64748b;text-align:center;margin:auto;font-size:13.5px;font-style:italic}.bucket-assigned-chip{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:14.5px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0284c740}.bucket-assigned-chip:hover{background:#e11d48;transform:scale(1.06)}.chip-remove-x{opacity:.8;font-size:12px}.cat-quick-selector-row{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.cat-selector-label{color:#334155;font-size:13.5px;font-weight:800}.cat-selector-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cat-pill-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13.5px;font-weight:800;transition:all .15s}.cat-pill-btn:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7}.cat-pill-btn.is-active-pill{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0284c7;box-shadow:0 4px 12px #0284c74d}.categorization-words-pool{border-top:2px solid #e2e8f0;flex-direction:column;gap:10px;padding-top:14px;display:flex}.pool-label{color:#475569;letter-spacing:.2px;font-size:13.5px;font-weight:800}.pool-chips-row{flex-wrap:wrap;gap:10px;display:flex}.pool-word-btn{color:#0284c7;cursor:pointer;background:#fff;border:2px solid #bae6fd;border-radius:14px;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:15.5px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #0000000a}.pool-word-btn:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-2px)}.pool-word-btn.is-used{color:#64748b;opacity:.85;background:#f1f5f9;border-color:#cbd5e1}.pool-word-btn.is-in-active-cat{color:#0369a1;background:#e0f2fe;border-color:#38bdf8;font-weight:900}.pool-word-tag{opacity:.8;font-size:11.5px;font-weight:700}.arena-feedback-strip{border-radius:18px;align-items:flex-start;gap:14px;padding:16px 22px;animation:.25s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.arena-feedback-strip.correct{color:#15803d;background:#f0fdf4;border:2px solid #86efac}.arena-feedback-strip.wrong{color:#b91c1c;background:#fef2f2;border:2px solid #fca5a5}.feedback-icon{font-size:28px}.feedback-content h4{margin:0 0 4px;font-size:17px;font-weight:900}.feedback-content p{margin:0;font-size:14.5px;font-weight:600;line-height:1.45}.arena-footer-bar{border-top:1px solid #f1f5f9;justify-content:flex-end;padding-top:10px;display:flex}.arena-check-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:999px;padding:12px 32px;font-family:inherit;font-size:16.5px;font-weight:900;transition:all .2s;box-shadow:0 4px 16px #0284c759}.arena-check-btn:disabled{opacity:.5;cursor:not-allowed}.arena-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:999px;padding:12px 36px;font-family:inherit;font-size:16.5px;font-weight:900;transition:all .2s;box-shadow:0 4px 16px #10b98159}.arena-next-btn:hover{transform:scale(1.04)}.arena-result-card{text-align:center;background:#fff;border:3px solid #86efac;border-radius:28px;flex-direction:column;align-items:center;gap:16px;padding:36px 40px;display:flex;box-shadow:0 10px 36px #10b98126}.result-mascot-row{position:relative}.result-penguin-img{object-fit:contain;filter:drop-shadow(0 6px 16px #00000026);width:130px;height:130px}.result-badge-burst{font-size:28px;animation:1s ease-in-out infinite alternate starBurst;position:absolute;top:-10px;right:-24px}@keyframes starBurst{0%{transform:scale(1)rotate(0)}to{transform:scale(1.15)rotate(6deg)}}.result-headline{color:#0f172a;margin:0;font-size:28px;font-weight:900}.result-subtitle{color:#475569;max-width:580px;margin:0;font-size:16px;line-height:1.5}.result-stats-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:12px 0;display:flex}.result-stat-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:16px 28px;display:flex}.result-stat-box.gold{background:#fefce8;border-color:#fde047}.result-stat-box.coin{background:#f0fdf4;border-color:#86efac}.stat-num{color:#0f172a;font-size:26px;font-weight:900}.result-stat-box.gold .stat-num{color:#d97706}.result-stat-box.coin .stat-num{color:#15803d}.stat-lbl{color:#64748b;font-size:13.5px;font-weight:700}.result-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:10px;display:flex}.res-btn-retry{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #cbd5e1;border-radius:999px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:800;transition:all .15s}.res-btn-retry:hover{color:#fff;background:#0284c7;border-color:#0284c7}.res-btn-finish{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:999px;padding:13px 32px;font-family:inherit;font-size:16px;font-weight:900;transition:all .15s;box-shadow:0 4px 16px #0284c759}.res-btn-finish:hover{transform:scale(1.04)}.penguin-floating-garden-dock{z-index:9999;pointer-events:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 28px #0003);flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.garden-floating-nutrients-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffffe6;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:0 6px 18px #0000001f}.floating-nutrient-orb{cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.floating-nutrient-orb.fertilizer{background:radial-gradient(circle,#fffbeb 0%,#fef3c7 100%);border-color:#f59e0b}.floating-nutrient-orb.water{background:radial-gradient(circle,#f0f9ff 0%,#e0f2fe 100%);border-color:#0284c7}.floating-nutrient-orb.sun{background:radial-gradient(circle,#fefce8 0%,#fef08a 100%);border-color:#eab308}.floating-nutrient-orb:hover{transform:translateY(-5px)scale(1.15);box-shadow:0 8px 20px #0000002e}.floating-nutrient-orb.is-ready{border-color:#22c55e;animation:2s infinite orbPulseReady;box-shadow:0 0 16px #22c55ea6}.nutrient-icon-img{object-fit:contain;width:32px;height:32px}.nutrient-percent-badge{color:#fff;background:#0f172a;border:1.5px solid #ffffffe6;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:900;line-height:1.2;position:absolute;bottom:-6px;right:-5px;box-shadow:0 2px 6px #0003}.floating-nutrient-orb.is-ready .nutrient-percent-badge{color:#fff;background:#22c55e}.floating-plant-pot-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.floating-plant-pot-btn:hover{transform:scale(1.08)translateY(-5px)}.floating-plant-pot-btn:active{transform:scale(.96)}.plant-image-wrapper{justify-content:center;align-items:center;width:126px;height:126px;display:flex;position:relative}.sprout-animated-img{object-fit:contain;filter:drop-shadow(0 10px 22px #00000038);width:120px;height:120px;animation:3s ease-in-out infinite sproutIdleBob}.tree-animated-img{object-fit:contain;filter:drop-shadow(0 12px 28px #eab30873);width:136px;height:136px;animation:2.5s ease-in-out infinite treeBloomPulse}.plant-growth-pill{color:#fef08a;white-space:nowrap;background:#0f172aeb;border:2px solid #38bdf8;border-radius:999px;margin-top:-6px;padding:5px 16px;font-size:13.5px;font-weight:900;box-shadow:0 4px 14px #00000040}.plant-growth-pill .harvest-glow{color:#fff;animation:1s infinite alternate harvestGlowText}.floating-plant-pot-btn.is-bloomed-tree .plant-growth-pill{background:linear-gradient(135deg,#f59e0b,#ef4444);border-color:#fef08a;animation:1.2s infinite harvestBtnPillPulse;box-shadow:0 6px 20px #f59e0ba6}.care-flying-particle{pointer-events:none;z-index:10;font-size:24px;animation:1.1s ease-out forwards careParticleAnim;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.magic-garden-modal-card{z-index:2;box-sizing:border-box;background:linear-gradient(#fff 0%,#f0fdf4 100%);border-radius:32px;width:95%;max-width:620px;max-height:90vh;padding:24px 22px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalZoomIn;position:relative;overflow-y:auto;box-shadow:0 28px 70px #00000047,0 0 0 2px #bbf7d0}.garden-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.garden-badge-pill{color:#15803d;background:#dcfce7;border-radius:999px;margin-bottom:6px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-block}.garden-modal-heading{color:#0f172a;margin:0;font-size:21px;font-weight:900}.garden-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;transition:all .15s;display:flex}.garden-modal-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.garden-showcase-stage{background:radial-gradient(circle,#f0fdf4 0%,#dcfce7 100%);border:2px solid #86efac;border-radius:24px;flex-direction:column;align-items:center;margin-bottom:18px;padding:20px;display:flex;box-shadow:inset 0 2px 8px #00000008}.stage-plant-center{justify-content:center;align-items:center;height:140px;margin-bottom:12px;display:flex}.stage-sprout-img{object-fit:contain;filter:drop-shadow(0 10px 20px #00000026);width:120px;height:120px;animation:3s ease-in-out infinite stageSproutFloat}.stage-tree-img{object-fit:contain;filter:drop-shadow(0 12px 28px #eab30873);width:138px;height:138px;animation:2.5s ease-in-out infinite stageTreeBloomFloat}.stage-plant-info{width:100%}.growth-meter-header{color:#1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font-size:13.5px;font-weight:800;display:flex}.reset-countdown{color:#0284c7;background:#e0f2fe;border-radius:999px;padding:3px 10px;font-size:12.5px}.garden-master-progress-track{background:#fff;border:2px solid #86efac;border-radius:999px;width:100%;height:16px;overflow:hidden;box-shadow:inset 0 2px 4px #00000014}.garden-master-progress-fill{background:linear-gradient(90deg,#22c55e,#10b981,#059669);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #22c55e80}.harvest-reward-banner{text-align:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:18px;margin-top:14px;padding:14px 16px;animation:.3s modalZoomIn}.harvest-reward-banner h3{color:#92400e;margin:0 0 4px;font-size:16px;font-weight:900}.harvest-reward-banner p{color:#b45309;margin:0 0 12px;font-size:13px;font-weight:600}.harvest-gold-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);border:none;border-radius:999px;padding:12px 24px;font-size:15.5px;font-weight:900;transition:all .2s;animation:1.5s infinite harvestBtnGlow;box-shadow:0 6px 20px #ea580c66}.harvest-gold-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 26px #ea580c8c}.garden-nutrient-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.nutrient-tab-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:18px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.nutrient-tab-btn.water.is-active{background:#f0f9ff;border-color:#0284c7;box-shadow:0 4px 14px #0284c72e}.nutrient-tab-btn.fertilizer.is-active{background:#fffbeb;border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b2e}.nutrient-tab-btn.sun.is-active{background:#fefce8;border-color:#eab308;box-shadow:0 4px 14px #eab3082e}.nutrient-tab-btn:hover{transform:translateY(-2px)}.tab-thumb{object-fit:contain;width:32px;height:32px}.tab-text{flex-direction:column;display:flex}.tab-name{color:#1e293b;font-size:13px;font-weight:800}.tab-val{color:#0284c7;font-size:14px;font-weight:900}.nutrient-tab-btn.fertilizer .tab-val{color:#d97706}.nutrient-tab-btn.sun .tab-val{color:#ca8a04}.garden-missions-panel{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;margin-bottom:16px;padding:16px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.quick-care-all-btn{color:#16a34a;cursor:pointer;background:#f0fdf4;border:1.5px solid #86efac;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:800;transition:all .15s}.quick-care-all-btn:hover{color:#fff;background:#22c55e;border-color:#22c55e}.missions-cards-grid{flex-direction:column;gap:10px;display:flex}.mission-item-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.mission-item-card.is-done{background:#f0fdf4;border-color:#bbf7d0}.mission-info h4{color:#0f172a;margin:0 0 3px;font-size:14.5px;font-weight:800}.mission-info p{color:#64748b;margin:0 0 6px;font-size:12.5px;line-height:1.4}.mission-progress-row{align-items:center;gap:8px;display:flex}.mission-prog-txt{color:#475569;font-size:12px;font-weight:700}.mission-reward-pill{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.mission-completed-tag{color:#15803d;white-space:nowrap;background:#dcfce7;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:800}.action-buttons-wrap{align-items:center;gap:6px;display:flex}.mission-goto-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:6px 10px;font-size:12px;font-weight:800;transition:all .15s}.mission-goto-btn:hover{color:#0f172a;background:#e2e8f0}.mission-claim-care-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:12px;padding:7px 14px;font-size:12.5px;font-weight:800;transition:all .15s;box-shadow:0 2px 8px #0284c747}.mission-claim-care-btn.fert{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b47}.mission-claim-care-btn.sun{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 2px 8px #eab30847}.mission-claim-care-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.mission-locked-tag{color:#94a3b8;white-space:nowrap;background:#f1f5f9;border:1.5px dashed #cbd5e1;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:11.5px;font-weight:800;display:inline-flex}.mission-item-card.is-ready-claim{background:#f0fdf4;border-color:#86efac;box-shadow:0 4px 14px #22c55e2e}.ready-pulse{animation:1.4s infinite readyPulseBtn}@keyframes readyPulseBtn{0%,to{transform:scale(1);box-shadow:0 2px 8px #0284c747}50%{transform:scale(1.04);box-shadow:0 6px 16px #0284c780}}.harvest-done-waiting-box{text-align:center;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:2px solid #34d399;border-radius:18px;margin-top:14px;padding:16px;box-shadow:0 4px 14px #10b98126}.done-waiting-badge{color:#fff;background:#059669;border-radius:999px;margin-bottom:8px;padding:4px 14px;font-size:13px;font-weight:900;display:inline-block;box-shadow:0 2px 8px #0596694d}.done-waiting-desc{color:#065f46;margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.5}.done-waiting-timer{color:#047857;background:#fff;border:1.5px solid #6ee7b7;border-radius:999px;padding:6px 16px;font-size:13.5px;font-weight:800;display:inline-block}.slot-rest-notice{text-align:center;color:#475569;background:#f8fafc;border:1.5px dashed #94a3b8;border-radius:16px;padding:20px;font-size:13.5px;font-weight:700}.assessment-page{flex-direction:column;gap:18px;display:flex}.assessment-hero{background:linear-gradient(135deg,#ffffffeb,#ddf4fff0),radial-gradient(circle at 88% 12%,#ffd75e70,#0000 32%);border:2px solid #3b9eea29;border-radius:28px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:20px;min-height:220px;padding:28px 30px;display:grid;overflow:hidden;box-shadow:0 18px 38px #1769aa1a}.assessment-hero.mistakes-hero{background:linear-gradient(135deg,#fff,#fff7ed),radial-gradient(circle at 90% 10%,#ff7eb647,#0000 34%);border-color:#f973162e}.assessment-hero h2{color:#0f172a;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.04}.assessment-hero p:not(.eyebrow){color:#475569;max-width:760px;margin:12px 0 0;font-size:16px;font-weight:700;line-height:1.6}.assessment-hero img{object-fit:contain;filter:drop-shadow(0 14px 18px #0f172a29);justify-self:center;width:min(100%,170px);max-height:180px}.stats-kpi-grid,.mistake-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stats-kpi-card,.mistake-summary-strip article{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;flex-direction:column;justify-content:center;gap:8px;min-height:128px;padding:18px;display:flex;box-shadow:0 10px 26px #0f172a0d}.kpi-icon{color:#0369a1;background:#e0f2fe;border-radius:14px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.stats-kpi-card strong,.mistake-summary-strip strong{color:#0f172a;font-size:clamp(24px,3vw,34px);line-height:1}.stats-kpi-card small,.mistake-summary-strip span{color:#64748b;font-size:13.5px;font-weight:800}.assessment-grid{gap:16px;display:grid}.assessment-grid.two-col{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.assessment-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.assessment-panel,.insight-card,.mistake-review-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 12px 28px #0f172a0d}.panel-title-row{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.panel-title-row h3,.insight-card strong,.mistake-review-card h3{color:#0f172a;margin:0;font-weight:900}.panel-title-row p{color:#64748b;margin:5px 0 0;font-size:13.5px;font-weight:700}.skill-bars-list{gap:15px;display:grid}.skill-progress-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.skill-progress-head strong{color:#0f172a;font-size:15px}.skill-progress-head span{color:#64748b;font-size:12.5px;font-weight:800}.skill-progress-track{background:#eef2f7;border-radius:999px;height:13px;overflow:hidden}.skill-progress-track span{border-radius:inherit;min-width:4px;height:100%;transition:width .24s;display:block}.weekly-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;min-height:236px;padding-top:8px;display:grid}.weekly-bar-item{color:#475569;grid-template-rows:1fr auto auto;justify-items:center;gap:7px;height:210px;font-size:12px;font-weight:900;display:grid}.weekly-bar-fill{background:linear-gradient(#ffd75e,#ff7eb6);border-radius:999px 999px 8px 8px;align-self:end;width:100%;max-width:34px;box-shadow:0 8px 18px #ff7eb638}.weekly-bar-item strong{color:#0f172a;font-size:14px}.insight-card{background:linear-gradient(#fff,#eff6ff);border-color:#bfdbfe;gap:8px;display:grid}.insight-card.warm{background:linear-gradient(#fff,#fff7ed);border-color:#fed7aa}.insight-card.fresh{background:linear-gradient(#fff,#f0fdf4);border-color:#bbf7d0}.insight-card span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:900}.insight-card strong{font-size:24px}.insight-card p{color:#475569;margin:0;font-size:13.5px;font-weight:700;line-height:1.5}.mistake-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.mistake-summary-strip article{min-height:108px}.mistake-toolbar{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.segmented-control{flex-wrap:wrap;gap:6px;display:flex}.segmented-control button,.mistake-toolbar select,.mistake-card-actions button{color:#475569;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;min-height:38px;padding:0 13px;font-size:13px;font-weight:900}.segmented-control button.is-active{color:#fff;background:#0f766e;border-color:#0f766e}.mistake-toolbar select{min-width:190px}.seed-note,.assessment-empty-state{color:#92400e;background:#fffbeb;border:1.5px dashed #fbbf24;border-radius:18px;padding:14px 16px;font-size:13.5px;font-weight:800;line-height:1.5}.mistake-review-list{gap:14px;display:grid}.mistake-review-card{border-left:7px solid #fb7185;gap:14px;display:grid}.mistake-review-card.status-reviewing{border-left-color:#f59e0b}.mistake-review-card.status-mastered{border-left-color:#22c55e}.mistake-review-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.mistake-review-card h3{margin-top:8px;font-size:18px;line-height:1.35}.mistake-skill-pill,.mistake-count-pill,.status-chip{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.mistake-skill-pill{color:#0369a1;background:#e0f2fe}.mistake-count-pill{color:#be123c;background:#ffe4e6;flex:none}.mistake-answer-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mistake-answer-compare div{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;gap:6px;padding:14px;display:grid}.mistake-answer-compare div:first-child{background:#fff1f2;border-color:#fecdd3}.mistake-answer-compare div:last-child{background:#f0fdf4;border-color:#bbf7d0}.mistake-answer-compare span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:900}.mistake-answer-compare strong{color:#0f172a;overflow-wrap:anywhere}.mistake-explanation,.mistake-reference{color:#475569;margin:0;font-size:14px;font-weight:700;line-height:1.55}.mistake-reference{color:#0369a1}.mistake-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-chip.status-new{color:#be123c;background:#ffe4e6}.status-chip.status-reviewing{color:#b45309;background:#fef3c7}.status-chip.status-mastered{color:#15803d;background:#dcfce7}.mistake-card-actions button{background:#fff}.mistake-card-actions button:hover{transform:translateY(-1px)}.mistake-card-actions button.danger{color:#b91c1c;background:#fff1f2;border-color:#fecaca}@media (width<=1100px){.stats-kpi-grid,.assessment-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-grid.two-col{grid-template-columns:1fr}}@media (width<=760px){.assessment-hero{grid-template-columns:1fr;padding:22px}.assessment-hero img{max-height:130px}.stats-kpi-grid,.mistake-summary-strip,.assessment-grid.three-col,.mistake-answer-compare{grid-template-columns:1fr}.mistake-toolbar{flex-direction:column;align-items:stretch}.mistake-toolbar select{width:100%}}.done-slot-pill{font-weight:900;color:#86efac!important}.garden-modal-footer{color:#64748b;border-top:1px dashed #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;font-size:12.5px;display:flex}.footer-tip{max-width:380px;line-height:1.45}.footer-trees-counter{color:#15803d;font-weight:700}@keyframes sproutIdleBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(2deg)}}@keyframes treeBloomPulse{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.05)translateY(-4px)}}@keyframes stageSproutFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)rotate(1.5deg)}}@keyframes stageTreeBloomFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.03)}}@keyframes orbPulseReady{0%,to{box-shadow:0 0 6px #22c55e66}50%{box-shadow:0 0 16px #22c55ed9}}@keyframes harvestBtnPulse{0%,to{box-shadow:0 6px 20px #ea580c66}50%{box-shadow:0 8px 28px #ea580cb3}}@keyframes harvestGlowText{0%{opacity:.85;text-shadow:0 0 4px #fff}to{opacity:1;text-shadow:0 0 12px #fef08a}}@keyframes careParticleAnim{0%{opacity:1;transform:translate(-50%)scale(.6)}50%{opacity:1;transform:translate(-50%,-28px)scale(1.2)}to{opacity:0;transform:translate(-50%,-46px)scale(.8)}}.mistakes-toast-badge,.mistake-toast-badge{z-index:1000;color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-radius:18px;padding:14px 22px;font-size:15px;font-weight:800;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideInDown;position:fixed;top:24px;right:24px;box-shadow:0 14px 30px #05966966}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.mistakes-kid-hero,.stats-kid-hero{background:linear-gradient(135deg,#fff 0%,#fff7ed 60%,#ffedd5 100%);border:3px solid #fed7aa;border-radius:32px;grid-template-columns:1fr 220px;align-items:center;gap:24px;padding:32px 36px;display:grid;position:relative;box-shadow:0 18px 40px #f973161f}.stats-kid-hero{background:linear-gradient(135deg,#fff 0%,#eff6ff 60%,#dbeafe 100%);border-color:#bfdbfe;box-shadow:0 18px 40px #3b82f61f}.hero-text-side{flex-direction:column;gap:12px;display:flex}.kid-hero-tag{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.kid-hero-tag span:first-child{color:#c2410c;background:#ffedd5;border:1.5px solid #fdba74;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:900}.stats-kid-hero .kid-hero-tag span:first-child{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.sparkle-tag{color:#854d0e;background:#fef08a;border:1px solid #fde047;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800}.hero-text-side h2{color:#1e293b;margin:0;font-size:clamp(28px,3.5vw,40px);font-weight:900;line-height:1.15}.hero-text-side p{color:#475569;margin:0;font-size:15.5px;font-weight:600;line-height:1.6}.hero-cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.arena-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:20px;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:900;transition:all .2s;display:inline-flex;box-shadow:0 10px 25px #ea580c59}.arena-start-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 14px 30px #ea580c73}.arena-start-btn:disabled{opacity:.6;cursor:not-allowed}.btn-bonus{color:#854d0e;background:#fef08a;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:900}.clean-mastered-btn{color:#059669;cursor:pointer;background:#fff;border:2px solid #a7f3d0;border-radius:18px;padding:10px 18px;font-size:14px;font-weight:800;transition:all .2s}.clean-mastered-btn:hover{background:#ecfdf5;transform:translateY(-1px)}.hero-mascot-side{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.mascot-img-bounce{object-fit:contain;filter:drop-shadow(0 14px 20px #00000026);width:150px;height:150px;animation:3s ease-in-out infinite alternate mascotBob}@keyframes mascotBob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.mascot-speech-bubble{color:#9a3412;white-space:nowrap;text-align:center;background:#fff;border:2px solid #fdba74;border-radius:14px;max-width:260px;padding:8px 12px;font-size:12px;font-weight:800;position:absolute;bottom:-20px;box-shadow:0 8px 18px #00000014}.mistake-kid-summary-grid,.stats-kid-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kid-kpi-card,.stat-card{background:#fff;border:2px solid #e2e8f0;border-radius:26px;flex-direction:column;gap:10px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 25px #0f172a0d}.kid-kpi-card:hover,.stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #0f172a17}.kid-kpi-card.tone-red,.stat-card.tone-pink{background:linear-gradient(#fff 0%,#fff1f2 100%);border-color:#fecdd3}.kid-kpi-card.tone-yellow,.stat-card.tone-orange{background:linear-gradient(#fff 0%,#fefce8 100%);border-color:#fde68a}.kid-kpi-card.tone-green,.stat-card.tone-green{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#bbf7d0}.kid-kpi-card.tone-blue,.stat-card.tone-blue{background:linear-gradient(#fff 0%,#eff6ff 100%);border-color:#bfdbfe}.kpi-icon-wrap,.stat-card-icon{background:#fff;border-radius:16px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:0 6px 14px #0000000f}.kpi-data strong,.stat-card-data strong{color:#0f172a;font-size:clamp(26px,3vw,36px);font-weight:900;line-height:1.1;display:block}.kpi-data span,.stat-card-data span{color:#64748b;font-size:14px;font-weight:800}.kpi-subtext,.stat-card-foot{color:#475569;margin-top:auto;font-size:12.5px;font-weight:800}.kpi-mini-bar{background:#e2e8f0;border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.kpi-mini-bar span{background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:999px;height:100%;transition:width .3s;display:block}.mistake-kid-toolbar{background:#fff;border:2px solid #e2e8f0;border-radius:26px;flex-direction:column;gap:14px;padding:16px 20px;display:flex;box-shadow:0 8px 24px #0f172a0a}.toolbar-search-box{align-items:center;width:100%;display:flex;position:relative}.toolbar-search-box .search-icon{color:#94a3b8;font-size:18px;position:absolute;left:16px}.toolbar-search-box input{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:18px;outline:none;width:100%;height:48px;padding:0 44px;font-size:15px;font-weight:700;transition:border-color .2s,background .2s}.toolbar-search-box input:focus{background:#fff;border-color:#f97316}.clear-search-btn{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid;position:absolute;right:14px}.toolbar-filters-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.kid-tab-pills{flex-wrap:wrap;gap:8px;display:flex}.kid-tab-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #0000;border-radius:14px;padding:8px 16px;font-size:13.5px;font-weight:800;transition:all .18s}.kid-tab-btn:hover{background:#e2e8f0}.kid-tab-btn.is-active{color:#fff;background:#ea580c;border-color:#ea580c;box-shadow:0 6px 14px #ea580c40}.kid-select-wrap select{color:#334155;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:14px;outline:none;height:42px;padding:0 16px;font-size:13.5px;font-weight:800}.mistake-kid-list{gap:16px;display:grid}.mistake-kid-card{background:#fff;border:2px solid #e2e8f0;border-radius:28px;flex-direction:column;gap:16px;padding:22px 24px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #0f172a0d}.mistake-kid-card.status-new{border-left:8px solid #f43f5e}.mistake-kid-card.status-reviewing{border-left:8px solid #f59e0b}.mistake-kid-card.status-mastered{background:linear-gradient(#fff 0%,#fafffc 100%);border-left:8px solid #22c55e}.card-top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.skill-and-source{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kid-skill-badge{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:900}.kid-topic-name{color:#64748b;font-size:13px;font-weight:800}.card-badge-right{align-items:center;gap:8px;display:flex}.kid-wrong-counter{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900}.kid-status-pill{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:900}.kid-status-pill.status-new{color:#be123c;background:#ffe4e6}.kid-status-pill.status-reviewing{color:#b45309;background:#fef3c7}.kid-status-pill.status-mastered{color:#15803d;background:#dcfce7}.card-question-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.question-prompt-text{color:#0f172a;margin:0;font-size:19px;font-weight:900;line-height:1.35}.kid-speaker-btn{color:#0369a1;cursor:pointer;background:#e0f2fe;border:1.5px solid #bae6fd;border-radius:14px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.kid-speaker-btn:hover{background:#bae6fd;transform:scale(1.03)}.kid-answer-comparison{grid-template-columns:1fr 1fr;gap:14px;display:grid}.answer-box{border-radius:20px;flex-direction:column;gap:6px;padding:16px;display:flex}.answer-box.user-wrong-box{background:#fff1f2;border:2px solid #fecdd3}.answer-box.correct-key-box{background:#f0fdf4;border:2px solid #bbf7d0}.box-label{text-transform:uppercase;color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:900;display:flex}.box-val{color:#0f172a;word-break:break-word;font-size:16.5px;font-weight:900}.answer-box.user-wrong-box .box-val{color:#be123c}.answer-box.correct-key-box .box-val{color:#15803d}.kid-hint-box{background:#fffbeb;border:1.5px dashed #fcd34d;border-radius:18px;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.hint-icon{font-size:18px}.kid-hint-box p{color:#92400e;margin:0;font-size:14px;font-weight:700;line-height:1.5}.kid-card-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px;display:flex}.kid-practice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:14px;padding:9px 18px;font-size:14px;font-weight:900;transition:all .2s;box-shadow:0 6px 14px #0369a140}.kid-practice-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0369a159}.kid-mark-mastered-btn{color:#15803d;cursor:pointer;background:#dcfce7;border:1.5px solid #86efac;border-radius:14px;padding:9px 16px;font-size:13.5px;font-weight:800;transition:all .2s}.kid-mark-mastered-btn:hover{background:#bbf7d0;transform:translateY(-1px)}.kid-mark-review-btn{color:#b45309;cursor:pointer;background:#fef3c7;border:1.5px solid #fde68a;border-radius:14px;padding:9px 16px;font-size:13.5px;font-weight:800}.kid-delete-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;margin-left:auto;padding:9px 14px;font-size:13px;font-weight:800;transition:all .2s}.kid-delete-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.mistake-kid-empty-state{text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:28px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-mascot{object-fit:contain;width:120px;height:120px}.mistake-kid-empty-state h3{color:#0f172a;margin:0;font-size:24px;font-weight:900}.mistake-kid-empty-state p{color:#64748b;max-width:520px;margin:0;font-size:15px;font-weight:700;line-height:1.6}.kid-modal-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.kid-practice-modal-card,.kid-arena-modal-card{background:#fff;border-radius:32px;flex-direction:column;gap:20px;width:100%;max-width:680px;padding:30px;animation:.25s cubic-bezier(.175,.885,.32,1.275) popModal;display:flex;box-shadow:0 25px 60px #00000059}@keyframes popModal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-tag{color:#c2410c;background:#ffedd5;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:900}.modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:grid}.modal-close-btn:hover{color:#dc2626;background:#fee2e2}.modal-prompt{color:#0f172a;margin:0 0 14px;font-size:22px;font-weight:900;line-height:1.35}.modal-audio-btn{color:#0369a1;cursor:pointer;background:#e0f2fe;border:2px solid #bae6fd;border-radius:16px;margin-bottom:16px;padding:10px 18px;font-size:14px;font-weight:900}.modal-options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-option-btn{color:#1e293b;cursor:pointer;text-align:left;background:#f8fafc;border:2px solid #cbd5e1;border-radius:20px;align-items:center;gap:12px;padding:14px 18px;font-size:16px;font-weight:800;transition:all .18s;display:flex}.modal-option-btn:hover:not(:disabled){background:#fff;border-color:#f97316;transform:translateY(-2px);box-shadow:0 8px 18px #f9731626}.opt-letter{background:#e2e8f0;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.modal-option-btn.is-correct{color:#15803d!important;background:#dcfce7!important;border-color:#22c55e!important}.modal-option-btn.is-correct .opt-letter{color:#fff;background:#22c55e}.modal-option-btn.is-wrong{color:#be123c!important;background:#ffe4e6!important;border-color:#f43f5e!important}.modal-option-btn.is-wrong .opt-letter{color:#fff;background:#f43f5e}.modal-feedback-banner{border-radius:20px;margin-top:16px;padding:16px 20px;font-size:14.5px;font-weight:700}.modal-feedback-banner h4{margin:0 0 4px;font-size:17px;font-weight:900}.modal-feedback-banner.success{color:#166534;background:#dcfce7;border:2px solid #86efac}.modal-feedback-banner.retry{color:#92400e;background:#fffbeb;border:2px solid #fde68a}.modal-foot{justify-content:flex-end;gap:10px;display:flex}.modal-done-btn,.arena-next-btn,.arena-finish-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:18px;padding:12px 28px;font-size:16px;font-weight:900;transition:transform .2s;box-shadow:0 8px 20px #22c55e59}.modal-done-btn:hover,.arena-next-btn:hover,.arena-finish-btn:hover{transform:translateY(-2px)}.modal-skip-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:18px;padding:12px 20px;font-size:14px;font-weight:800}.arena-top-bar{grid-template-columns:1fr auto auto;align-items:center;gap:16px;display:grid}.arena-progress-indicator{flex-direction:column;gap:6px;display:flex}.arena-progress-indicator span{color:#475569;font-size:13px;font-weight:900}.arena-progress-track{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.arena-progress-track span{background:linear-gradient(90deg,#f97316,#eab308);border-radius:999px;height:100%;transition:width .3s;display:block}.arena-score-pill{color:#854d0e;background:#fef08a;border:1px solid #fde047;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:900}.arena-question-category{color:#0369a1;background:#e0f2fe;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-block}.arena-question-text{color:#0f172a;margin:0 0 16px;font-size:22px;font-weight:900}.arena-feedback-box{border-radius:16px;margin-top:14px;padding:12px 18px;font-size:15px;font-weight:800}.arena-feedback-box.is-correct{color:#166534;background:#dcfce7;border:2px solid #86efac}.arena-feedback-box.is-wrong{color:#92400e;background:#fffbeb;border:2px solid #fde68a}.arena-feedback-box p{margin:0}.arena-footer{justify-content:flex-end;align-items:center;display:flex}.arena-prompt-note{color:#94a3b8;font-size:14px;font-weight:800}.arena-result-view{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:flex}.result-mascot{object-fit:contain;width:140px;height:140px}.arena-result-view h2{color:#0f172a;margin:0;font-size:28px;font-weight:900}.result-sub{color:#475569;margin:0;font-size:16px;font-weight:700}.result-rewards-wrap{gap:12px;margin:8px 0;display:flex}.reward-chip{color:#854d0e;background:#fef08a;border:2px solid #fde047;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:18px;font-weight:900;display:inline-flex}.reward-chip img{width:28px;height:28px}.stats-hero-badges-strip{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.hero-coin-pill,.hero-star-pill,.hero-badge-pill{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:6px;padding:8px 16px;display:inline-flex;box-shadow:0 4px 10px #0000000d}.hero-coin-pill img{width:22px;height:22px}.hero-coin-pill strong{color:#d97706;font-size:16px}.hero-star-pill strong{color:#eab308;font-size:16px}.hero-badge-pill strong{color:#3b82f6;font-size:16px}.stats-grid-main{margin-top:6px}.panel-badge-top{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:900}.skill-bars-list-kid{gap:14px;display:grid}.skill-item-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.skill-item-head{justify-content:space-between;align-items:center;display:flex}.skill-item-title{align-items:center;gap:8px;display:flex}.skill-item-icon{font-size:18px}.skill-item-title strong{color:#0f172a;font-size:15px;font-weight:900}.score-percent{font-size:16px;font-weight:900}.skill-item-track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.skill-item-fill{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275);display:block}.skill-item-sub{color:#64748b;justify-content:space-between;font-size:12px;font-weight:800;display:flex}.weekly-chart-kid{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;min-height:220px;padding:16px 8px 8px;display:grid}.weekly-col-item{grid-template-rows:1fr auto auto;justify-items:center;gap:6px;height:200px;display:grid}.weekly-bar-slot{align-items:flex-end;width:100%;height:100%;display:flex}.weekly-bar-tube{background:#e2e8f0;border-radius:12px 12px 6px 6px;width:100%;max-width:38px;margin:0 auto;transition:height .3s;position:relative}.weekly-bar-tube.has-data{background:linear-gradient(#f59e0b,#ec4899);box-shadow:0 6px 16px #ec489940}.bar-val-bubble{color:#fff;background:#0f172a;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:900;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.day-name{color:#0f172a;font-size:13.5px;font-weight:900}.day-date{color:#94a3b8;font-size:11px;font-weight:700}.coach-advice-box{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fde68a;border-radius:20px;flex-direction:column;gap:6px;margin-top:16px;padding:16px 20px;display:flex}.coach-head{color:#92400e;align-items:center;gap:8px;font-size:14px;font-weight:900;display:flex}.coach-icon{font-size:20px}.coach-advice-box p{color:#78350f;margin:0;font-size:14px;font-weight:700;line-height:1.55}.badge-unlock-ratio{color:#854d0e;background:#fef08a;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:900}.badges-grid-kid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.badge-card-kid{background:#fff;border:2px solid #e2e8f0;border-radius:22px;align-items:center;gap:16px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.badge-card-kid.is-unlocked{background:linear-gradient(135deg,#fff 0%,#fefce8 100%);border-color:#fde047;box-shadow:0 10px 24px #eab3081f}.badge-card-kid.is-locked{opacity:.72;background:#f8fafc}.badge-icon-wrapper{background:#fff;border:2px solid;border-radius:18px;flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative;box-shadow:0 6px 14px #0000000f}.badge-emoji{font-size:28px}.unlocked-star{font-size:14px;position:absolute;top:-6px;right:-6px}.badge-info{flex-direction:column;gap:4px;width:100%;display:flex}.badge-info h4{color:#0f172a;margin:0;font-size:15px;font-weight:900}.badge-info p{color:#64748b;margin:0;font-size:12.5px;font-weight:700;line-height:1.4}.badge-progress-wrap{flex-direction:column;gap:4px;margin-top:6px;display:flex}.badge-progress-track{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.badge-progress-track span{border-radius:999px;height:100%;display:block}.badge-progress-text{color:#475569;font-size:11.5px;font-weight:900}.badge-card-kid.is-unlocked .badge-progress-text{color:#15803d}.timeline-kid-list{gap:12px;display:grid}.timeline-kid-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;padding:14px 18px;transition:transform .15s;display:flex}.timeline-kid-item:hover{background:#fff;border-color:#cbd5e1;transform:translate(4px)}.timeline-icon{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.timeline-content{flex-direction:column;gap:4px;width:100%;display:flex}.timeline-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.timeline-title-row strong{color:#0f172a;font-size:15px;font-weight:900}.timeline-time{color:#94a3b8;font-size:12px;font-weight:700}.timeline-meta-row{color:#475569;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.meta-score-chip{border-radius:8px;padding:2px 8px;font-size:12px;font-weight:900}.meta-score-chip.high{color:#15803d;background:#dcfce7}.meta-score-chip.mid{color:#b45309;background:#fef3c7}.meta-score-chip.low{color:#be123c;background:#ffe4e6}.timeline-empty-state{text-align:center;color:#64748b;padding:30px;font-size:14.5px;font-weight:700}@media (width<=1024px){.mistake-kid-summary-grid,.stats-kid-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid-main{grid-template-columns:1fr}}@media (width<=768px){.mistakes-kid-hero,.stats-kid-hero{grid-template-columns:1fr;padding:24px}.hero-mascot-side{display:none}.mistake-kid-summary-grid,.stats-kid-kpi-grid,.kid-answer-comparison,.modal-options-grid{grid-template-columns:1fr}.toolbar-filters-row{flex-direction:column;align-items:stretch}.kid-select-wrap select{width:100%}.badges-grid-kid{grid-template-columns:1fr}}.ai-hint-trigger-btn{color:#fff;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:2px solid #fef08a;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:900;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 14px #f59e0b73}.ai-hint-trigger-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24 0%,#ea580c 100%);transform:translateY(-2px)scale(1.04);box-shadow:0 6px 20px #f59e0b99}.ai-hint-trigger-btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.ai-hint-trigger-btn:disabled{opacity:.65;cursor:not-allowed}.ai-hint-trigger-btn.is-exhausted{box-shadow:none;color:#cbd5e1;background:#475569;border-color:#64748b}.btn-bulb-icon{font-size:16px;animation:2s ease-in-out infinite bulbBounce}@keyframes bulbBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)rotate(10deg)}}.hints-left-badge{letter-spacing:.5px;background:#00000047;border:1px solid #ffffff4d;border-radius:999px;padding:2px 7px;font-size:11.5px;font-weight:900}.ai-hint-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad1;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0;z-index:999999999!important}.ai-hint-bubble-card{background:linear-gradient(#fff 0%,#fffbeb 100%);border:3px solid #f59e0b;border-radius:28px;flex-direction:column;width:100%;max-width:480px;animation:.28s cubic-bezier(.34,1.56,.64,1) popScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000059,0 0 0 8px #f59e0b26}@keyframes popScaleUp{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.hint-card-head{background:linear-gradient(90deg,#fef3c7 0%,#fde68a 100%);border-bottom:2px solid #fde047;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.hint-brand-title{align-items:center;gap:12px;display:flex}.penguin-avatar-mini{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex;box-shadow:0 2px 8px #0000001a}.hint-brand-title h4{color:#78350f;margin:0;font-size:17px;font-weight:900}.hint-brand-title small{color:#92400e;font-size:11.5px;font-weight:800}.hint-close-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;transition:all .15s;display:flex}.hint-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.hint-card-body{justify-content:center;align-items:center;min-height:120px;padding:22px 20px;display:flex}.hint-loading-state{text-align:center;color:#78350f;flex-direction:column;align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.hint-spinner{border:4px solid #fde68a;border-top-color:#d97706;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.hint-notice-box{color:#991b1b;text-align:center;background:#fee2e2;border:2px dashed #ef4444;border-radius:16px;padding:16px;font-size:14px;font-weight:800;line-height:1.5}.hint-content-box{flex-direction:column;gap:14px;width:100%;display:flex}.hint-quote-icon{text-align:center;font-size:28px}.hint-text-main{color:#1e293b;background:#fff;border:2px solid #fed7aa;border-radius:18px;margin:0;padding:16px 18px;font-size:16.5px;font-weight:800;line-height:1.6;box-shadow:0 4px 12px #f59e0b14}.hint-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hint-speak-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:900;transition:all .15s}.hint-speak-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.hint-cost-spent{color:#d97706;font-size:12px;font-weight:800}.hint-card-foot{background:#fff;border-top:1.5px solid #fef3c7;justify-content:flex-end;padding:14px 20px;display:flex}.hint-ack-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:900;transition:all .15s;box-shadow:0 4px 12px #10b98159}.hint-ack-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98180}.cm-card-number-tag{color:#fde047;z-index:10;background:#0f172ad9;border:1.5px solid #fde047;border-radius:999px;padding:2px 7px;font-size:13px;font-weight:900;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #0006}.cm-flip-card.is-hint-glowing{z-index:20;animation:1.2s ease-in-out infinite hintCardPulse;transform:scale(1.06)!important;box-shadow:0 0 0 5px #fbbf24,0 0 35px #fbbf24!important}@keyframes hintCardPulse{0%,to{transform:scale(1.04);box-shadow:0 0 0 4px #fbbf24,0 0 25px #fbbf24cc}50%{transform:scale(1.08);box-shadow:0 0 0 7px #f59e0b,0 0 45px #f59e0b}}.bv-bubble-btn.is-hint-red-bubble{filter:drop-shadow(0 0 16px #ef4444f2);animation:1.2s ease-in-out infinite redBubblePulse}@keyframes redBubblePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.cm-hint-banner-alert{color:#78350f;z-index:100;pointer-events:auto;background:linear-gradient(90deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;width:max-content;max-width:90%;margin:0;padding:7px 20px;font-size:14px;font-weight:900;animation:.22s ease-out popScaleUp;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.cm-hint-dismiss-btn{color:#92400e;cursor:pointer;background:#fff;border:1.5px solid #f59e0b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:900;transition:all .15s;display:flex}.cm-hint-dismiss-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.penguin-chat-container{background:#fff;border:2px solid #e2e8f0;border-radius:24px;flex-direction:column;height:calc(100vh - 140px);min-height:600px;max-height:820px;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000014}.pchat-header{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 4px 12px #0284c733}.pchat-mascot-info{align-items:center;gap:14px;display:flex}.pchat-avatar-frame{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;box-shadow:0 4px 10px #0003}.pchat-avatar-emoji{font-size:28px}.pchat-status-dot{background:#22c55e;border:2.5px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;bottom:0;right:0}.pchat-name{letter-spacing:-.3px;margin:0;font-size:19px;font-weight:800}.pchat-subtitle{opacity:.9;margin:2px 0 0;font-size:13px;font-weight:500}.pchat-clear-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:12px;padding:7px 14px;font-size:13px;font-weight:700;transition:all .2s}.pchat-clear-btn:hover{background:#ef4444d9;border-color:#ef4444}.pchat-suggestions-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:10px 20px;display:flex;overflow-x:auto}.pchat-suggestions-label{color:#64748b;white-space:nowrap;font-size:13px;font-weight:700}.pchat-tags-scroll{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.pchat-suggest-chip{color:#0369a1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;transition:all .15s}.pchat-suggest-chip:hover{background:#e0f2fe;border-color:#38bdf8;transform:translateY(-1px)}.pchat-messages-area{background:#f8fafc;flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.pchat-message-row{gap:12px;max-width:80%;display:flex}.pchat-message-row.is-user{flex-direction:row-reverse;align-self:flex-end}.pchat-message-row.is-penguin{align-self:flex-start}.pchat-msg-avatar{background:#e0f2fe;border:2px solid #bae6fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.pchat-bubble-wrapper{flex-direction:column;gap:4px;display:flex}.pchat-bubble{border-radius:18px;padding:12px 18px;font-size:15px;line-height:1.5;box-shadow:0 2px 8px #0000000a}.is-user .pchat-bubble{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-bottom-right-radius:4px}.is-penguin .pchat-bubble{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-bottom-left-radius:4px}.pchat-bubble-text{white-space:pre-wrap;margin:0}.pchat-bubble-meta{color:#94a3b8;align-items:center;gap:10px;padding:0 4px;font-size:11.5px;display:flex}.is-user .pchat-bubble-meta{justify-content:flex-end}.pchat-speak-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:700;display:flex}.pchat-speak-btn:hover{color:#0369a1;text-decoration:underline}.pchat-typing-bubble{background:#f1f5f9;align-items:center;gap:10px;padding:10px 16px;display:flex}.pchat-typing-dots{gap:4px;display:flex}.pchat-typing-dots span{background:#0284c7;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite bounceDot}.pchat-typing-dots span:nth-child(2){animation-delay:.2s}.pchat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounceDot{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.pchat-typing-label{color:#64748b;font-size:13px;font-weight:600}.pchat-input-bar{background:#fff;border-top:1px solid #e2e8f0;align-items:center;gap:12px;padding:14px 20px;display:flex}.pchat-input{color:#1e293b;border:2px solid #cbd5e1;border-radius:16px;outline:none;flex:1;padding:12px 18px;font-size:15px;transition:all .2s}.pchat-input:focus{border-color:#0284c7;box-shadow:0 0 0 4px #0284c726}.pchat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:16px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #0284c759}.pchat-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #0284c773}.pchat-send-btn:disabled{opacity:.5;cursor:not-allowed}.coin-store-container{flex-direction:column;gap:24px;animation:.3s ease-out fadeIn;display:flex}.store-hero-card{color:#fff;background:linear-gradient(135deg,#78350f 0%,#b45309 60%,#d97706 100%);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:30px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #b4530940}.store-hero-badge{letter-spacing:.5px;background:#fff3;border:1px solid #ffffff4d;border-radius:999px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.store-hero-text h2{margin:0 0 8px;font-size:28px;font-weight:900}.store-hero-text p{opacity:.92;max-width:600px;margin:0;font-size:15px;line-height:1.5}.store-balance-badge{background:#00000059;border:2px solid #fbbf24;border-radius:20px;flex-shrink:0;align-items:center;gap:16px;padding:16px 24px;display:flex;box-shadow:0 8px 24px #0000004d}.store-balance-coin-img{filter:drop-shadow(0 4px 8px #0006);width:54px;height:54px}.store-balance-info{flex-direction:column;display:flex}.store-balance-label{color:#fef08a;letter-spacing:.5px;font-size:12px;font-weight:800}.store-balance-num{color:#fff;text-shadow:0 2px 8px #0006;font-size:32px;font-weight:900;line-height:1.1}.store-balance-unit{color:#fde047;font-size:12px;font-weight:800}.store-packages-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.store-package-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;flex-direction:column;align-items:center;padding:32px 24px 28px;transition:all .25s;display:flex;position:relative;box-shadow:0 8px 24px #0000000d}.store-package-card:hover{border-color:#f59e0b;transform:translateY(-6px);box-shadow:0 16px 36px #0000001f}.store-package-card.is-popular-pack{background:linear-gradient(#fffbeb 0%,#fff 100%);border:2.5px solid #f59e0b;box-shadow:0 12px 32px #f59e0b2e}.pkg-tag-badge{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);border-radius:999px;padding:4px 16px;font-size:12px;font-weight:900;position:absolute;top:-14px;box-shadow:0 4px 12px #ea580c59}.pkg-icon-wrap{background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.pkg-icon-emoji{font-size:38px}.pkg-coin-amount{color:#78350f;margin:0 0 6px;font-size:28px;font-weight:900}.pkg-price-tag{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;margin-bottom:12px;padding:6px 18px;font-size:20px;font-weight:900}.pkg-bonus-desc{color:#d97706;min-height:20px;margin:0 0 18px;font-size:13.5px;font-weight:700}.pkg-perks-list{text-align:left;flex-direction:column;gap:8px;width:100%;margin:0 0 24px;padding:0;list-style:none;display:flex}.pkg-perks-list li{color:#475569;font-size:13.5px;font-weight:600}.pkg-buy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:16px;width:100%;padding:14px 20px;font-size:16px;font-weight:800;transition:all .2s;box-shadow:0 6px 18px #d9770659}.pkg-buy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d9770673}.store-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.store-modal-card{background:#fff;border-radius:24px;width:100%;max-width:540px;animation:.25s ease-out popScaleUp;overflow:hidden;box-shadow:0 24px 50px #0000004d}.store-modal-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title-left{align-items:center;gap:12px;display:flex}.store-modal-icon{font-size:28px}.modal-title-left h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.modal-title-left small{color:#64748b;font-size:12px}.store-modal-close{cursor:pointer;color:#475569;background:#e2e8f0;border:none;border-radius:50%;width:32px;height:32px;font-size:15px;font-weight:800}.store-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.order-summary-box{background:#f1f5f9;border-radius:16px;justify-content:space-between;padding:14px 18px;display:flex}.summary-item{flex-direction:column;gap:2px;display:flex}.summary-item span{color:#64748b;font-size:12px;font-weight:700}.summary-item strong{color:#0f172a;font-size:16px}.summary-price{color:#ea580c!important;font-size:18px!important}.payment-methods-tabs{display:flex}.pm-tab.is-active{color:#92400e;text-align:center;background:#fef3c7;border:1.5px solid #f59e0b;border-radius:12px;width:100%;padding:8px 16px;font-size:13.5px;font-weight:800}.qr-preview-box{border:2px dashed #cbd5e1;border-radius:18px;align-items:center;gap:18px;padding:16px;display:flex}.qr-img-frame{background:#fff;border:2px solid #0f172a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.qr-mock-code{text-align:center;flex-direction:column;align-items:center;display:flex}.qr-mock-mascot{font-size:32px}.qr-mock-code p{margin:2px 0;font-size:9px;font-weight:800}.qr-mock-code small{color:#ea580c;font-size:11px;font-weight:900}.transfer-info-list{flex-direction:column;gap:6px;font-size:13px;display:flex}.transfer-row span{color:#64748b;margin-right:6px}.transfer-row strong{color:#0f172a}.code-copy-text{background:#e0f2fe;border-radius:6px;padding:2px 6px;color:#0284c7!important}.payment-note-text{color:#64748b;margin:0;font-size:12px;line-height:1.4}.store-modal-foot{background:#f8fafc;border-top:1px solid #e2e8f0;gap:12px;padding:16px 24px;display:flex}.cancel-pay-btn{cursor:pointer;background:#e2e8f0;border:none;border-radius:14px;flex:1;padding:12px;font-weight:700}.confirm-pay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:14px;flex:2;padding:12px;font-size:14.5px;font-weight:800}.payment-success-card{text-align:center;padding:20px}.success-check-icon{margin-bottom:12px;font-size:52px;display:block}.payment-success-card h4{color:#16a34a;margin:0 0 8px;font-size:20px}.profile-view-container{flex-direction:column;gap:24px;animation:.3s ease-out fadeIn;display:flex}.profile-hero-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%);border-radius:24px;align-items:center;gap:32px;padding:32px 36px;display:flex;box-shadow:0 16px 36px #1d4ed840}.profile-avatar-block{flex-direction:column;align-items:center;gap:10px;display:flex}.profile-main-avatar{background:#fff;border:4px solid #93c5fd;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 8px 24px #00000040}.profile-avatar-emoji{font-size:54px}.profile-avatar-tag{background:#fff3;border:1px solid #fff6;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.profile-info-block{flex-direction:column;flex:1;gap:12px;display:flex}.profile-title-row{align-items:center;gap:14px;display:flex}.profile-title-row h2{margin:0;font-size:28px;font-weight:900}.profile-role-badge{color:#fff;background:#f59e0b;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.profile-email-text{opacity:.85;margin:0;font-size:14px}.profile-quick-stats{gap:16px;margin-top:6px;display:flex}.pstat-item{background:#00000040;border:1px solid #fff3;border-radius:16px;flex-direction:column;gap:2px;padding:10px 18px;display:flex}.pstat-label{opacity:.8;font-size:11.5px;font-weight:700}.pstat-value{font-size:16px;font-weight:900}.pstat-value.coin-val{color:#fef08a}.pstat-value.streak-val{color:#fed7aa}.pstat-value.level-val{color:#a7f3d0}.profile-section-card{background:#fff;border:2px solid #e2e8f0;border-radius:24px;padding:24px 28px;box-shadow:0 4px 16px #0000000a}.profile-sec-title{color:#0f172a;margin:0 0 18px;font-size:18px;font-weight:800}.avatar-grid-select{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.avatar-choice-btn{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex;position:relative}.avatar-choice-btn:hover{background:#eff6ff;border-color:#3b82f6}.avatar-choice-btn.is-selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.choice-emoji{font-size:28px}.choice-label{color:#1e293b;text-align:left;font-size:13.5px;font-weight:700}.choice-check{color:#2563eb;font-weight:900;position:absolute;top:10px;right:12px}.profile-edit-row{gap:12px;max-width:480px;display:flex}.profile-name-input{border:2px solid #cbd5e1;border-radius:14px;outline:none;flex:1;padding:10px 16px;font-size:15px}.profile-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;padding:10px 20px;font-weight:800}.profile-save-alert{color:#16a34a;margin:10px 0 0;font-size:13.5px;font-weight:700}.badges-achievements-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.badge-card-item{border:1.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.badge-card-item.is-unlocked{background:linear-gradient(135deg,#fefce8 0%,#fff 100%);border-color:#fef08a;box-shadow:0 4px 12px #fef08a66}.badge-card-item.is-locked{opacity:.65;background:#f8fafc}.badge-icon-wrap{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex;position:relative;box-shadow:0 2px 8px #00000014}.badge-lock-tag{font-size:12px;position:absolute;bottom:-2px;right:-2px}.badge-info-wrap h4{color:#0f172a;margin:0 0 2px;font-size:14.5px;font-weight:800}.badge-info-wrap p{color:#64748b;margin:0 0 6px;font-size:12.5px}.badge-status-pill{color:#d97706;font-size:11.5px;font-weight:800}.settings-view-container{flex-direction:column;gap:24px;animation:.3s ease-out fadeIn;display:flex}.settings-hero-card{color:#fff;background:linear-gradient(135deg,#334155 0%,#1e293b 100%);border-radius:24px;align-items:center;gap:20px;padding:28px 32px;display:flex;box-shadow:0 16px 36px #1e293b40}.settings-hero-icon{font-size:42px}.settings-hero-card h2{margin:0 0 4px;font-size:26px;font-weight:900}.settings-hero-card p{opacity:.85;margin:0;font-size:14.5px}.settings-alert-banner{color:#166534;background:#dcfce7;border:1.5px solid #86efac;border-radius:14px;padding:10px 18px;font-size:14px;font-weight:700}.settings-group-card{background:#fff;border:2px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:18px;padding:24px 28px;display:flex;box-shadow:0 4px 16px #0000000a}.settings-group-title{color:#0f172a;border-bottom:1px solid #f1f5f9;margin:0;padding-bottom:10px;font-size:17px;font-weight:800}.setting-row-item{justify-content:space-between;align-items:center;gap:20px;display:flex}.setting-row-item strong{color:#0f172a;margin-bottom:2px;font-size:15px;display:block}.setting-row-item p{color:#64748b;margin:0;font-size:13px}.toggle-switch-btn{cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;transition:all .2s;display:flex}.toggle-switch-btn.is-on{background:#22c55e}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;display:inline-block;box-shadow:0 2px 6px #0003}.switch-text{color:#fff;font-size:12px;font-weight:800}.speed-options-row,.reminder-time-select{gap:8px;display:flex}.speed-pill-btn,.reminder-pill{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:12px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .15s}.speed-pill-btn.is-active,.reminder-pill.is-active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:800}.setting-status-badge{color:#db2777;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:12px;padding:6px 14px;font-size:13px;font-weight:800}.settings-action-btn{color:#1e293b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:all .15s}.settings-action-btn:hover{background:#e2e8f0}.setting-row-item.is-danger-row{border-top:1px solid #fee2e2;padding-top:10px}.settings-logout-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;padding:9px 18px;font-size:13.5px;font-weight:800;transition:all .15s}.settings-logout-btn:hover{color:#fff;background:#dc2626}.garden-plant-wrapper-relative{flex-direction:column;align-items:center;display:flex;position:relative}.garden-toggle-btn-bottom-right{color:#fef08a;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;white-space:nowrap;background:#0f172ae0;border:1.5px solid #fbbf24;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;transition:all .15s;position:absolute;bottom:-4px;right:-12px;box-shadow:0 4px 10px #0006}.garden-toggle-btn-bottom-right:hover{color:#fff;background:#0284c7;border-color:#38bdf8;transform:scale(1.06)}.profile-equipped-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.topbar-user-avatar-img{object-fit:cover;vertical-align:middle;border:1.5px solid #38bdf8;border-radius:50%;width:26px;height:26px;margin-right:6px}.lb-avatar-img{object-fit:cover;border:2px solid #3b82f6;border-radius:50%;width:38px;height:38px;box-shadow:0 2px 8px #00000026}.avatar-shop-header{border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.avatar-shop-subtitle{color:#64748b;margin:4px 0 0;font-size:13.5px}.shop-balance-pill{color:#78350f;background:#fef3c7;border:2px solid #f59e0b;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 8px #f59e0b33}.shop-coin-icon{width:20px;height:20px}.avatar-shop-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;display:grid}.avatar-shop-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:20px 16px 16px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 14px #0000000a}.avatar-shop-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 10px 24px #00000017}.avatar-shop-card.is-equipped{background:linear-gradient(#f0fdf4 0%,#fff 100%);border:2.5px solid #22c55e;box-shadow:0 6px 20px #22c55e33}.avatar-shop-card.is-owned:not(.is-equipped){background:#f8fafc;border:2px solid #3b82f6}.av-card-tag{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:900;position:absolute;top:-10px;box-shadow:0 2px 6px #d977064d}.av-img-frame{border-radius:50%;width:90px;height:90px;margin-bottom:12px;position:relative;box-shadow:0 6px 16px #0000001f}.av-card-img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%}.av-active-badge{color:#fff;white-space:nowrap;background:#22c55e;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0003}.av-card-details{flex-direction:column;flex:1;margin-bottom:14px;display:flex}.av-card-name{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:800}.av-card-desc{color:#64748b;margin:0;font-size:12px;line-height:1.35}.av-card-bottom{width:100%}.av-action-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:5px;width:100%;padding:9px 12px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.av-action-btn.equipped-btn{color:#15803d;cursor:default;background:#dcfce7}.av-action-btn.equip-btn{color:#1d4ed8;background:#eff6ff;border:1.5px solid #3b82f6}.av-action-btn.equip-btn:hover{color:#fff;background:#2563eb}.av-action-btn.buy-btn{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);flex-direction:column;gap:1px;padding:7px 10px;display:flex;box-shadow:0 4px 12px #d977064d}.av-action-btn.buy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #d9770666}.av-action-btn.buy-btn span{opacity:.9;font-size:11px}.av-action-btn.buy-btn strong{color:#fef08a;font-size:13px}.avatar-confirm-modal-card{z-index:10000;background:#fff;border:2.5px solid #f59e0b;border-radius:24px;width:90%;max-width:440px;animation:.2s cubic-bezier(.34,1.56,.64,1) zoomModalIn;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040}.confirm-modal-header{text-align:center;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-bottom:2px solid #fcd34d;padding:18px 20px 14px}.confirm-tag{color:#fff;letter-spacing:.5px;background:#b45309;border-radius:999px;margin-bottom:6px;padding:3px 12px;font-size:11px;font-weight:900;display:inline-block}.confirm-modal-header h3{color:#78350f;margin:0;font-size:18px;font-weight:800}.confirm-modal-body{flex-direction:column;align-items:center;padding:20px 24px;display:flex}.confirm-avatar-preview{text-align:center;flex-direction:column;align-items:center;margin-bottom:18px;display:flex}.confirm-preview-img{object-fit:cover;border:4px solid #f59e0b;border-radius:50%;width:100px;height:100px;margin-bottom:10px;box-shadow:0 8px 20px #f59e0b40}.confirm-avatar-preview h4{color:#0f172a;margin:0 0 4px;font-size:17px;font-weight:800}.confirm-avatar-preview p{color:#64748b;margin:0;font-size:13px}.confirm-cost-breakdown{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:14px 16px;display:flex}.cost-row{color:#475569;justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.cost-divider{background:#e2e8f0;height:1px;margin:2px 0}.cost-row.cost-remaining{color:#0f172a;font-size:14px;font-weight:700}.confirm-insufficient-notice{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;width:100%;margin-top:12px;padding:8px 12px;font-size:13px;font-weight:700}.confirm-modal-actions{gap:12px;padding:0 24px 20px;display:flex}.confirm-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:14px;flex:1;padding:11px 16px;font-size:14px;font-weight:800;transition:all .15s}.confirm-cancel-btn:hover{color:#0f172a;background:#e2e8f0}.confirm-accept-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:14px;flex:1.6;padding:11px 16px;font-size:14px;font-weight:800;transition:all .15s;box-shadow:0 4px 14px #d9770659}.confirm-accept-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #d9770673}.confirm-accept-btn:disabled{opacity:.5;cursor:not-allowed}.curriculum-guest-banner{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #3b82f6;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;animation:.3s ease-out slideDownBanner;display:flex;box-shadow:0 4px 14px #3b82f626}.guest-banner-left{align-items:center;gap:14px;display:flex}.guest-banner-icon{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex;box-shadow:0 2px 8px #00000014}.guest-banner-left strong{color:#1e3a8a;margin-bottom:2px;font-size:15px;display:block}.guest-banner-left p{color:#475569;margin:0;font-size:13px}.guest-banner-login-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:12px;padding:10px 18px;font-size:13.5px;font-weight:800;transition:all .15s;box-shadow:0 4px 12px #2563eb4d}.guest-banner-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}@keyframes slideDownBanner{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.quiz-question-arena,.listening-active-arena,.lesson-arena-card{transform-origin:top;gap:12px;max-width:100vw;margin:0 auto;padding:12px;transform:scale(.95)}.arena-q-text{font-size:1.1em}.opt-btn{padding:12px;font-size:.9em}.pool-word-btn{padding:8px 12px;font-size:14px}.curriculum-modal-content-box{width:95vw;padding:16px}}