/* Final layout layer: height-aware play surfaces, shared cinematic effects. */
:root{--arena-gold:#ffc85a;--arena-ink:#080d15;--arena-line:#ffffff1a;color-scheme:dark}
.wallet-picker{width:min(440px,calc(100vw - 36px));box-sizing:border-box;border:1px solid #657b9655;border-radius:20px;padding:25px;background:#101e30;color:#e4effa;box-shadow:0 24px 100px #000a}.wallet-picker::backdrop{background:#02070dc9;backdrop-filter:blur(8px)}.wallet-picker h2{font-size:24px;margin:0 0 10px}.wallet-picker p{color:#aabfd2;font-size:13px;line-height:1.6}.wallet-options{display:grid;gap:10px;margin:18px 0}.wallet-options button{padding:15px;border:1px solid #a5b9d133;border-radius:12px;background:#203349;color:white;font-weight:800;text-align:left;cursor:pointer}.wallet-options button:hover{border-color:#f8c65a}.wallet-cancel{padding:10px;background:none;border:0;color:#ffcf66;cursor:pointer}.arena31-wallet-hint{grid-column:1/-1;font-size:11px;color:#aebfcf}.deposit-wallet-form{display:grid;gap:12px;padding:14px 0}
html{scrollbar-gutter:stable}body{margin:0;overflow-x:clip}img{max-width:100%}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffcf66;outline-offset:4px}
.topbar,.topbar-v3,.arena31-nav{width:calc(100% - 24px);max-width:1800px;margin:8px auto 0;min-height:56px;gap:12px;box-shadow:none;border-radius:14px}
body.game34 .topbar,.bmb35-page .topbar-v3{height:56px;min-height:56px;position:relative}
.nav{min-width:0;gap:12px}.nav a{white-space:nowrap}.brand{min-width:0}.brand-mark{flex-shrink:0}
.arena31-home{width:min(1800px,100%)}
.arena31-hero,.arena31-lobby-art{background-image:url('/assets/arena-2026/hero-clean.png')!important}
.arena31-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;min-height:0!important;height:auto;padding:0;margin-inline:12px;border-radius:22px}
.arena31-metrics{margin:12px auto 26px!important}
.captain-finale-scene{height:190px;position:relative;display:grid;place-items:center;background:linear-gradient(0deg,#08131d,transparent),url('/assets/arena-2026/naval-arena.png') center/cover;overflow:hidden}.captain-finale-scene img{height:185px;object-fit:contain;filter:drop-shadow(0 12px 22px #0008);animation:captain-bob 3s ease-in-out infinite}.navy-finale.lose .captain-finale-scene img{transform:rotate(-10deg) translateY(12px);animation:none}.finale-copy{padding:18px!important}.finale-copy h2{font-size:clamp(24px,3vw,38px)!important;margin:8px 0!important}.captain-finale-scene~.finale-copy .match-receipt{margin-top:12px}.navy-finale.win::before,.navy-finale.win::after{display:none}
.result-card .match-receipt,.finale-copy .match-receipt{flex-direction:column;text-align:left;padding:12px;margin:14px 0 0;gap:8px}.result-card .match-receipt strong,.finale-copy .match-receipt strong{font-size:22px}.result-card{max-height:100%;overflow:auto}.result-card .receipt-actions,.finale-copy .receipt-actions{max-width:none}.premium-finale-card{max-height:94dvh;overflow:auto}
.arena31-gate{flex-wrap:wrap}.arena31-gate input{flex:1;min-width:130px}.arena31-gate-copy{flex:1;min-width:180px;height:auto!important;min-height:54px}.arena31-wallet-hint{flex-basis:100%;padding:4px 8px}
.arena31-hero-stage{min-height:0!important}.arena31-hero-copy{padding:clamp(24px,4vw,60px)!important;min-width:0}
.arena31-hero-copy h1{font-size:clamp(42px,5.8vw,88px)!important;line-height:.95!important}.arena31-hero-copy h2{font-size:clamp(16px,1.5vw,22px)!important}.arena31-hero-copy>p{font-size:clamp(13px,1.05vw,16px)!important}
.game34-shell{width:calc(100% - 24px);max-width:1800px;padding:10px 0 12px}
.game34-view,.bs34-layout{height:calc(100dvh - 86px);min-height:0;gap:12px;grid-template-columns:clamp(240px,23vw,310px) minmax(0,1fr)}
.game34-panel{min-width:0;border-radius:18px;box-shadow:0 12px 42px #0005}
.rps34-side,.bs34-command{overflow:auto;padding:18px;gap:12px;scrollbar-width:thin;scrollbar-color:#334457 transparent}
.game34-title,.rps34-side h1{font-size:clamp(23px,2.2vw,34px);line-height:1.04;letter-spacing:-.045em}
.game34-muted{font-size:12px;line-height:1.5}.game34-kicker{font-size:9px;letter-spacing:.14em;color:#c0d0df}
.game34-btn{border-radius:10px;box-shadow:none;min-height:42px;font-size:11px;letter-spacing:.03em;background:linear-gradient(135deg,#ffe091,#ffb73e)}
.game34-btn.secondary{background:#101c2a;border:1px solid #ffffff20;color:#d9e6f5}
.game34-input{min-height:42px;padding:10px;border-radius:9px}.game34-money{gap:5px}.game34-money>div{padding:8px 6px}.game34-money strong{font-size:16px}
.rps34-side .open-games-list,.bs34-command .open-games-list{max-height:150px}.open-games-panel h3{font-size:15px}
.rps34-arena{background:url('/assets/arena-2026/rps-arena.png') center/cover}
.rps34-arena::before{background:linear-gradient(#0408119c,transparent 28%,#04081122 64%,#040811d9)}
.rps34-stage{height:100%;min-height:0;padding:14px;grid-template-rows:auto minmax(140px,1fr) auto}
.rps34-scorebar{padding:10px 14px;background:#07101ad9;border:1px solid #ffffff20;border-radius:12px;backdrop-filter:blur(15px)}
.rps34-player strong{font-size:14px}.rps34-score{font-size:30px}.rps34-avatar{width:34px;height:34px;font-size:9px;border-radius:10px}.rps34-player{gap:8px}
.rps34-battlefield{grid-template-columns:1fr 66px 1fr;isolation:isolate}.rps34-round-state{top:14px;font-size:10px;letter-spacing:.13em}
.rps34-weapon-display{width:100%;height:100%;max-height:320px;background:none;border:0;box-shadow:none}
.rps34-weapon-display img{width:75%;height:80%;object-fit:contain;filter:drop-shadow(0 20px 15px #0009);animation:weapon-float 4s ease-in-out infinite}
.rps34-weapon-display.sealed::before{width:clamp(72px,10vw,130px);height:clamp(72px,10vw,130px);font-size:48px;background:#0c1423c9;border:1px solid #ffffff30;backdrop-filter:blur(8px);border-radius:25px;box-shadow:0 0 55px #3b9bff26}
.rps34-core-ring{width:60px;height:60px;font-size:20px;border:none;background:#080c14aa;backdrop-filter:blur(10px)}
.rps34-controls{grid-template-columns:1fr;gap:8px;z-index:3}.rps34-weapon-wheel{gap:10px}.rps34-pick{height:90px;border:1px solid #ffffff30;background:linear-gradient(130deg,#142338ef,#090f1bea);border-radius:14px;grid-template-columns:72px 1fr;padding:8px;color:#fff;backdrop-filter:blur(16px);transition:transform .18s,border-color .18s,background .18s}
.rps34-pick img{width:68px;height:68px;filter:drop-shadow(0 5px 8px #0007)}.rps34-pick:hover:not(:disabled){transform:translateY(-5px);border-color:#ffd078;background:#25364bee}.rps34-pick b{font-size:15px}.rps34-pick small{font-size:10px;color:#a7bacd}.rps34-pick.selected{border-color:#ffca5f;box-shadow:0 0 22px #ffbd3820}
.rps34-history{display:none}.rps34-fx{z-index:10;overflow:hidden}.rps34-battlefield:has(.combat-active) .rps34-side-stage,.rps34-battlefield:has(.combat-active) .rps34-center-core{visibility:hidden}
.combat-active{background:radial-gradient(ellipse,#050a121a,#050a1260)}
.combat-actor{position:absolute;will-change:transform;filter:drop-shadow(0 18px 14px #0008)}.combat-actor img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.scissor-half{transform-origin:55% 50%}.scissor-half.upper{clip-path:inset(0 0 49% 0)}.scissor-half.lower{clip-path:inset(51% 0 0 0)}
.combat-particle{position:absolute;width:6px;height:9px;border-radius:2px;pointer-events:none;box-shadow:0 0 12px currentColor}
.combat-title{position:absolute;left:50%;bottom:7%;white-space:nowrap;font:900 italic clamp(15px,2.4vw,38px)/1.1 system-ui;color:#ffe0a2;letter-spacing:-.04em;text-shadow:0 3px 0 #8b3c0c,0 5px 22px #000;opacity:0;z-index:6}
.combat-title[data-result=lose]{color:#ffc9c0}.combat-pin{position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(#fff,#617380);box-shadow:0 0 8px white}
.combat-wrap{position:absolute;background:linear-gradient(175deg,#fff7dc,#c6b991);border:1px solid #fff8;box-shadow:0 4px 7px #0004;border-radius:15%;z-index:4}
.bs34-warroom{padding:16px;background:linear-gradient(#06142580,#06142515),url('/assets/arena-2026/naval-arena.png') center/cover}
.bs34-warroom-inner{grid-template-rows:auto auto minmax(0,1fr)}.bs34-hud{background:#05121edb;backdrop-filter:blur(12px);border:1px solid #ffffff20;border-radius:12px;padding:12px}.bs34-hud-side strong{font-size:12px}.bs34-turn{font-size:12px;letter-spacing:.06em}
.bs34-boards{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:14px}
.bs34-board-card{min-width:0;max-height:none!important;padding:12px;background:#061727c9;border:1px solid #71b8e23a;border-radius:16px;backdrop-filter:blur(9px)}
.bs34-board-head{min-height:30px;gap:6px}.bs34-board-head>strong{font-size:10px;letter-spacing:.1em}.bs34-board-head>div{font-size:9px;max-width:150px;text-align:right}.bs34-board-wrap{padding:16px 0 0 16px}
.bs34-board-wrap .battle-board-shell{width:min(100%,calc(100dvh - 355px));height:auto;aspect-ratio:1;min-width:0;margin:auto;position:relative}
.bs34-board-wrap .board,.bs34-board-wrap.enemy .board{width:100%;height:100%;aspect-ratio:1;max-width:none;max-height:none;gap:3px;min-width:0}
.bs34-board-wrap .cell{min-width:0;min-height:0;border-radius:4px;background:linear-gradient(140deg,#10394eaa,#072032d9);border:1px solid #63c3df24;transition:background .15s,border-color .15s}
.bs34-board-wrap.enemy .cell:not(.disabled):hover{background:#f8c16b33;border-color:#ffce76;box-shadow:inset 0 0 0 2px #ffce7680}
.bs34-board-wrap .cell.hit{background:radial-gradient(circle,#fff3ac 0 6%,#fc8c37 14%,#6e251d 35%,#0c1824 70%);color:#ffe5a3;border-color:#ee7b49}
.bs34-board-wrap .cell.miss{background:radial-gradient(circle,#b3e6f9 0 5%,#529ab94d 18%,#092133 60%);color:#a8d9ed}
.bs34-help{font-size:10px;line-height:1.5}.bs34-fleet-dock{gap:5px}.bs34-command .open-games-panel{margin-top:4px!important}.game34-bs .ship-deck-mascot{display:none}.game34-bs .placed-bean-ship.horizontal .ship-art{inset:0}
.naval-fx-layer{position:fixed;inset:0;z-index:10000;pointer-events:none;overflow:hidden}
.naval-tracer{position:absolute;width:50px;height:5px;background:linear-gradient(90deg,transparent,#ff8b29,#fff5bd);box-shadow:8px 0 13px #ffbb55;border-radius:50%;transform-origin:right center}
.naval-shockwave{position:absolute;width:85px;height:85px;border-radius:50%;border:3px solid #f7ca91;background:radial-gradient(circle,#fff3af 0 9%,#ff9f3d 18%,#e63b1640 45%,transparent 65%);box-shadow:0 0 24px #ff6a204d}
.naval-shockwave.water{border-color:#b4e8ff;background:radial-gradient(ellipse,#c5efff80,transparent 65%);height:45px;box-shadow:none}
.naval-callout{position:absolute;white-space:nowrap;font:900 italic 15px system-ui;text-shadow:0 3px 8px #000}
.bmb35-shell{height:calc(100dvh - 86px);min-height:0;grid-template-columns:clamp(195px,18vw,250px) minmax(0,1fr) clamp(185px,17vw,240px);width:calc(100% - 24px);margin:10px auto 12px}
.bmb35-center{min-height:0;grid-template-rows:58px minmax(0,1fr) 106px}.bmb35-side{overflow:auto;scrollbar-width:thin}.bmb35-actionbar{grid-template-columns:70px minmax(0,1fr) 70px}.mash-button{min-width:0;width:min(100%,320px);height:68px;touch-action:none;user-select:none}.power-read b{font-size:18px}.bmb35-card{padding:11px}
.arena-preview-link{display:inline-flex;align-items:center;gap:8px;color:#ffce73;font-size:12px;font-weight:750;text-decoration:none;padding:10px 0}
@keyframes weapon-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -10px;rotate:2deg}}
@media(min-width:901px) and (max-height:700px){.game34-title,.rps34-side h1{font-size:25px}.game34-money>div{padding:5px}.rps34-pick{height:72px}.rps34-pick img{width:52px;height:52px}.rps34-pick{grid-template-columns:55px 1fr}.bmb35-center{grid-template-rows:52px minmax(0,1fr) 90px}.mash-button{height:58px}.rps34-scorebar{padding:6px 12px}}
@media(max-width:1100px){.game34-view,.bs34-layout{grid-template-columns:240px minmax(0,1fr)}.rps34-pick{grid-template-columns:1fr;height:95px;text-align:center;padding:4px;gap:0}.rps34-pick img{width:54px;height:54px;margin:auto}.rps34-pick small{display:none}.rps34-pick b{font-size:12px}.rps34-stage{min-height:0}.bmb35-shell{grid-template-columns:205px minmax(0,1fr)}.bmb35-side.right-side{display:none}.bmb35-center{order:0}.bs34-boards{gap:7px}.bs34-board-card{padding:6px}.bs34-board-head>div{display:none}}
@media(max-width:900px){
 .topbar,.arena31-nav{flex-wrap:wrap;height:auto!important;padding:9px 12px;gap:8px}.nav{gap:10px;flex-wrap:wrap}.nav a{font-size:11px}.nav a:not([aria-current=page]){display:none}.brand{font-size:14px}
 .game34-view,.bs34-layout{height:auto;display:flex;flex-direction:column}.rps34-arena,.bs34-warroom{order:-1}.rps34-stage{height:clamp(400px,72svh,680px);min-height:0}.rps34-side,.bs34-command{overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:14px}.rps34-side>div:first-child,.bs34-command>div:first-child{grid-column:1/-1}.rps34-side .open-games-panel{margin-top:0!important}.bs34-warroom{min-height:0}.bs34-warroom-inner{gap:12px}.bs34-board-wrap .battle-board-shell{width:100%}.bs34-boards{grid-template-columns:1fr 1fr}
 .bmb35-shell{display:flex;flex-direction:column;height:auto}.bmb35-center{order:-1;grid-template-rows:56px minmax(300px,52svh) auto}.bmb35-side{overflow:visible;display:grid;grid-template-columns:1fr 1fr}.bmb35-side.right-side{display:grid}.bmb35-actionbar{grid-template-columns:70px 1fr 70px}.bmb35-side .open-card{grid-column:1/-1}
 .arena31-hero{height:auto;min-height:520px!important;grid-template-columns:1fr!important}.arena31-hero-copy{max-width:650px}.arena31-hero-stage{display:none!important}
}
@media(max-width:560px){
 .game34-shell,.bmb35-shell{width:calc(100% - 16px)}.topbar,.arena31-nav{width:calc(100% - 16px)}.rps34-stage{padding:9px;height:clamp(390px,67svh,560px)}.rps34-scorebar{padding:8px}.rps34-avatar{display:none}.rps34-player strong{font-size:11px}.rps34-score{font-size:24px}.rps34-scorebar .game34-clock{font-size:16px}.rps34-pick{height:85px;border-radius:10px}.rps34-battlefield{grid-template-columns:1fr 40px 1fr}.rps34-core-ring{width:40px;height:40px;font-size:14px}
 .rps34-side,.bs34-command{display:flex;padding:14px}.bs34-hud{padding:8px;gap:5px}.bs34-hud-side strong,.bs34-turn{font-size:10px}.bs34-hud-side small{font-size:8px}.bs34-warroom{padding:8px}.bs34-boards{grid-template-columns:1fr;gap:12px}.bs34-board-card{padding:10px}.bs34-board-wrap .battle-board-shell{width:min(100%,360px)}.bs34-board-card:first-child{order:1}.bs34-board-head>div{display:block}.bmb35-side,.bmb35-side.right-side{display:flex;flex-direction:column}.bmb35-actionbar{grid-template-columns:1fr}.power-read{display:none}.bmb35-center{grid-template-rows:54px minmax(280px,48svh) auto}.mash-button{width:100%}.arena31-hero-copy h1{font-size:clamp(39px,10.5vw,58px)!important}.arena31-hero{min-height:490px!important}.arena31-hero-copy{padding:30px 22px!important}.arena31-hero-copy>p{font-size:14px!important}.arena31-links{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.rps34-weapon-display img{animation:none}.rps34-pick{transition:none}}
/* Clear alpha mascots, responsive receipts and open tables. */
.arena31-logo,.arena32-logo,.brand-mark,.bean-logo{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;flex-shrink:0}
.arena31-logo img,.arena32-logo img,.brand-mark img,.mascot-logo img{width:100%;height:100%;object-fit:contain!important;filter:none!important;transform:none!important}
.arena31-lobby-art>img{object-fit:cover;object-position:center}.arena31-avatar img{object-fit:contain}
.captain-radio{display:flex;align-items:center;gap:12px;min-height:64px;padding:4px 16px;background:linear-gradient(90deg,#132c41dd,#08162688);border:1px solid #8dcae61c;border-radius:14px;margin:8px 0;color:#e3f5ff}
.captain-radio img{width:68px;height:68px;object-fit:contain;flex-shrink:0;animation:captain-bob 4s ease-in-out infinite}.captain-radio p{margin:0;font-size:12px}.captain-radio small{display:block;color:#f5c868;font-size:9px;letter-spacing:1.4px;margin-bottom:5px}.naval-preview .captain-radio{margin:8px 18px}
@keyframes captain-bob{50%{transform:translateY(-3px) rotate(2deg)}}
.match-receipt{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:20px;margin:14px auto;max-width:1400px;border:1px solid #f7c35155;border-radius:18px;background:#101d2e;box-shadow:0 18px 45px #0004;color:#e9f2ff}.match-receipt.hidden{display:none}.match-receipt small{font-size:10px;letter-spacing:2px;color:#c4a466}.match-receipt strong{display:block;font-size:clamp(20px,3vw,34px);margin:6px 0}.match-receipt p{font-size:12px;margin:5px 0;color:#adbfce}.receipt-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:400px}.receipt-actions p{width:100%}.receipt-actions a{font-size:11px;color:#bfd9ee;padding:10px}.receipt-actions button,.waiting-table button{border:0;border-radius:9px;padding:11px 14px;background:#ffd15e;color:#111a23;font-weight:850;cursor:pointer}.receipt-actions button:disabled,.waiting-table button:disabled{opacity:.45;cursor:default}.receipt-actions [data-decline]{background:#273e51;color:#d8eaf6}
.waiting-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.waiting-table{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;background:#0f2030;border:1px solid #283b4c;border-radius:13px}.waiting-table strong,.waiting-table span{display:block}.waiting-table small{color:#efc661;font-size:10px;text-transform:uppercase}.waiting-table strong{margin:7px 0}.waiting-table span{font-size:12px;color:#aebdcc}#waitingFilter{max-width:220px}
@media(max-width:700px){.match-receipt{flex-direction:column;align-items:stretch}.waiting-list{grid-template-columns:1fr}.captain-radio img{width:50px;height:50px}.captain-radio{min-height:50px}.waiting-table{padding:12px}.waiting-table button{font-size:11px;padding:10px}}
@media(prefers-reduced-motion:reduce){.captain-radio img{animation:none}}
/* Public rankings use real text, never a screenshot of fictional standings. */
.bean-rank-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;text-align:center;min-width:0;border:1px solid var(--bb-line);border-radius:18px;background:radial-gradient(ellipse at center,rgba(255,198,41,.14),transparent 70%)}
.bean-rank-art img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(255,198,41,.18))}.bean-rank-crown{font-size:52px;line-height:1;color:var(--bb-gold)}.bean-rank-art strong{font-size:20px}.bean-rank-art p{margin:0;color:var(--bb-muted,#93a4b8)}
.leaderboard-page .arena32-leader-hero{grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr)}.leaderboard-page .arena32-podium-item strong{overflow-wrap:anywhere}.leaderboard-page .arena32-podium-item b,.leaderboard-page .arena32-podium-item .muted{display:block}.leaderboard-page .arena32-podium-item .muted{margin-top:8px;font-size:12px}
.arena31-wallet:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
@media(max-width:760px){.leaderboard-page .arena32-leader-hero{grid-template-columns:minmax(0,1fr)}.bean-rank-art{padding:18px}.bean-rank-art img{width:90px;height:90px}.leaderboard-page .arena32-podium{grid-template-columns:minmax(0,1fr)}.leaderboard-page .arena32-leader-copy h1{font-size:clamp(32px,9vw,56px)}}