.codex-card{--codex-card-bg:var(--card);--codex-card-line:#94a3b840;--codex-card-accent:var(--accent-gold);--codex-card-secondary:#8f98a3;isolation:isolate;background:var(--codex-card-bg);border:1px solid var(--codex-card-line);border-radius:0;position:relative}.codex-card:before,.codex-card:after{content:"";z-index:20;pointer-events:none;position:absolute}.codex-card--default:before{background:var(--codex-card-accent);width:42px;height:2px;inset:-1px auto auto 16px}.codex-card--default:after{background:var(--codex-card-secondary);opacity:.72;width:28px;height:2px;inset:auto 16px -1px auto}.codex-card--featured{box-shadow:none;margin-inline:7px}.codex-card--featured:before{border:solid var(--codex-card-accent);clip-path:polygon(0 0,100% 0,100% 13%,35% 13%,35% 87%,100% 87%,100% 100%,0 100%);opacity:.82;border-width:2px 0 2px 2px;width:22px;inset:-7px auto -7px -7px}.codex-card--featured:after{border:solid var(--codex-card-secondary);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 87%,65% 87%,65% 13%,0 13%);opacity:.72;border-width:2px 2px 2px 0;width:22px;inset:-7px -7px -7px auto}.codex-card--interactive{transition:border-color .16s,background-color .16s}.codex-card--interactive:hover,.codex-card--interactive:focus-within{border-color:color-mix(in srgb, var(--codex-card-accent) 52%, var(--codex-card-line))}@media (prefers-reduced-motion:reduce){.codex-card--interactive{transition:none}}.action-feedback{border:1px solid #94a3b847;border-left:3px solid var(--feedback-accent)}.action-feedback:before{display:none}@media (prefers-reduced-motion:reduce){.action-feedback{animation:none}}