/* ==========================================================
   ARENA DETAIL PAGE + GALLERY LIGHTBOX
   ========================================================== */
.ad__hero{position:relative;min-height:92svh;display:flex;align-items:flex-end;overflow:hidden;padding:calc(var(--hdr) + 60px) 0 clamp(50px,7vw,90px)}
.ad__bg{position:absolute;inset:0}
.ad__bg video,.ad__bg img{width:100%;height:100%;object-fit:cover}
.ad__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,3,2,.55),rgba(5,3,2,.1) 35%,rgba(5,3,2,.75) 72%,var(--bg)),radial-gradient(ellipse at 20% 75%,rgba(5,3,2,.85),transparent 60%),linear-gradient(0deg,var(--acc) -80%,transparent 40%)}
.ad__hero .hell__embers{z-index:1;opacity:.6}
.ad__inner{position:relative;z-index:2}
.ad__back{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;font:800 11px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-hi);opacity:.85;transition:opacity .3s,transform .3s var(--ease)}
.ad__back svg{transform:rotate(180deg)}
.ad__back:hover{opacity:1;transform:translateX(-4px)}
.ad__hero .kicker{color:var(--acc);text-shadow:0 0 14px var(--acc)}
.ad__title{font:400 clamp(64px,11vw,170px)/.86 var(--display);text-transform:uppercase;margin:0 0 16px;background:var(--g-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.8)) drop-shadow(0 0 30px rgba(255,140,40,.3));
  -webkit-mask:url(../assets/img/fx/grunge.png) center/620px auto;mask:url(../assets/img/fx/grunge.png) center/620px auto}
