.codex-hoplite-poison{position:relative;isolation:isolate;box-sizing:border-box;width:100%;overflow:hidden;margin:22px 0;padding:24px;border:2px solid var(--h-accent);border-radius:22px;background:radial-gradient(circle at 2% 0%,color-mix(in srgb,var(--h2) 29%,transparent),transparent 42%),radial-gradient(circle at 100% 95%,color-mix(in srgb,var(--h3) 37%,transparent),transparent 43%),linear-gradient(145deg,#172010,#080c09 70%);box-shadow:0 0 26px color-mix(in srgb,var(--h-accent) 43%,transparent),inset 0 0 0 5px #ffffff12;color:#f5ffe7;font-family:Outfit,sans-serif}.codex-hoplite-poison>*:not(.hoplite-bubbles){position:relative;z-index:1}.codex-hoplite-poison header{display:flex;align-items:center;gap:18px;margin-bottom:18px}.codex-hoplite-crest{width:105px;flex:0 0 105px}.codex-hoplite-crest img{width:100%;height:105px;object-fit:contain;filter:drop-shadow(0 0 12px var(--h-accent))}.codex-hoplite-poison header>div{flex:1}.codex-hoplite-poison header small{color:var(--h-accent);font:900 12px Montserrat,sans-serif;letter-spacing:.14em}.codex-hoplite-poison h3{margin:4px 0 8px;color:#fff;font:400 43px Georgia,serif;font-variant:small-caps;text-shadow:0 0 12px var(--h-accent)}.codex-hoplite-poison header p{margin:0;font:700 14px/1.5 Outfit,sans-serif}.codex-hoplite-poison h4{margin:22px 0 10px;color:var(--h-accent);font:900 13px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.codex-hoplite-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.codex-hoplite-stats span{display:grid;justify-items:center;gap:4px;padding:12px 6px;border:1px solid var(--h-accent);clip-path:polygon(0 0,95% 0,100% 18%,100% 100%,5% 100%,0 82%);background:linear-gradient(155deg,color-mix(in srgb,var(--h3) 37%,#070b08),#080b08);text-align:center}.codex-hoplite-stats b{color:#fff;font:900 22px Montserrat,sans-serif;text-shadow:0 0 8px var(--h-accent)}.codex-hoplite-stats small{color:#d7e6cf;font:800 10px Montserrat,sans-serif;text-transform:uppercase}.codex-hoplite-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.codex-hoplite-tiers article{display:grid;justify-items:center;align-content:start;gap:6px;min-height:196px;padding:13px;border:1px solid var(--h3);border-radius:15px;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--h2) 22%,transparent),transparent 65%),#080e08df;text-align:center}.codex-hoplite-tiers article[data-tier="4"]{border-color:var(--h-accent);box-shadow:0 0 19px var(--h-accent)}.codex-hoplite-tier-art{width:77px;height:77px}.codex-hoplite-tier-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px var(--h-accent))}.codex-hoplite-tiers small{color:var(--h-accent);font:900 10px Montserrat,sans-serif}.codex-hoplite-tiers strong{color:white;font:900 16px Montserrat,sans-serif}.codex-hoplite-tiers p{margin:3px 0;font:700 11px/1.4 Outfit,sans-serif}.codex-hoplite-rule{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:15px;padding:12px;border:1px solid var(--h-accent);border-radius:14px;background:#091108d9}.codex-hoplite-rule img{width:92px;height:92px;object-fit:contain}.codex-hoplite-rule p{margin:0;font:700 13px/1.5 Outfit,sans-serif}.codex-hoplite-rule strong{color:#fff;font:900 16px Montserrat,sans-serif}.codex-hoplite-effects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.codex-hoplite-effects article{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:10px;min-height:78px;padding:8px;border:1px solid var(--h3);border-radius:11px;background:#080c08de}.codex-hoplite-effects article:nth-child(3n){border-color:var(--h-accent)}.codex-hoplite-effects img{width:64px;height:64px;object-fit:contain}.codex-hoplite-effects strong{color:#fff;font:900 13px Montserrat,sans-serif}.codex-hoplite-effects p{margin:4px 0;font:700 11px/1.4 Outfit,sans-serif}.codex-hoplite-skins{display:flex;align-items:center;gap:15px;margin-top:15px;padding:9px;border:1px solid var(--h-accent);border-radius:12px;background:#080c08db}.codex-hoplite-skins span{display:flex;align-items:center;gap:7px}.codex-hoplite-skins img{width:45px;height:45px;object-fit:contain}.codex-hoplite-skins b{font:800 11px Montserrat,sans-serif}@media(max-width:950px){.codex-hoplite-stats{grid-template-columns:repeat(3,1fr)}.codex-hoplite-tiers{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.codex-hoplite-poison{padding:15px}.codex-hoplite-crest{width:65px;flex-basis:65px}.codex-hoplite-crest img{height:65px}.codex-hoplite-poison h3{font-size:28px}.codex-hoplite-stats{grid-template-columns:repeat(2,1fr)}.codex-hoplite-tiers,.codex-hoplite-effects{grid-template-columns:1fr}.codex-hoplite-tiers article{min-height:0}.codex-hoplite-skins{flex-wrap:wrap}}
.codex-hoplite-poison[data-hoplite-theme="cyber"] :is(.codex-hoplite-tiers article,.codex-hoplite-rule,.codex-hoplite-effects article,.codex-hoplite-skins){border-radius:2px;background-color:#050a02;border-color:#489614}
.codex-hoplite-poison[data-hoplite-theme="cyber"] .codex-hoplite-crest{position:relative;border:1px dashed var(--h4);background:repeating-linear-gradient(0deg,transparent 0 9px,#a1f65618 10px 11px)}
.codex-hoplite-skins{flex-wrap:wrap}