.randal-ammo-meter{--randal-c1:#ad793e;--randal-c2:#ffe2a0;position:absolute;left:40px;bottom:5px;z-index:19;width:100px;height:88px;isolation:isolate;border:0;background:none;cursor:pointer;color:var(--randal-c2);padding:0;flex-shrink:0}
.randal-ammo-meter__halo{position:absolute;inset:10px;border:1px solid var(--randal-c1);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--randal-c1) 42%,transparent),transparent 70%);box-shadow:0 0 18px color-mix(in srgb,var(--randal-c1) 35%,transparent)}
.randal-ammo-meter__gun{position:absolute;inset:0 4px;width:92px;height:64px;object-fit:contain;filter:drop-shadow(0 0 6px var(--randal-c1));animation:randal-float 3.6s ease-in-out infinite}
.randal-ammo-meter .randal-shells{position:absolute;bottom:11px;left:0;right:0;gap:0}
.randal-shells{display:flex;justify-content:center;gap:12px}.randal-shells i{display:block;width:42px;height:46px;filter:grayscale(1);opacity:.23;transition:filter .2s,opacity .2s}.randal-shells img{width:100%;height:100%;object-fit:contain}.randal-shells .is-loaded{opacity:1;filter:drop-shadow(0 0 6px var(--randal-c1))}.randal-ammo-meter .randal-shells i{width:21px;height:28px}
.randal-ammo-meter>b{position:absolute;bottom:0;left:0;right:0;font:700 12px/1.2 sans-serif;text-shadow:0 1px 4px #000}.randal-ammo-meter.is-ready .randal-ammo-meter__halo{animation:randal-ready 1.5s ease-in-out infinite}.randal-ammo-meter:focus-visible{outline:2px solid var(--randal-c5);outline-offset:4px;border-radius:50%}
.randal-panel{box-sizing:border-box;color:var(--randal-c3);border:1px solid var(--randal-c1);border-radius:18px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--randal-c4) 70%,transparent),transparent 65%),linear-gradient(145deg,#171a19,#090b0e);box-shadow:0 20px 60px #000b,inset 0 0 40px color-mix(in srgb,var(--randal-c1) 12%,transparent);font:14px/1.55 sans-serif;padding:22px;overflow:hidden}
.randal-panel h2,.randal-panel h3{color:var(--randal-c2);margin:5px 0 12px}.randal-panel small{font-size:10px;letter-spacing:.12em;color:var(--randal-c5)}.randal-panel p{margin:10px 0}.randal-panel__head{display:flex;align-items:center;gap:16px}.randal-panel__head>img{width:100px;height:85px;object-fit:contain;filter:drop-shadow(0 0 12px var(--randal-c1));animation:randal-float 4s ease-in-out infinite}.randal-panel__stats{display:flex;justify-content:space-between;color:var(--randal-c2);font-weight:700;border-block:1px solid color-mix(in srgb,var(--randal-c1) 50%,transparent);padding:12px 0}
.randal-tooltip{position:fixed;z-index:100100;width:min(480px,calc(100vw - 20px));max-height:calc(100dvh - 16px);overflow:auto;border-radius:20px;pointer-events:none}.randal-workshop{width:min(900px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:28px}.randal-workshop::backdrop{background:#03070cdf;backdrop-filter:blur(7px)}.randal-workshop__close{float:right;position:sticky;top:0;z-index:2;padding:9px 15px;color:var(--randal-c2);border:1px solid var(--randal-c1);border-radius:9px;background:#101315;cursor:pointer}.randal-workshop__rules{display:grid;gap:10px;margin:22px 0}.randal-workshop__rules section{display:flex;gap:18px;align-items:center;padding:12px;border:1px solid color-mix(in srgb,var(--randal-c1) 30%,transparent);border-radius:12px;background:#ffffff04}.randal-workshop__rules img{width:55px;height:55px;object-fit:contain;flex-shrink:0}.randal-workshop__abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.randal-workshop__abilities section{padding:18px;border-radius:12px;background:#ffffff06;border:1px solid color-mix(in srgb,var(--randal-c1) 30%,transparent)}.randal-workshop__abilities section>img{width:45px;height:45px;object-fit:contain;float:right}
.vshop-skin-effect-preview.is-randal-gun{border-color:var(--effect-light-b);background:radial-gradient(circle at 42% 34%,color-mix(in srgb,var(--effect-spark-b) 24%,transparent),#080c15 72%);box-shadow:0 4px 12px #000b,0 0 13px color-mix(in srgb,var(--effect-spark-a) 40%,transparent)}
@keyframes randal-float{50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes randal-ready{50%{box-shadow:0 0 26px var(--randal-c1),inset 0 0 15px var(--randal-c5);transform:scale(1.06)}}
@media(max-width:600px){.randal-workshop{padding:18px}.randal-workshop__abilities{grid-template-columns:1fr}.randal-panel__stats{font-size:12px}}
@media(prefers-reduced-motion:reduce){.randal-ammo-meter *,.randal-panel *,.vshop-skin-effect-preview.is-randal-gun{animation:none!important}}

/* Ariella's mechanic slot and panel hierarchy, with Randal's own arsenal palette. */
.v3-card .randal-ammo-meter{filter:drop-shadow(0 4px 5px #000b)}
.randal-ammo-meter .randal-shells{bottom:15px}
.randal-ammo-meter__halo{inset:5px 13px 9px;box-shadow:inset 0 0 0 3px #08090dcc,inset 0 0 0 4px #ffe2a01c,0 2px 8px #0009,0 0 12px color-mix(in srgb,var(--randal-c1) 35%,transparent)}
.randal-ammo-tooltip{
    position:relative;isolation:isolate;box-sizing:border-box;width:100%;padding:17px;overflow:hidden;
    border:2px solid var(--randal-c1);border-radius:20px;outline:1px solid color-mix(in srgb,var(--randal-c2) 35%,transparent);outline-offset:-6px;
    background:radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--randal-c1) 32%,transparent),transparent 40%),radial-gradient(circle at 10% 92%,color-mix(in srgb,var(--randal-c4) 42%,transparent),transparent 46%),linear-gradient(155deg,#171a19,#090d12 55%,#11140f);
    box-shadow:0 24px 70px #000e,0 0 26px color-mix(in srgb,var(--randal-c1) 40%,transparent),inset 0 0 48px #0009;
    color:#fff;font-family:Outfit,sans-serif;text-align:left;line-height:1.35;
}
.randal-ammo-tooltip.is-ready{border-color:var(--randal-c2);box-shadow:0 24px 70px #000e,0 0 40px color-mix(in srgb,var(--randal-c1) 55%,transparent),inset 0 0 48px #0009}
.randal-ammo-tooltip>*{position:relative;z-index:2}
.randal-ammo-tooltip>.randal-ammo-tooltip__vfx{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.randal-ammo-tooltip__vfx b{position:absolute;inset:-40%;border:1px dashed color-mix(in srgb,var(--randal-c2) 15%,transparent);border-radius:50%;animation:randal-arsenal-orbit 28s linear infinite}
.randal-ammo-tooltip__vfx b:nth-of-type(2){inset:-18%;border-style:dotted;border-color:color-mix(in srgb,var(--randal-c5) 18%,transparent);animation-direction:reverse;animation-duration:19s}
.randal-ammo-tooltip__vfx em{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--randal-c2) 9%,transparent) 49%,transparent 68%);animation:randal-arsenal-scan 7s ease-in-out infinite}
.randal-ammo-tooltip__vfx i{position:absolute;left:calc(8% + var(--i)*17%);bottom:-10px;width:3px;height:11px;border-radius:50%;background:var(--randal-c2);box-shadow:0 0 7px var(--randal-c1);opacity:0;animation:randal-arsenal-ember 5s linear infinite;animation-delay:calc(var(--i)*-.8s)}
.randal-ammo-tooltip header{display:flex;align-items:center;gap:12px;margin-bottom:11px;padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--randal-c2) 24%,transparent)}
.randal-ammo-tooltip__weapon{position:relative;display:grid;place-items:center;flex:0 0 64px;height:70px}
.randal-ammo-tooltip__weapon::before{content:"";position:absolute;inset:6px 0;border:1px solid color-mix(in srgb,var(--randal-c1) 60%,transparent);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--randal-c1) 30%,transparent),#070a0d);box-shadow:inset 0 0 12px #000}
.randal-ammo-tooltip__weapon img{position:relative;width:70px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px var(--randal-c1));animation:randal-float 3.6s ease-in-out infinite}
.randal-ammo-tooltip header>div{display:grid;flex:1;gap:4px;min-width:0}
.randal-ammo-tooltip header small{color:var(--randal-c2);font:800 9px/1.2 Montserrat,sans-serif;letter-spacing:.13em}
.randal-ammo-tooltip header strong{font:900 21px/1.1 Montserrat,sans-serif;text-shadow:0 0 15px color-mix(in srgb,var(--randal-c1) 65%,transparent)}
.randal-ammo-tooltip header em{color:var(--randal-c3);font:700 10px/1.2 Outfit,sans-serif;font-style:normal;letter-spacing:.06em}
.randal-ammo-tooltip.is-ready header em{color:var(--randal-c5)}
.randal-ammo-tooltip header>b{display:grid;justify-items:end;flex-shrink:0;font:900 27px/1 Montserrat,sans-serif;text-shadow:0 0 10px var(--randal-c1)}
.randal-ammo-tooltip header>b img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 6px var(--randal-c1))}
.randal-ammo-tooltip header>b small{margin-top:3px;color:#fff;font-size:9px;letter-spacing:.08em}
.randal-ammo-tooltip__tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}
.randal-ammo-tooltip__tiers>span{display:grid;justify-items:center;gap:3px;padding:7px 3px;border:1px solid #ffffff14;border-radius:10px;background:#0006;text-align:center}
.randal-ammo-tooltip__tiers img{width:31px;height:33px;object-fit:contain;opacity:.25;filter:grayscale(1)}
.randal-ammo-tooltip__tiers b{font:800 9px/1.1 Montserrat,sans-serif;color:#c6c6bf}
.randal-ammo-tooltip__tiers small{font:500 9px/1.2 Outfit,sans-serif;color:#b4b7b8}
.randal-ammo-tooltip__tiers .is-reached{border-color:color-mix(in srgb,var(--randal-c1) 60%,transparent)}
.randal-ammo-tooltip__tiers .is-reached img{opacity:1;filter:drop-shadow(0 0 5px var(--randal-c1))}
.randal-ammo-tooltip__tiers .is-current{border-color:var(--randal-c2);background:color-mix(in srgb,var(--randal-c1) 18%,#0007);box-shadow:0 0 12px color-mix(in srgb,var(--randal-c1) 35%,transparent),inset 0 0 12px color-mix(in srgb,var(--randal-c1) 20%,transparent)}
.randal-ammo-tooltip__tiers .is-current b{color:var(--randal-c2)}
.randal-ammo-tooltip__progress{position:relative;overflow:hidden;min-height:20px;margin-bottom:11px;border:1px solid color-mix(in srgb,var(--randal-c1) 50%,transparent);border-radius:6px;background:#0008;text-align:center}
.randal-ammo-tooltip__progress>i{position:absolute;inset:0 auto 0 0;width:calc(var(--randal-fill)*100%);background:linear-gradient(90deg,color-mix(in srgb,var(--randal-c4) 60%,transparent),color-mix(in srgb,var(--randal-c1) 55%,transparent))}
.randal-ammo-tooltip__progress>span{position:relative;display:block;padding:4px 5px;color:var(--randal-c3);font:600 10px/1.2 Outfit,sans-serif}
.randal-ammo-tooltip__bonuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}
.randal-ammo-tooltip__bonuses>span{display:grid;gap:5px;padding:9px;border:1px solid #ffffff12;border-radius:8px;background:#0005}
.randal-ammo-tooltip__bonuses small{color:#bec3c2;font:600 10px/1.1 Outfit,sans-serif}
.randal-ammo-tooltip__bonuses b{color:var(--randal-c2);font:900 16px/1 Montserrat,sans-serif}
.randal-ammo-tooltip__status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:9px}
.randal-ammo-tooltip__status>span{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 7px;padding:8px;border:1px solid #ffffff14;border-radius:9px;background:#0005}
.randal-ammo-tooltip__status .is-active{border-color:var(--randal-c1);background:color-mix(in srgb,var(--randal-c1) 14%,#0008);box-shadow:inset 0 0 12px color-mix(in srgb,var(--randal-c1) 12%,transparent)}
.randal-ammo-tooltip__status img{grid-row:1/3;width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 0 5px var(--randal-c1))}
.randal-ammo-tooltip__status b{color:var(--randal-c2);font:800 10px/1.2 Montserrat,sans-serif;overflow-wrap:anywhere}
.randal-ammo-tooltip__status small{color:#ccd0cc;font:500 10px/1.35 Outfit,sans-serif}
.randal-ammo-tooltip__hint{display:block;padding-top:8px;border-top:1px solid #ffffff14;color:#c8c9c1;font:500 10px/1.4 Outfit,sans-serif}
@keyframes randal-arsenal-orbit{to{transform:rotate(360deg)}}
@keyframes randal-arsenal-scan{0%,100%{transform:translateX(-65%)}50%{transform:translateX(65%)}}
@keyframes randal-arsenal-ember{0%{opacity:0;transform:translateY(0)}20%{opacity:.55}100%{opacity:0;transform:translate(12px,-340px)}}
@media(max-width:420px){.randal-ammo-tooltip{padding:13px}.randal-ammo-tooltip header{gap:8px}.randal-ammo-tooltip header strong{font-size:17px}.randal-ammo-tooltip__weapon{flex-basis:49px}.randal-ammo-tooltip__weapon img{width:57px}.randal-ammo-tooltip__tiers small{font-size:8px}.randal-ammo-tooltip__status{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.randal-ammo-tooltip *{animation:none!important}}

/* Rend Randal: the engraved eclipse, red cloudbank and suspended chains also
   frame the live ammunition UI, including the independently mounted tooltip. */
.randal-ammo-tooltip.is-rend,.randal-workshop.is-rend{background:radial-gradient(ellipse at 85% 5%,#4f0008bb,transparent 45%),linear-gradient(145deg,#1c1315,#2d0000 70%,#1c1315);border-color:#b41d26;color:#eee2e6;box-shadow:0 24px 70px #000e,inset 0 0 42px #1c1315,0 0 25px #b41d2640}
.randal-ammo-tooltip.is-rend .randal-ammo-tooltip__vfx::before{content:"";position:absolute;right:18px;top:17px;width:118px;height:118px;border-radius:50%;border:2px solid #b41d26;background:radial-gradient(circle at 43% 43%,#1c1315 56%,#b41d26 59%,#b1695e 63%,#4f0008 67%,transparent 70%);box-shadow:0 0 25px #b41d2670;opacity:.27;animation:randal-rend-eclipse 5s ease-in-out infinite}
.randal-ammo-tooltip.is-rend .randal-ammo-tooltip__vfx::after{content:"";position:absolute;inset:16% -15% 0;background:radial-gradient(ellipse at 20% 45%,#4f00087a,transparent 50%),radial-gradient(ellipse at 70% 75%,#b41d2638,transparent 48%);animation:randal-rend-clouds 9s ease-in-out infinite alternate}
.randal-ammo-tooltip.is-rend .randal-ammo-tooltip__vfx b{border-style:dashed;border-color:#b1695e55}
.randal-ammo-tooltip.is-rend .randal-ammo-tooltip__tiers>span{border-top:2px dotted #b1695e70}
.randal-ammo-tooltip.is-rend .randal-ammo-tooltip__tiers .is-reached{border-color:#b41d26;box-shadow:inset 0 0 13px #4f0008}
.randal-ammo-meter.is-rend .randal-ammo-meter__halo{border:2px dotted #b1695e;background:radial-gradient(circle,#1c1315 52%,#b41d26 59%,#4f0008 64%,transparent 70%);box-shadow:0 0 14px #b41d2670,inset 0 0 10px #4f0008}
.randal-ammo-meter.is-rend .randal-ammo-meter__halo::after{content:"";position:absolute;left:50%;top:83%;width:7px;height:13px;border:1px solid #ded0dd;background:#b41d26;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 8px #b41d26}
.randal-workshop.is-rend .randal-panel__head{border-bottom:1px solid #b41d26;background:radial-gradient(ellipse at left,#4f000880,transparent 65%)}
@keyframes randal-rend-eclipse{50%{opacity:.45;box-shadow:0 0 36px #b41d2670}}
@keyframes randal-rend-clouds{to{transform:translateX(25px);opacity:.55}}
@media(prefers-reduced-motion:reduce){.randal-ammo-tooltip.is-rend .randal-ammo-tooltip__vfx::before,.randal-ammo-tooltip.is-rend .randal-ammo-tooltip__vfx::after{animation:none}}