/* BeanBattle V3.2 — Arena Suite
   Visual layer only. Game/auth contracts stay in the stable v3.1 scripts. */
:root{
  --bb-bg:#03070d;--bb-bg2:#07111d;--bb-panel:rgba(5,12,22,.92);--bb-panel2:rgba(9,18,31,.88);
  --bb-line:rgba(156,194,255,.17);--bb-line-hot:rgba(255,196,38,.55);--bb-text:#f7f9fd;--bb-muted:#8fa2ba;
  --bb-gold:#ffc629;--bb-gold2:#ffdf6c;--bb-blue:#2f8fff;--bb-cyan:#62d7ff;--bb-red:#ff4c4c;--bb-green:#74ee91;
  --bb-shadow:0 26px 80px rgba(0,0,0,.48);--bb-radius:16px;--bb-radius-sm:11px;
}
*{box-sizing:border-box}
html{background:var(--bb-bg);scroll-behavior:smooth}
body.arena32,body.app-page,body.rps-page,body.navy-page,body.muscle-page,body.spector-page{
  background:
   radial-gradient(circle at 50% -15%,rgba(35,108,255,.12),transparent 32rem),
   radial-gradient(circle at 15% 15%,rgba(255,161,32,.07),transparent 30rem),
   linear-gradient(180deg,#02060b,#050b12 52%,#02060a);
  color:var(--bb-text);min-height:100vh;
}
body.arena32::before,body.app-page::before,body.rps-page::before,body.navy-page::before,body.muscle-page::before,body.spector-page::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:32px 32px;mask-image:linear-gradient(#000,transparent 88%)
}
a{color:inherit}.yellow{color:var(--bb-gold)!important}.muted{color:var(--bb-muted)!important}

/* ---------- shared broadcast navigation ---------- */
.topbar,.topbar-v3,.arena31-nav,.arena32-nav{
  width:min(1500px,calc(100% - 34px));min-height:68px;margin:14px auto 0;padding:8px 10px 8px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:40;
  border:1px solid rgba(143,180,228,.14);border-radius:15px;background:rgba(2,7,14,.86);backdrop-filter:blur(22px);
  box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.03)
}
.brand,.arena31-brand,.arena32-brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.025em;text-decoration:none;white-space:nowrap}
.brand>span:last-child,.arena31-brand strong,.arena32-brand strong{font-size:20px;font-style:italic}
.bean-logo,.brand-mark,.arena31-logo,.arena32-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#f4a621,#6f3218);border:1px solid rgba(255,198,41,.55);box-shadow:0 0 24px rgba(255,166,32,.12);overflow:hidden}
.arena31-logo img,.arena32-logo img,.brand-mark img,.mascot-logo img{width:100%;height:100%;object-fit:cover}
.nav,.arena31-links,.arena32-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.nav a,.nav button,.arena31-links a,.arena32-links a,.arena32-links button{
  color:#cbd6e5;border:0;background:transparent;padding:11px 13px;border-radius:9px;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none;transition:color .18s ease,background .18s ease
}
.nav a:hover,.nav button:hover,.arena31-links a:hover,.arena32-links a:hover{color:#fff;background:rgba(255,255,255,.055)}
.nav a[aria-current="page"],.arena32-links .active{color:var(--bb-gold)}
.arena31-wallet,.arena32-wallet,.arena32-nav-cta,.arena31-app-actions button{
  border:1px solid rgba(255,211,81,.7)!important;background:linear-gradient(180deg,#ffd345,#f4ad0d)!important;color:#090b0f!important;
  border-radius:10px!important;padding:11px 16px!important;font-weight:950!important;box-shadow:0 7px 26px rgba(255,183,0,.16);cursor:pointer
}
.arena31-app-actions{display:flex;gap:7px;align-items:center}.arena31-app-actions button:last-child{background:rgba(255,255,255,.04)!important;color:#dbe7f7!important;border-color:var(--bb-line)!important;box-shadow:none}

/* ---------- shared page / panel ---------- */
.page,.arena31-app-shell,.arena32-shell{width:min(1500px,calc(100% - 34px));margin:20px auto 58px}
.card,.arena31-panel,.arena32-panel{
  position:relative;border:1px solid var(--bb-line);border-radius:var(--bb-radius);background:linear-gradient(160deg,rgba(12,24,40,.94),rgba(3,9,17,.96));
  box-shadow:var(--bb-shadow);overflow:hidden
}
.card::before,.arena32-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 25% 70%,rgba(52,133,255,.035))}
.card{padding:20px}.card:hover{border-color:rgba(97,157,231,.25)}
.btn{border:1px solid rgba(255,211,81,.72)!important;border-radius:10px!important;background:linear-gradient(180deg,#ffd64f,#f0ae12)!important;color:#080b10!important;font-weight:950!important;box-shadow:0 10px 30px rgba(255,183,0,.14)!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}
.btn:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 12px 34px rgba(255,183,0,.22)!important}
.btn.secondary,.btn.small.secondary{background:rgba(11,20,32,.92)!important;border-color:var(--bb-line)!important;color:#e4ecf8!important;box-shadow:none!important}.btn.secondary:hover{border-color:rgba(255,198,41,.45)!important}
.input,select.input,select,input[type="date"]{border:1px solid rgba(133,168,213,.22)!important;background:rgba(1,6,12,.82)!important;color:#f4f7fb!important;border-radius:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.input:focus,select:focus,input[type="date"]:focus{outline:none;border-color:rgba(255,198,41,.7)!important;box-shadow:0 0 0 3px rgba(255,198,41,.08)!important}
.eyebrow,.game-kicker,.arena31-kicker{font-size:11px!important;font-weight:950!important;letter-spacing:.14em!important;color:var(--bb-gold)!important;text-transform:uppercase}
.arena-title{font-size:clamp(30px,4vw,58px)!important;line-height:.96!important;letter-spacing:-.052em!important}
.pill{border:1px solid var(--bb-line)!important;background:rgba(10,20,34,.8)!important;border-radius:999px!important;color:#d9e5f3!important}
.status{min-height:23px}.status.good{color:var(--bb-green)!important}.status.bad{color:#ff7a7a!important}

/* ---------- cinematic page banner ---------- */
.arena32-game-hero{min-height:300px;position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(117,163,226,.22);box-shadow:0 32px 90px rgba(0,0,0,.5);margin-bottom:18px;background:#050a11 center/cover no-repeat}
.arena32-game-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,11,.97) 0%,rgba(2,6,11,.82) 35%,rgba(2,6,11,.22) 68%,rgba(2,6,11,.04)),linear-gradient(0deg,rgba(2,6,11,.84),transparent 58%)}
.arena32-game-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 48%,transparent 0 17%,rgba(38,127,255,.08) 45%,transparent 70%);pointer-events:none}
.arena32-game-hero.rps{background-image:url('/assets/art/v32/rps-hero.webp')}.arena32-game-hero.battleship{background-image:url('/assets/art/v32/battleship-hero.webp')}.arena32-game-hero.muscle{background-image:url('/assets/art/v32/muscle-hero.webp')}.arena32-game-hero.live{background-image:url('/assets/art/v32/live-hero.webp')}
.arena32-game-hero-copy{position:relative;z-index:2;max-width:610px;padding:38px 42px;display:flex;flex-direction:column;justify-content:center;min-height:300px}
.arena32-game-hero-copy h1{font-size:clamp(44px,6vw,80px);line-height:.89;letter-spacing:-.07em;margin:12px 0 13px;font-style:italic;text-transform:uppercase}
.arena32-game-hero-copy h1 span{color:var(--bb-gold)}.arena32-game-hero-copy p{max-width:530px;color:#b8c7d9;font-size:16px}.arena32-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.arena32-hero-tags span{padding:7px 10px;border:1px solid rgba(139,176,224,.18);background:rgba(2,7,13,.66);border-radius:8px;color:#ccd8e8;font-size:11px;font-weight:850;letter-spacing:.04em}

/* ---------- landing closer to exact Arena reference ---------- */
body.landing-page.arena31{background:#02050a}.arena31-home{width:min(1536px,100%);margin:0 auto 60px}.arena31-nav{width:min(1536px,calc(100% - 20px));margin-top:8px}
.arena31-hero{min-height:640px;display:grid!important;grid-template-columns:minmax(440px,.72fr) minmax(660px,1.28fr)!important;gap:0!important;position:relative;border-radius:0 0 24px 24px;overflow:hidden;margin-top:8px!important;background:url('/assets/art/v32/hero.webp') center top/cover no-repeat!important;border:1px solid rgba(89,143,212,.16)}
.arena31-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,10,.98) 0%,rgba(1,5,10,.89) 28%,rgba(1,5,10,.26) 54%,rgba(1,5,10,.1)),linear-gradient(0deg,rgba(1,5,10,.9),transparent 50%);z-index:1}
.arena31-hero-copy{position:relative;z-index:3;padding:58px 22px 60px 50px!important;align-self:center}.arena31-hero-copy h1{font-size:clamp(58px,6.4vw,100px)!important;line-height:.84!important;letter-spacing:-.072em!important;font-style:italic!important;margin:16px 0 20px!important;text-transform:uppercase}.arena31-hero-copy h1 span{color:var(--bb-gold)}.arena31-hero-copy h2{font-size:24px!important;margin-bottom:7px!important}.arena31-hero-copy>p{font-size:16px!important;max-width:560px!important;color:#c0ccdb!important}
.arena31-hero-stage{position:relative!important;z-index:2!important;background:none!important;border:0!important;box-shadow:none!important;min-height:640px!important}.arena31-hero-art{opacity:0!important}.arena31-main-event,.arena31-live-pill,.arena31-scanlines{display:none!important}
.arena31-gate{max-width:610px!important;margin-top:25px!important;background:rgba(0,4,9,.76)!important;border:1px solid rgba(119,164,222,.22)!important;border-radius:13px!important;padding:8px!important;backdrop-filter:blur(15px)}.arena31-gate .btn{white-space:nowrap}.arena31-proof{margin-top:15px!important;gap:7px!important}.arena31-proof span{font-size:11px!important;background:rgba(5,14,25,.72)!important;border-color:rgba(139,174,219,.17)!important}
.arena31-metrics{width:calc(100% - 72px)!important;margin:-55px auto 26px!important;position:relative;z-index:6!important;border-radius:15px!important;background:rgba(3,10,18,.94)!important;border-color:rgba(129,171,226,.18)!important;box-shadow:0 18px 60px rgba(0,0,0,.5)!important}.arena31-metrics>div strong{font-size:17px!important}
.arena31-section,.arena31-bottom{width:calc(100% - 72px)!important;margin-left:auto!important;margin-right:auto!important}.arena31-game-grid{gap:12px!important}.arena31-game-card{border-radius:14px!important;min-height:340px!important;border-color:rgba(116,161,219,.2)!important;background:#02070d!important}.arena31-game-art{height:205px!important;background-position:center!important;transform:scale(1.02);transition:transform .3s ease,filter .3s ease}.arena31-game-card:hover .arena31-game-art{transform:scale(1.07);filter:brightness(1.08)}.arena31-game-copy{background:linear-gradient(180deg,rgba(3,8,14,.18),rgba(3,8,14,.98) 28%)!important;padding:14px 15px 16px!important}.arena31-game-copy h3{font-size:20px!important}.arena31-game-copy span{color:var(--bb-gold)!important;font-weight:950!important}

/* ---------- Lobby ---------- */
.arena31-lobby-hero{display:grid!important;grid-template-columns:.82fr 1.18fr!important;gap:12px!important}.arena31-profile-panel,.arena31-lobby-art,.arena31-live-panel,.arena31-dashboard-grid>.arena31-panel{border:1px solid var(--bb-line)!important;border-radius:16px!important;background:linear-gradient(160deg,rgba(9,20,34,.95),rgba(2,8,15,.98))!important;box-shadow:var(--bb-shadow)!important}.arena31-lobby-art{min-height:340px!important;position:relative!important;overflow:hidden!important;background:url('/assets/art/v32/hero.webp') center/cover no-repeat!important}.arena31-lobby-art img{opacity:0!important}.arena31-lobby-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,14,.6),transparent 60%),linear-gradient(0deg,rgba(2,7,14,.75),transparent 52%)}.arena31-broadcast-chip{z-index:3!important;background:rgba(2,7,14,.9)!important;border-color:rgba(255,198,41,.45)!important}.arena31-game-grid-lobby .arena31-game-card{min-height:360px!important}.arena31-live-panel{margin-top:18px!important;padding:22px!important}.live-battles-list>*{border-color:rgba(112,154,208,.18)!important;background:rgba(4,11,20,.72)!important}

