.home-screen{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:32px 24px;display:flex}.home-title{letter-spacing:.05em;color:var(--text);font-size:clamp(2.5rem,10vw,4rem);font-weight:800}.home-subtitle{color:var(--muted);margin-bottom:24px;font-size:1rem}.home-buttons{flex-direction:column;gap:16px;width:100%;max-width:300px;display:flex}.home-btn{background:var(--surface);color:var(--text);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;align-items:center;gap:16px;padding:18px 24px;font-size:1.1rem;transition:border-color .15s,transform .1s;display:flex}.home-btn:active{transform:scale(.97)}.home-btn-kana{text-align:center;min-width:2.4em;font-family:Noto Sans JP,sans-serif;font-size:1.8rem;line-height:1}.home-btn-label{font-weight:600}.home-btn--hira{border-color:#22c55e44}.home-btn--hira:hover,.home-btn--hira:focus-visible{border-color:#22c55e}.home-btn--kata{border-color:#818cf844}.home-btn--kata:hover,.home-btn--kata:focus-visible{border-color:#818cf8}.home-btn--both{border-color:#eab30844}.home-btn--both:hover,.home-btn--both:focus-visible{border-color:#eab308}.home-btn--kanji{border-color:#f4724444}.home-btn--kanji:hover,.home-btn--kanji:focus-visible{border-color:#f47244}.heatmap-strip{cursor:pointer;flex-direction:column;gap:1px;width:100vw;padding:0;display:flex}.heatmap-level-row{align-items:center;gap:0;width:100%;display:flex}.heatmap-level-label{color:var(--muted);text-align:center;letter-spacing:.5px;flex:0 0 28px;font-size:8px;font-weight:700}.heatmap-line{flex:1 1 0;gap:0;min-width:0;display:flex}.heatmap-row-group{flex:1 1 0;gap:0;display:flex}.heatmap-cell{border-radius:0;flex:1 1 0;min-width:0;height:6px;transition:background-color .3s}.play-screen{padding-bottom:env(safe-area-inset-bottom,16px);flex-direction:column;flex:1;align-items:center;display:flex}.play-toolbar{justify-content:center;align-items:center;gap:8px;width:100%;max-width:400px;padding:6px 12px 0;display:flex}.toolbar-btn{background:var(--surface);color:var(--muted);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:1.1rem;line-height:1;transition:color .15s,background .15s}.toolbar-btn:hover,.toolbar-btn:focus-visible{color:var(--text);background:#3a3a3e}.toolbar-btn--skip{font-size:.9rem}.level-badge{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.85rem;position:relative;overflow:hidden}.level-up-flash{color:var(--yellow);font-size:1.1rem;font-weight:700;animation:.2s ease-out popIn;display:block}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.prompt-area{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.romaji-prompt{letter-spacing:.04em;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,12vw,6rem);font-weight:700}.prompt-stack{flex-direction:column;align-items:center;gap:2px;display:flex}.prompt-sub{color:var(--muted);opacity:.7;-webkit-user-select:none;user-select:none;font-family:Noto Sans JP,sans-serif;font-size:clamp(.85rem,3vw,1.1rem)}.prompt-sub--kata{color:#818cf8}.play-screen--kata{background:linear-gradient(180deg, #1a1a2e 0%, var(--bg) 30%)}.romaji-prompt--kata{color:#818cf8}.play-screen--kanji{background:linear-gradient(180deg, #2a1a0e 0%, var(--bg) 30%)}.kanji-prompt-stack{flex-direction:column;align-items:center;gap:4px;display:flex}.kanji-prompt-english{color:#f47244;letter-spacing:.02em;-webkit-user-select:none;user-select:none;text-align:center;font-size:clamp(2rem,8vw,3.5rem);font-weight:700}.kanji-prompt-hiragana{color:var(--text);opacity:.8;-webkit-user-select:none;user-select:none;font-family:Noto Sans JP,sans-serif;font-size:clamp(1.2rem,5vw,1.8rem)}.kanji-prompt-romaji{color:var(--muted);letter-spacing:.04em;-webkit-user-select:none;user-select:none;font-size:clamp(.85rem,3.5vw,1.1rem)}.kanji-prompt-mystery{color:#f47244;opacity:.5;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,12vw,6rem);font-weight:700}.stats-card--kanji{width:68px}.options-grid{gap:12px;width:100%;max-width:400px;padding:0 20px 16vh;display:grid}.options-grid--2{grid-template-columns:repeat(2,1fr)}.options-grid--3{grid-template-columns:repeat(3,1fr)}.options-grid--4{grid-template-columns:repeat(2,1fr)}.option-btn{background:var(--surface);color:var(--text);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:var(--btn-size);border:2px solid #0000;padding:16px 0;font-family:Noto Sans JP,sans-serif;font-size:clamp(1.8rem,6vw,2.6rem);transition:background .1s,border-color .1s,transform .1s}.option-btn:active:not(:disabled){transform:scale(.95)}.option-btn--correct{background:var(--green);border-color:var(--green);color:#fff;animation:.1s ease-out pulse}.option-btn--wrong{background:var(--red);border-color:var(--red);color:#fff;animation:.35s ease-out shake}.option-btn--reveal{border-color:var(--green);animation:.1s ease-out pulse}.option-btn-label{color:inherit;opacity:.85;margin-top:2px;font-family:Inter,system-ui,sans-serif;font-size:.65rem;line-height:1.2;animation:.2s ease-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:.85;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.stats-screen{max-width:600px;margin:0 auto;padding:12px 16px 32px}.stats-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stats-header h2{font-size:1.2rem}.back-btn,.reset-btn{background:var(--surface);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:.9rem}.reset-btn{color:var(--red)}.stats-section-title{color:var(--text);margin:20px 0 8px;font-size:1rem}.stats-grid{flex-direction:column;gap:14px;display:flex}.stats-jlpt-section{margin-bottom:16px}.stats-jlpt-heading{color:var(--accent);border-bottom:1px solid var(--surface);margin:20px 0 10px;padding-bottom:4px;font-size:1rem;font-weight:700}.stats-row-name{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.75rem}.stats-row-letters{flex-wrap:wrap;gap:6px;display:flex}.stats-card{background:var(--surface);text-align:center;border-radius:8px;width:56px;padding:8px 6px;position:relative;overflow:hidden}.stats-card--locked{opacity:.35}.stats-kana{font-family:Noto Sans JP,sans-serif;font-size:1.4rem;line-height:1.2}.stats-romaji{color:var(--muted);margin-top:1px;font-size:.65rem}.stats-ema-bar{border-radius:2px;min-width:4px;height:3px;margin:4px 0 2px;transition:width .3s,background .3s}.stats-detail{color:var(--muted);white-space:nowrap;font-size:.55rem}.log-section{margin-top:24px}.log-section summary{cursor:pointer;color:var(--muted);margin-bottom:8px;font-size:.85rem}.log-table-wrap{overflow-x:auto}.log-table{border-collapse:collapse;width:100%;font-size:.75rem}.log-table th,.log-table td{text-align:left;border-bottom:1px solid var(--surface);padding:4px 8px}.log-table th{color:var(--muted);font-weight:600}:root{--bg:#18181b;--surface:#27272a;--text:#f4f4f5;--muted:#a1a1aa;--green:#22c55e;--yellow:#eab308;--red:#ef4444;--blue:#3b82f6;--radius:12px;--btn-size:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;font-size:16px}body{background:var(--bg);color:var(--text);overscroll-behavior:none;min-height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif}#root{flex-direction:column;min-height:100dvh;display:flex}.haptic-buzz{animation:.12s ease-out buzzLight}.haptic-buzz-heavy{animation:.18s ease-out buzzHeavy}@keyframes buzzLight{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes buzzHeavy{0%,to{transform:translate(0)}15%{transform:translate(-3px)}35%{transform:translate(3px)}55%{transform:translate(-2px)}75%{transform:translate(2px)}}