/* Jelly · a sejtmechanika egyetlen, skinnel váltó vizuális nyelve. */
.jelly-cell-badge,.jelly-cell-tooltip,.jelly-workshop{--jc1:#000d4d;--jc2:#79d7fd;--jc3:#000216;--jc4:#1d77ef;--jc5:#250b8f}
.jelly-cell-badge{position:absolute;left:40px;bottom:5px;z-index:19;width:98px;height:88px;padding:0;border:0;background:none;cursor:pointer;isolation:isolate;filter:drop-shadow(0 5px 8px #000c)}
.jelly-cell-badge:focus-visible{outline:2px solid var(--jc2);border-radius:50%}
.jelly-cell-badge__light{position:absolute;inset:3px 10px 11px;border:1px solid color-mix(in srgb,var(--jc2) 72%,transparent);border-radius:46% 54% 56% 44%;background:radial-gradient(circle at 45% 39%,color-mix(in srgb,var(--jc2) 27%,transparent),transparent 59%),radial-gradient(circle at 75% 83%,var(--jc5),var(--jc3) 73%);box-shadow:0 0 13px var(--jc4),inset 0 0 18px var(--jc4);animation:jellyMembrane 4s ease-in-out infinite}
.jelly-cell-badge__light::after{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--jc2) 44%,transparent);border-radius:52% 48% 43% 57%;transform:rotate(32deg)}
.jelly-cell-badge__orbit{position:absolute;inset:0;pointer-events:none}.jelly-cell-badge__orbit i{position:absolute;left:calc(13% + var(--j-i)*11%);top:calc(23% + var(--j-i)*6%);width:7px;height:7px;border:1px solid var(--jc2);border-radius:50%;background:color-mix(in srgb,var(--jc4) 40%,transparent);box-shadow:0 0 7px var(--jc2),inset 0 0 5px var(--jc2);animation:jellyBubble calc(3.2s + var(--j-i)*.28s) ease-in-out infinite;animation-delay:calc(var(--j-i)*-.45s)}
.jelly-cell-badge__orbit i:nth-child(2n){width:4px;height:4px}.jelly-cell-badge[data-j-motif="academy"] .jelly-cell-badge__orbit i:nth-child(2n){border-radius:42% 42% 0 0;transform:rotate(25deg);background:var(--jc2)}
.jelly-cell-badge__icon{position:absolute;inset:3px 13px auto;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 8px var(--jc2));animation:jellyFloat 3.5s ease-in-out infinite}
.jelly-cell-badge__count{position:absolute;right:2px;bottom:3px;z-index:2;padding:3px 7px;border:1px solid var(--jc2);border-radius:12px;background:var(--jc3);box-shadow:0 0 9px var(--jc4);color:#fff;font:900 14px/1 Montserrat,sans-serif}.jelly-cell-badge__count span{color:var(--jc2);font-size:8px}
.v3-card[data-j-cells="3"]{box-shadow:inset 0 0 21px color-mix(in srgb,var(--jc2) 28%,transparent)}
body.v3-body>.item-tooltip-floating:has(.jelly-cell-tooltip),body.v3-body>.v3-floating-tooltip:has(.jelly-cell-tooltip){width:min(440px,calc(100vw - 20px))!important;max-width:440px!important;max-height:none!important;padding:0!important;border:0!important;border-radius:19px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.item-tooltip-floating .item-tooltip-desc:has(.jelly-cell-tooltip){margin:0!important;color:inherit;font:inherit;line-height:inherit}
.jelly-cell-tooltip{position:relative;box-sizing:border-box;isolation:isolate;width:100%;overflow:hidden;padding:14px 15px 13px;border:2px solid var(--jc2);border-radius:19px;outline:1px solid color-mix(in srgb,var(--jc2) 35%,transparent);outline-offset:-6px;background:radial-gradient(ellipse at 8% -12%,color-mix(in srgb,var(--jc4) 48%,transparent),transparent 54%),radial-gradient(circle at 93% 96%,color-mix(in srgb,var(--jc5) 61%,transparent),transparent 45%),linear-gradient(135deg,var(--jc1),var(--jc3) 72%);box-shadow:0 20px 55px #000e,0 0 24px color-mix(in srgb,var(--jc2) 42%,transparent),inset 0 0 30px #0009;color:#f3f9ff;text-align:left;font-family:Outfit,sans-serif}
.jelly-cell-tooltip[data-j-motif="academy"]{background:radial-gradient(ellipse at 9% 0%,#9a5aed68,transparent 50%),radial-gradient(circle at 90% 95%,#511dd070,transparent 48%),linear-gradient(135deg,#301b70,#120c23 74%)}
.jelly-cell-tooltip>*:not(.jelly-cell-tooltip__vfx){position:relative;z-index:1}.jelly-cell-tooltip__vfx{position:absolute;inset:0;pointer-events:none}.jelly-cell-tooltip__vfx i,.jelly-workshop__atmosphere i{position:absolute;left:calc(4% + var(--j-i)*9%);bottom:5%;width:5px;height:5px;border:1px solid var(--jc2);border-radius:50%;background:color-mix(in srgb,var(--jc2) 25%,transparent);box-shadow:0 0 9px var(--jc2);animation:jellyBubble calc(4s + var(--j-i)*.3s) ease-in-out infinite;animation-delay:calc(var(--j-i)*-.65s)}
.jelly-cell-tooltip__vfx i:nth-child(3n){width:2px;height:13px;border-radius:50%;transform:rotate(27deg)}.jelly-cell-tooltip[data-j-motif="academy"] .jelly-cell-tooltip__vfx i:nth-child(3n){width:8px;height:5px;border-radius:80% 80% 15% 15%;background:var(--jc2)}
.jelly-cell-tooltip>header{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--jc2) 48%,transparent)}.jelly-cell-tooltip__crest{flex:0 0 62px;height:62px;border:1px solid var(--jc2);border-radius:50%;background:radial-gradient(circle,var(--jc5),var(--jc3));box-shadow:inset 0 0 15px var(--jc4),0 0 13px var(--jc4)}.jelly-cell-tooltip__crest img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 9px var(--jc2));animation:jellyFloat 3.3s ease-in-out infinite}.jelly-cell-tooltip>header>div{display:grid;flex:1;min-width:0;gap:3px}.jelly-cell-tooltip>header small{color:var(--jc2);font:800 8px/1 Montserrat,sans-serif;letter-spacing:.11em}.jelly-cell-tooltip>header strong{color:#fff;font:900 20px/1.12 Montserrat,sans-serif;text-shadow:0 0 10px var(--jc4)}.jelly-cell-tooltip>header em{color:#dbe8fb;font:600 9px/1.2 Montserrat,sans-serif;font-style:normal}.jelly-cell-tooltip>header>b{display:grid;justify-items:center;min-width:54px;padding:7px 5px;border:1px solid var(--jc2);border-radius:12px;background:#0009;color:#fff;font:900 24px/1 Montserrat,sans-serif}.jelly-cell-tooltip>header>b small{margin-top:2px;font-size:7px;white-space:nowrap}
.jelly-cell-tooltip__current{display:flex;align-items:center;gap:12px;margin-top:10px;padding:9px;border:1px solid color-mix(in srgb,var(--jc2) 50%,transparent);border-radius:11px;background:#0007}.jelly-cell-tooltip__current>span:last-child{color:#e6f4ff;font:700 11px/1.35 Outfit,sans-serif}.jelly-cell-orbs{display:flex;gap:5px;flex-shrink:0}.jelly-cell-orbs i{display:block;width:18px;height:18px;border:1px solid color-mix(in srgb,var(--jc2) 64%,transparent);border-radius:50%;background:#0007;box-shadow:inset 0 0 5px var(--jc4)}.jelly-cell-orbs i.is-full{background:radial-gradient(circle at 32% 27%,#fff,var(--jc2) 20%,var(--jc4) 67%,var(--jc5));box-shadow:0 0 11px var(--jc2),inset 0 0 5px #fff9}
.jelly-cell-tooltip__pulse{display:flex;gap:9px;align-items:center;margin-top:7px;padding:7px;border:1px solid color-mix(in srgb,var(--jc2) 34%,transparent);border-radius:10px;background:linear-gradient(110deg,color-mix(in srgb,var(--jc4) 25%,transparent),#0009)}.jelly-cell-tooltip__pulse img{width:41px;height:41px;object-fit:contain;filter:drop-shadow(0 0 6px var(--jc2))}.jelly-cell-tooltip__pulse b,.jelly-cell-tooltip__pulse small{display:block}.jelly-cell-tooltip__pulse b{font:900 11px/1.2 Montserrat,sans-serif}.jelly-cell-tooltip__pulse small{margin-top:3px;color:#d1e5fb;font:500 10px/1.3 Outfit,sans-serif}
.jelly-cell-tooltip__footer{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:9px;color:var(--jc2);font:800 8px/1.3 Montserrat,sans-serif}.jelly-cell-tooltip__footer span:first-child{display:flex;align-items:center;gap:4px;color:#e7f2ff}.jelly-cell-tooltip__footer img{width:17px;height:17px;object-fit:contain}.jelly-cell-tooltip__footer span:last-child{text-align:right}
.jelly-workshop{position:fixed;box-sizing:border-box;width:min(1070px,95vw);max-width:95vw;max-height:92vh;padding:0;overflow:hidden;border:2px solid var(--jc2);border-radius:22px;outline:1px solid color-mix(in srgb,var(--jc2) 34%,transparent);outline-offset:-8px;background:radial-gradient(circle at 5% -8%,color-mix(in srgb,var(--jc4) 50%,transparent),transparent 42%),radial-gradient(circle at 99% 95%,color-mix(in srgb,var(--jc5) 70%,transparent),transparent 52%),linear-gradient(150deg,var(--jc1),var(--jc3) 70%);box-shadow:0 25px 90px #000f,0 0 29px color-mix(in srgb,var(--jc2) 45%,transparent);color:#fff;font-family:Outfit,sans-serif}.jelly-workshop::backdrop{background:#030814df;backdrop-filter:blur(9px)}.jelly-workshop__atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}.jelly-workshop__atmosphere i{left:calc(4% + var(--j-i)*6.4%);bottom:-2%}
.jelly-workshop>header{position:relative;display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid color-mix(in srgb,var(--jc2) 40%,transparent)}.jelly-workshop__crest{flex:0 0 54px;width:54px;height:54px}.jelly-workshop__crest img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 8px var(--jc2));animation:jellyFloat 3s ease-in-out infinite}.jelly-workshop>header>div{flex:1}.jelly-workshop>header small{color:var(--jc2);font:900 9px/1 Montserrat,sans-serif;letter-spacing:.13em}.jelly-workshop>header h2{margin:4px 0 0;font:900 25px/1 Montserrat,sans-serif}.jelly-workshop>header button{width:35px;height:35px;border:1px solid var(--jc2);border-radius:50%;background:#0008;color:#fff;font:24px/1 sans-serif;cursor:pointer}
.jelly-workshop__body{position:relative;max-height:calc(92vh - 82px);overflow:auto;padding:16px 20px 22px}.jelly-workshop__intro{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:center}.jelly-workshop__specimen{position:relative;display:grid;place-items:center;min-height:190px;border:1px solid color-mix(in srgb,var(--jc2) 46%,transparent);border-radius:18px;background:radial-gradient(circle,color-mix(in srgb,var(--jc4) 45%,transparent),#0009 67%);overflow:hidden}.jelly-workshop__specimen>img{width:145px;height:145px;object-fit:contain;z-index:1;filter:drop-shadow(0 0 17px var(--jc2));animation:jellyFloat 3s ease-in-out infinite}.jelly-workshop__specimen>b{position:absolute;z-index:2;right:11px;bottom:10px;padding:5px 9px;border:1px solid var(--jc2);border-radius:10px;background:#000b;font:900 13px/1 Montserrat,sans-serif}.jelly-workshop__specimen>span i{position:absolute;left:calc(10% + var(--j-i)*9%);bottom:4%;width:7px;height:7px;border:1px solid var(--jc2);border-radius:50%;box-shadow:0 0 7px var(--jc2);animation:jellyBubble 4s ease-in-out infinite;animation-delay:calc(var(--j-i)*-.3s)}
.jelly-workshop__intro small{color:var(--jc2);font:900 9px/1 Montserrat,sans-serif;letter-spacing:.12em}.jelly-workshop__intro h3{margin:6px 0;font:900 25px/1.12 Montserrat,sans-serif}.jelly-workshop__intro p{max-width:680px;color:#d6e9fa;font:500 13px/1.45 Outfit,sans-serif}.jelly-workshop__intro .jelly-cell-orbs i{width:26px;height:26px}.jelly-workshop__cue{margin-bottom:0!important;color:#c2d8f5!important;font-size:11px!important}
.jelly-workshop__tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:17px 0}.jelly-workshop__tiers article{min-height:100px;padding:11px;border:1px solid color-mix(in srgb,var(--jc2) 35%,transparent);border-radius:12px;background:#0008;opacity:.78}.jelly-workshop__tiers article.is-current{border-color:var(--jc2);box-shadow:0 0 14px color-mix(in srgb,var(--jc2) 30%,transparent),inset 0 0 18px color-mix(in srgb,var(--jc4) 28%,transparent);opacity:1}.jelly-workshop__tiers article>span{display:block;color:var(--jc2);font:900 27px/1 Montserrat,sans-serif}.jelly-workshop__tiers b{display:block;margin-top:5px;font:900 11px/1.2 Montserrat,sans-serif}.jelly-workshop__tiers p{margin:5px 0 0;color:#d6e9fa;font:500 10px/1.3 Outfit,sans-serif}
.jelly-workshop__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jelly-workshop__features article{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:9px;padding:10px;border:1px solid color-mix(in srgb,var(--jc2) 40%,transparent);border-radius:12px;background:linear-gradient(110deg,color-mix(in srgb,var(--jc4) 20%,transparent),#0009)}.jelly-workshop__features img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 7px var(--jc2))}.jelly-workshop__features h3{margin:0;font:900 13px/1.2 Montserrat,sans-serif}.jelly-workshop__features p{margin:4px 0 0;color:#d4e7f9;font:500 10px/1.4 Outfit,sans-serif}.jelly-workshop__subtitle{margin:20px 0 9px;color:var(--jc2);font:900 13px/1 Montserrat,sans-serif;letter-spacing:.13em;text-transform:uppercase}.jelly-workshop__abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jelly-workshop__abilities article{display:grid;grid-template-columns:55px 1fr;align-items:start;gap:9px;padding:10px;border:1px solid color-mix(in srgb,var(--jc2) 35%,transparent);border-radius:11px;background:#0009}.jelly-workshop__abilities article>img{width:55px;height:55px;object-fit:contain;border:1px solid color-mix(in srgb,var(--jc2) 50%,transparent);border-radius:8px}.jelly-workshop__abilities small{color:var(--jc2);font:900 8px/1 Montserrat,sans-serif;letter-spacing:.07em}.jelly-workshop__abilities h4{margin:5px 0;font:900 12px/1.2 Montserrat,sans-serif}.jelly-workshop__abilities p{color:#deedfb;font:500 10px/1.4 Outfit,sans-serif}
@keyframes jellyFloat{50%{transform:translateY(-5px) rotate(4deg)}}@keyframes jellyMembrane{50%{border-radius:55% 45% 44% 56%;transform:scale(1.06)}}@keyframes jellyBubble{0%{opacity:0;transform:translateY(12px) scale(.5)}35%{opacity:.9}100%{opacity:0;transform:translate(-8px,-37px) scale(1.3)}}
@media(max-width:750px){.jelly-workshop__intro{grid-template-columns:1fr}.jelly-workshop__specimen{min-height:130px}.jelly-workshop__specimen>img{width:110px;height:110px}.jelly-workshop__tiers,.jelly-workshop__abilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.jelly-workshop__features,.jelly-workshop__abilities{grid-template-columns:1fr}.jelly-workshop__body{padding:12px}.jelly-cell-tooltip__footer{display:block}.jelly-cell-tooltip__footer span:last-child{display:block;margin-top:5px;text-align:left}}
@media(prefers-reduced-motion:reduce){.jelly-cell-badge *,.jelly-cell-tooltip *,.jelly-workshop *{animation:none!important}}
.ability-progression.is-jelly-cells-details{--progression-accent:#79d7fd;display:grid;gap:6px;margin-top:8px}
.ability-progression.is-jelly-cells-details .ability-progression-step{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:8px 10px;border:1px solid #79d7fd55;border-left:3px solid #1d77ef;border-radius:9px;background:linear-gradient(110deg,#1d77ef21,#020a1cb8)}
.ability-progression.is-jelly-cells-details .ability-progression-label{color:#bdeaff;font-weight:800;border-bottom:1px solid #79d7fd42;padding-bottom:4px}
.ability-progression.is-jelly-cells-details .ability-progression-copy{color:#e0edfa;line-height:1.45}
.ability-progression.is-jelly-cells-details .ability-progression-step.is-current{border-color:#9a5aed;box-shadow:inset 3px 0 #9a5aed,0 0 10px #9a5aed38;background:linear-gradient(110deg,#9a5aed2c,#10152ab8)}
.ability-progression.is-jelly-cells-details .ability-inline-icon{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.2em}
.jelly-cell-badge[data-j-motif="academy"]::after{content:"";position:absolute;left:8px;top:10px;z-index:3;width:19px;height:12px;background:var(--jc2);clip-path:polygon(50% 25%,58% 5%,70% 28%,100% 0,88% 52%,69% 74%,50% 55%,31% 74%,12% 52%,0 0,30% 28%,42% 5%);filter:drop-shadow(0 0 5px var(--jc2));animation:jellyFloat 3s ease-in-out infinite}
.jelly-cell-tooltip[data-j-motif="academy"]::before,.jelly-workshop[data-j-motif="academy"]::before{content:"";position:absolute;z-index:0;right:-16px;top:-28px;width:180px;height:180px;border-radius:50%;opacity:.28;background:repeating-conic-gradient(from 10deg,#c3a5ff 0deg 1deg,transparent 1deg 23deg),repeating-radial-gradient(circle,transparent 0 18px,#9a5aed 19px 20px);mask-image:radial-gradient(circle,#000 15%,transparent 70%);pointer-events:none}
.jelly-cell-tooltip[data-j-motif="academy"]::after,.jelly-workshop[data-j-motif="academy"]::after{content:"";position:absolute;z-index:0;right:18px;top:24px;width:34px;height:21px;background:#b491ff;clip-path:polygon(50% 30%,58% 4%,70% 31%,100% 0,89% 55%,69% 77%,50% 58%,31% 77%,11% 55%,0 0,30% 31%,42% 4%);filter:drop-shadow(0 0 7px #9a5aed);opacity:.58;pointer-events:none}
.jelly-cell-tooltip[data-j-motif="academy"] .jelly-cell-tooltip__vfx::after,.jelly-workshop[data-j-motif="academy"] .jelly-workshop__atmosphere::after{content:"";position:absolute;right:8%;bottom:8%;width:44px;height:43px;opacity:.35;background:radial-gradient(ellipse at 50% 47%,#c5aaff 0 7px,transparent 8px),linear-gradient(30deg,transparent 46%,#c5aaff 47% 49%,transparent 50%) left 6px top 10px/26px 15px no-repeat,linear-gradient(-30deg,transparent 46%,#c5aaff 47% 49%,transparent 50%) right 6px top 10px/26px 15px no-repeat,linear-gradient(60deg,transparent 47%,#c5aaff 48% 50%,transparent 51%) left 1px bottom 4px/27px 21px no-repeat,linear-gradient(-60deg,transparent 47%,#c5aaff 48% 50%,transparent 51%) right 1px bottom 4px/27px 21px no-repeat;filter:drop-shadow(0 0 5px #9a5aed)}