#pmJuego.bm-arena{background:radial-gradient(ellipse at 50% 40%,#38546c,#15283c 80%);color:#f3f6ff;display:flex;flex-direction:column;isolation:isolate}
.bm-arena #pmZona{flex:1;min-height:0;padding:0 6px;overflow:hidden}
.bm-arena #pmCanvas{display:block;border-radius:12px;box-shadow:0 0 0 3px #101d2d,0 6px 18px #0005;image-rendering:auto;touch-action:none;flex:none}
.bm-arena #pmPadBox{padding:5px 14px max(8px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,#15283c00,#102136);flex:none}
.bm-arena #pmHud{display:none!important}.bm-arena #pmX{top:max(6px,env(safe-area-inset-top));left:9px;right:auto;width:30px;height:30px;font-size:15px;background:#122236c9;border:1px solid #ffffff25;z-index:8}
.bm-arena-hud{padding:calc(38px + env(safe-area-inset-top,0px)) 12px 6px;flex:none}
.bm-players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:520px;margin:auto}
.bm-player{background:linear-gradient(145deg,#344962,#26374e);border:1px solid #ffffff1c;border-top:3px solid var(--team);border-radius:11px;padding:5px 6px;min-width:0;display:grid;grid-template-columns:13px minmax(0,1fr);column-gap:3px;align-items:center;box-shadow:0 3px 6px #0002}
.bm-player i{font-size:15px;font-style:normal;color:var(--team)}.bm-player span{font-size:11px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-player b{grid-column:2;font-size:7px;font-weight:700;letter-spacing:.7px;color:#b8cabf}.bm-player.out{opacity:.42;filter:grayscale(1)}
.bm-stats{display:flex;justify-content:space-between;align-items:center;max-width:400px;margin:5px auto 0;padding:0 5px;gap:8px;font-size:13px;font-weight:850}.bm-stats small{font-size:7px;letter-spacing:.7px;color:#a9bfd1;margin-left:3px}.bm-stats strong{font:850 20px ui-rounded,system-ui;font-variant-numeric:tabular-nums;color:#fff2c0;min-width:60px;text-align:center}.bm-stats .urgent{color:#ff8f8f}
.bm-controls{max-width:430px;margin:0 auto}.bm-control-top{display:flex;justify-content:space-between;align-items:center;margin:3px 0 7px;gap:12px}.bm-control-top>span{font:950 13px system-ui;letter-spacing:1px;color:#e9f3ff}.bm-control-top small{font-size:8px;color:#8bb0c5;letter-spacing:2px;margin-left:3px}.bm-control-top select{width:auto;min-height:32px;border:1px solid #ffffff25;background:#29425b;color:#ebf4ff;border-radius:10px;padding:5px 9px;font:700 12px system-ui}
.bm-control-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:102px}.bm-dpad{display:grid;grid-template-areas:'. up .' 'left down right';grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:5px}.bm-dpad button{width:46px;height:46px;border-radius:13px;border:1px solid #b9d8ef33;border-bottom:4px solid #152337;background:linear-gradient(#496682,#304b68);color:#f0faff;font:700 25px system-ui;touch-action:none;box-shadow:0 3px 6px #08142444}.bm-dpad [data-dir=up]{grid-area:up}.bm-dpad [data-dir=left]{grid-area:left}.bm-dpad [data-dir=down]{grid-area:down}.bm-dpad [data-dir=right]{grid-area:right}
.bm-actions{display:flex;align-items:center;gap:9px}.bm-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffafb55c;border-bottom:5px solid #ad3053;background:linear-gradient(145deg,#ff8882,#eb506a);width:76px;height:80px;border-radius:24px;color:white;box-shadow:0 5px 12px #060f2044;touch-action:none}.bm-actions span{font-size:31px;line-height:1.15}.bm-actions small{font:900 9px system-ui;letter-spacing:.5px;margin-top:5px}.bm-actions #bmArenaPower{width:60px;height:66px;border-radius:19px;border-color:#b7a9ff44;border-bottom-color:#51428e;background:linear-gradient(#a398f0,#776ac6)}.bm-actions button:disabled{opacity:.4;filter:saturate(.4)}.bm-actions button.ultra{background:linear-gradient(#ffe79a,#ffb64e);border-bottom-color:#be7730}.bm-actions button:active:not(:disabled),.bm-dpad button:active{transform:translateY(2px);filter:brightness(1.17)}
.bm-stick{position:relative;width:99px;height:99px;border-radius:50%;background:radial-gradient(#1a293e,#344d68);border:2px solid #6d91b344;box-shadow:inset 0 4px 8px #0003;touch-action:none;margin:0 20px}.bm-stick i{position:absolute;left:27px;top:27px;width:41px;height:41px;border-radius:50%;background:linear-gradient(#92b1d3,#5a7d9f);border:2px solid #bedafa66;box-shadow:0 5px 10px #0004}.bm-swipe{width:145px;text-align:center;color:#d3e2f2;font-size:35px;line-height:1}.bm-swipe small{display:block;font:600 10px/1.5 system-ui;color:#a0b8cf;max-width:105px;margin:8px auto}
@media(max-width:359px){.bm-arena #pmPadBox{padding-left:9px!important;padding-right:9px!important}.bm-dpad{grid-template-columns:repeat(3,39px);grid-template-rows:repeat(2,42px)}.bm-dpad button{width:39px;height:42px}.bm-actions{gap:5px}.bm-actions button{width:65px;height:73px}.bm-actions #bmArenaPower{width:53px;height:61px}.bm-control-row{gap:8px}.bm-stats small{display:none}}
@media(max-height:650px){.bm-arena-hud{padding-top:32px}.bm-control-row{min-height:86px}.bm-dpad{grid-template-rows:repeat(2,38px)}.bm-dpad button{height:38px}.bm-stick{width:80px;height:80px}.bm-stick i{top:18px;left:18px}.bm-actions button{height:69px}.bm-control-top{margin-bottom:4px}}

.bm-player{grid-template-columns:24px minmax(0,1fr)}.bm-player i{grid-row:span 2;width:24px;height:26px;display:grid;place-items:center}.bm-player i img{width:27px;height:27px;object-fit:contain}.bm-player b{grid-column:2}

/* Keep controls separated from the board and mode selector, including small phones. */
.bm-control-top{margin-bottom:18px}
.bm-control-row{justify-content:center;gap:20px}
.bm-dpad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:14px}
.bm-dpad button{width:48px;height:48px}
.bm-actions{flex-direction:column;gap:12px}
.bm-actions button,.bm-actions #bmArenaPower{width:64px;height:54px;border-radius:16px}
.bm-actions span{font-size:23px}.bm-actions small{margin-top:1px}
@media(max-width:359px){.bm-control-row{gap:16px}.bm-dpad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px)}.bm-dpad button{width:46px;height:46px}}