:root{--p2:#ffa78b}.brawl .screen{align-items:flex-start;overflow-y:auto}.brawl .screen-card{margin:auto}.brawl .setup{display:flex;flex-direction:column;align-items:center}.brawl .setup-note{font-size:11px;line-height:1.4;color:#b9a8cc;margin:-6px auto 16px;min-height:15px;max-width:340px}.brawl .setup-note.warn{color:#ffcf7a}.brawl .keymap{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.brawl .keymap b{display:block;font-size:10px;letter-spacing:1.4px;color:var(--accent);margin-bottom:7px}.brawl .keymap div+div b{color:var(--p2)}.brawl .keymap p{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0}.brawl .keymap i{font-style:normal;white-space:nowrap}.brawl .keymap kbd{margin-right:3px;padding:3px 5px}.brawl .pad-guide{flex-basis:100%;white-space:normal!important;color:#8f81a3;font-size:10px;letter-spacing:.3px}.brawl .control-guide .device-touch{white-space:normal}.brawl .fighter-stat:last-child{color:var(--p2)}.brawl .fighter-stat strong{color:#f6f1ff;transform-origin:left center;transition:color .3s}.brawl .fighter-stat:last-child strong{transform-origin:right center}.brawl .cds{display:flex;gap:4px;margin-top:8px}.brawl .fighter-stat:last-child .cds{justify-content:flex-end}.brawl .cds i{position:relative;overflow:hidden;font:800 8px/1 Arial,sans-serif;font-style:normal;letter-spacing:.8px;padding:3px 5px;border:1px solid currentColor;border-radius:3px;opacity:.55}.brawl .cds i.ready{opacity:1;background:#ffffff14}.brawl .cds i:after{content:"";position:absolute;inset:0;background:#0d0a18;opacity:.75;transform-origin:right;transform:scaleX(var(--cd,0))}.brawl .match-clock{font-size:18px;font-weight:800;letter-spacing:1px;color:#e2d8f0;font-variant-numeric:tabular-nums;text-align:center}.brawl .match-clock.urgent{color:#ff5b6b;animation:brawl-pulse 1s ease-in-out infinite}.brawl .match-clock.sudden{color:#ff4d5e;font:italic 800 22px/1 Barlow,Impact,sans-serif;letter-spacing:1px;padding-top:4px;animation:brawl-pulse .6s ease-in-out infinite}@keyframes brawl-pulse{50%{transform:scale(1.16);text-shadow:0 0 14px #ff3048}}.brawl .game-message.hot{color:#ff5b6b}.brawl .touch-button{position:relative;overflow:hidden}.brawl [data-cd]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--cd,0)*100%);background:#09060fb8;pointer-events:none}.brawl .touch-button.rise{border-color:#d9ff7999;background:#36451cc4;color:#ecffbf}.brawl .move-pad .touch-button[data-input=drop]{font-size:20px}@media(pointer:coarse)and (orientation:portrait){.brawl .action-pad{display:grid;grid-template-columns:auto auto;grid-template-areas:"rise special" "jump attack";gap:7px}.brawl .action-pad .jump{grid-area:jump}.brawl .action-pad .rise{grid-area:rise}.brawl .action-pad .special{grid-area:special}.brawl .action-pad .attack{grid-area:attack}.brawl .action-pad .touch-button,.brawl .action-pad .touch-button.attack{width:60px;height:56px}.brawl .move-pad .touch-button{width:48px;height:56px}}@media(max-width:600px){.brawl .match-clock{font-size:14px}.brawl .match-clock.sudden{font-size:16px;max-width:90px;line-height:1}.brawl .cds{gap:3px}.brawl .cds i{font-size:7px;padding:2px 3px;letter-spacing:.4px}.brawl .keymap{grid-template-columns:1fr;gap:10px}}@media(max-height:570px){.brawl .setup{flex-direction:row;justify-content:center;align-items:flex-start;gap:18px}.brawl .setup-note{margin:-2px auto 10px}.brawl .cds{margin-top:4px}.brawl .match-clock{padding-top:2px}}@media(max-height:430px){.brawl #intro .screen-card{width:min(640px,100%);max-width:640px;padding:14px 24px 16px}.brawl #intro h2{font-size:44px;margin-bottom:10px}.brawl #intro h2 br{display:none}.brawl #intro h2 em{margin-left:.18em}.brawl #intro .description{display:none}.brawl #intro .eyebrow{margin-bottom:8px}.brawl #intro .control-guide{margin-top:10px;gap:5px 12px}.brawl #over .screen-card{width:min(660px,100%);max-width:660px;padding:14px 24px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);column-gap:26px;align-items:center}.brawl #result-label{grid-area:1/1;align-self:end}.brawl #result-title{grid-area:2/1/4/2;font-size:46px;margin:0}.brawl #result-description{grid-area:4/1/6/2;align-self:start;margin:6px auto 0}.brawl #results{grid-area:1/2;margin:0 0 8px;padding:8px 0}.brawl #banked{grid-area:2/2;margin:0 0 8px}.brawl #restart{grid-area:3/2}.brawl #setup{grid-area:4/2}.brawl #over .screen-card>a{grid-area:5/2}.brawl .keymap{grid-template-columns:1fr;gap:6px}.brawl .keymap>div{display:flex;align-items:center;gap:10px}.brawl .keymap b{margin:0;min-width:92px}.brawl .keymap p{flex-wrap:nowrap;gap:8px}.brawl .keymap .pad-guide,.brawl #intro .pad-guide{display:none}.brawl .game-message{font-size:24px;top:21%}}@media(prefers-reduced-motion:reduce){.brawl .match-clock.urgent,.brawl .match-clock.sudden{animation:none}}