/* class_pick.js: Kies een klasse (CLASSES.md §6.1) */
#cpick{left:50%;top:50%;transform:translate(-50%,-50%);width:min(96vw,480px);max-height:92vh;overflow:auto;z-index:6}#cpick.hide{display:none}
.pks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.pk{display:grid;grid-template-columns:52px 1fr;gap:6px;align-items:center;padding:6px;background:#fff5;border:1px solid #8a5a2066;border-radius:5px;cursor:pointer;font-size:12px;line-height:1.25}
.pk i svg{width:52px;height:auto;display:block}.pk.on{outline:2px solid #b8792a;background:#f3dfb0}.pk.lk{cursor:default;opacity:.8}.pk.lk i svg{filter:brightness(0) opacity(.5)}
.pk b{display:block}.pk small{display:block;font-style:italic;color:#6a4a2a}.pk p{margin:2px 0;font-size:11px}.pk em{display:block;margin-top:4px;color:#5a1e0e}
.pk .up{color:#2f6a24}.pk .dn{color:#9a2a1a}.ps b{display:inline}#cpok{width:100%;min-height:46px;margin-top:8px}#dpick{display:block;width:100%;min-height:42px;margin-top:6px}
body.fighting #cpick{display:none}
@media(max-width:600px){.pks{grid-template-columns:1fr}.pk{grid-template-columns:46px 1fr}.pk i svg{width:46px}}