.pkc{grid-template-columns:minmax(150px,210px) 1fr;align-items:start;gap:14px;display:grid}.pkc-card{position:relative}.pkc-canvas{aspect-ratio:1;background:var(--paper-2,#f3ebdb);width:100%;height:auto;box-shadow:0 3px 0 var(--ink,#1a2340);border-radius:12px;display:block}.pkc-loading .pkc-canvas{opacity:.82;transition:opacity .2s}.pkc-note{color:var(--muted,#5b6178);margin:6px 0 0;font-size:12px}.pkc-options{gap:8px;min-width:0;display:grid}.pkc-group{border:0;flex-wrap:wrap;gap:5px;min-width:0;margin:0;padding:0;display:flex}.pkc-group legend{width:100%;color:var(--ink,#1a2340);margin-bottom:3px;padding:0;font-size:12px;font-weight:800}.pkc-chip{cursor:pointer;margin:0;position:relative}.pkc-chip input,.pkc-swatch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pkc-chip span{color:var(--ink,#1a2340);background:#fff;border:2px solid #e5dac4;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;transition:border-color .12s,background .12s;display:inline-block}.pkc-chip:hover span{border-color:#cdbf9f}.pkc-chip input:checked+span{background:#fff1ec;border-color:#e3350d;box-shadow:inset 0 0 0 1px #e3350d}.pkc-chip input:focus-visible+span,.pkc-swatch input:focus-visible+span{outline:3px solid var(--ink,#1a2340);outline-offset:2px}.pkc-swatch{cursor:pointer;margin:0;position:relative}.pkc-swatch span[aria-hidden]{border:2px solid var(--ink,#1a2340);width:26px;height:26px;box-shadow:0 2px 0 var(--ink,#1a2340);border-radius:50%;display:block}.pkc-swatch input:checked+span{outline-offset:2px;outline:3px solid #e3350d}.pkc-swatches.pkc-off{opacity:.45}.pkc-swatches.pkc-off .pkc-swatch{cursor:not-allowed}.pkc-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pkc-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.pkc .pkc-nature-label{gap:3px;margin:0;display:grid}.pkc .pkc-nature-label>span{color:var(--ink,#1a2340);font-size:12px;font-weight:800}.pkc .pkc-nature{width:auto;min-width:130px;padding:6px 10px;font-size:14px}.pkc-dice{padding:6px 10px;font-size:13px}.pkc-hint{color:var(--muted,#5b6178);margin:0;font-size:12px}@media (width<=520px){.pkc{grid-template-columns:1fr}.pkc-card{justify-self:center;width:min(220px,70%)}.pkc-chip span{padding:4px 8px;font-size:11.5px}}.pk-picker{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.pk-picker .pk-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e5dac4;border-radius:12px;justify-items:center;gap:2px;margin:0;padding:8px 6px 9px;font-size:12px;font-weight:600;transition:border-color .12s,transform .12s;display:grid;position:relative}.pk-card:hover{border-color:#cdbf9f;transform:translateY(-1px)}.pk-card input{opacity:0;pointer-events:none;position:absolute}.pk-card:has(input:checked){border-color:#e3350d;box-shadow:inset 0 0 0 2px #e3350d}.pk-card:has(input:focus-visible){outline-offset:2px;outline:3px solid #1a2340}.pk-card img{object-fit:contain;width:74px;height:62px}.pk-card strong{color:#1a2340;font-size:13px}.pk-no{letter-spacing:.04em;color:#5b6178;font:600 11px/1 Chakra Petch,ui-monospace,monospace}.pk-types{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.pk-type{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.pk-role{color:#5b6178;font-size:11px;line-height:1.25}.pk-entry{color:#2e3a63;background:#f3ebdb;border-radius:10px;margin:2px 0 10px;padding:8px 10px;font-size:13px}.pk-spec{align-items:flex-end;gap:8px;display:flex}.pk-spec>:first-child{flex:1}.pk-spec-type{padding-bottom:12px}@media (width<=520px){.pk-picker{grid-template-columns:repeat(3,1fr);gap:6px}.pk-card img{width:56px;height:47px}.pk-role{display:none}}