/* V0.307 Japanese Kanji — game-first local mastery shell */
.kanji307-active .vocab-flow-tabs,.kanji307-active [data-kanji-setup],.kanji307-active .vocab-stats,.kanji307-active .vocab-panel,.kanji307-active .game-guide,.kanji307-active .kanji-source-note{display:none!important}
.k307{--k307-border:var(--border,#d7dbe1);--k307-muted:var(--muted,#667085);display:grid;gap:14px;margin-top:14px}.k307 *{box-sizing:border-box}.k307-toolbar,.k307-levels,.k307-modes{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.k307-chip{appearance:none;border:1px solid var(--k307-border);background:var(--card,#fff);color:var(--text,#172033);border-radius:999px;padding:9px 13px;font:inherit;font-weight:750;white-space:nowrap;cursor:pointer}.k307-chip[aria-pressed=true],.k307-chip.active{background:var(--text,#172033);color:var(--card,#fff);border-color:var(--text,#172033)}.k307-top{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.k307-kicker{font-size:.72rem;letter-spacing:.11em;font-weight:850;color:var(--k307-muted);text-transform:uppercase}.k307-top h2{font-size:clamp(1.35rem,3vw,2rem);margin:.18rem 0}.k307-top p{margin:0;color:var(--k307-muted);max-width:70ch}.k307-focus{align-self:start}.k307-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.k307-metric{border:1px solid var(--k307-border);border-radius:14px;padding:10px 12px;background:var(--card,#fff);min-height:72px}.k307-metric small{display:block;color:var(--k307-muted);font-weight:700}.k307-metric strong{display:block;font-size:1.25rem;margin-top:4px}.k307-stage{border:1px solid var(--k307-border);border-radius:20px;background:var(--card,#fff);min-height:360px;padding:18px;display:grid;align-content:center;position:relative;overflow:hidden}.k307-live{display:flex;justify-content:space-between;gap:10px;align-items:center;position:absolute;inset:12px 14px auto;font-size:.85rem;color:var(--k307-muted);font-weight:750}.k307-ready{max-width:720px;margin:auto;text-align:center;display:grid;gap:11px}.k307-ready h3{font-size:clamp(1.5rem,4vw,2.25rem);margin:0}.k307-ready p{margin:0;color:var(--k307-muted)}.k307-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.k307 button.btn{font:inherit}.k307-card{max-width:780px;width:100%;margin:30px auto 0;text-align:center;display:grid;gap:12px}.k307-char{font-size:clamp(5rem,16vw,9rem);font-weight:800;line-height:1}.k307-meaning{font-size:clamp(2rem,7vw,4rem);font-weight:850;line-height:1.05}.k307-meta{color:var(--k307-muted);font-weight:650}.k307-answer{display:flex;gap:8px;max-width:560px;width:100%;margin:auto}.k307-answer input{flex:1;min-width:0;border:1px solid var(--k307-border);border-radius:12px;padding:12px 14px;font:inherit;font-size:1.05rem;background:var(--bg,#fff);color:var(--text,#172033)}.k307-feedback{border-radius:14px;padding:11px 13px;background:var(--bg-soft,#f6f7f9);text-align:left}.k307-feedback.good{outline:2px solid currentColor}.k307-feedback.bad{outline:2px dashed currentColor}.k307-feedback strong{display:block;margin-bottom:4px}.k307-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:680px;width:100%;margin:auto}.k307-option{border:1px solid var(--k307-border);border-radius:14px;padding:14px;background:var(--bg,#fff);color:var(--text,#172033);font:inherit;font-weight:780;cursor:pointer;min-height:58px}.k307-option.wrong{opacity:.55}.k307-option.correct{outline:2px solid currentColor}.k307-lesson{max-width:720px;margin:24px auto 0;display:grid;gap:12px;text-align:center}.k307-lesson .k307-char{font-size:clamp(6rem,18vw,10rem)}.k307-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.k307-reading-grid>div{border:1px solid var(--k307-border);border-radius:14px;padding:12px}.k307-reading-grid small{display:block;color:var(--k307-muted);font-weight:750}.k307-writing{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:18px;align-items:center;max-width:850px;width:100%;margin:28px auto 0}.k307-canvas-wrap{display:grid;gap:8px}.k307-canvas{width:100%;aspect-ratio:1;border:1px solid var(--k307-border);border-radius:18px;touch-action:none;background:var(--bg,#fff)}.k307-write-prompt{text-align:left}.k307-write-prompt h3{font-size:clamp(1.7rem,5vw,3rem);margin:.25rem 0}.k307-write-reveal{font-size:5rem;line-height:1;margin:.35rem 0}.k307-status{min-height:44px;border-radius:14px;padding:11px 13px;background:var(--bg-soft,#f6f7f9);font-weight:650}.k307-below{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.k307 details{border:1px solid var(--k307-border);border-radius:16px;background:var(--card,#fff);padding:12px 14px}.k307 summary{cursor:pointer;font-weight:800}.k307-history,.k307-weak-list{display:grid;gap:7px;margin-top:10px}.k307-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 0;border-top:1px solid var(--k307-border)}.k307-row:first-child{border-top:0}.k307-row small{color:var(--k307-muted)}.k307-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.k307-cleanup-banner{border:1px dashed var(--k307-border);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.k307-focus-on .topbar,.k307-focus-on .preview-note,.k307-focus-on .mobile-dock,.k307-focus-on .k307-below{display:none!important}.k307-focus-on main{max-width:1000px!important}.k307-focus-on .k307-stage{min-height:min(78vh,760px)}
@media(max-width:720px){.kanji307-active .gameheader{padding-top:6px}.kanji307-active .gameheader p{display:none}.kanji307-active .scorebox{display:none}.kanji307-active .preview-note{display:none}.kanji307-active .mobile-dock{display:none!important}.k307{margin-top:6px;gap:10px}.k307-top{grid-template-columns:1fr}.k307-top p{display:none}.k307-focus{display:none}.k307-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.k307-metric:nth-child(4),.k307-metric:nth-child(5){display:none}.k307-metric{min-height:58px;padding:8px}.k307-stage{padding:12px;min-height:390px}.k307-live{position:static;margin-bottom:6px}.k307-card{margin:4px auto 0}.k307-char{font-size:6.3rem}.k307-answer{display:grid;grid-template-columns:1fr}.k307-options{grid-template-columns:1fr 1fr}.k307-writing{grid-template-columns:1fr;gap:10px;margin-top:4px}.k307-canvas-wrap{max-width:280px;margin:auto;width:100%}.k307-write-prompt{text-align:center}.k307-reading-grid{grid-template-columns:1fr}.k307-below{grid-template-columns:1fr}.k307-toolbar,.k307-levels,.k307-modes{margin-inline:-2px}.k307-chip{padding:8px 11px}.k307-cleanup-banner{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.k307 *{scroll-behavior:auto!important;transition:none!important}}