.type-guide{font-size:11px;margin-top:20px;border-top:1px solid var(--color-ink);padding-top:12px}.type-guide summary{cursor:pointer}.type-chart{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 0}.type-chart p{font-size:11px;margin:0;color:var(--color-ink)}.type-guide>p{font-size:10px;line-height:1.8;color:var(--color-ink)}@media(max-width:600px){.type-chart{grid-template-columns:1fr}}
.type-badge{display:inline-block;vertical-align:middle;background:var(--type-color,var(--color-normal));color:var(--type-ink,var(--color-ink));border:1px solid var(--color-ink);padding:3px 8px;font-size:10px;font-weight:800;line-height:1.2;letter-spacing:0;white-space:nowrap}.type-line{display:flex;gap:4px;flex-wrap:wrap}.weapon-element:has(.type-badge){border:0;padding:0;background:transparent}.move-button{border:3px solid var(--type-color,var(--color-normal));background:var(--color-surface)}.move-button:hover{background:var(--color-paper);box-shadow:none}.move-button:focus-visible{background:var(--color-surface);box-shadow:none;outline:2px solid var(--color-ink);outline-offset:3px}.type-chart p{line-height:2.3}.crafted-move .type-badge{margin-right:3px}