/* One document scroll surface; content determines height. */
*,*::before,*::after{box-sizing:border-box}
html{min-width:0;overflow-x:hidden}body,body.game34,body.bmb35-page{height:auto;min-height:100dvh;overflow-y:auto;overflow-x:hidden}
header.topbar,header.topbar-v3,.arena31-nav,.preview-nav{height:auto!important;min-height:60px;flex-wrap:wrap;gap:12px;padding:10px 16px}
header nav,.nav,.preview-audio{flex-wrap:wrap;min-width:0}.theme-switch{border:1px solid #849cb455;border-radius:99px;padding:9px 14px;background:#203349;color:#eff6ff;font-weight:750;cursor:pointer;white-space:nowrap}
main,section,article,aside,.container{min-width:0;max-width:100%}
.game34-view,.bs34-layout,.bmb35-shell{height:auto!important;min-height:0!important;align-items:start}
.game34-panel,.bs34-warroom,.bs34-command,.rps34-side,.bmb35-side{height:auto;overflow:visible}
.rps34-stage{height:clamp(480px,72dvh,800px)!important;min-height:0!important}
.bmb35-center{height:clamp(490px,76dvh,850px);min-height:0}.bs34-warroom-inner{height:auto;display:flex;flex-direction:column;gap:12px}
.bs34-boards{align-items:start;width:100%}.bs34-board-card{width:100%;overflow:visible}.bs34-board-wrap{display:block}
.bs34-board-wrap .battle-board-shell{width:100%;height:auto;aspect-ratio:1}.bs34-board-wrap .board{position:absolute;inset:0;grid-auto-rows:minmax(0,1fr)}
.bs34-board-wrap .cell{padding:0!important;min-width:0!important;min-height:0!important}.bs34-hud>*{min-width:0}.bs34-hud strong{overflow-wrap:anywhere}
.arena31-home,.arena31-lobby,.preview-main{margin-inline:auto}.waiting-table{flex-wrap:wrap}.waiting-table>div{min-width:0;overflow-wrap:anywhere}
.naval-command{width:100%;border:1px solid #86b4d54d;border-radius:18px;padding:16px;background:#0c1c2fee;color:#e8f3ff}.naval-target{display:flex;justify-content:space-between;align-items:center;gap:12px}.naval-target small{display:block;font-size:9px;letter-spacing:2px;color:#f4c467}.target-label{display:block;margin-top:5px;font-size:16px}.fire-bean{border:0;border-radius:12px;background:#ffca58;color:#182031;padding:15px;font-weight:900;cursor:pointer}.fire-bean:disabled{opacity:.4;cursor:default}.naval-health{display:flex;gap:20px;margin:16px 0}.naval-health label{flex:1;font-size:9px;letter-spacing:1px}.naval-health meter{display:block;width:100%;height:14px;margin-top:5px;accent-color:#60ddb6}.naval-log{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12px;color:#b9cddd}.naval-log li{padding:7px 10px;border-left:2px solid #70bbdc;background:#ffffff05}.naval-log .log-hit{border-color:#ffb24d;color:#ffe0a4}
.cell.target-locked,.practice-board button.target-locked{outline:3px solid #ffce5b!important;outline-offset:-3px;background:#f5b93855!important;box-shadow:0 0 24px #ffd15b66!important;position:relative}.target-locked::before{content:'⊕';position:absolute;inset:0;display:grid;place-items:center;color:#ffda7e;font-size:24px}
[data-theme=light]{color-scheme:light;--text:#192b42;--muted:#526a80;--bg:#edf3f8;--panel:#ffffff;--border:#c5d3df}
[data-theme=light] body{background:#edf3f8!important;color:#192b42!important}
[data-theme=light] :is(.topbar,.topbar-v3,.arena31-nav,.preview-nav,.game34-panel,.arena31-profile,.arena31-stat,.card,.panel,.arena31-metrics,.waiting-table,.match-receipt,.preview-soundboard,.naval-command){background:#f9fcff!important;color:#192b42!important;border-color:#c5d3df!important;box-shadow:0 8px 28px #2346650d}
[data-theme=light] :is(h1,h2,h3,.brand,.arena31-brand,.preview-brand,.nav a,.arena31-links a,.game34-title,.match-receipt strong,.waiting-table strong){color:#172b44!important}
[data-theme=light] :is(.game34-muted,.game34-kicker,.match-receipt p,.waiting-table span,.preview-intro p,.naval-log,.arena31-section-head p){color:#506b80!important}
[data-theme=light] :is(input,select,.game34-input,.game34-money>div,.theme-switch){background:#e6eef5!important;color:#192b42!important;border-color:#bacbda!important}
[data-theme=light] .naval-log .log-hit{color:#865006}[data-theme=light] .naval-target small{color:#876010}
/* Illustrated arenas retain their dark contrast in either theme. */
[data-theme=light] :is(.rps34-arena,.bs34-warroom){background-color:#081d30!important;color:#e8f4ff!important}
[data-theme=light] :is(.rps34-arena,.bs34-warroom) :is(h1,h2,h3,strong){color:inherit!important}
@media(max-width:1000px){.game34-view,.bs34-layout{display:flex;flex-direction:column}.game34-view>*{width:100%}.bs34-command,.rps34-side{order:0}.bs34-warroom,.rps34-arena{order:1}.bmb35-shell{display:flex;flex-direction:column}.bmb35-shell>*{width:100%}.bmb35-side.right-side{display:flex}.bmb35-center{order:0}.bmb35-side{order:1}}
@media(max-width:600px){.bs34-boards{grid-template-columns:1fr}.bs34-board-card:first-child{order:0}.bs34-hud{grid-template-columns:1fr 1fr}.bs34-turn{grid-column:1/-1;grid-row:2}.naval-target{align-items:stretch;flex-direction:column}.preview-nav{justify-content:center}.naval-health{gap:12px}.naval-command{padding:12px}.rps34-stage{height:480px!important}.arena31-hero-copy h1{overflow-wrap:anywhere}.arena31-metrics{display:grid!important;grid-template-columns:1fr 1fr!important}}
@media(prefers-reduced-motion:reduce){.captain-radio img,.captain-finale-scene img{animation:none!important}}
.naval-preview{height:auto!important;min-height:0;display:flex;flex-direction:column;gap:12px}.preview-boards{margin:0 auto;flex:none}.practice-board{width:100%;height:auto;min-height:0;max-height:none;grid-template-rows:repeat(7,minmax(0,1fr))}.naval-preview .captain-radio{margin:0}.naval-preview .naval-command{margin:0}.preview-boards article{min-width:0}.preview-footer{flex-wrap:wrap}
[data-theme=light] :is(.preview-arena,.captain-radio,.bs34-board-card,.preview-hud){color:#e8f3ff!important}[data-theme=light] :is(.preview-arena,.captain-radio,.bs34-board-card,.preview-hud) :is(h2,strong){color:#e8f3ff!important}[data-theme=light] .naval-command,[data-theme=light] .naval-command strong{color:#192b42!important}[data-theme=light] .preview-tabs button{background:#dce7ef;color:#233d55}[data-theme=light] .preview-tabs button[aria-pressed=true]{background:#ffe2a1;border-color:#bd832b;color:#3a2b15}
[data-theme=light] :is(.arena31-panel,.arena31-profile-panel,.arena31-live-panel,.arena31-game-copy,.arena31-profile-stats,.modalbox,.bmb35-card,.bmb35-side){background:#f8fbfe!important;color:#192b42!important;border-color:#c5d3df!important}
[data-theme=light] :is(.arena31-panel,.arena31-profile-panel,.arena31-live-panel,.arena31-game-copy,.bmb35-card) :is(p,small,span,.muted){color:#526a80!important}
[data-theme=light] .arena31-hero-copy{background:linear-gradient(90deg,#f4f8fcfa,#f4f8fce8)!important;color:#192b42!important}
[data-theme=light] .arena31-hero-copy :is(p,.arena31-proof,.arena31-wallet-hint){color:#425f78!important}
[data-theme=light] .preview-soundboard p,[data-theme=light] .preview-soundboard b{color:#243d55!important}
/* Keep every header control inside small windows. */
@media(max-width:700px){header.topbar .nav{width:100%;max-width:100%;overflow:visible;justify-content:space-between;gap:8px;flex-wrap:wrap}header.topbar{padding:10px 12px!important}.topbar .sound-volume-control{width:86px!important;flex:0 0 86px;gap:4px;padding:5px}.topbar .sound-volume-control input{min-width:0;width:44px!important;flex:1}.topbar .theme-switch{padding:8px 11px}}
[data-theme=light] .topbar :is(.sound-toggle,.sound-volume-control){background:#dce7ef;color:#294358;border-color:#aec3d3}

/* A range input must not inherit the full-width, padded text-field styles. */
header .sound-volume-control{display:flex!important;align-items:center;gap:6px!important;width:104px!important;flex:0 0 104px!important;min-width:0;max-width:104px;height:32px;margin:0;padding:6px 8px!important;border-radius:9px;overflow:hidden}
header .sound-volume-control input[type=range]{appearance:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:1 1 0;height:18px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0;box-shadow:none!important;background:transparent!important;cursor:pointer;accent-color:#ffc857}
header .sound-volume-control span{flex:0 0 auto;font-size:8px}
[data-theme=light] .preview-nav>a:last-child{color:#795317}
[data-theme=light] .naval-fire-hint{color:#577182}
header :is(.sound-toggle,.game34-sound,.theme-switch){flex:0 0 auto;max-width:100%;min-width:0;margin:0;white-space:nowrap}
header.topbar .nav{max-width:100%;min-width:0;overflow:visible;gap:10px;align-items:center}
.preview-nav .preview-audio{max-width:100%;gap:6px;flex-wrap:wrap}
@media(max-width:700px){
  header.topbar .nav{width:100%;justify-content:flex-start;gap:6px}
  header.topbar .nav a{padding:6px 2px}
  header :is(.sound-toggle,.game34-sound,.theme-switch){font-size:11px!important;padding:8px 9px!important}
  .preview-nav{justify-content:space-between;padding:6px 4px;gap:6px}
  .preview-nav .preview-audio{margin-left:0}
}
[data-theme=light] .leaderboard-page .arena32-podium-item{background:#fff!important;border-color:#cfdae5!important;color:#172a3d!important}
[data-theme=light] .leaderboard-page .arena32-podium-item strong{color:#172a3d!important}
[data-theme=light] .leaderboard-page .arena32-podium-item .muted,[data-theme=light] .leaderboard-page .bean-rank-art p{color:#526a80!important}
[data-theme=light] .leaderboard-page .arena32-podium-item b,[data-theme=light] .leaderboard-page .bean-rank-crown{color:#986900!important}
/* Stable, separate copy and illustration surfaces in both themes. */
.landing-page .arena31-hero{background:#080e18!important;background-image:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow:hidden;isolation:isolate;padding:0!important}
.landing-page .arena31-hero::before,.landing-page .arena31-hero::after{display:none!important}
.landing-page .arena31-hero-copy{align-self:center!important;background:none!important;max-width:none!important;padding:clamp(24px,4vw,56px)!important}
.landing-page .arena31-hero-stage{display:block!important;min-height:420px!important;animation:none!important;transform:none!important;border-radius:0!important;align-self:stretch!important}
.landing-page .arena31-hero-stage::before{display:none!important}
.landing-page .arena31-hero-art{opacity:1!important;transform:none!important;filter:none!important;object-position:center!important}
[data-theme=light] .landing-page .arena31-hero{background:#f9fcff!important;border-color:#c5d3df!important}
[data-theme=light] .landing-page .arena31-hero-copy{background:none!important}
[data-theme=light] .landing-page .arena31-hero-copy h1 span,[data-theme=light] .landing-page .arena31-kicker{color:#8c5a00!important}
[data-theme=light] .landing-page .arena31-hero-copy>p,[data-theme=light] .landing-page .arena31-wallet-hint{color:#425f78!important}
a[data-invite-locked]{cursor:not-allowed!important;opacity:.5;filter:saturate(.35)}
a[data-invite-locked]:hover{transform:none!important}
[data-public-preview][hidden]{display:none!important}
@media(max-width:1000px){.landing-page .arena31-hero{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}.landing-page .arena31-hero-stage{min-height:280px!important;aspect-ratio:16/9}.landing-page .arena31-hero-copy h1{font-size:clamp(40px,8vw,76px)!important}}
.landing-page a.arena31-game-card[data-invite-locked]{opacity:1;filter:none}
.landing-page a.arena31-game-card[data-invite-locked] .arena31-game-copy>span{opacity:.55}
[data-theme=light] .landing-page .arena-preview-link{color:#805400!important}
.landing-page .arena31-gate input{min-height:48px!important;height:auto!important;line-height:1.4!important;padding:12px 14px!important}
[data-theme=light] .landing-page .arena31-gate{background:#e6eef5!important;border-color:#bacbda!important;box-shadow:none!important}
[data-theme=light] .landing-page .arena31-gate input{background:#fff!important}
.arena31-seo-info{padding:clamp(22px,4vw,42px);margin-bottom:28px}.arena31-seo-info h2{font-size:clamp(25px,3vw,38px);line-height:1.15;margin:0 0 18px}.arena31-seo-info h3{font-size:19px;margin:24px 0 8px}.arena31-seo-info p{max-width:78ch;line-height:1.75;color:#acbdce}.arena31-seo-info a{color:#ffd06b}[data-theme=light] .arena31-seo-info p{color:#425f78}[data-theme=light] .arena31-seo-info a{color:#805400}