[data-d4-class=barbarian]{--d4-class-hue: oklch(0.76 0.13 55)}[data-d4-class=paladin]{--d4-class-hue: oklch(0.84 0.12 95)}[data-d4-class=druid]{--d4-class-hue: oklch(0.78 0.13 140)}[data-d4-class=spiritborn]{--d4-class-hue: oklch(0.8 0.11 180)}[data-d4-class=necromancer]{--d4-class-hue: oklch(0.8 0.09 215)}[data-d4-class=sorceress]{--d4-class-hue: oklch(0.74 0.13 255)}[data-d4-class=rogue]{--d4-class-hue: oklch(0.74 0.14 305)}[data-d4-class=warlock]{--d4-class-hue: oklch(0.7 0.17 20)}.d4cl{--d4cl-line: oklch(0.35 0.042 274.3);--d4cl-well: oklch(0.163 0.017 274.5);--d4cl-hover: oklch(0.488 0.057 274.3);--d4cl-gold: oklch(0.789 0.099 83.7);display:grid;gap:6px;container-type:inline-size}.d4cl__label{color:var(--d4lp-muted);font-size:12px;line-height:1.3;text-transform:uppercase}.d4cl__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,52px);gap:6px}.d4cl__cell{display:grid;place-items:center;aspect-ratio:1;min-inline-size:0;margin:0;padding:0;border:1px solid var(--d4cl-line);border-radius:var(--d4lp-r-card);background:var(--d4cl-well);color:var(--d4lp-copy);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s var(--d4lp-ease),background-color .15s var(--d4lp-ease),box-shadow .15s var(--d4lp-ease)}.d4cl__emblem{display:contents}.d4cl__cell img{inline-size:82%;block-size:auto;aspect-ratio:1;object-fit:contain}.d4cl__glyph{position:relative;inline-size:68%;block-size:68%;isolation:isolate}.d4cl__glyph::before,.d4cl__glyph::after{content:"";position:absolute;inset:0;background:var(--g) center / contain no-repeat;pointer-events:none}.d4cl__glyph::before{filter:brightness(.72)}.d4cl__cell[aria-checked=true] .d4cl__glyph::before{filter:sepia(.5) saturate(1.5) brightness(1.15) drop-shadow(0 0 6px oklch(0.8 0.11 80 / 0.35))}.d4cl__glyph::after{background:linear-gradient(110deg,transparent 38%,oklch(0.97 0.05 85 / 0.95) 50%,transparent 62%) 100% 0 / 300% 100% no-repeat;mask:var(--g) center / contain no-repeat;opacity:0;mix-blend-mode:screen}.d4cl__cell[aria-checked=true]{border-color:var(--d4cl-gold);background:oklch(0.741 0.121 82.1 / 0.13);box-shadow:inset 0 0 0 1px var(--d4cl-gold);color:var(--d4lp-ink)}.d4cl__cell:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}@media(hover:hover)and (pointer:fine){.d4cl__cell:hover:not([aria-checked=true]){border-color:var(--d4cl-hover)}.d4cl__cell:hover .d4cl__glyph::before{filter:brightness(1)}}.d4cl__name{margin:0;padding:7px 12px;border-radius:0 var(--d4lp-r-control) var(--d4lp-r-control) 0;background:oklch(0.237 0.032 274);box-shadow:inset 2px 0 0 var(--d4cl-gold);color:oklch(0.756 0.034 275.5);font-size:14px;line-height:1.3}.d4cl__name strong{color:oklch(0.965 0.006 276.1);font-weight:600}@media(prefers-reduced-motion:no-preference){.d4cl__glyph::before{transition:filter .2s var(--d4lp-ease)}.d4cl__glyph[data-lit]::after{animation:d4cl-glint .6s var(--d4lp-ease)}}@keyframes d4cl-glint{from{opacity:1;background-position:100% 0}to{opacity:1;background-position:0 0}}@container (width < 480px){.d4cl__row{grid-auto-columns:minmax(0,40px);gap:4px}.d4cl__cell{font-size:12px}}