.tristan-energy-meter{position:absolute;left:41px;bottom:4px;z-index:19;width:88px;height:86px;padding:0;border:0;background:none;overflow:visible;cursor:pointer;color:var(--tristan-c5);isolation:isolate}
.tristan-energy-meter__glow{position:absolute;z-index:0;inset:-9px -7px 4px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tristan-c5) 48%,transparent) 0%,color-mix(in srgb,var(--tristan-c1) 40%,transparent) 34%,color-mix(in srgb,var(--tristan-c2) 24%,transparent) 56%,transparent 73%);box-shadow:0 0 19px 3px color-mix(in srgb,var(--tristan-c1) 56%,transparent);filter:blur(5px);animation:tristan-breathe 3s ease-in-out infinite}
.tristan-energy-meter__vfx{position:absolute;z-index:1;inset:-12px -12px 6px;pointer-events:none;isolation:isolate}
.tristan-energy-meter__vfx::before{content:"";position:absolute;inset:4px 10px 3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 12%,color-mix(in srgb,var(--tristan-c5) 55%,transparent) 17%,transparent 21% 44%,color-mix(in srgb,var(--tristan-c1) 50%,transparent) 49%,transparent 54% 75%,color-mix(in srgb,var(--tristan-c5) 40%,transparent) 79%,transparent 83%);filter:blur(4px);mask:radial-gradient(farthest-side,transparent 54%,#000 78%,transparent 100%);animation:tristan-spin 11s linear infinite}
.tristan-energy-meter__particle{position:absolute;left:50%;top:46%;width:0;height:0;animation:tristan-meter-orbit 8s linear infinite;animation-delay:var(--delay)}
.tristan-energy-meter__particle>i{position:absolute;left:var(--orbit);top:0;display:block;width:11px;height:7px;margin:-4px 0 0 -5px;border-radius:85% 5% 85% 5%;background:linear-gradient(130deg,var(--tristan-c5),var(--tristan-c1) 48%,var(--tristan-c2));box-shadow:0 0 7px 2px color-mix(in srgb,var(--tristan-c1) 65%,transparent);transform:rotate(-32deg);animation:tristan-meter-shimmer 2.1s ease-in-out infinite alternate;animation-delay:var(--delay)}
.tristan-energy-meter__particle.is-acorn>i{width:15px;height:15px;margin:-7px 0 0 -7px;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 0 5px var(--tristan-c5))}
.tristan-energy-meter__particle.is-acorn img{display:block;width:100%;height:100%;object-fit:contain}
.tristan-energy-meter__particle.is-spark>i{width:5px;height:5px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--tristan-c5);box-shadow:0 0 7px 2px var(--tristan-c5),0 0 13px var(--tristan-c1)}
.tristan-energy-meter[data-theme="mese"] .tristan-energy-meter__particle.is-leaf>i{width:9px;height:9px;border-radius:70% 0 70% 0;background:linear-gradient(135deg,var(--tristan-c4),var(--tristan-c1));transform:rotate(45deg)}
.tristan-energy-meter[data-theme="aka"] .tristan-energy-meter__particle.is-leaf>i{width:9px;height:9px;border:1px solid var(--tristan-c5);border-radius:2px;background:var(--tristan-c2);transform:rotate(45deg)}
.tristan-energy-meter[data-theme="kalandor"] .tristan-energy-meter__particle.is-leaf>i{background:linear-gradient(130deg,var(--tristan-c5),var(--tristan-c4),var(--tristan-c3))}
.tristan-energy-meter__ring{position:absolute;z-index:2;inset:3px;border-radius:50%;background:conic-gradient(var(--tristan-c5) calc(var(--tristan-fill)*1turn),color-mix(in srgb,var(--tristan-c3) 32%,#101810) 0);box-shadow:0 0 10px var(--tristan-c1);mask:radial-gradient(farthest-side,transparent 72%,#000 75%)}
.tristan-energy-meter>img{position:absolute;z-index:3;inset:4px 8px 16px;width:72px;height:67px;object-fit:contain;filter:drop-shadow(0 0 7px var(--tristan-c1));animation:tristan-float 3.7s ease-in-out infinite}
.tristan-energy-meter>b{position:absolute;z-index:4;bottom:0;left:0;right:0;font:900 12px/1.2 Montserrat,sans-serif;text-shadow:0 1px 4px #000,0 0 8px var(--tristan-c1)}
.tristan-energy-meter.is-ancient .tristan-energy-meter__glow{box-shadow:0 0 28px 8px color-mix(in srgb,var(--tristan-c5) 60%,transparent)}
.tristan-energy-meter.is-ancient .tristan-energy-meter__vfx::before{animation-duration:5s}
.tristan-energy-meter.is-ancient .tristan-energy-meter__ring{animation:tristan-spin 7s linear infinite;box-shadow:0 0 18px var(--tristan-c5)}
.tristan-energy-meter:focus-visible{outline:2px solid var(--tristan-c5);outline-offset:3px;border-radius:50%}
.tristan-tooltip,.tristan-dialog{box-sizing:border-box;color:#f5f7e9;font:14px/1.45 Outfit,sans-serif;border:2px solid var(--tristan-c1);background:radial-gradient(circle at 82% 0,color-mix(in srgb,var(--tristan-c1) 38%,transparent),transparent 44%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--tristan-c4) 75%,transparent),transparent 45%),linear-gradient(145deg,#122013,#080d0b 65%,#19170d);box-shadow:0 20px 60px #000d,0 0 24px color-mix(in srgb,var(--tristan-c1) 45%,transparent),inset 0 0 0 4px #ffffff0b,inset 0 0 35px #0008}
.tristan-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}
.tristan-tooltip__art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.tristan-tooltip__art i{position:absolute;width:90px;height:90px;border:1px solid var(--tristan-c5);border-radius:50%;opacity:.13;animation:tristan-spin 18s linear infinite}.tristan-tooltip__art i:nth-child(1){right:-25px;top:-30px}.tristan-tooltip__art i:nth-child(2){left:-30px;bottom:-30px;animation-direction:reverse}.tristan-tooltip__art i:nth-child(3){width:210px;height:210px;right:20px;top:-100px;border-style:dashed}
.tristan-energy-meter::after,.tristan-tooltip::after,.tristan-dialog::after{position:absolute;pointer-events:none;color:var(--tristan-c5);text-shadow:0 0 10px var(--tristan-c1);opacity:.8}.tristan-energy-meter::after{content:'❧';right:2px;top:2px;font-size:13px}.tristan-tooltip::after,.tristan-dialog::after{content:'❧';right:24px;bottom:14px;font-size:24px;opacity:.3}
.tristan-energy-meter[data-theme="mese"]::after,.tristan-tooltip[data-theme="mese"]::after,.tristan-dialog[data-theme="mese"]::after{content:'♥'}.tristan-energy-meter[data-theme="aka"]::after,.tristan-tooltip[data-theme="aka"]::after,.tristan-dialog[data-theme="aka"]::after{content:'▣'}.tristan-energy-meter[data-theme="kalandor"]::after,.tristan-tooltip[data-theme="kalandor"]::after,.tristan-dialog[data-theme="kalandor"]::after{content:'✦'}
.tristan-tooltip[data-theme="mese"] .tristan-tooltip__art i{border-style:dotted;border-radius:50%}.tristan-tooltip[data-theme="aka"] .tristan-tooltip__art i{border-radius:8px;transform:rotate(15deg)}.tristan-tooltip[data-theme="kalandor"] .tristan-tooltip__art i{border-style:dashed;border-radius:6px}
.tristan-tooltip header{display:flex;align-items:center;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--tristan-c5) 30%,transparent);padding-bottom:12px}.tristan-tooltip header>img{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 0 10px var(--tristan-c1))}.tristan-tooltip header>div{display:grid;gap:2px;flex:1}.tristan-tooltip header small,.tristan-dialog small{font:800 10px/1.3 Montserrat,sans-serif;letter-spacing:.11em;color:var(--tristan-c5)}.tristan-tooltip header strong{font:900 19px/1.15 Montserrat,sans-serif}.tristan-tooltip header span{font-size:11px;color:var(--tristan-c3)}.tristan-tooltip header>b{font:900 25px/1 Montserrat,sans-serif;color:var(--tristan-c5);white-space:nowrap}.tristan-tooltip header>b small{display:block;text-align:right}
.tristan-tooltip__bar,.tristan-dialog__bar{height:16px;margin:14px 0 10px;border:1px solid var(--tristan-c1);border-radius:10px;background:#030904;overflow:hidden}.tristan-tooltip__bar i,.tristan-dialog__bar i{display:block;width:calc(var(--tristan-fill)*100%);height:100%;background:linear-gradient(90deg,var(--tristan-c4),var(--tristan-c1),var(--tristan-c5));box-shadow:0 0 12px var(--tristan-c5);transition:width .4s}
.tristan-tooltip__tiers,.tristan-dialog__tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.tristan-tooltip__tiers span,.tristan-dialog__tiers span{display:grid;gap:2px;justify-items:center;padding:7px 2px;border:1px solid #ffffff18;border-radius:8px;background:#0007;text-align:center;opacity:.54}.tristan-tooltip__tiers .is-reached,.tristan-dialog__tiers .is-reached{opacity:1;border-color:var(--tristan-c1)}.tristan-tooltip__tiers .is-current,.tristan-dialog__tiers .is-current{border-color:var(--tristan-c5);background:color-mix(in srgb,var(--tristan-c1) 22%,#000);box-shadow:inset 0 0 12px var(--tristan-c1)}.tristan-tooltip__tiers b,.tristan-dialog__tiers b{color:var(--tristan-c5);font:900 12px Montserrat,sans-serif}.tristan-tooltip__tiers small,.tristan-dialog__tiers small{font:600 9px Outfit,sans-serif;color:#eee;letter-spacing:0}
.tristan-tooltip p{display:flex;align-items:center;gap:8px;margin:12px 0 8px;padding:9px;border:1px solid #ffffff18;border-radius:9px;background:#0007;font-size:12px}.tristan-tooltip p img{width:29px;height:29px;object-fit:contain}.tristan-tooltip p b{color:var(--tristan-c5)}.tristan-tooltip__hint{display:block;color:#cbd2bd;font-size:10px}
.tristan-dialog{width:min(900px,calc(100vw - 20px));max-height:90dvh;overflow:auto;border-radius:22px;padding:25px}.tristan-dialog::backdrop{background:#020705db;backdrop-filter:blur(8px)}.tristan-dialog__close{float:right;position:sticky;top:0;z-index:2;padding:8px 15px;color:var(--tristan-c5);border:1px solid var(--tristan-c1);border-radius:9px;background:#101810;cursor:pointer}.tristan-dialog__hero{display:flex;align-items:center;gap:18px}.tristan-dialog__hero>img{width:108px;height:100px;object-fit:contain;filter:drop-shadow(0 0 16px var(--tristan-c1));animation:tristan-float 4s ease-in-out infinite}.tristan-dialog h2{margin:3px 0;color:var(--tristan-c5);font:900 28px Montserrat,sans-serif}.tristan-dialog__hero p{margin:3px 0}.tristan-dialog__rules{display:grid;gap:8px;margin:20px 0}.tristan-dialog__rules section{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid color-mix(in srgb,var(--tristan-c1) 40%,transparent);border-radius:11px;background:#ffffff08}.tristan-dialog__rules img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.tristan-dialog__rules p{margin:0}.tristan-dialog__abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tristan-dialog__abilities section{padding:13px;border:1px solid color-mix(in srgb,var(--tristan-c1) 40%,transparent);border-radius:12px;background:#0005}.tristan-dialog__abilities section>img{float:right;width:43px;height:43px;object-fit:contain}.tristan-dialog h3{color:var(--tristan-c5);font:800 15px Montserrat,sans-serif}
.vshop-skin-effect-preview.is-tristan-acorn{border-color:var(--effect-light-b);background:radial-gradient(circle,color-mix(in srgb,var(--effect-spark-a) 30%,transparent),#080d0b 72%);box-shadow:0 0 14px var(--effect-spark-a)}.vshop-skin-effect-preview.is-tristan-acorn img{filter:drop-shadow(0 0 9px var(--effect-spark-b));animation:tristan-float 3.7s ease-in-out infinite}
.v3-arrow-tray.v3-arrow-tray-tristan{border-color:var(--april-c5);box-shadow:0 0 34px var(--april-c1),inset 0 0 20px color-mix(in srgb,var(--april-c5) 30%,transparent)}
.v3-arrow-tray.v3-arrow-tray-tristan .v3-arrow-icon{filter:drop-shadow(0 0 9px var(--april-c1))}
@keyframes tristan-float{50%{transform:translateY(-6px) rotate(-4deg)}}@keyframes tristan-breathe{50%{opacity:.58;transform:scale(1.12)}}@keyframes tristan-spin{to{transform:rotate(360deg)}}
@keyframes tristan-meter-orbit{from{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) + 360deg))}}
@keyframes tristan-meter-shimmer{from{opacity:.48;filter:brightness(.85)}to{opacity:1;filter:brightness(1.4)}}
@media(max-width:600px){.tristan-dialog{padding:15px}.tristan-dialog__abilities{grid-template-columns:1fr}.tristan-dialog__hero>img{width:74px;height:74px}.tristan-dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.tristan-energy-meter *,.tristan-energy-meter__vfx::before,.tristan-tooltip *,.tristan-dialog *,.vshop-skin-effect-preview.is-tristan-acorn img{animation:none!important}}

/* Hide any obsolete frame left by a previously loaded combat module. */
.tristan-state-frame{display:none!important}
/* Halloween Tristan: kísértetzöld-orchidea természetmágia, töklámpás jelzés. */
.tristan-energy-meter[data-theme="halloween"]::after,.tristan-tooltip[data-theme="halloween"]::after,.tristan-dialog[data-theme="halloween"]::after{content:'☾';color:#DA67FD;text-shadow:0 0 10px #4CDC82}
.tristan-tooltip[data-theme="halloween"] .tristan-tooltip__art i{border-style:dashed;border-color:#4CDC82;border-radius:48% 48% 44% 44%}
.tristan-dialog[data-theme="halloween"]{background:radial-gradient(circle at 82% 0,rgba(218,103,253,.3),transparent 44%),radial-gradient(circle at 0 100%,rgba(76,220,130,.24),transparent 45%),linear-gradient(145deg,#1f0f3d,#120a24 60%,#12302d)}