.n5-prose{max-width:880px;font-size:17px;line-height:1.9}.n5-prose h3{margin:28px 0 10px}.n5-lesson{margin-top:18px}.n5-exercise{padding:18px 0;border-bottom:1px solid var(--line,#dce4dc)}.n5-exercise summary{cursor:pointer;font-weight:650;line-height:1.7}.study-room-frame{width:100%;min-height:85vh;height:1100px;border:0;border-radius:18px;background:#fbf9f1}.lesson-card-body{padding:20px}.lesson-card-body p{min-height:65px}.boss-portrait{width:min(100%,350px);max-height:430px;object-fit:contain;display:block;margin:auto}.boss-status .boss-portrait{max-height:280px}.boss-picker{max-width:100%;margin-bottom:20px}.pet,.pet-portrait,.pet-wrap{max-width:100%;min-width:0}.welcome .pet{flex-shrink:1}.n5-lesson table td{vertical-align:top}.n5-lesson .textbutton{display:block}.dance-stage{background:radial-gradient(ellipse at 50% 100%,#d545cc66,transparent 60%),linear-gradient(135deg,#121b46,#39264d 50%,#112c48);border:1px solid #85b9d8;box-shadow:inset 0 -25px 45px #48bcca22}.dance-call{max-width:90%}.arcade-play:has(#danceStage){background:#151e36;color:#fff}.arcade-play:has(#danceStage) .question{color:#fff}.arcade-play:has(#danceStage) .tag{background:#293653;color:#c7efff}.arcade-play:has(#danceStage) .arcade-feedback{color:#fff}.arcade-play:has(#danceStage) input{background:#fff;color:#173539}.arcade-play:has(#danceStage) .button{background:#df61ab;color:#fff}@media(min-width:1050px){#arcadeQuestion:has(#danceStage){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:30px}#danceStage{grid-column:1;grid-row:1 / 6;min-height:350px}#arcadeQuestion:has(#danceStage)>:not(#danceStage){grid-column:2}.n5-lesson{padding:30px}}@media(max-width:700px){.study-room-frame{height:1250px}.n5-prose{font-size:16px}.boss-intro{grid-template-columns:1fr}.lesson-card-body p{min-height:0}.dance-stage{height:240px}.n5-lesson{padding:18px}.stats .stat b{font-size:21px}}
.kana-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.kana-tile{position:relative;border:1px solid #c7d9d4;border-radius:15px;padding:14px;background:#fff;color:#153f3a;cursor:pointer}.kana-tile.selected{border:2px solid #258579;background:#e9f5eb}.kana-tile b{display:block;font-size:clamp(24px,5vw,44px);font-weight:500}.kana-tile small{display:block}.kana-tile span{position:absolute;right:7px;top:7px}.kana-large{font-size:clamp(90px,15vw,145px);line-height:1.4;margin:18px 0}.kana-flash{text-align:center}.kana-flash .row{justify-content:center}.kana-entry{display:flex;gap:20px;justify-content:space-between;align-items:center}#kanaCanvas{display:block;width:100%;max-width:480px;aspect-ratio:4/3;border:1px solid #a3bbb4;border-radius:12px;margin:12px 0;touch-action:none;background:linear-gradient(90deg,transparent 49.7%,#d6e4df 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#d6e4df 50%,transparent 50.3%),#fcfff9}@media(max-width:600px){.kana-grid{gap:6px}.kana-tile{padding:12px 4px}.kana-entry{display:block}.kana-entry .button{width:100%}}
.kana-stroke-model{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px auto}.kana-stroke-model figure{margin:0;flex:1;max-width:300px;min-width:110px}.kana-stroke-svg{display:block;width:100%;background:#fffef8;border:1px solid #d4e1da;border-radius:12px;overflow:visible}.stroke-grid{stroke:#d4dfd7;stroke-width:.4;stroke-dasharray:2 2}.stroke-guide{stroke:#e0e7e2;stroke-width:3}.stroke-ink{stroke:#166657;stroke-width:3}.stroke-ink.active-stroke{stroke:#cd6735}.stroke-numbers{fill:#a84626;font-size:7px;font-family:Arial,sans-serif}.stroke-credit{font-size:11px;line-height:1.5}.stroke-controls{margin-bottom:12px}.kana-stroke-model figcaption{font-size:13px;color:#62776f}