.btn{border:none;border-radius:var(--radius-pill);padding:14px 28px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:#fff;box-shadow:var(--shadow-pop)}.btn-ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-full{width:100%;display:block}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.login-screen{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;gap:32px}.login-brand{text-align:center}.login-brand-emoji{font-size:3rem;display:block;margin-bottom:8px}.login-brand h1{margin:0;font-size:1.75rem;letter-spacing:.02em}.login-brand p{margin:4px 0 0;color:var(--color-text-muted);font-size:.9rem}.login-card{width:100%;max-width:360px}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:.85rem;color:var(--color-text-muted)}.login-field input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--color-text);font-size:1.05rem}.login-field input:focus{outline:2px solid var(--color-primary-strong);outline-offset:1px}.login-error{color:var(--color-incorrect);font-size:.85rem;margin:-6px 0 16px}.world-backdrop{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius-lg)}.world-backdrop-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.world-backdrop-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#00000059);pointer-events:none}.home-screen{flex:1;display:flex;flex-direction:column;padding:16px 16px 32px;gap:20px}.home-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.home-portal-link{color:var(--color-text-muted);text-decoration:none}.home-student-name{color:var(--color-text-muted)}.home-title{text-align:center}.home-title-emoji{font-size:2.5rem;display:block}.home-title h1{margin:4px 0 0;font-family:var(--font-pixel);font-size:1.6rem;letter-spacing:.08em}.home-title p{margin:4px 0 0;color:var(--color-text-muted);font-size:.85rem}.home-error{color:var(--color-incorrect);text-align:center}.home-category-list{display:flex;flex-direction:column;gap:16px}.category-tile{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0;background:none;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-card);transition:transform .1s ease}.category-tile:active{transform:scale(.98)}.category-tile-label{position:absolute;left:16px;bottom:12px;color:#fff;font-family:var(--font-pixel);font-size:1.3rem;letter-spacing:.1em;text-shadow:0 2px 6px rgba(0,0,0,.6)}.home-logout{margin-top:auto;background:none;border:none;color:var(--color-text-faint);font-size:.8rem;text-decoration:underline;cursor:pointer;align-self:center}.format-screen{flex:1;display:flex;flex-direction:column;padding:16px 16px 32px;gap:16px}.format-back{align-self:flex-start;background:none;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;padding:0}.format-title{margin:0;text-align:center;font-family:var(--font-pixel);font-size:1.4rem;letter-spacing:.08em}.format-subtitle{margin:-8px 0 0;text-align:center;color:var(--color-text-muted);font-size:.85rem}.format-list{display:flex;flex-direction:column;gap:12px}.format-card{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.format-card-disabled{opacity:.5;cursor:not-allowed}.format-card-label{font-weight:700;font-size:1.05rem}.format-card-status{font-size:.8rem;color:var(--color-text-muted)}.format-card-enabled .format-card-status{color:var(--color-accent)}.unit-screen{flex:1;display:flex;flex-direction:column;padding:16px 16px 32px;gap:16px}.unit-back{align-self:flex-start;background:none;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;padding:0}.unit-title{margin:0;font-size:1.1rem}.unit-error{color:var(--color-incorrect)}.unit-empty{color:var(--color-text-muted);text-align:center;margin-top:40px}.unit-options{display:flex;gap:12px;flex-wrap:wrap}.unit-option-group{display:flex;gap:4px;background:var(--color-surface, rgba(255, 255, 255, .06));border-radius:999px;padding:4px}.unit-option-btn{border:none;background:transparent;color:var(--color-text-muted);padding:6px 14px;border-radius:999px;font-size:.85rem;cursor:pointer}.unit-option-btn-active{background:var(--color-accent, #7c6cf6);color:#fff}.unit-list{display:flex;flex-direction:column;gap:10px}.unit-card{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:16px 20px}.unit-card-name{font-weight:700}.unit-card-count{font-size:.8rem;color:var(--color-text-muted)}.quiz-screen{flex:1;display:flex;flex-direction:column;padding:16px 16px 32px;gap:14px}.quiz-screen-center{align-items:center;justify-content:center;text-align:center;gap:16px}.quiz-progress{font-size:.85rem;color:var(--color-text-muted);font-weight:700}.quiz-instruction,.quiz-passage{background:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:12px 14px;font-size:.85rem;color:var(--color-text-muted);margin:0}.quiz-question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 20px;box-shadow:var(--shadow-card)}.quiz-question-text{margin:0;font-size:1.15rem;font-weight:700;line-height:1.5}.quiz-choices{display:flex;flex-direction:column;gap:10px}.quiz-choice{text-align:left;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:1rem;cursor:pointer}.quiz-choice:disabled{cursor:default}.quiz-choice-correct{border-color:var(--color-correct);background:var(--color-correct-bg);color:var(--color-correct)}.quiz-choice-wrong{border-color:var(--color-incorrect);background:var(--color-incorrect-bg);color:var(--color-incorrect)}.quiz-text-input{display:flex;gap:10px}.quiz-text-input input{flex:1;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--color-text);font-size:1.05rem}.quiz-feedback{border-radius:var(--radius-md);padding:14px 16px}.quiz-feedback p{margin:0;font-weight:700}.quiz-feedback-correct{background:var(--color-correct-bg);color:var(--color-correct)}.quiz-feedback-wrong{background:var(--color-incorrect-bg);color:var(--color-incorrect)}.quiz-explanation{margin-top:6px!important;font-weight:400!important;font-size:.85rem;color:var(--color-text-muted)!important}.quiz-error{color:var(--color-incorrect);text-align:center}.result-screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px 16px 40px;gap:6px}.result-emoji{font-size:3rem}.result-title{margin:4px 0 0;font-size:1.4rem}.result-score{margin:8px 0 0;font-size:1.1rem;font-weight:700}.result-accuracy{margin:0;font-size:2rem;font-weight:800;color:var(--color-correct)}.result-actions{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px;margin-top:20px}.result-review{width:100%;margin-top:28px;display:flex;flex-direction:column;gap:10px}.result-review-title{text-align:center;font-weight:700;color:var(--color-incorrect);margin:0}.result-review-card{text-align:left}.result-review-question{margin:0 0 8px;font-weight:700}.result-review-your{margin:0;color:var(--color-incorrect);font-size:.9rem}.result-review-correct{margin:4px 0 0;color:var(--color-correct);font-size:.9rem}.result-review-explanation{margin:8px 0 0;color:var(--color-text-muted);font-size:.85rem}:root{--color-bg: #171a24;--color-bg-elevated: #1f2333;--color-surface: #262b3f;--color-surface-hover: #2e3550;--color-border: #383f5c;--color-text: #eef0fa;--color-text-muted: #9aa1c4;--color-text-faint: #6b7195;--color-primary: #6c5ce7;--color-primary-strong: #8b7bff;--color-accent: #22d3c5;--color-warning: #ffb84d;--color-correct: #3ddc97;--color-correct-bg: #16352c;--color-incorrect: #ff8fa3;--color-incorrect-bg: #3a2230;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .35);--shadow-pop: 0 8px 30px rgba(108, 92, 231, .35);--font-sans: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;--font-pixel: "DotGothic16", "Hiragino Sans", monospace;--tap-min: 48px;--geo-ink: #0a1a2e;--geo-ink-raised: #102844;--geo-sea: #123a5e;--geo-sea-light: #1f5c8c;--geo-sand: #e8d5a3;--geo-sand-dark: #b89b62;--geo-gold: #ffc857;--geo-line: #2c5a7a;--hist-ink: #241a14;--hist-ink-raised: #33261c;--hist-stone: #6b5c4f;--hist-stone-light: #8f7d6b;--hist-moss: #5c7a52;--hist-torch: #e0793e;--hist-sky: #4a3a52;--hist-line: #7a6a5a;--civ-ink: #1a1530;--civ-ink-raised: #241d40;--civ-marble: #ece6da;--civ-marble-dim: #b8b0a0;--civ-royal: #4a3a8c;--civ-royal-light: #6b56c2;--civ-gold: #e0b04a;--civ-banner: #a8354a;--civ-line: #52447a}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100vh;min-height:100dvh}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-tap-highlight-color:transparent}button{font-family:inherit}button,input,select{min-height:var(--tap-min)}a{color:inherit}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);position:relative}