.karthy-dragon-meter {
    --karthy-c1:#000;--karthy-c2:#330F4E;--karthy-c3:#5F1DAD;--karthy-c4:#B31982;--karthy-c5:#AA7477;
    position:absolute;left:40px;bottom:5px;z-index:19;display:grid;place-items:center;
    width:100px;height:88px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;
    cursor:pointer;isolation:isolate;filter:drop-shadow(0 7px 9px #000d);
}
.karthy-dragon-meter::before {content:"";position:absolute;inset:8px 12px 6px;z-index:-1;border:1px solid var(--karthy-c5);border-radius:50%;background:radial-gradient(circle,var(--karthy-c3),var(--karthy-c2) 52%,var(--karthy-c1) 82%);box-shadow:inset 0 0 19px var(--karthy-c4),0 0 19px var(--karthy-c3);animation:karthy-breathe 2.6s ease-in-out infinite alternate}
.karthy-dragon-meter::after {content:"";position:absolute;inset:2px 6px;z-index:0;border:1px dashed var(--karthy-c5);border-radius:50%;opacity:.8;pointer-events:none;animation:karthy-orbit 9s linear infinite}
.karthy-dragon-meter__dragon {position:absolute;z-index:2;left:10px;top:0;width:80px;height:76px;object-fit:contain;filter:drop-shadow(0 0 7px var(--karthy-c4)) drop-shadow(0 0 13px var(--karthy-c3));animation:karthy-dragon-float 3.2s ease-in-out infinite}
.karthy-dragon-meter:hover .karthy-dragon-meter__dragon,.karthy-dragon-meter:focus-visible .karthy-dragon-meter__dragon {filter:brightness(1.25) drop-shadow(0 0 11px var(--karthy-c5)) drop-shadow(0 0 19px var(--karthy-c4))}
.karthy-dragon-meter__aura {position:absolute;inset:4px 10px;z-index:1;pointer-events:none}
.karthy-dragon-meter__aura i {position:absolute;width:7px;height:18px;left:50%;top:50%;border-radius:65% 35% 60% 40%;background:linear-gradient(0deg,var(--karthy-c3),var(--karthy-c4),var(--karthy-c5));box-shadow:0 0 9px var(--karthy-c4);transform-origin:0 0;animation:karthy-flame 1.6s ease-in-out infinite alternate}
.karthy-dragon-meter__aura i:nth-child(1){transform:rotate(22deg) translateY(-39px)}
.karthy-dragon-meter__aura i:nth-child(2){transform:rotate(108deg) translateY(-39px);animation-delay:.3s}
.karthy-dragon-meter__aura i:nth-child(3){transform:rotate(204deg) translateY(-39px);animation-delay:.6s}
.karthy-dragon-meter__aura i:nth-child(4){transform:rotate(297deg) translateY(-39px);animation-delay:.9s}
.karthy-dragon-meter__count {position:absolute;z-index:3;right:0;bottom:0;display:flex;align-items:center;gap:2px;min-width:35px;justify-content:center;padding:3px 6px;border:1px solid var(--karthy-c5);border-radius:11px;background:color-mix(in srgb,var(--karthy-c1) 85%,var(--karthy-c2));font:800 12px Montserrat,sans-serif;box-shadow:0 0 10px var(--karthy-c4)}
.karthy-dragon-meter__count img {width:15px;height:15px;object-fit:contain}
.karthy-dragon-meter[data-karthy-stage="1"]::before {box-shadow:inset 0 0 22px var(--karthy-c4),0 0 25px var(--karthy-c3),0 0 33px var(--karthy-c4)}
.karthy-dragon-meter[data-karthy-stage="2"]::before {box-shadow:inset 0 0 24px var(--karthy-c5),0 0 31px var(--karthy-c4),0 0 43px var(--karthy-c3)}
.karthy-dragon-meter:focus-visible {outline:2px solid var(--karthy-c5);outline-offset:3px}
.v3-card[data-karthy-stage="2"].karthy-dragonfire {box-shadow:0 0 25px color-mix(in srgb,var(--karthy-c4) 38%,transparent),inset 0 0 25px color-mix(in srgb,var(--karthy-c3) 22%,transparent)}

.karthy-dragon-tooltip,.karthy-dragon-workshop {
    --karthy-c1:#000;--karthy-c2:#330F4E;--karthy-c3:#5F1DAD;--karthy-c4:#B31982;--karthy-c5:#AA7477;
    box-sizing:border-box;color:#f9edf8;font:14px/1.45 Outfit,sans-serif;border:2px solid var(--karthy-c4);
    background:radial-gradient(circle at 82% 0,color-mix(in srgb,var(--karthy-c3) 40%,transparent),transparent 44%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--karthy-c2) 70%,transparent),transparent 45%),linear-gradient(145deg,#1a0a25,#09040f 65%,#210c29);
    box-shadow:0 20px 60px #000d,0 0 24px color-mix(in srgb,var(--karthy-c4) 45%,transparent),inset 0 0 0 4px #ffffff0b,inset 0 0 35px #0008;
}
.karthy-dragon-tooltip {position:fixed;z-index:100100;width:min(440px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;border-radius:20px;padding:17px;pointer-events:none;isolation:isolate}
.karthy-dragon-tooltip__art {position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.karthy-dragon-tooltip__art i {position:absolute;width:100px;height:100px;border:1px solid var(--karthy-c5);border-radius:50%;opacity:.17;animation:karthy-orbit 18s linear infinite}
.karthy-dragon-tooltip__art i:nth-child(1){right:-25px;top:-35px}.karthy-dragon-tooltip__art i:nth-child(2){left:-30px;bottom:-30px;animation-direction:reverse}.karthy-dragon-tooltip__art i:nth-child(3){width:210px;height:210px;right:20px;top:-100px;border-style:dashed}
.karthy-dragon-tooltip header {display:flex;align-items:center;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--karthy-c5) 30%,transparent);padding-bottom:12px}
.karthy-dragon-tooltip header>img {width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 0 10px var(--karthy-c4))}
.karthy-dragon-tooltip header>div {display:grid;gap:2px;flex:1;min-width:0}
.karthy-dragon-tooltip header small,.karthy-dragon-workshop small {font:800 10px/1.3 Montserrat,sans-serif;letter-spacing:.11em;color:var(--karthy-c5)}
.karthy-dragon-tooltip header strong {font:900 19px/1.15 Montserrat,sans-serif;color:#fff}
.karthy-dragon-tooltip header span {font-size:11px;color:#d9badf}
.karthy-dragon-tooltip header>b {font:900 25px/1 Montserrat,sans-serif;color:#fff;white-space:nowrap;text-align:right}
.karthy-dragon-tooltip header>b small {display:block}
.karthy-dragon-tooltip__bar,.karthy-dragon-workshop__bar {height:16px;margin:14px 0 10px;border:1px solid var(--karthy-c4);border-radius:10px;background:#06020a;overflow:hidden}
.karthy-dragon-tooltip__bar i,.karthy-dragon-workshop__bar i {display:block;width:calc(var(--karthy-fill) * 100%);height:100%;background:linear-gradient(90deg,var(--karthy-c2),var(--karthy-c3),var(--karthy-c4),var(--karthy-c5));box-shadow:0 0 12px var(--karthy-c4);transition:width .4s}
.karthy-dragon-tooltip__tiers,.karthy-dragon-workshop__tiers {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.karthy-dragon-tooltip__tiers span,.karthy-dragon-workshop__tiers span {display:grid;gap:3px;justify-items:center;padding:8px 4px;border:1px solid #ffffff18;border-radius:8px;background:#0008;text-align:center;opacity:.6}
.karthy-dragon-tooltip__tiers .is-reached,.karthy-dragon-workshop__tiers .is-reached {opacity:1;border-color:var(--karthy-c4)}
.karthy-dragon-tooltip__tiers .is-current,.karthy-dragon-workshop__tiers .is-current {border-color:var(--karthy-c5);background:color-mix(in srgb,var(--karthy-c3) 22%,#000);box-shadow:inset 0 0 12px var(--karthy-c4),0 0 10px color-mix(in srgb,var(--karthy-c4) 45%,transparent)}
.karthy-dragon-tooltip__tiers b,.karthy-dragon-workshop__tiers b {color:var(--karthy-c5);font:900 11px Montserrat,sans-serif}
.karthy-dragon-tooltip__tiers small,.karthy-dragon-workshop__tiers small {font:700 10px/1.2 Outfit,sans-serif;color:#f1e7f4;letter-spacing:0}
.karthy-dragon-tooltip p {display:flex;align-items:center;gap:8px;margin:12px 0 8px;padding:9px;border:1px solid #ffffff18;border-radius:9px;background:#0008;font-size:12px}
.karthy-dragon-tooltip p img {width:29px;height:29px;object-fit:contain}
.karthy-dragon-tooltip p b {color:var(--karthy-c5)}
.karthy-dragon-tooltip__hint {display:block;color:#d9c3df;font-size:10px}

.karthy-dragon-workshop {width:min(900px,calc(100vw - 20px));max-height:90dvh;overflow:auto;border-radius:22px;padding:25px;scrollbar-color:var(--karthy-c4) #120819;scrollbar-width:thin}
.karthy-dragon-workshop::backdrop {background:#08020ddb;backdrop-filter:blur(8px)}
.karthy-dragon-workshop__close {float:right;position:sticky;top:0;z-index:3;padding:8px 15px;color:#fff;border:1px solid var(--karthy-c4);border-radius:9px;background:#190c20;cursor:pointer;font:800 12px Montserrat,sans-serif}
.karthy-dragon-workshop__hero {display:flex;align-items:center;gap:18px}
.karthy-dragon-workshop__hero>img {width:108px;height:100px;object-fit:contain;filter:drop-shadow(0 0 16px var(--karthy-c4));animation:karthy-dragon-float 4s ease-in-out infinite}
.karthy-dragon-workshop h2 {margin:3px 0;color:#f9daf3;font:900 28px Montserrat,sans-serif}
.karthy-dragon-workshop__hero p {margin:3px 0}
.karthy-dragon-workshop__tiers span {min-height:82px;align-content:center}
.karthy-dragon-workshop__tiers img {width:27px;height:27px;object-fit:contain}
.karthy-dragon-workshop__tiers small em {display:block;margin-top:3px;color:#cdaed3;font:600 9px/1.25 Outfit,sans-serif;font-style:normal}
.karthy-dragon-workshop__rules {display:grid;gap:8px;margin:20px 0}
.karthy-dragon-workshop__rules section {display:flex;align-items:center;gap:12px;padding:10px;border:1px solid color-mix(in srgb,var(--karthy-c4) 40%,transparent);border-radius:11px;background:#ffffff08}
.karthy-dragon-workshop__rules img {width:40px;height:40px;object-fit:contain;flex-shrink:0}
.karthy-dragon-workshop__rules p {margin:0}
.karthy-dragon-workshop__rules b {color:#f5c2e8}
.karthy-dragon-workshop__abilities {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.karthy-dragon-workshop__abilities section {min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--karthy-c4) 40%,transparent);border-radius:12px;background:#0006}
.karthy-dragon-workshop__abilities section>img {float:right;width:43px;height:43px;object-fit:contain}
.karthy-dragon-workshop h3 {margin:3px 0 8px;color:#f7d1ef;font:800 15px Montserrat,sans-serif}
.karthy-dragon-workshop__abilities .ability-description-summary {font-size:12px;line-height:1.35}
.karthy-dragon-workshop__abilities .ability-progression {margin-top:7px}
.karthy-dragon-workshop__abilities .ability-progression-label {font-size:10px;line-height:1.2}
.karthy-dragon-workshop__abilities .ability-progression-copy {font-size:11px;line-height:1.35}
.karthy-dragon-workshop__abilities .ability-progression-step {min-height:42px}
@keyframes karthy-orbit {to{transform:rotate(360deg)}}
/* Academy uniform enamel, paper edges and faculty crest. */
.karthy-dragon-meter[data-karthy-theme="akademia"]::before{inset:6px 9px 0;border-radius:12px 12px 36% 36%;background:radial-gradient(ellipse at 50% 30%,#4ebc84,#1c8b74 48%,#082c23 88%);border:2px solid #9ed269;box-shadow:inset 0 0 0 4px #123e2b,0 0 19px #3eb771}
.karthy-dragon-meter[data-karthy-theme="akademia"]::after{inset:7px 14px 10px;border-radius:5px 5px 40% 40%;border:1px solid #9ed269;animation:karthy-breathe 3s ease-in-out infinite alternate}
.karthy-dragon-meter[data-karthy-theme="akademia"] .karthy-dragon-meter__count{background:#082c23;color:#f0ffe1}
.karthy-dragon-meter[data-karthy-theme="akademia"] .karthy-dragon-meter__aura i{width:10px;height:14px;border-radius:1px;background:repeating-linear-gradient(0deg,#efffde 0 3px,#4ebc84 3px 4px);box-shadow:0 0 8px #78d479}
.karthy-dragon-tooltip[data-karthy-theme="akademia"],.karthy-dragon-workshop[data-karthy-theme="akademia"]{color:#edffe4;border-color:#9ed269;background:linear-gradient(135deg,#173e2e,#071f1a 62%,#174b39);box-shadow:0 20px 60px #000d,0 0 24px #3eb77155,inset 0 0 0 4px #9ed26915,inset 0 0 35px #0005}
[data-karthy-theme="akademia"] .karthy-dragon-tooltip__art i{border-radius:4px 4px 40% 40%;border:2px solid #9ed269;transform:rotate(-15deg);animation:karthy-academy-paper 7s ease-in-out infinite alternate}
[data-karthy-theme="akademia"] .karthy-dragon-tooltip__art i:nth-child(3){border-radius:3px;width:120px;height:160px;background:repeating-linear-gradient(0deg,transparent 0 14px,#9ed26933 14px 15px);top:-35px}
[data-karthy-theme="akademia"] .karthy-dragon-tooltip__bar,[data-karthy-theme="akademia"] .karthy-dragon-workshop__bar{background:#061910;border-color:#4ebc84}
.karthy-dragon-tooltip[data-karthy-theme="akademia"] header span,[data-karthy-theme="akademia"] .karthy-dragon-tooltip__hint,[data-karthy-theme="akademia"] .karthy-dragon-workshop__tiers small em{color:#c5e8b8}
.karthy-dragon-workshop[data-karthy-theme="akademia"] h2,.karthy-dragon-workshop[data-karthy-theme="akademia"] h3,[data-karthy-theme="akademia"] .karthy-dragon-workshop__rules b{color:#d9fca5}
[data-karthy-theme="akademia"] .karthy-dragon-workshop__close{background:#10382a;border-color:#78d479}
[data-karthy-theme="akademia"] .karthy-dragon-workshop__tiers img,[data-karthy-theme="akademia"] .karthy-dragon-workshop__abilities section>img{filter:hue-rotate(145deg) saturate(.8)}
@keyframes karthy-academy-paper{to{transform:translateY(6px) rotate(-9deg);opacity:.24}}
@keyframes karthy-flame {to{opacity:.35;scale:.65 1.5;filter:blur(2px)}}
@keyframes karthy-breathe {to{transform:scale(1.05);filter:brightness(1.2)}}
@keyframes karthy-dragon-float {50%{transform:translateY(-4px) rotate(3deg)}}
@media(max-width:600px){.karthy-dragon-workshop{padding:15px}.karthy-dragon-workshop__abilities{grid-template-columns:1fr}.karthy-dragon-workshop__hero>img{width:74px;height:74px}.karthy-dragon-workshop h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.karthy-dragon-meter::before,.karthy-dragon-meter::after,.karthy-dragon-meter__dragon,.karthy-dragon-meter__aura i,.karthy-dragon-tooltip__art i,.karthy-dragon-workshop__hero>img{animation:none}}
