:root{--bg: #15102b;--bg-raised: #211a3d;--bg-card: #2c2350;--ink: #f4f1ff;--ink-muted: #b9b2d8;--line: #3d3366;--element: #f0541e;--element-accent: #ffb347;--ok: #46c98b;--bad: #ff6b6b;--font: "Avenir Next", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--body-size: 20px;--word-size: clamp(32px, 6vw, 56px);--tap-min: 44px;--radius: 18px;--gap: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}.element-fire{--element: #f0541e;--element-accent: #ffb347}.element-water{--element: #2a8fd6;--element-accent: #7ed0ff}.element-lightning{--element: #e8b900;--element-accent: #fff07a}.element-earth{--element: #5a9e4b;--element-accent: #b08d57}.element-wind{--element: #2bb6a8;--element-accent: #e8f6f4}.element-shadow{--element: #7a4fb5;--element-accent: #b79ce6}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--body-size);line-height:1.45;color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,#2a2150 0%,transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}h1,h2,h3{margin:0 0 .4em;line-height:1.15}.tap{min-height:var(--tap-min);min-width:var(--tap-min)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.dojo-shell{display:flex;flex-direction:column;min-height:100%;max-width:900px;margin:0 auto;padding:env(safe-area-inset-top) 16px 16px}.topbar{display:flex;align-items:center;gap:12px;padding:12px 4px;position:sticky;top:0;z-index:5}.topbar__brand{font-weight:800;letter-spacing:.3px;font-size:22px}.topbar__brand small{display:block;font-size:12px;font-weight:600;color:var(--ink-muted);letter-spacing:1px;text-transform:uppercase}.topbar__spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:700;font-size:16px}.chip--focus{color:var(--element-accent)}.btn{min-height:var(--tap-min);border:none;border-radius:14px;padding:12px 20px;font-weight:700;color:var(--ink);background:var(--bg-card);border:1px solid var(--line);transition:transform .08s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(180deg,var(--element-accent),var(--element));color:#1a1330;border:none}.btn--ghost{background:transparent}.btn--block{width:100%}.btn:disabled{opacity:.5}.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.home__title{text-align:center;margin:8px 0 4px}.home__subtitle{text-align:center;color:var(--ink-muted);margin-bottom:20px}.section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}@media (max-width: 700px){.section-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.section-grid{grid-template-columns:1fr}}.section-card{text-align:left;border-radius:var(--radius);padding:18px;border:1px solid var(--line);background:linear-gradient(160deg,color-mix(in srgb,var(--element) 35%,var(--bg-card)),var(--bg-card));color:var(--ink);min-height:120px;display:flex;flex-direction:column;gap:6px}.section-card__name{font-size:22px;font-weight:800}.section-card__blurb{font-size:15px;color:var(--ink-muted)}.section-card__count{margin-top:auto;font-size:13px;font-weight:700;color:var(--element-accent);text-transform:uppercase;letter-spacing:1px}.mode-row{display:flex;gap:var(--gap);flex-wrap:wrap;margin-top:18px}.mode-card{flex:1 1 220px;text-align:left}.mode-card h3{margin-bottom:4px}.mode-card p{margin:0;color:var(--ink-muted);font-size:15px}.play{flex:1;display:flex;flex-direction:column;gap:var(--gap);padding-top:8px}.play__progress{font-size:14px;color:var(--ink-muted);text-align:center}.flashcard{position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:28px;-webkit-user-select:none;user-select:none;touch-action:pan-y}.flashcard__pos{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:700;color:var(--element-accent)}.flashcard__word{font-size:var(--word-size);font-weight:800}.flashcard__body{font-size:20px;max-width:28ch}.flashcard__hint{font-size:13px;color:var(--ink-muted)}.speak-btn{border-radius:999px;width:52px;height:52px;display:grid;place-items:center;font-size:22px;background:var(--bg-card);border:1px solid var(--line);color:var(--ink)}.row{display:flex;gap:var(--gap)}.row--center{justify-content:center;align-items:center}.question__sentence{font-size:22px;text-align:center;margin-bottom:8px}.question__blank{display:inline-block;min-width:90px;border-bottom:3px dashed var(--element-accent);margin:0 6px}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.option{min-height:56px;font-size:19px;font-weight:700}.option--correct{background:color-mix(in srgb,var(--ok) 30%,var(--bg-card));border-color:var(--ok)}.option--wrong{background:color-mix(in srgb,var(--bad) 30%,var(--bg-card));border-color:var(--bad)}.feedback{border-radius:var(--radius);padding:16px 18px;border:1px solid var(--line)}.feedback--ok{background:color-mix(in srgb,var(--ok) 18%,var(--bg-raised))}.feedback--bad{background:color-mix(in srgb,var(--bad) 16%,var(--bg-raised))}.feedback h4{margin:0 0 6px}.feedback p{margin:4px 0;font-size:17px}.sensei{display:flex;align-items:center;gap:12px}.sensei__speech{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:17px}.summary{text-align:center}.summary__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:14px 8px}.stat__num{font-size:30px;font-weight:800;color:var(--element-accent)}.stat__label{font-size:13px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:1px}.star-pop{font-size:40px}@media (orientation: landscape) and (max-height: 560px){.flashcard{min-height:240px}}