/* The arena and its controls have separate rows: nothing covers the fighters. */
.brawl-mode.cafe-shell{display:block;max-width:1360px;height:calc(100dvh - 70px);padding:15px 20px 20px}
.brawl-mode .world-card{width:100%;height:100%;max-height:none;min-height:480px;aspect-ratio:auto;background:#3f5139;border:4px solid #65482f;outline:2px solid #cdb07d;box-shadow:5px 6px #201c1d55}
.brawl-mode .side-panel,.brawl-mode #cafe-canvas,.brawl-mode .world-status,.brawl-mode .world-caption,.brawl-mode .controls-hint,.brawl-mode .interact-button,.brawl-mode .dpad,.brawl-mode #speech-layer{display:none!important}
.brawl-stage{position:absolute;inset:92px 0 0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;background:#e2bd82;min-height:0}
.brawl-stage[hidden],.fight-hud[hidden]{display:none!important}
#brawl-canvas{display:block;width:100%;height:100%;min-height:0;image-rendering:pixelated;touch-action:none;background:#bba56d}
#brawl-help{margin:0;padding:7px 12px;text-align:center;background:#f7e7c1;border-top:2px solid #c5a172;color:#765d3c;font-size:12px;line-height:1.4}
.fight-hud{position:absolute;inset:0 0 auto;height:92px;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.45fr) auto;align-items:center;gap:16px;padding:13px 22px;color:#fff0cc;background:#354332;border-bottom:4px solid #705433;box-shadow:inset 0 3px #70845b}
.fight-hud-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;min-width:0}
.fight-hud-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 9px;align-items:center;min-width:0}
.fight-hud-player>b{font:700 13px/1.25 "Segoe UI",Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fight-hud-player>small{font-size:12px;color:#dcc797;grid-column:2;grid-row:1;font-variant-numeric:tabular-nums}
.fight-health{grid-column:1/-1;height:16px;border:2px solid #192c24;background:#152a22;box-shadow:1px 2px #1c2b22;overflow:hidden}
.fight-health i{display:block;height:100%;background:#82bba0;box-shadow:inset 0 3px #b7d7a7;transition:width .1s linear}
.fight-hud-player:last-child .fight-health i{background:#e49a75;box-shadow:inset 0 3px #f2c7a2}
.fight-hud-summary{display:grid;gap:6px;text-align:center;min-width:0}
.fight-hud-summary>b{font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.fight-hud-summary>span{font-size:12px;color:#ebcf95;font-variant-numeric:tabular-nums}
.fight-hud-close,.fight-forfeit{border:2px solid #182f23;box-shadow:2px 3px #172b22;border-radius:3px;background:#d7e3b0;color:#385635;padding:10px 13px;min-height:44px;font-size:13px;font-weight:800;grid-column:3}
.fight-forfeit{background:#ead4ae;color:#654d37}
.fight-hud-close[hidden],.fight-forfeit[hidden]{display:none!important}
#fight-bonk{display:none!important}
.brawl-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:126px;padding:12px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));background:#ede0b8;border-top:3px solid #ae8959;box-shadow:inset 0 3px #fff4d5;user-select:none;-webkit-user-select:none;touch-action:none}
#brawl-stick{flex:0 0 96px;width:96px;height:96px;position:relative;display:grid;place-items:center;background:#b4c59a;border:3px solid #748360;border-radius:50%;box-shadow:inset 0 0 0 5px #cad3ac,0 3px #9ca980;touch-action:none;cursor:grab;outline-offset:5px}
#brawl-stick::before,#brawl-stick::after{content:"";position:absolute;pointer-events:none;background:#84957066}
#brawl-stick::before{width:60%;height:2px}#brawl-stick::after{width:2px;height:60%}
#brawl-stick.dragging{cursor:grabbing;background:#a8bd8a}
.brawl-stick-knob{z-index:1;width:40px;height:40px;border:3px solid #596b4d;background:#eff1ce;border-radius:50%;box-shadow:0 4px #758865;pointer-events:none;transform:translate(0,0);will-change:transform}
.brawl-action-buttons{display:flex;align-items:center;gap:12px}
.brawl-action-buttons button{position:relative;overflow:hidden;width:116px;min-height:79px;padding:12px 8px;border:3px solid #765036;border-radius:5px;background:#e7b67b;box-shadow:0 5px #9a744d;color:#513622;touch-action:none;user-select:none;-webkit-user-select:none}
.brawl-action-buttons button>b{position:relative;z-index:1;display:block;font-size:19px;line-height:1.2;font-weight:900}
.brawl-action-buttons button>small{position:relative;z-index:1;display:block;margin-top:6px;color:#765536;font:700 10px/1.2 "Segoe UI",sans-serif;letter-spacing:.5px}
.brawl-action-buttons button::after{content:"";position:absolute;left:0;bottom:0;height:5px;width:var(--cooldown,0%);background:#3b2a22aa;pointer-events:none}
.brawl-action-buttons button.pressed{transform:translateY(3px);box-shadow:0 2px #9a744d;background:#f2c98d}
.brawl-action-buttons button.cooling{filter:saturate(.68)}
.brawl-action-buttons button:disabled{opacity:.52;cursor:not-allowed;box-shadow:0 2px #ac956f}
#brawl-kick{background:#d99b79;border-color:#86523e;color:#5c3628;box-shadow:0 5px #a36b51}
#brawl-kick.pressed{background:#eeb593;box-shadow:0 2px #a36b51}
#brawl-dash{background:#b8cfa0;border-color:#627d51;color:#405c38;box-shadow:0 5px #849969}
#brawl-dash.pressed{background:#d0e1b8;box-shadow:0 2px #849969}
.brawl-mode button:focus-visible,#brawl-stick:focus-visible{outline:3px solid #fcdf8e;outline-offset:4px}
.brawl-controls.offline{filter:saturate(.6)}
@media(max-width:900px){
  .brawl-mode.cafe-shell{height:calc(100dvh - 58px);padding:0;max-width:none}
  .brawl-mode .world-card{height:100%;min-height:0;border:0;outline:0;box-shadow:none}
  .fight-hud{height:101px;padding:10px 15px;gap:7px 12px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto}
  .fight-hud-summary{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px}
  .fight-hud-summary>b{font-size:12px}.fight-hud-summary>span{font-size:11px;white-space:nowrap}
  .fight-hud-bars{grid-column:1/-1;grid-row:2;gap:19px}
  .fight-hud-player>b{font-size:12px}.fight-hud-player>small{font-size:10px}.fight-health{height:13px}
  .fight-hud-close,.fight-forfeit{grid-column:2;grid-row:1;min-height:31px;font-size:11px;padding:5px 9px}
  .brawl-stage{inset:101px 0 0}
  #brawl-help{font-size:11px;padding:6px 9px}
  .brawl-controls{min-height:134px;padding:12px max(15px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left));gap:14px}
  #brawl-stick{flex-basis:91px;width:91px;height:91px}.brawl-stick-knob{width:38px;height:38px}
  .brawl-action-buttons{flex:1;justify-content:flex-end;gap:9px}
  .brawl-action-buttons button{width:clamp(58px,17vw,90px);min-height:75px;padding:10px 4px;border-width:2px}
  .brawl-action-buttons button>b{font-size:16px}.brawl-action-buttons button>small{font-size:8px;letter-spacing:0}
}
@media(max-width:360px){.brawl-controls{gap:9px;padding-left:11px;padding-right:11px}#brawl-stick{flex-basis:80px;width:80px;height:80px}.brawl-action-buttons{gap:6px}.brawl-action-buttons button{width:59px;min-height:72px}.brawl-action-buttons button>b{font-size:14px}.fight-hud{padding-left:11px;padding-right:11px}}
@media(max-height:620px) and (min-width:480px) and (orientation:landscape){
  .brawl-mode.cafe-shell{height:calc(100dvh - 58px);padding:0 12px}
  .brawl-mode .world-card{min-height:0}
  .fight-hud{height:65px;grid-template-columns:minmax(0,1fr) minmax(115px,.35fr) auto;grid-template-rows:1fr;padding:8px 16px}
  .fight-hud-bars{grid-column:1;grid-row:1;gap:18px}.fight-hud-summary{grid-column:2;grid-row:1;display:grid;text-align:center;justify-content:center}.fight-hud-close,.fight-forfeit{grid-column:3;grid-row:1}
  .brawl-stage{inset:65px 0 0;grid-template-rows:minmax(0,1fr) auto}
  #brawl-help{display:none}.brawl-controls{min-height:90px;padding:6px 19px;gap:12px}
  #brawl-stick{flex-basis:70px;width:70px;height:70px}.brawl-stick-knob{width:30px;height:30px}
  .brawl-action-buttons button{width:92px;min-height:63px}.brawl-action-buttons button>b{font-size:16px}.brawl-action-buttons button>small{font-size:8px;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.fight-health i{transition:none}.brawl-stick-knob{will-change:auto}}