.hscv-wrapper { max-width: 820px; margin: 0 auto; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", sans-serif; }
.hscv-topbar { display:flex; align-items:center; gap:.5rem; margin:.75rem 0; }
.hscv-select { font-size: 1.5rem; padding: .25rem .5rem; }
.charTable { border-collapse: collapse; width:100%; max-width: 820px; margin:.5rem 0 1rem; }
.charTable td { border:1px solid #000; text-align:center; padding:.35rem; font-size:1.25rem; }
.charTable td a, .charTable td { cursor:pointer; color:#0645ad; font-weight:700; text-decoration:none; }
.hscv-canvas-wrap, .hscv-hand-wrap { display:flex; justify-content:center; }
.hscv-char { aspect-ratio: 1 / 1; height:auto; }
.hscv-hand-title { margin-top: 1rem; }
.hscv-btn { width:160px; height:40px; }