.so-intro{max-width:68ch;font-size:var(--text-lead);color:var(--ink-soft);padding-top:6px;line-height:1.65}.so-note{border:1px dashed var(--line);font-size:var(--text-caption);color:var(--ink-soft);border-radius:999px;align-items:baseline;gap:8px;margin-top:14px;padding:8px 14px;display:inline-flex}.kana-chart{flex-direction:column;gap:14px;display:flex}.kana-hint{font-size:var(--text-small);color:var(--ink-soft)}.kana-workspace{grid-template-columns:minmax(360px,560px) minmax(280px,1fr);align-items:start;gap:clamp(18px,3vw,32px);display:grid}.kana-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,1.2vw,10px);width:100%;display:grid}.kana-cell{aspect-ratio:1;background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;transition:color .15s,border-color .15s,transform .15s;display:flex}.kana-cell:hover{color:var(--vermilion);border-color:var(--vermilion);transform:translateY(-1px)}.kana-cell.on{color:var(--vermilion);border-color:var(--vermilion)}.kana-cell-k{font-size:clamp(24px,4.4vw,34px);line-height:1.1}.kana-cell-r{letter-spacing:.04em;color:var(--ink-soft);font-size:.6875rem}.kana-cell:hover .kana-cell-r,.kana-cell.on .kana-cell-r{color:inherit}.kana-panel{background:var(--card);border:1px solid var(--line);z-index:2;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex;position:sticky;top:14px;box-shadow:0 12px 32px #201b1514}.kana-panel-head{align-items:center;gap:12px;display:flex}.kana-panel-k{font-size:clamp(2.25rem,4vw,2.75rem);line-height:1}.kana-panel-meta{flex-direction:column;flex:1;gap:2px;display:flex}.kana-panel-meta b{letter-spacing:.03em;font-size:1.125rem;font-weight:600}.kana-panel-meta span{font-size:var(--text-caption);color:var(--ink-soft)}.kana-panel-close{border:1px solid var(--line);color:var(--ink-soft);font-size:var(--text-caption);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:5px 13px;transition:color .15s,border-color .15s}.kana-panel-close:hover{color:var(--vermilion);border-color:var(--vermilion)}.kana-panel-body{grid-template-columns:minmax(120px,160px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.kana-panel-body .kboard-wrap .board.kboard{width:100%;transform:none}.kana-panel-strip h3{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--vermilion);margin-bottom:10px}.kana-panel-strip .strip{align-content:start;gap:6px;max-height:160px;overflow-y:auto}.kana-panel-strip .strip-tile{width:clamp(40px,5vw,50px)}@media (max-width:760px){.kana-workspace{grid-template-columns:1fr}.kana-panel{grid-row:1;top:8px}.kana-grid{grid-row:2}.kana-panel-body{grid-template-columns:minmax(110px,38vw) minmax(0,1fr)}}@media (max-width:420px){.kana-panel{border-radius:14px;gap:9px;padding:10px}.kana-panel-head{gap:9px}.kana-panel-k{font-size:2rem}.kana-panel-body{grid-template-columns:minmax(104px,36vw) minmax(0,1fr);gap:10px}.kana-panel-strip h3{margin-bottom:6px}.kana-panel-strip .strip-tile{width:38px}}.so-rules{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(16px,2.5vw,26px);padding:0;list-style:none;display:grid}.so-rule{background:var(--card);border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:18px;padding:16px;display:grid}.so-rule .kboard-wrap .board.kboard{width:min(150px,38vw);transform:none}.so-rule-text{flex-direction:column;gap:7px;min-width:0;display:flex}.so-rule-n{font-size:var(--text-caption);letter-spacing:.12em;color:var(--vermilion)}.so-rule-t{font-size:1.0625rem;font-weight:600;line-height:1.3}.so-rule-x{font-size:var(--text-small);color:var(--ink-soft);line-height:1.55}.so-rule-link{font-size:var(--text-caption);color:var(--ink-soft);border-bottom:1px solid var(--line);align-self:flex-start;margin-top:auto;padding-bottom:1px;text-decoration:none}.so-rule-link:hover{color:var(--vermilion);border-color:var(--vermilion)}.so-links{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.so-links a{border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:var(--text-small);border-radius:999px;padding:9px 16px;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.so-links a:hover{color:var(--vermilion);border-color:var(--vermilion)}@media print{.site-head,.site-foot,.so-links,.so-note,.kana-hint,.kana-panel,.replay{display:none!important}.kpage{gap:0;max-width:none;padding:0}.so-intro{color:#333;font-size:10pt;line-height:1.4}.ksection{break-inside:avoid;padding:10pt 0 0}.kana-grid{gap:4pt;max-width:none}.kana-cell{color:#000;break-inside:avoid;background:0 0;border-color:#bbb}.kana-cell-k{font-size:30pt}.kana-cell-r{color:#555;font-size:7pt}}