/* Apex Faceoff v2: battle actions, timing meter, rage, juice + meta screens. leafactivity.com redesign style */
.acts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 8px}.acts .btn.act{padding:10px 6px;font:800 14px Poppins,Inter,sans-serif;border-radius:14px;min-height:44px}
.acts .ult{grid-column:1/-1;background:linear-gradient(90deg,#ff3d00,#ff9100,#ff3d00)!important;color:#fff!important;animation:ultp .8s infinite alternate;box-shadow:0 0 22px #ff6a00aa}
.acts .sp:not(.ghost){background:linear-gradient(90deg,#7c3aed,#22d3ee)!important;color:#fff}.acts .gd:hover,.acts .dg:hover{filter:brightness(1.1)}.acts small{opacity:.8;font-size:11px}
@keyframes ultp{to{filter:brightness(1.35);transform:scale(1.02)}}
.rgb{height:4px;margin:2px 6px 0;background:#ffffff1c;border-radius:4px;overflow:hidden}.rgb i{display:block;height:100%;background:linear-gradient(90deg,#ff9100,#ff3d00);transition:width .5s}.rgb.full i{animation:ultp .5s infinite alternate}
.bu{position:relative}.cdb{position:absolute;right:3px;top:3px;font:800 10px Inter;background:#000b;color:#cfe;border-radius:8px;padding:1px 5px}.st.ar{filter:drop-shadow(0 0 4px gold)}
.hpb i{transition:width .7s cubic-bezier(.2,.8,.2,1)!important}
.arn{font-weight:800;padding:1px 7px;border-radius:99px;background:#ffffff22}.ar-ocean{background:#0ea5e955}.ar-arctic{background:#bae6fd55}.ar-savanna{background:#f59e0b55}.ar-jungle{background:#22c55e55}
.cmb{text-align:center;font:800 12px Poppins,Inter;color:#ffd27a;text-shadow:0 0 8px #ff6a00}
.ttimer{height:4px;margin:2px 10px;background:#ffffff22;border-radius:3px;overflow:hidden}.ttimer i{display:block;height:100%;background:#4ad17a;animation:ttd linear forwards}@keyframes ttd{from{width:100%}to{width:0;background:#e8473c}}
.tmeter{position:fixed;left:6%;right:6%;bottom:22%;z-index:30;padding:14px;border-radius:20px;background:#0b1220e6;border:1px solid #ffffff33;box-shadow:0 14px 40px #000a;text-align:center;color:#fff;backdrop-filter:blur(8px);animation:tmin .15s ease-out;touch-action:manipulation}
.tmeter p{margin:0 0 8px;font:900 22px Poppins,Inter;letter-spacing:.06em}.tmeter small{display:block;margin-top:8px;opacity:.7;font-size:11px}
.tbar{position:relative;height:26px;border-radius:13px;background:linear-gradient(90deg,#e8473c,#f2b33d 30%,#f2b33d 70%,#e8473c)}.tbar .z{position:absolute;top:0;bottom:0}.tbar .g{left:32.5%;right:32.5%;background:#4ad17a88}.tbar .p{left:45%;right:45%;background:#7dffb0;box-shadow:0 0 14px #7dffb0}
.tbar .nd{position:absolute;top:-6px;bottom:-6px;width:5px;margin-left:-2px;border-radius:3px;background:#fff;box-shadow:0 0 10px #fff}
.tmeter.perfect{border-color:#7dffb0;box-shadow:0 0 40px #7dffb0aa}.tmeter.perfect p{color:#7dffb0}.tmeter.great p{color:#ffd27a}.tmeter.ok p{color:#ddd}@keyframes tmin{from{transform:scale(.8);opacity:0}}
.arena{position:relative}.bban{position:fixed;left:0;right:0;top:34%;z-index:25;text-align:center;font:900 30px Poppins,Inter;color:#fff;text-shadow:0 3px 0 #0008,0 0 24px #ff9100;pointer-events:none;animation:bban 1s ease-out forwards}
.bban.crit.perfect{color:#7dffb0;font-size:36px}.bban.combo{color:#ffd27a;top:28%}.bban.ult{color:#ff6a00;font-size:32px}.bban.guard,.bban.dodge{font-size:22px;color:#bae6fd}
@keyframes bban{0%{transform:scale(.4);opacity:0}15%{transform:scale(1.15);opacity:1}30%{transform:scale(1)}80%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}
.arena.ultfx{animation:ultfx 1.2s}@keyframes ultfx{0%,100%{filter:none}20%{filter:saturate(2) hue-rotate(-20deg) brightness(1.2)}}
.arena.slowko *{animation-duration:2.2s!important}.bu.guarding{box-shadow:0 0 0 3px #7dd3fc,0 0 20px #7dd3fc}.bu.dodging{box-shadow:0 0 0 3px #a7f3d0;animation:dodgew .4s 2}
@keyframes dodgew{50%{transform:translateX(-6px)}}.evlab.st-bleed{color:#ff4d5e}.evlab.st-poison{color:#9dff4a}.evlab.st-stun{color:#ffe27a}.evlab.st-resist{color:#bae6fd}
.rpl{text-align:center;font:800 12px Inter;color:#ffd27a;padding:6px;background:#0008;border-radius:10px;margin:4px}.rplend{padding:10px}
/* meta hub */
.mhub{display:grid;gap:10px;margin:12px 0}.mev{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:20px;color:#fff;text-decoration:none;border:1px solid #ffffff33;box-shadow:0 10px 26px #0005}
.mev>span{font-size:34px}.mev small{font-size:10px;letter-spacing:.12em;font-weight:800;opacity:.85}.mev b{display:block;font:800 19px Poppins,Inter}.mev em{font-style:normal;font-size:12px;opacity:.9}
.ev-ocean{background:linear-gradient(120deg,#0c4a6e,#0891b2)}.ev-arctic{background:linear-gradient(120deg,#1e3a5f,#7dd3fc)}.ev-savanna{background:linear-gradient(120deg,#78350f,#f59e0b)}.ev-jungle{background:linear-gradient(120deg,#14532d,#22c55e)}
.mev.big{padding:20px}.mis{padding:12px;border-radius:20px;background:linear-gradient(180deg,#0f2a22,#0b1a2c);color:#fff;border:1px solid #ffffff22}.mis h4{margin:0 0 8px;font:800 15px Poppins,Inter}.mis h4 small{float:right;font-weight:500;opacity:.6;font-size:11px}
.mrow{display:grid;grid-template-columns:1fr 70px auto;gap:8px;align-items:center;font-size:13px;padding:5px 0}.mrow.done{opacity:.55}.mrow small{font-size:11px;opacity:.75}
.mbar{height:8px;border-radius:5px;background:#ffffff22;overflow:hidden}.mbar i{display:block;height:100%;background:linear-gradient(90deg,#4ad17a,#22d3ee);transition:width .5s}.mbar.big{height:14px}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mgrid a{display:flex;flex-direction:column;align-items:center;padding:12px 6px;border-radius:18px;text-decoration:none;color:#fff;font-size:22px;background:linear-gradient(135deg,#1e1236,#22375a);border:1px solid #ffffff22;box-shadow:0 8px 20px #0004}
.mgrid b{font:800 14px Poppins,Inter;margin-top:2px}.mgrid small{font-size:11px;opacity:.75}
.logcal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.logcal span{text-align:center;font-size:10px;padding:6px 2px;border-radius:10px;background:#ffffff12;color:#567}.logcal span.on{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.logcal small{display:block;font-size:9px}
.pity{display:block;font-style:normal;font-size:11px;color:#fff3;color:#ffe27a}.pitybar{display:grid;gap:6px;padding:12px;margin:8px 0;border-radius:18px;background:#1e1236;color:#fff}
.mpage{color:#fff;padding:14px;border-radius:24px;background:radial-gradient(circle at 0 0,#22d3ee22,transparent 50%),linear-gradient(180deg,#140c26,#0b1a2c);box-shadow:0 14px 40px #0005}
.mpage h2{margin:0 0 6px;font:800 22px Poppins,Inter}.mpage h2 small{font-size:12px;opacity:.6;font-weight:500}.mpage .muted{color:#cbd5e1}.mpage label{display:grid;gap:4px;margin:10px 0;font-weight:700;font-size:13px}
.mpage select{padding:12px;border-radius:12px;border:1px solid #ffffff33;background:#0b1220;color:#fff;font-size:15px}
.mlb{display:grid;gap:4px;margin:10px 0}.lrow{display:grid;grid-template-columns:36px 30px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:12px;background:#ffffff10}.lrow.you{background:#f59e0b33}.lrow em{font-style:normal;font-weight:800}
.cback{display:inline-grid;place-items:center;width:var(--w);height:calc(var(--w)*1.4);border-radius:calc(var(--w)/7);border:2px solid #ffffffaa;box-shadow:0 3px 10px #0006}.cback b{font:900 calc(var(--w)/2.2) Poppins;color:#fff;text-shadow:0 2px 4px #0008}
.backs{display:flex;gap:10px;flex-wrap:wrap}.bk{display:grid;justify-items:center;gap:4px;width:96px;padding:8px;border-radius:14px;background:#ffffff10;border:1px solid #ffffff22;color:#fff}.bk.on{border-color:#ffd27a;box-shadow:0 0 14px #ffd27a77}.bk.lock{opacity:.5}.bk small{font-size:10px;text-align:center}
.urow{display:grid;grid-template-columns:50px 1fr auto auto auto;gap:8px;align-items:center;padding:8px;border-radius:14px;background:#ffffff10;margin:6px 0}.urow>i{width:50px;height:50px;border-radius:12px;background:center/cover}.urow small{display:block;font-size:11px;opacity:.7}.urow .lv{color:#ffd27a;font-size:12px}
.rres{font:900 11px Inter;padding:6px;border-radius:8px;text-align:center}.rres.w{background:#16a34a}.rres.l{background:#b91c1c}
.wrow{display:grid;grid-template-columns:1fr 90px 40px 40px;gap:6px;align-items:center;font-size:12px;padding:4px 0}.wrow.hi b{color:#ff8a8a}.wrow.lo b{color:#93c5fd}
.mgrid>a{width:auto!important;margin:0!important;box-sizing:border-box}.tmeter,.bban{max-width:520px;margin:0 auto}
.acts .ft{grid-column:1/-1;background:linear-gradient(90deg,#334155,#0e7490)!important;color:#fff!important}