.ad__line{font:700 clamp(18px,1.8vw,24px)/1.3 var(--body);color:#fff;margin:0 0 12px;max-width:620px}
.ad__desc{color:#d9cdb6;max-width:620px;margin:0 0 22px;font-size:16px}
.ad__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.ad__chips span{padding:7px 12px;font:700 11px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#f3dca4;background:rgba(10,5,2,.65);border:1px solid rgba(226,176,74,.45);clip-path:var(--chamfer);--cut:5px}
.ad__ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ad__count{display:inline-flex;gap:14px;margin-left:6px;font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ad__count b{color:var(--gold-hi)}

/* gallery grid (masonry) */
.ad__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.gal{columns:3 280px;column-gap:14px}
.gi{position:relative;display:block;width:100%;margin:0 0 14px;break-inside:avoid;overflow:hidden;background:#0d0a07;border:1.5px solid rgba(226,176,74,.35);clip-path:var(--chamfer);--cut:10px;cursor:zoom-in;transition:border-color .4s,transform .5s var(--ease)}
.gi img{width:100%;height:auto;display:block;transition:transform 1s var(--ease),filter .5s;filter:brightness(.9)}
.gi:hover{border-color:var(--gold-hi);transform:translateY(-4px)}
.gi:hover img{transform:scale(1.06);filter:brightness(1.05)}
.gi::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.6));pointer-events:none}
.gi__badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(5,5,5,.72);border:1px solid var(--line);clip-path:var(--chamfer);--cut:5px;font:800 9.5px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-hi)}
.gi__badge i{width:7px;height:7px;border-radius:50%;background:#e0243a;box-shadow:0 0 8px #e0243a}
.gi__play{position:absolute;inset:0;margin:auto;z-index:2;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--g-btn);color:#1a1002;box-shadow:0 0 0 0 rgba(255,190,70,.6);animation:pulse 2.4s infinite;transition:transform .4s var(--ease)}
.gi__play svg{width:24px;height:24px;margin-left:3px}
.gi:hover .gi__play{transform:scale(1.12)}
.gi[hidden]{display:none}

/* CTA + other arena */
.ad__end{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:clamp(60px,8vw,110px)}
.ad__cta{position:relative;padding:clamp(28px,4vw,52px);background:radial-gradient(ellipse at 100% 0,rgba(226,120,40,.25),transparent 60%),linear-gradient(180deg,#17110a,#0b0806);border:1px solid var(--line);clip-path:var(--chamfer);--cut:14px}
.ad__cta h2{margin-bottom:12px}
.ad__cta p{color:#d4c6ab;margin:0 0 24px}
.ad__other{position:relative;min-height:260px;display:flex;align-items:flex-end;overflow:hidden;border:1.5px solid rgba(226,176,74,.45);clip-path:var(--chamfer);--cut:14px}
.ad__other img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);transition:transform 1.2s var(--ease),filter .6s}
.ad__other:hover img{transform:scale(1.06);filter:brightness(.8)}
.ad__other div{position:relative;z-index:2;padding:24px}
.ad__other small{font:800 10px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-hi)}
.ad__other h3{font:400 44px/.95 var(--display);text-transform:uppercase;margin:6px 0 0;background:var(--g-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- home "pit" card: explore + fight ---------- */
.pit__link{position:absolute;inset:0;z-index:8}
.pit__actions{position:relative;z-index:9;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pit__media-count{display:inline-flex;gap:10px;margin:0 0 14px;font:800 10.5px var(--body);letter-spacing:.18em;text-transform:uppercase;color:#f3dca4}
.pit__media-count span{display:inline-flex;align-items:center;gap:6px}
.pit__media-count svg{width:14px;height:14px;color:var(--gold-hi)}

/* arenas page: preview strip */
.arena__strip{display:flex;gap:8px;margin:0 0 26px}
.arena__strip button{position:relative;width:76px;height:96px;overflow:hidden;border:1.5px solid rgba(226,176,74,.45);clip-path:var(--chamfer);--cut:6px;transition:border-color .3s,transform .3s var(--ease)}
.arena__strip button:hover{border-color:var(--gold-hi);transform:translateY(-3px)}
.arena__strip img{width:100%;height:100%;object-fit:cover}
.arena__strip .more{display:grid;place-items:center;background:rgba(10,6,3,.85);font:400 22px var(--display);color:var(--gold-hi)}
.arena__c .row{display:flex;gap:12px;flex-wrap:wrap}

/* builder: view arena gallery */
.apick__see{position:relative;z-index:3;display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:7px 11px;background:rgba(5,5,5,.7);border:1px solid var(--line);clip-path:var(--chamfer);--cut:5px;font:800 10px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-hi)}
.apick__see:hover{background:rgba(226,176,74,.18)}

/* ---------- lightbox ---------- */
.lb{position:fixed;inset:0;z-index:160;display:flex;flex-direction:column;background:rgba(3,2,1,.96);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.lb.is-open{opacity:1;visibility:visible}
.lb__top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;color:var(--gold-hi);font:800 11px var(--body);letter-spacing:.22em;text-transform:uppercase}
.lb__stage{position:relative;flex:1;display:grid;place-items:center;min-height:0;padding:0 70px;touch-action:pan-y}
.lb__stage img,.lb__stage video{max-width:100%;max-height:100%;object-fit:contain;border:1px solid rgba(226,176,74,.35);background:#000;animation:lbIn .45s var(--ease)}
@keyframes lbIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;display:grid;place-items:center;background:rgba(10,7,3,.75);border:1px solid var(--line);clip-path:var(--chamfer);--cut:8px;color:var(--gold-hi);font-size:26px;transition:background .3s}
.lb__nav:hover{background:rgba(226,176,74,.2)}
.lb__prev{left:10px}.lb__next{right:10px}
.lb__bot{display:flex;justify-content:center;gap:10px;padding:14px 16px 18px;flex-wrap:wrap}
.lb__thumbs{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:0 16px 14px;justify-content:center;scrollbar-width:none}
.lb__thumbs button{flex:none;width:58px;height:58px;overflow:hidden;opacity:.5;border:1.5px solid transparent;clip-path:var(--chamfer);--cut:5px;transition:opacity .3s,border-color .3s;position:relative}
.lb__thumbs button.is-on{opacity:1;border-color:var(--gold-hi)}
.lb__thumbs img{width:100%;height:100%;object-fit:cover}
.lb__thumbs .v::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:14px;text-shadow:0 0 6px #000}

html.lite .ad__title{filter:none}
@media (max-width:760px){
  .ad__hero{min-height:88svh}
  .gal{columns:2 150px;column-gap:8px}.gi{margin-bottom:8px}
  .gi__play{width:48px;height:48px}
  .ad__end{grid-template-columns:1fr}
  .lb__stage{padding:0 8px}
  .lb__nav{width:42px;height:42px;font-size:20px;background:rgba(10,7,3,.55)}
  .ad__count{margin:6px 0 0;width:100%}
}

.pit__link{z-index:4}
.pit__body{pointer-events:none}
.pit__actions{pointer-events:auto}

.ad__back{display:flex;width:max-content}