/* Apex Faceoff PREMIUM look (loaded last). Dark glass + brushed metal, foil rarity frames, HUD gradients, damage trails, DoT effects. leafactivity.com */
:root{--pm-ink:#0a0f14;--pm-glass:linear-gradient(180deg,#ffffff1f,#ffffff08);--pm-metal:linear-gradient(180deg,#f4f6f8 0%,#c3cad2 45%,#8e98a3 55%,#d9dee3 100%)}
/* battle unit cards */
.arena .bu{background:linear-gradient(180deg,#141c24,#0b1117)!important;border:0!important;border-radius:14px!important;box-shadow:0 8px 20px #000a,inset 0 0 0 1px #ffffff1a!important;padding:2px}
.arena .bu:before{content:"";position:absolute;inset:0;border-radius:14px;padding:2px;background:var(--fr,linear-gradient(135deg,#6b7785,#cfd6dd,#6b7785));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.arena .bu.r-common{--fr:linear-gradient(135deg,#5d6672,#c8ced6 45%,#5d6672)}.arena .bu.r-regular{--fr:linear-gradient(135deg,#1f6b3b,#8ff0b4 45%,#1f6b3b)}.arena .bu.r-regplus{--fr:linear-gradient(135deg,#0e5d5a,#7ff3ee 45%,#0e5d5a)}
.arena .bu.r-rare{--fr:linear-gradient(135deg,#123d7a,#8cc6ff 45%,#123d7a)}.arena .bu.r-super{--fr:conic-gradient(from 0deg,#b04fd6,#ffd76a,#5dd3ff,#ff6ad5,#b04fd6)}.arena .bu.r-oneofone,.arena .bu.r-max{--fr:conic-gradient(from 0deg,#e0294a,#ffd76a,#fff,#ffb36b,#e0294a)}
.arena .bu.r-tournament{--fr:linear-gradient(135deg,#7a5a00,#ffe9a0 40%,#d4a017 60%,#7a5a00)}
.arena .bu.r-super:after,.arena .bu.r-oneofone:after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;z-index:3;background:linear-gradient(115deg,transparent 30%,#ffffff40 45%,#9ff3ff30 52%,transparent 65%);background-size:250% 100%;animation:pmholo 3.5s linear infinite;mix-blend-mode:screen}
@keyframes pmholo{from{background-position:120% 0}to{background-position:-120% 0}}
.arena .bu .bph{border-radius:11px 11px 4px 4px;filter:saturate(1.08) contrast(1.05)}.arena .bu .bn{font:800 12px/1.2 Poppins,Inter,sans-serif!important;color:#f3f6f9;letter-spacing:.01em}
.arena .bu .bst{font:700 11px Inter,sans-serif;color:#dbe4ec}
.hpb{position:relative;height:8px!important;background:#00000080!important;box-shadow:inset 0 1px 2px #000c,0 0 0 1px #ffffff14;border-radius:5px!important}
.hpb i{position:relative;z-index:1;background:linear-gradient(180deg,#8bf5a8,#2fbf5f 60%,#1d8e44)!important;box-shadow:0 0 6px #4ad17a88}.hpb i[style*="#f2b33d"]{background:linear-gradient(180deg,#ffe08a,#f2b33d 60%,#c27c12)!important}.hpb i[style*="#e8473c"]{background:linear-gradient(180deg,#ff9a8a,#e8473c 60%,#a5221a)!important}
.hpb .trl{position:absolute;left:0;top:0;bottom:0;background:#ffdf8a;transition:width .6s cubic-bezier(.3,.7,.3,1) .1s;border-radius:5px}
.hpb.hflash{animation:hflash .5s}.hpb.vflash{animation:vflash .55s}@keyframes hflash{30%{box-shadow:0 0 0 2px #ff4d4d,0 0 14px #ff2a2a}}@keyframes vflash{30%{box-shadow:0 0 0 2px #8dff4a,0 0 14px #5dff2a}}
/* bleeding: pulsing red edge + heartbeat (no blood) */
.arena .bu.bleeding{animation:heart 1.1s ease-in-out infinite}.arena .bu.bleeding:before{--fr:linear-gradient(135deg,#ff2d2d,#ff9a9a 45%,#b30000)!important;animation:redpulse 1.1s ease-in-out infinite}
@keyframes heart{0%,40%,100%{transform:scale(1)}10%{transform:scale(1.035)}22%{transform:scale(.995)}30%{transform:scale(1.025)}}@keyframes redpulse{50%{filter:drop-shadow(0 0 8px #ff2a2a)}}
.arena .bu.bleeding{box-shadow:0 8px 20px #000a,0 0 18px #ff2a2a66,inset 0 0 18px #ff2a2a44!important}
/* venom: green tint, pulsing veins, toxic aura */
.arena .bu.venom .bph{filter:saturate(.8) sepia(.3) hue-rotate(50deg) brightness(.95)}.arena .bu.venom{box-shadow:0 8px 20px #000a,0 0 20px #7dff3a77!important}
.arena .bu.venom .bph:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(62deg,transparent 0 9px,#9dff4a33 9px 10px,transparent 10px 19px),repeating-linear-gradient(-35deg,transparent 0 13px,#9dff4a26 13px 14px,transparent 14px 26px);animation:veins 1.6s ease-in-out infinite;border-radius:11px 11px 4px 4px}
.arena .bu .bph{position:relative}@keyframes veins{50%{opacity:.35}}
.st.sb sub{font:900 9px Inter;vertical-align:baseline;color:#fff;background:#d81b1b;border-radius:6px;padding:0 3px;margin-left:1px}
.arena .bu.dotpulse{animation:dotp .45s}@keyframes dotp{30%{transform:scale(.96)}}
.lf-dmg.dot{font-size:26px}.lf-dmg.dot.bleed{color:#ff5c5c;-webkit-text-stroke:2px #4a0000}.lf-dmg.dot.poison{color:#a6ff4d;-webkit-text-stroke:2px #183a00}
.rf.bleedglow .rf-body{animation:sbg 1s}.rf.venomglow .rf-body{animation:svg 1.2s}@keyframes sbg{40%{filter:drop-shadow(0 0 12px #ff2a2a) brightness(1.1)}}@keyframes svg{40%{filter:drop-shadow(0 0 14px #7dff3a) hue-rotate(40deg)}}
/* claw slash (white streaks, no blood) */
.claw{position:absolute;inset:8% 10%;z-index:6;pointer-events:none;background:linear-gradient(120deg,transparent 30%,#fff 33%,transparent 36%),linear-gradient(120deg,transparent 46%,#fff 49%,transparent 52%),linear-gradient(120deg,transparent 62%,#fff 65%,transparent 68%);filter:drop-shadow(0 0 4px #fff);animation:claw .5s ease-out forwards}
@keyframes claw{0%{clip-path:inset(0 100% 0 0);opacity:1}40%{clip-path:inset(0 0 0 0);opacity:1}100%{opacity:0}}
/* camera punch + ultimate letterbox */
.arena.punch{animation:punch .32s cubic-bezier(.3,1.7,.5,1)}@keyframes punch{30%{transform:scale(1.035)}}
.arena:before,.arena:after{content:"";position:absolute;left:0;right:0;height:0;background:#000;z-index:40;transition:height .25s;pointer-events:none}.arena:before{top:0}.arena:after{bottom:0}
.arena.letterbox:before,.arena.letterbox:after{height:11%}
/* HUD + buttons: glass and brushed metal */
.arena{background-color:#06090c}.bhead{background:linear-gradient(180deg,#000a,#0000);font-family:Poppins,Inter,sans-serif}
.arena .btn.act{border:1px solid #ffffff2e!important;box-shadow:0 6px 14px #0008,inset 0 1px 0 #ffffff55,inset 0 -2px 0 #0004!important;text-shadow:0 1px 1px #0006}
.arena .btn.act.ghost{background:linear-gradient(180deg,#2a3440ee,#151c24ee)!important;color:#eef3f7!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.arena .btn.act:not(.ghost):not(.ult){background:linear-gradient(180deg,#5ef0a0,#14a05a 55%,#0c7a43)!important;color:#fff!important}
.arena .btn.act:active{transform:translateY(1px) scale(.98)}.arena .btn.act[disabled]{opacity:.45;filter:grayscale(.6)}
.arena .rgb{height:5px;background:#0009;box-shadow:inset 0 1px 2px #000}.arena .rgb i{background:linear-gradient(90deg,#ffb300,#ff5a00,#ff2d55)}
.tt .bar{height:10px!important;box-shadow:inset 0 1px 3px #000c}.mid{font-family:Poppins,Inter,sans-serif}
/* collection cards: crisper type, foil, subtle 3D tilt on hover/touch */
.lfc{transform:perspective(700px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .25s ease;will-change:transform}.lfc h4,.lfc .sk b,.lfc .br{font-family:Poppins,Inter,sans-serif!important}
.lfc.r-rare{background:linear-gradient(135deg,#0f2f5e,#8cc6ff 30%,#e6f3ff 50%,#4f8fd8 70%,#0f2f5e)}.lfc.r-super{background:conic-gradient(from 210deg,#6b21a8,#ffd76a,#5dd3ff,#ff6ad5,#6b21a8)}
.lfc.r-common{background:linear-gradient(135deg,#3b434c,#c7cdd4 35%,#eef1f4 50%,#9aa3ad 65%,#3b434c)}

/* v3: big grounded fighters, no rings, arena art */
.rs.art .rs-bg{background-size:cover;background-position:50% 78%;filter:saturate(1.08) contrast(1.05)}
.rs.art .rs-bg::after{content:"";position:absolute;inset:0;backdrop-filter:blur(1.5px);-webkit-mask:linear-gradient(#000 0,#000 30%,#0000 55%);mask:linear-gradient(#000 0,#000 30%,#0000 55%)}
.rf{width:calc(190px*var(--sc));height:calc(160px*var(--sc))}
.rf.posed{width:calc(220px*var(--sc));height:calc(165px*var(--sc))}
.rf-sh{left:4%;right:4%;bottom:-10px;height:22px;background:radial-gradient(closest-side,#000c,#0006 55%,#0000);filter:blur(3px)}
.rf.roar .rf-body::before{border:0;inset:-10%;background:radial-gradient(closest-side,#fff3,#0000);animation:rfaura .8s ease-out forwards}
.rf.shield .rf-body::after{border:0;box-shadow:none;background:radial-gradient(closest-side,#0000 60%,#7fb8ff55 85%,#0000)}
.rf img.nofig{border:0;box-shadow:none;border-radius:0;-webkit-mask:radial-gradient(closest-side,#000 62%,#0000);mask:radial-gradient(closest-side,#000 62%,#0000)}
.arena.feat .bu.empty{display:none}.arena.feat .field{justify-content:center}
.rs-mute{top:auto!important;bottom:8px;right:8px}