.tile{display:flex;flex-direction:column;min-width:44px;margin:0;padding:0;overflow:hidden;border:1px solid var(--ink-600);border-radius:.75rem;background:var(--ink-800);color:var(--paper-50);font:inherit;text-align:center;box-shadow:var(--tile-shadow)}button.tile{cursor:pointer;transition:border-color .2s ease,transform .1s cubic-bezier(.16,1,.3,1)}button.tile:hover{border-color:var(--lantern-dim)}button.tile:active{transform:scale(.97)}button.tile:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tile-glyph{display:grid;place-items:center;min-height:3.75rem;background:var(--tile-tint,var(--correct));font:400 2rem/1 var(--kana);color:var(--paper-50)}.tile-glyph.f6{font-family:Klee One,serif}.tile-glyph .part-svg{width:2.5rem;height:2.5rem;stroke-width:2.2px}.tile-label{padding:.45rem .3rem .5rem;font:600 .75rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-200);hyphens:auto}.tile[aria-pressed=true],.tile[aria-selected=true]{--tile-tint:var(--mastery-100);border-color:var(--lantern);box-shadow:0 0 0 1px var(--lantern),0 0 14px -4px #2f8a468c}@media(prefers-reduced-motion:reduce){button.tile{transition:none}button.tile:active{transform:none}}.map{padding-top:clamp(3.5rem,8vw,5.5rem)}.map .play-badge{margin-top:1rem}.map-shot{width:min(100%,20rem)}.parts{display:flex;align-items:flex-start;justify-content:center;gap:.6rem;margin-top:1.25rem}.part{width:4.75rem}.part-small{width:4.25rem}.part-small .tile-glyph{min-height:3.25rem}.part-small .part-svg{width:2.2rem;height:2.2rem}.part-join{height:3.75rem;line-height:3.75rem;color:var(--muted)}.part-branch{display:flex;flex-direction:column;align-items:center}.part-children{position:relative;display:flex;gap:.5rem;margin-top:1.1rem}.part-children:before{content:"";position:absolute;left:2.125rem;right:2.125rem;top:-.55rem;height:.55rem;border:1px solid var(--line);border-bottom:0;border-radius:.4rem .4rem 0 0}.part-children:after{content:"";position:absolute;left:50%;top:-1.1rem;height:.55rem;border-left:1px solid var(--line)}.also{align-self:stretch;margin-top:1.75rem}.also-title{font:600 .75rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.also-glyph{font:400 1rem/1 var(--kana);letter-spacing:0;color:var(--strong)}.also-glyph .part-svg{display:inline-block;width:1.3em;height:1.3em;vertical-align:-.35em;stroke-width:1.6px}.also-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.65rem;padding:0;list-style:none}.also-row .tile-glyph{--tile-tint:var(--ink-650);min-height:3.25rem;font-size:1.75rem}.also-row .tile-label{text-transform:none;letter-spacing:0;font-size:.8125rem}.kanji-study .plate-credit{align-self:stretch;margin-top:1.25rem;font-size:.8125rem;color:var(--muted)}.more h2{margin-bottom:1.5rem}.tilemap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.tilemap .tile-glyph{min-height:4.5rem;font-size:2.3rem}.tilemap .tile-label{letter-spacing:.04em}.tilepanel:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tilepanel{margin-top:1.25rem;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--line);border-radius:1.25rem;background:var(--card)}.tilepanel h3{font-size:clamp(1.4rem,3vw,1.75rem)}.tilepanel .quiz{background:var(--field)}.panel-copy p{margin-top:.9rem;max-width:46ch;color:var(--text)}.panel-copy .feature-note{font-size:.9375rem;color:var(--muted)}.panel-grid{display:grid;gap:1.75rem;align-items:start}.panel-grid .phone{width:min(100%,16rem)}@media(max-width:480px){.tilepanel{padding-inline:.75rem}.tilepanel .spec-name{letter-spacing:-.02em}}@media(min-width:720px){.tilemap{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:960px){.map-shot,.kanji .kanji-study{justify-self:end}.kanji .kanji-study{width:24rem}.panel-grid{grid-template-columns:minmax(0,1fr) 16rem;gap:3rem}}