.battle-intro{isolation:isolate;background:radial-gradient(circle at 16% 48%,rgba(183,255,56,.15),transparent 35%),linear-gradient(118deg,#121a11,#0a0e0c 72%)}
.battle-intro:after{display:none}
.battle-wallet-strip,.battle-create,.battle-lobby-panel{box-shadow:0 24px 70px rgba(0,0,0,.23)}
.battle-list-labels{display:none}
.battle-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;background:radial-gradient(circle at 50% 0,rgba(183,255,56,.035),transparent 32%)}
.battle-row{position:relative;min-height:128px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;gap:11px;padding:13px;overflow:hidden;background:radial-gradient(circle at 5% 15%,rgba(183,255,56,.08),transparent 38%),linear-gradient(145deg,#121713,#0b0f0c);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.battle-row:before{content:"";position:absolute;right:-17px;bottom:-20px;width:92px;height:92px;background:url('/images/hoodpack-green.png') center/contain no-repeat;opacity:.035;transform:rotate(-12deg);pointer-events:none}
.battle-row:hover{border-color:rgba(183,255,56,.35);box-shadow:0 14px 32px rgba(0,0,0,.28),inset 0 0 0 1px rgba(183,255,56,.05)}
.battle-row-main{grid-column:1/-1;grid-template-columns:68px minmax(0,1fr);gap:13px}
.battle-row-pack{width:68px;height:82px;border:1px solid rgba(183,255,56,.1);background:radial-gradient(circle,rgba(183,255,56,.17),transparent 66%),#080b09}
.battle-row-main strong{font-size:12px}
.battle-row-main small{margin-top:2px;color:#69736a}
.battle-row-players{align-self:end;grid-template-columns:auto auto auto;align-items:center;gap:7px}
.battle-row-players small{grid-column:1/-1;color:var(--green)}
.battle-row-player-pips{display:flex;gap:3px}
.battle-row-player-pips u{width:7px;height:7px;border:1px solid #414942;border-radius:50%;text-decoration:none}
.battle-row-player-pips u.filled{border-color:var(--green);background:var(--green);box-shadow:0 0 7px rgba(183,255,56,.55)}
.battle-row>span:nth-child(3){align-self:end;text-align:right}
.battle-row-status{position:absolute;top:12px;right:12px;min-width:auto;padding:6px 8px;background:rgba(9,12,10,.8);backdrop-filter:blur(8px)}
.battle-row[data-status=open] .battle-row-status{background:rgba(76,229,138,.08)}
.battle-row[data-status=ripping] .battle-row-status{border-color:rgba(141,114,255,.3);color:#a88eff}
.battle-lobby-head{background:linear-gradient(135deg,rgba(183,255,56,.045),transparent)}
.battle-arena{isolation:isolate;min-height:560px;padding:62px 34px 38px;background:radial-gradient(circle at 50% 48%,rgba(183,255,56,.13),transparent 23%),radial-gradient(circle at 50% 50%,transparent 0 28%,rgba(183,255,56,.055) 28.2% 28.5%,transparent 28.8%),linear-gradient(135deg,#111812,#070a08)}
.battle-arena:after{content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(310px,36%);aspect-ratio:1;border:1px solid rgba(183,255,56,.11);border-radius:50%;box-shadow:0 0 0 28px rgba(183,255,56,.018),0 0 0 55px rgba(183,255,56,.012);transform:translate(-50%,-50%);pointer-events:none}
.battle-arena-brand{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;gap:7px;opacity:.08;transform:translate(-50%,-50%);pointer-events:none}
.battle-arena-brand img{width:115px;height:115px;object-fit:contain}
.battle-arena-brand span{font:900 10px monospace;letter-spacing:.2em;white-space:nowrap}
.battle-seat{z-index:2;padding:20px 9px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:linear-gradient(145deg,rgba(19,25,20,.86),rgba(8,11,9,.72));box-shadow:0 22px 50px rgba(0,0,0,.22);backdrop-filter:blur(7px)}
.battle-seat:nth-of-type(odd){transform:none}
.battle-seat:nth-of-type(even){transform:none}.battle-arena{align-items:stretch}.battle-seat{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.battle-seat>*{max-width:100%}
.battle-pack-card{width:min(164px,82%);border-color:rgba(183,255,56,.2);box-shadow:0 25px 55px rgba(0,0,0,.62),0 0 28px rgba(183,255,56,.055)}
.battle-seat-badge{top:10px;border:1px solid rgba(255,255,255,.07);background:#171d18}
.battle-seat.winner{border-color:rgba(183,255,56,.35);background:radial-gradient(circle at 50% 35%,rgba(183,255,56,.12),transparent 55%),#101510}
.battle-seat.winner .battle-seat-badge{box-shadow:0 0 22px rgba(183,255,56,.45)}
.battle-arena[data-state=ripping] .battle-seat:nth-of-type(2) .battle-pack-card{animation-delay:.1s}
.battle-arena[data-state=ripping] .battle-seat:nth-of-type(3) .battle-pack-card{animation-delay:.2s}
.battle-arena[data-state=ripping] .battle-seat:nth-of-type(4) .battle-pack-card{animation-delay:.3s}
.battle-arena[data-state=ripping] .battle-seat:nth-of-type(5) .battle-pack-card{animation-delay:.4s}
.battle-detail-actions{background:linear-gradient(145deg,#121713,#0d110e)}
@media(max-width:1180px){.battle-list{grid-template-columns:1fr}.battle-row{min-height:112px}.battle-hub-grid{grid-template-columns:minmax(320px,370px) minmax(0,1fr)}}
@media(max-width:900px){.battle-arena{padding:55px 18px 28px}.battle-seat{padding-inline:5px}.battle-seat:nth-of-type(odd),.battle-seat:nth-of-type(even){transform:none}}
@media(max-width:700px){.battle-list{grid-template-columns:1fr}.battle-row{min-height:120px}.battle-row-main{grid-template-columns:62px minmax(0,1fr)}.battle-row-pack{width:62px;height:76px}.battle-arena{gap:8px;padding-inline:12px}.battle-arena[data-seats="3"],.battle-arena[data-seats="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-arena-brand{opacity:.045}.battle-seat{padding:17px 4px 12px}.battle-seat-copy strong{font-size:9px}}
@media(max-width:430px){.battle-arena{grid-template-columns:repeat(2,minmax(0,1fr));padding:48px 8px 20px}.battle-pack-card{width:min(125px,88%)}.battle-seat-badge{top:6px}.battle-arena-brand img{width:82px;height:82px}}
/* revealed slab fits the card box exactly */
.battle-pack-card .battle-card-result img{position:absolute;inset:0;width:100%;height:100%;padding:7px;box-sizing:border-box;object-fit:contain}
.battle-pack-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}