*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FFF8EE;--surface: #FFFFFF;--primary: #E87722;--primary-dark: #B85500;--success: #1E7F4A;--success-bg: #EAF7EF;--success-border: #A5D6A7;--error: #C0392B;--error-bg: #FDECEB;--error-border: #F1948A;--hint-color: #1565C0;--hint-bg: #E3F2FD;--hint-border: #BBDEFB;--trust-color: #5B4FCF;--text: #1C1C1E;--text-muted: #666666;--border: #E0CDB5;--radius: 12px;--radius-sm: 8px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{display:flex;justify-content:center;min-height:100%}.screen{width:100%;max-width:420px;min-height:100dvh;display:flex;flex-direction:column;padding:0 16px 40px;overflow-y:auto}.home-art{margin:0 -16px 24px;width:calc(100% + 32px);height:180px;background:linear-gradient(150deg,#ffd580,#e87722);border-radius:0 0 28px 28px;display:flex;align-items:center;justify-content:center;font-size:5rem;flex-shrink:0}.game-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2px}.game-subtitle{text-align:center;color:var(--text-muted);font-size:1rem;margin-bottom:24px}.save-summary{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:24px;font-size:.9rem;font-weight:500}.family-message{display:flex;gap:12px;align-items:flex-start;margin-bottom:32px}.family-portrait{font-size:3rem;line-height:1;flex-shrink:0}.speech-bubble{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-bottom-left-radius:4px;padding:14px 16px;font-size:1rem;line-height:1.6}.lang-toggle{position:absolute;top:12px;right:12px;background:#ffffffd9;border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--text)}.home-screen{position:relative}.work-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0 8px;flex-shrink:0}.scene-label{font-weight:600;font-size:.95rem}.progress-label{font-size:.9rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:12px;flex-shrink:0}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.running-total{display:flex;gap:16px;font-size:.9rem;font-weight:500;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;flex-shrink:0}.running-total span:nth-child(2){color:var(--trust-color)}.notebook-token{color:#5b4fcf;font-weight:700;margin-left:auto}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:16px;flex:1}.track-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.02em;align-self:flex-start}.track-math{background:#fff3e0;color:#e65100}.track-english{background:#e8f5e9;color:#1b5e20}.question-prompt{font-size:1.08rem;font-weight:500;line-height:1.65}.hint-box{background:var(--hint-bg);border:1px solid var(--hint-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--hint-color);font-size:.95rem;line-height:1.55}.hint-label{display:block;font-weight:700;margin-bottom:4px;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.hint-box-notebook{background:#f3f0ff;border-color:#c5b8f5;color:#4a3ab5}.choices{display:flex;flex-direction:column;gap:10px;margin-top:auto}.choice-btn{width:100%;padding:14px 16px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;text-align:left;cursor:pointer;min-height:56px;line-height:1.4;color:var(--text);transition:border-color .1s}.choice-btn:active{border-color:var(--primary);background:#fff3e0}.choice-btn.choice-wrong{border-color:var(--error);background:var(--error-bg);color:var(--error)}.feedback{display:flex;flex-direction:column;gap:16px;margin-top:auto}.feedback-correct-box{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-sm);padding:16px;text-align:center}.feedback-missed-box{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-sm);padding:16px}.feedback-icon{font-size:2.2rem;margin-bottom:8px}.feedback-score{font-weight:700;color:var(--success);font-size:1.05rem}.feedback-answer{font-weight:600;margin-bottom:6px}.feedback-explanation{color:var(--text-muted);font-size:.92rem;line-height:1.55;margin-top:8px}.next-btn{display:block;width:100%;padding:15px;background:var(--success);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;min-height:54px}.next-btn:active{background:#155d36}.summary-screen{padding-top:32px;gap:20px}.summary-screen h2{text-align:center;font-size:1.6rem}.summary-emoji{text-align:center;font-size:3rem}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.summary-row strong{font-size:1.05rem}.summary-divider{border:none;border-top:1px solid var(--border)}.summary-totals .summary-row{font-weight:600}.upgrade-screen{padding-top:32px;gap:16px}.upgrade-screen h2{text-align:center}.upgrade-money{text-align:center;font-size:1.05rem;color:var(--text-muted)}.upgrade-list{display:flex;flex-direction:column;gap:12px}.upgrade-card{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:16px}.upgrade-card.locked{opacity:.55}.upgrade-card.owned{border-color:var(--success);background:var(--success-bg)}.upgrade-icon{font-size:2.2rem;line-height:1;flex-shrink:0}.upgrade-info{flex:1;min-width:0}.upgrade-info strong{display:block;font-size:1rem;margin-bottom:4px}.upgrade-info p{font-size:.88rem;color:var(--text-muted);line-height:1.5}.coming-soon{display:inline-block;margin-top:6px;font-size:.72rem;background:#eee;color:#888;padding:2px 8px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.owned-badge{display:inline-block;margin-top:6px;font-size:.72rem;background:var(--success-bg);color:var(--success);padding:2px 8px;border-radius:20px;font-weight:700}.upgrade-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.upgrade-cost{font-weight:700;font-size:.9rem;white-space:nowrap}.buy-btn{padding:8px 14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;cursor:pointer;min-height:40px;white-space:nowrap}.buy-btn:active{background:var(--primary-dark)}.buy-btn:disabled{background:#ddd;color:#999;cursor:not-allowed}.primary-btn{display:block;width:100%;padding:16px;background:var(--primary);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;text-align:center;min-height:58px}.primary-btn:active{background:var(--primary-dark)}.skip-btn{width:100%;padding:14px;background:transparent;border:2px solid var(--border);border-radius:var(--radius);font-size:.95rem;color:var(--text-muted);cursor:pointer;min-height:52px}.skip-btn:active{background:var(--surface)}.reset-link{text-align:center;font-size:.8rem;color:var(--text-muted);cursor:pointer;padding:8px;text-decoration:underline}