.hoplite-poison-badge,.hoplite-tooltip,.hoplite-workshop{--h1:#4E481A;--h2:#ABFC3D;--h3:#673D6B;--h4:#CC733A;--h5:#AAAE89;--h-accent:#ABFC3D;color:#f7ffe7;font-family:Outfit,sans-serif}
.hoplite-poison-badge{position:absolute;left:40px;bottom:5px;z-index:19;width:102px;height:94px;padding:0;border:0;background:transparent;cursor:pointer;isolation:isolate;filter:drop-shadow(0 8px 9px #000c)}.hoplite-poison-badge:focus-visible{outline:2px solid var(--h-accent);border-radius:50%}.hoplite-badge-pool{position:absolute;inset:12px 15px 7px;border:2px solid var(--h-accent);border-radius:48% 52% 53% 47%;background:radial-gradient(circle at 35% 30%,var(--h3),#0b130b 74%);box-shadow:0 0 17px var(--h-accent),inset 0 0 19px var(--h2);animation:hoplitePool 3s ease-in-out infinite}.hoplite-badge-pool:before{content:"";position:absolute;inset:7px;border:1px dotted var(--h5);border-radius:inherit}.hoplite-badge-weapon{position:absolute;z-index:2;left:8px;top:4px;width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 0 10px var(--h-accent));animation:hopliteFloat 3s ease-in-out infinite}.hoplite-badge-tier{position:absolute;z-index:3;left:0;bottom:0;width:28px;height:28px;border-radius:50%;background:#0d120bdd;box-shadow:0 0 8px var(--h-accent)}.hoplite-badge-tier img{width:100%;height:100%;object-fit:contain}.hoplite-badge-count{position:absolute;z-index:4;right:0;bottom:2px;padding:2px 6px;border:1px solid var(--h-accent);border-radius:9px;background:#0b100be8;color:white;font:900 11px Montserrat,sans-serif}.hoplite-poison-badge[data-tier="4"] .hoplite-badge-pool{box-shadow:0 0 25px var(--h-accent),inset 0 0 21px var(--h2);animation-duration:1.5s}.hoplite-poison-badge.is-gaining .hoplite-badge-weapon{animation:hopliteGain .6s ease-out}
.hoplite-bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hoplite-bubbles i{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;width:var(--s);height:var(--s);border:1px solid var(--h-accent);border-radius:50%;background:radial-gradient(circle at 27% 25%,#ffffffbb,transparent 38%),color-mix(in srgb,var(--h2) 24%,transparent);box-shadow:0 0 8px var(--h-accent);color:var(--h5);font:900 8px sans-serif;opacity:.65;animation:hopliteBubble 3.8s var(--d) ease-in-out infinite}.hoplite-poison-badge .hoplite-bubbles{z-index:1}.hoplite-poison-badge[data-hoplite-theme="story"] .hoplite-bubbles i:nth-child(3n){border:0;background:transparent;box-shadow:none;color:#FFDDB5;font-size:13px}
body.v3-body>.item-tooltip-floating:has(.hoplite-tooltip),body.v3-body>.v3-floating-tooltip:has(.hoplite-tooltip){width:min(425px,calc(100vw - 20px))!important;max-width:425px!important;max-height:none!important;padding:0!important;border:0!important;border-radius:21px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}body.v3-body>.item-tooltip-floating:has(.hoplite-tooltip)::before,body.v3-body>.item-tooltip-floating:has(.hoplite-tooltip)::after,body.v3-body>.v3-floating-tooltip:has(.hoplite-tooltip)::before,body.v3-body>.v3-floating-tooltip:has(.hoplite-tooltip)::after{display:none!important}.item-tooltip-floating .item-tooltip-desc:has(.hoplite-tooltip){margin:0!important;color:inherit;font-size:inherit;line-height:inherit}
.hoplite-tooltip{position:relative;isolation:isolate;box-sizing:border-box;width:100%;overflow:hidden;padding:16px;border:2px solid var(--h-accent);border-radius:21px;background:radial-gradient(circle at 5% 5%,color-mix(in srgb,var(--h2) 27%,transparent),transparent 47%),radial-gradient(circle at 95% 95%,color-mix(in srgb,var(--h3) 38%,transparent),transparent 43%),linear-gradient(145deg,#17200d,#090d0a 67%);box-shadow:0 17px 42px #000d,0 0 25px var(--h-accent),inset 0 0 0 5px #ffffff0d;text-align:left}.hoplite-tooltip>*:not(.hoplite-bubbles){position:relative;z-index:1}.hoplite-tooltip header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--h-accent)}.hoplite-tooltip-weapon{width:68px;flex:0 0 68px}.hoplite-tooltip-weapon img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 10px var(--h-accent))}.hoplite-tooltip header>div{display:grid;flex:1;gap:3px}.hoplite-tooltip header small,.hoplite-tooltip-current small{color:var(--h-accent);font:900 9px Montserrat,sans-serif;letter-spacing:.07em}.hoplite-tooltip header strong{color:white;font:900 19px Montserrat,sans-serif}.hoplite-tooltip header em{color:var(--h5);font:700 11px Outfit,sans-serif;font-style:normal}.hoplite-tooltip header>b{display:grid;justify-items:center;padding:4px 7px;border:1px solid var(--h-accent);border-radius:10px;background:#081108d9;color:#fff;font:900 24px Montserrat,sans-serif}.hoplite-tooltip header>b small{font-size:8px}.hoplite-tooltip-track{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.hoplite-tooltip-track span{display:grid;justify-items:center;gap:2px;padding:5px;border:1px solid var(--h3);border-radius:9px;background:#09120ba8;opacity:.55}.hoplite-tooltip-track span.is-lit{border-color:var(--h-accent);box-shadow:0 0 9px var(--h-accent);opacity:1}.hoplite-tooltip-track img{width:26px;height:26px;object-fit:contain}.hoplite-tooltip-track small{font:900 9px Montserrat,sans-serif}.hoplite-tooltip-current{display:flex;align-items:center;gap:9px;margin:7px 0;padding:8px;border:1px solid var(--h-accent);border-radius:10px;background:#0008}.hoplite-tooltip-current img{width:42px;height:42px;object-fit:contain}.hoplite-tooltip-current span{display:grid;gap:3px}.hoplite-tooltip-current strong{color:#fff;font:800 11px Montserrat,sans-serif}.hoplite-tooltip-next{color:#e8efd8;font:700 11px/1.45 Outfit,sans-serif}.hoplite-tooltip-hint{display:block;color:var(--h-accent);text-align:center;font:900 9px Montserrat,sans-serif}
.hoplite-workshop{box-sizing:border-box;width:min(980px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:0;border:2px solid var(--h-accent);border-radius:23px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--h2) 30%,transparent),transparent 50%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--h3) 32%,transparent),transparent 45%),#0a100b;box-shadow:0 0 35px var(--h-accent),0 30px 65px #000e;color:#f6ffe7}.hoplite-workshop::backdrop{background:#000c;backdrop-filter:blur(7px)}.hoplite-workshop>header{display:flex;align-items:center;gap:12px;padding:12px 19px;border-bottom:1px solid var(--h-accent)}.hoplite-workshop-emblem img{width:64px;height:64px;object-fit:contain}.hoplite-workshop>header>div{flex:1}.hoplite-workshop>header small{color:var(--h-accent);font:900 10px Montserrat,sans-serif;letter-spacing:.1em}.hoplite-workshop h2{margin:3px 0;font:400 34px Georgia,serif;font-variant:small-caps}.hoplite-workshop>header button{width:34px;height:34px;border:1px solid var(--h-accent);border-radius:50%;background:#0008;color:white;font-size:22px;cursor:pointer}.hoplite-workshop-content{padding:18px}.hoplite-workshop-intro{display:grid;grid-template-columns:minmax(300px,425px) 1fr;align-items:center;gap:19px}.hoplite-workshop-intro>p{font:700 14px/1.6 Outfit,sans-serif}.hoplite-workshop h3{margin:19px 0 11px;color:var(--h-accent);font:900 12px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase}.hoplite-workshop-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hoplite-workshop-tiers article{display:grid;justify-items:center;align-content:start;gap:5px;padding:11px;border:1px solid var(--h3);border-radius:13px;background:#0009;text-align:center;opacity:.73}.hoplite-workshop-tiers article.is-current{border-color:var(--h-accent);box-shadow:0 0 13px var(--h-accent);opacity:1}.hoplite-workshop-tiers img{width:65px;height:65px;object-fit:contain}.hoplite-workshop-tiers small{color:var(--h-accent);font:900 9px Montserrat,sans-serif}.hoplite-workshop-tiers strong{color:white;font:900 12px Montserrat,sans-serif}.hoplite-workshop-tiers p{margin:0;font:700 10px/1.4 Outfit,sans-serif}.hoplite-workshop-rule{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid var(--h-accent);border-radius:12px;background:#0008}.hoplite-workshop-rule img{width:65px;height:65px;object-fit:contain}.hoplite-workshop-rule small,.hoplite-workshop-abilities small{color:var(--h-accent);font:900 9px Montserrat,sans-serif}.hoplite-workshop-rule strong{display:block;color:white;font:900 15px Montserrat,sans-serif}.hoplite-workshop-rule p{margin:4px 0;font:700 11px/1.45 Outfit,sans-serif}.hoplite-workshop-abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hoplite-workshop-abilities article{display:grid;grid-template-columns:58px 1fr;gap:9px;padding:9px;border:1px solid var(--h3);border-radius:12px;background:#0009}.hoplite-workshop-abilities article>img{width:56px;height:56px;object-fit:contain}.hoplite-workshop-abilities h4{margin:3px 0 6px;color:white;font:900 14px Montserrat,sans-serif}.hoplite-workshop-specials{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.hoplite-workshop-specials span{display:grid;grid-template-columns:50px 1fr;gap:3px 8px;align-items:center;padding:8px;border:1px solid var(--h-accent);border-radius:11px;background:#0008}.hoplite-workshop-specials img{grid-row:span 2;width:49px;height:49px;object-fit:contain}.hoplite-workshop-specials b{font:900 12px Montserrat,sans-serif}.hoplite-workshop-specials small{font:700 10px Outfit,sans-serif}
.ability-progression.is-hoplite-details{display:grid;gap:5px;margin-top:7px}.ability-progression.is-hoplite-details .ability-progression-step{display:grid;gap:3px;padding:6px 8px;border:1px solid var(--h3,#673D6B);border-left:3px solid var(--h-accent,#ABFC3D);border-radius:8px;background:#091209dc}.ability-progression.is-hoplite-details .ability-progression-label{color:var(--h-accent,#ABFC3D);font-weight:900}.ability-progression.is-hoplite-details .ability-progression-copy{color:#eef6e9;font-size:11px;line-height:1.4}.ability-progression.is-hoplite-details .ability-progression-step.is-current{box-shadow:0 0 10px var(--h-accent,#ABFC3D)}.ability-inline-icon.is-hoplite-keyword{width:1.1em;height:1.1em;vertical-align:-.18em;filter:drop-shadow(0 0 4px var(--h-accent,#ABFC3D))}
@keyframes hoplitePool{50%{transform:rotate(8deg) scale(1.07)}}@keyframes hopliteFloat{50%{transform:translateY(-5px) rotate(-6deg)}}@keyframes hopliteBubble{50%{transform:translate(4px,-14px);opacity:.9}}@keyframes hopliteGain{50%{transform:scale(1.2);filter:brightness(1.8)}}@media(max-width:750px){.hoplite-workshop-intro{grid-template-columns:1fr}.hoplite-workshop-tiers{grid-template-columns:repeat(2,1fr)}.hoplite-workshop-abilities,.hoplite-workshop-specials{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hoplite-poison-badge *,.hoplite-tooltip *,.hoplite-workshop *{animation:none!important}}

/* A kártyajelvény buborékai a jelvény dobozán kívül is szabadon úszhatnak. */
.hoplite-poison-badge .hoplite-bubbles{inset:-18px;overflow:visible}

/* Cyber: a holographic toxin terminal, with square packets and a scanning meter. */
[data-hoplite-theme="cyber"] .hoplite-bubbles i{border-radius:1px;background:linear-gradient(135deg,var(--h4),transparent 45%),var(--h1);border-color:var(--h2);color:var(--h4);animation:hopliteCyberPacket 3.6s var(--d) steps(8,end) infinite;box-shadow:0 0 7px var(--h2)}
.hoplite-poison-badge[data-hoplite-theme="cyber"] .hoplite-badge-pool{border-radius:7px;transform:rotate(45deg);background:repeating-linear-gradient(0deg,transparent 0 8px,#a1f65630 9px 10px),repeating-linear-gradient(90deg,#050a02 0 8px,#28640e 9px 10px);animation:hopliteCyberCore 3s ease-in-out infinite;border-color:var(--h4)}
.hoplite-poison-badge[data-hoplite-theme="cyber"] .hoplite-badge-pool:before{border-style:dashed;border-color:var(--h4);border-radius:0}
.hoplite-poison-badge[data-hoplite-theme="cyber"] .hoplite-badge-count{border-radius:2px;color:var(--h4);background:#050a02;letter-spacing:.08em}
.hoplite-tooltip[data-hoplite-theme="cyber"],.hoplite-workshop[data-hoplite-theme="cyber"],.codex-hoplite-poison[data-hoplite-theme="cyber"]{border-radius:5px;border-color:var(--h2);background:repeating-linear-gradient(0deg,transparent 0 4px,#a1f65608 5px 6px),repeating-linear-gradient(90deg,transparent 0 35px,#48961418 36px 37px),linear-gradient(135deg,#132a06,#050a02 60%);box-shadow:0 0 20px #a1f65655,inset 0 0 0 4px #28640e44}
.hoplite-tooltip[data-hoplite-theme="cyber"]:after{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;background:linear-gradient(transparent 44%,#d1fb4322 49%,#d1fb4360 50%,transparent 54%);transform:translateY(-100%);animation:hopliteCyberScan 5s linear infinite}
.hoplite-tooltip[data-hoplite-theme="cyber"] header em{color:var(--h4)}
.hoplite-tooltip[data-hoplite-theme="cyber"] :is(.hoplite-tooltip-track span,.hoplite-tooltip-current,header>b),.hoplite-workshop[data-hoplite-theme="cyber"] :is(.hoplite-workshop-tiers article,.hoplite-workshop-abilities article,.hoplite-workshop-rule,.hoplite-workshop-specials span){border-radius:2px;background-color:#050a02d9}
.hoplite-tooltip[data-hoplite-theme="cyber"] .hoplite-tooltip-track .is-lit{background:repeating-linear-gradient(0deg,#28640e77 0 4px,#050a02 5px 6px);box-shadow:inset 0 -3px var(--h4),0 0 9px #a1f65677}
.hoplite-workshop[data-hoplite-theme="cyber"] h2,.codex-hoplite-poison[data-hoplite-theme="cyber"] h3{font-family:Outfit,sans-serif;font-variant:normal;font-weight:800;letter-spacing:.04em}
@keyframes hopliteCyberPacket{0%,100%{transform:translate(0,0);opacity:.35}35%{transform:translate(0,-10px);opacity:.85}65%{transform:translate(9px,-10px);opacity:.6}85%{transform:translate(9px,-22px);opacity:.85}}
@keyframes hopliteCyberCore{50%{transform:rotate(45deg) scale(1.06);box-shadow:0 0 22px var(--h2),inset 0 0 16px var(--h1)}}
@keyframes hopliteCyberScan{to{transform:translateY(100%)}}
@media(prefers-reduced-motion:reduce){.hoplite-tooltip[data-hoplite-theme="cyber"]:after{animation:none;transform:none}[data-hoplite-theme="cyber"] .hoplite-bubbles i{animation:none}}
body.v3-vfx-disabled [data-hoplite-theme="cyber"] .hoplite-bubbles i,body.v3-vfx-disabled .hoplite-tooltip[data-hoplite-theme="cyber"]:after,body.v3-vfx-disabled .hoplite-poison-badge[data-hoplite-theme="cyber"] *{animation:none!important}