/* ---------- RPS broadcast arena ---------- */
.rps-page .page.grid2{grid-template-columns:minmax(370px,.74fr) minmax(600px,1.26fr)!important;gap:14px!important}.rps-control-card{background:linear-gradient(165deg,rgba(10,20,34,.98),rgba(3,9,17,.98))!important}.queue-stage,.open-games-panel,.match-money-card{border-color:rgba(116,160,218,.18)!important;background:rgba(2,8,15,.74)!important}.payout-strip{background:linear-gradient(90deg,rgba(16,31,50,.82),rgba(5,12,22,.92))!important;border-color:rgba(115,157,211,.18)!important}.payout-strip .payout-main{background:rgba(255,195,36,.07)!important;border-color:rgba(255,195,36,.27)!important}.rps-clean-arena{min-height:690px!important;padding:0!important;background:radial-gradient(circle at 50% 42%,rgba(38,106,224,.11),transparent 35%),linear-gradient(180deg,#07101c,#02070e 70%)!important}.rps-clean-arena::after{content:"";position:absolute;left:0;right:0;top:0;height:180px;background:linear-gradient(90deg,rgba(255,152,30,.06),transparent 35% 65%,rgba(36,127,255,.08)),radial-gradient(circle at 50% -50px,rgba(255,255,255,.13),transparent 55%);pointer-events:none}.arena-grid-bg{opacity:.55!important;background-image:linear-gradient(rgba(52,123,218,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(52,123,218,.08) 1px,transparent 1px)!important;background-size:34px 34px!important;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent)}
.duel-clean{min-height:490px!important;display:grid!important;grid-template-columns:1fr 150px 1fr!important;align-items:center!important;padding:90px 26px 20px!important;position:relative!important}.duel-clean::before{content:"";position:absolute;left:4%;right:4%;bottom:46px;height:100px;border-radius:50%;background:radial-gradient(ellipse,rgba(18,82,183,.22),rgba(2,7,14,.2) 60%,transparent 72%);border-top:1px solid rgba(88,150,229,.17);transform:perspective(400px) rotateX(68deg)}.fighter{z-index:2!important}.fighter:first-child{filter:drop-shadow(0 0 30px rgba(255,151,32,.12))}.fighter:nth-child(3){filter:drop-shadow(0 0 30px rgba(46,139,255,.14))}.fighter-label{border:1px solid rgba(125,164,215,.17)!important;background:rgba(2,8,15,.75)!important;border-radius:10px!important;padding:8px 10px!important}.move-clean{width:min(240px,25vw)!important;height:min(240px,25vw)!important;display:grid!important;place-items:center!important;font-size:clamp(82px,9vw,150px)!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,255,255,.035),rgba(5,12,21,.04) 55%,transparent 72%)!important;filter:drop-shadow(0 22px 25px rgba(0,0,0,.42))}.versus-core span{font-size:56px!important;color:white!important;text-shadow:-3px 0 0 #ff7626,3px 0 0 #167cff,0 0 28px rgba(255,191,39,.5)!important;font-style:italic!important}.choice{border-color:rgba(125,165,215,.17)!important;background:linear-gradient(160deg,rgba(14,28,46,.9),rgba(3,10,18,.96))!important;border-radius:12px!important}.choice:hover{border-color:rgba(255,198,41,.55)!important;box-shadow:0 14px 38px rgba(255,180,20,.08)!important}.choice-icon{filter:drop-shadow(0 11px 10px rgba(0,0,0,.35))}
.result-banner{background:linear-gradient(90deg,rgba(255,190,25,.14),rgba(15,32,53,.88),rgba(40,122,255,.12))!important;border-color:rgba(255,194,34,.28)!important}.history-head,.history-list,.result-status{position:relative;z-index:3;margin-left:22px;margin-right:22px}

/* ---------- Battleship command deck ---------- */
.navy-command-card{padding:26px!important;background:linear-gradient(120deg,rgba(5,19,33,.98),rgba(3,9,17,.97))!important}.navy-command-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 36%,rgba(28,127,255,.11),transparent 25%);pointer-events:none}.navy-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}.ocean-card{background:linear-gradient(180deg,rgba(6,25,42,.96),rgba(2,9,17,.98))!important;border-color:rgba(65,143,229,.23)!important}.enemy-ocean{box-shadow:inset 0 0 80px rgba(31,119,255,.04),var(--bb-shadow)!important}.coordinate-frame{background:rgba(1,10,18,.82)!important;border-color:rgba(67,142,228,.25)!important;border-radius:13px!important}.board-v3{gap:4px!important}.board-v3 .cell,.board .cell{border:1px solid rgba(69,145,232,.18)!important;background:linear-gradient(145deg,rgba(6,31,51,.95),rgba(3,18,31,.95))!important;box-shadow:inset 0 0 12px rgba(38,119,218,.025)}.enemy-target-grid .cell:hover{border-color:rgba(255,198,41,.8)!important;background:rgba(255,196,39,.07)!important;box-shadow:0 0 0 2px rgba(255,198,41,.1),inset 0 0 20px rgba(255,198,41,.06)!important}.fleet-dock{background:rgba(2,10,18,.74)!important;border-color:rgba(84,148,224,.19)!important}.placement-tutorial{background:rgba(8,24,40,.72)!important;border-color:rgba(85,147,219,.18)!important}.navy-legend{background:rgba(2,9,17,.72)!important;border-color:rgba(93,153,223,.16)!important}

