@import url('/category.css');
.char-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.char-card{background:#fff;border-radius:20px;box-shadow:0 8px 28px #0000000d;padding:20px}.char-card h3{margin:6px 0 8px;font-size:22px}.char-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:2px;max-width:360px;aspect-ratio:1;margin:16px auto;background:#e6eaf0;border:2px solid #d8dee8}.char-cell{display:flex;align-items:center;justify-content:center;background:#fff;font-weight:700;font-size:clamp(18px,5vw,30px);line-height:1;min-width:0;min-height:0}.char-grid[data-size="8"] .char-cell{font-size:clamp(16px,4vw,25px)}.char-grid[data-size="10"] .char-cell{font-size:clamp(14px,3.4vw,22px)}.char-grid--answer .char-cell--odd{outline:4px solid #f08a24;outline-offset:-4px;background:#fff6e8}.char-answer{display:none;margin-top:14px}.char-answer.show{display:block}.char-actions{display:flex;gap:8px;flex-wrap:wrap}.char-meta{color:#687386;font-size:13px;font-weight:800}.print-area{display:none}.print-page{page-break-after:always;text-align:center}.print-page:last-child{page-break-after:auto}.print-title{font-size:20px;font-weight:900;margin-bottom:3mm}.print-grid{width:150mm;height:150mm;margin:6mm auto}.print-grid .char-cell{font-size:24px}.print-grid[data-size="10"] .char-cell{font-size:20px}@media(max-width:650px){.char-cards{grid-template-columns:1fr}.char-actions .btn{flex:1 1 45%}}@media print{body>*{display:none!important}#printArea{display:block!important}.print-page{display:block!important}.char-grid{max-width:none;box-shadow:none}@page{size:A4;margin:12mm}}