/* ---------- Big Muscle live broadcast ---------- */
.muscle-top-grid{display:grid!important;grid-template-columns:minmax(400px,.75fr) minmax(520px,1.25fr)!important;gap:14px!important}.muscle-create-card,.open-games-card{background:linear-gradient(155deg,rgba(23,15,12,.97),rgba(4,9,16,.98) 66%)!important}.muscle-mode{border-color:rgba(140,172,211,.18)!important;background:rgba(4,11,20,.8)!important}.muscle-mode.active{border-color:rgba(255,198,41,.62)!important;background:linear-gradient(180deg,rgba(255,196,39,.13),rgba(20,15,6,.75))!important;color:#fff!important}.muscle-money-preview>div{background:rgba(3,9,16,.7)!important;border-color:rgba(124,160,206,.17)!important}.muscle-arena-shell{padding:0!important;background:linear-gradient(180deg,#0b1118,#03070d)!important;overflow:hidden!important}.muscle-arena-head{padding:15px 20px!important;border-bottom:1px solid rgba(126,162,211,.17)!important;background:rgba(3,8,15,.9)!important}.muscle-stage{min-height:520px!important;background:radial-gradient(circle at 50% 2%,rgba(255,214,133,.19),transparent 24%),radial-gradient(circle at 20% 45%,rgba(255,113,37,.07),transparent 23%),radial-gradient(circle at 80% 45%,rgba(39,128,255,.08),transparent 23%),linear-gradient(180deg,#11131a 0,#080a0f 65%,#120d08 66%,#070707 100%)!important}.muscle-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 28%,rgba(255,217,142,.08) 30%,transparent 43%),linear-gradient(245deg,transparent 0 28%,rgba(117,179,255,.07) 30%,transparent 43%);pointer-events:none}.muscle-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;background:repeating-linear-gradient(90deg,#05070a 0 18px,#0d1117 18px 36px);opacity:.7;clip-path:polygon(0 46%,3% 25%,6% 49%,10% 18%,14% 55%,18% 21%,22% 48%,27% 17%,31% 52%,35% 25%,40% 48%,45% 15%,50% 52%,55% 19%,60% 48%,64% 24%,69% 52%,74% 14%,79% 50%,84% 22%,89% 48%,94% 17%,100% 45%,100% 100%,0 100%)}.muscle-bean{z-index:3!important;filter:drop-shadow(0 22px 28px rgba(0,0,0,.5))}.muscle-table,.arm-rig{z-index:4!important}.mash-button{background:radial-gradient(circle at 50% 15%,#ffdf74,#ffbd1f 44%,#be7400 100%)!important;color:#111!important;border:3px solid #ffe396!important;box-shadow:0 12px 0 #7d4800,0 20px 50px rgba(255,178,16,.28)!important}.mash-button:active{transform:translateY(7px)!important;box-shadow:0 5px 0 #7d4800,0 9px 28px rgba(255,178,16,.2)!important}.type-sequence{background:rgba(0,5,11,.9)!important;border-color:rgba(255,198,41,.28)!important;color:#fff!important;text-shadow:0 0 18px rgba(255,198,41,.15)}

/* ---------- Spector broadcast ---------- */
.spector-page .page{width:min(1500px,calc(100% - 34px))!important}.spector-hero{background:linear-gradient(90deg,rgba(4,11,20,.97),rgba(5,17,29,.93))!important}.spector-layout{grid-template-columns:minmax(600px,1.45fr) minmax(330px,.55fr)!important;gap:14px!important}.spector-stage-card{padding:0!important;background:linear-gradient(180deg,#07121f,#02070d)!important}.spector-player-row{padding:16px 18px!important;background:rgba(2,8,15,.92)!important;border-bottom:1px solid var(--bb-line)!important}.spector-live-stage{min-height:520px!important;background:radial-gradient(circle at 50% 20%,rgba(43,124,242,.1),transparent 40%),linear-gradient(180deg,#0a1828,#03080f)!important}.prediction-card{background:linear-gradient(160deg,rgba(18,22,27,.97),rgba(3,9,16,.98))!important}.prediction-choice{background:rgba(7,16,28,.82)!important;border-color:rgba(115,156,212,.18)!important;border-radius:11px!important}.prediction-choice:hover{border-color:rgba(255,198,41,.55)!important}.reaction-bar{background:rgba(3,9,16,.9)!important;border-top:1px solid var(--bb-line)!important}.reaction-bar button{filter:saturate(.92);transition:transform .13s ease}.reaction-bar button:hover{transform:translateY(-3px) scale(1.08)}

/* ---------- Leaderboard ---------- */
.arena32-leader-hero{display:grid;grid-template-columns:1fr 520px;gap:16px;align-items:stretch;margin-bottom:16px}.arena32-leader-copy{padding:28px}.arena32-leader-copy h1{font-size:56px;line-height:.92;letter-spacing:-.055em;margin:12px 0}.arena32-podium-art{min-height:280px;background:url('/assets/art/v32/podium.webp') center/cover no-repeat;border:1px solid var(--bb-line);border-radius:16px;position:relative;overflow:hidden}.arena32-podium-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,14,.32),transparent 50%),linear-gradient(0deg,rgba(3,8,14,.6),transparent 58%)}.arena32-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 17px}.arena32-podium-item{padding:14px;border:1px solid var(--bb-line);border-radius:12px;background:linear-gradient(160deg,rgba(13,28,46,.86),rgba(4,10,18,.95));text-align:center}.arena32-podium-item:first-child{border-color:rgba(255,198,41,.45);box-shadow:inset 0 0 28px rgba(255,197,34,.04)}.arena32-podium-item strong{display:block;font-size:18px}.arena32-podium-item b{color:var(--bb-gold);font-size:24px}.tablewrap{border:1px solid rgba(113,153,205,.15)!important;border-radius:12px!important;overflow:auto;background:rgba(2,8,15,.58)!important}table th{background:rgba(9,20,34,.93)!important;color:#8fa5c0!important}table td{border-color:rgba(121,155,202,.11)!important}tbody tr:hover td{background:rgba(36,100,183,.04)!important}

/* ---------- result / match overlays ---------- */
.match-found-overlay{backdrop-filter:blur(16px)!important;background:rgba(0,5,11,.82)!important}.match-found-card{border:1px solid rgba(255,198,41,.38)!important;background:radial-gradient(circle at 50% 0,rgba(255,196,39,.1),transparent 38%),linear-gradient(160deg,#0d1b2a,#03080e)!important;box-shadow:0 40px 120px rgba(0,0,0,.65)!important}.match-found-card strong{font-size:30px!important}.match-found-card b{color:var(--bb-gold)!important;text-shadow:0 0 28px rgba(255,198,41,.4)}
.navy-finale{backdrop-filter:blur(16px)!important}.premium-finale-card{border-color:rgba(107,159,224,.25)!important;background:#040b14!important;box-shadow:0 40px 120px rgba(0,0,0,.68)!important}

/* ---------- responsive ---------- */
@media(max-width:1100px){
 .arena31-hero{grid-template-columns:1fr!important;min-height:690px;background-position:62% top!important}.arena31-hero-copy{padding:58px 34px!important;max-width:720px}.arena31-hero-stage{display:none!important}.arena31-hero::before{background:linear-gradient(90deg,rgba(1,5,10,.97),rgba(1,5,10,.78) 60%,rgba(1,5,10,.38))!important}
 .arena31-lobby-hero,.rps-page .page.grid2,.navy-grid,.muscle-top-grid,.spector-layout,.arena32-leader-hero{grid-template-columns:1fr!important}
 .arena32-game-hero{min-height:270px}.arena32-podium-art{min-height:240px}
}
@media(max-width:760px){
 .topbar,.topbar-v3,.arena31-nav,.arena32-nav{width:calc(100% - 18px);margin-top:9px;min-height:auto;flex-wrap:wrap;padding:9px 10px}.nav,.arena31-links,.arena32-links{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-top:3px}.nav a,.nav button,.arena31-links a{white-space:nowrap;padding:9px 10px}.arena31-app-actions{margin-left:auto}
 .page,.arena31-app-shell,.arena32-shell{width:calc(100% - 18px);margin-top:12px}.card{padding:15px;border-radius:13px}
 .arena31-home{width:100%}.arena31-hero{margin:6px 9px 0!important;width:calc(100% - 18px);min-height:650px!important;background-position:68% center!important;border-radius:18px!important}.arena31-hero-copy{padding:36px 19px!important}.arena31-hero-copy h1{font-size:57px!important}.arena31-hero-copy h2{font-size:18px!important}.arena31-gate{flex-direction:column!important}.arena31-metrics,.arena31-section,.arena31-bottom{width:calc(100% - 18px)!important}.arena31-metrics{margin:-35px auto 20px!important;grid-template-columns:1fr 1fr!important}.arena31-game-grid{grid-template-columns:1fr!important}.arena31-game-card{min-height:330px!important}
 .arena32-game-hero{min-height:360px;background-position:center!important}.arena32-game-hero::before{background:linear-gradient(0deg,rgba(2,6,11,.98) 0%,rgba(2,6,11,.72) 63%,rgba(2,6,11,.22))}.arena32-game-hero-copy{min-height:360px;padding:28px 20px;justify-content:flex-end}.arena32-game-hero-copy h1{font-size:52px}
 .duel-clean{grid-template-columns:1fr 88px 1fr!important;min-height:380px!important;padding:66px 8px 12px!important}.move-clean{width:34vw!important;height:34vw!important;font-size:20vw!important}.versus-core span{font-size:38px!important}
 .choices{grid-template-columns:1fr!important}.navy-command-card .grid2{grid-template-columns:1fr!important}.spector-live-stage{min-height:400px!important}.arena32-podium{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}