:root{--bg:#8fd3ff;--panel:#ffffffeb;--panel-border:#fff;--neon-cyan:#1a9fe8;--neon-pink:#ff5a8a;--neon-yellow:#ffc93e;--neon-green:#4ec95c;--neon-violet:#9a6bff;--text:#1e2a4a;--text-dim:#5a6a8d;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);width:100%;height:100dvh;color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;padding:0;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#touch{z-index:20;touch-action:none;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.neon{color:#fff;text-shadow:0 3px 0 #1e2a4a59, -2px 0 0 var(--neon-cyan), 2px 0 0 var(--neon-cyan), 0 -2px 0 var(--neon-cyan), 0 2px 0 var(--neon-cyan)}.neon-pink{color:#fff;text-shadow:0 3px 0 #1e2a4a59, -2px 0 0 var(--neon-pink), 2px 0 0 var(--neon-pink), 0 -2px 0 var(--neon-pink), 0 2px 0 var(--neon-pink)}.bf-modal-backdrop{background:#1e2a4a59;justify-content:center;align-items:center;animation:.18s ease-out bf-fade-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bf-panel{background:var(--panel);text-align:center;border-radius:26px;min-width:300px;max-width:min(86vw,460px);max-height:86dvh;padding:26px 34px;animation:.22s cubic-bezier(.34,1.56,.64,1) bf-pop-in;overflow-y:auto;box-shadow:0 10px #1e2a4a40,0 18px 44px #1e2a4a4d}.bf-title{letter-spacing:3px;color:var(--text);margin:0 0 16px;font-size:34px;font-weight:800}.bf-title-win{color:#2fae4e}.bf-title-lose{color:#e84a5f}.bf-hint{color:var(--text-dim);margin:4px 0 12px;font-size:14px}.bf-button-col{flex-direction:column;gap:12px;margin-top:14px;display:flex}.bf-button{-webkit-appearance:none;appearance:none;letter-spacing:1.5px;color:#fff;background:var(--neon-cyan);cursor:pointer;border:none;border-radius:18px;padding:13px 26px;font:800 17px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:transform 80ms,box-shadow 80ms,filter .12s;box-shadow:0 5px #1e2a4a4d}.bf-button:hover{filter:brightness(1.08)}.bf-button:active{transform:translateY(4px);box-shadow:0 1px #1e2a4a4d}.bf-button-green{background:var(--neon-green)}.bf-button-red{background:var(--neon-pink)}.bf-button-yellow{background:var(--neon-yellow);color:#6a4a00}.bf-button:disabled{filter:saturate(.2)brightness(.9);cursor:default}.bf-button:focus-visible{outline-offset:3px;outline:4px solid #fff}@keyframes bf-fade-in{0%{opacity:0}}@keyframes bf-pop-in{0%{opacity:0;transform:scale(.7)}}.bf-hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.bf-hud-corner{left:calc(var(--safe-l) + 18px);bottom:calc(var(--safe-b) + 12px);align-items:baseline;gap:14px;display:flex;position:absolute}.bf-damage{color:#2fae4e;text-shadow:0 3px #1e2a4a4d,0 0 2px #fff;-webkit-text-stroke:2px #fff;paint-order:stroke fill;font-size:52px;font-weight:800}.bf-damage-pop{animation:.18s ease-out bf-damage-pop}@keyframes bf-damage-pop{40%{transform:scale(1.22)}}.bf-stocks{gap:7px;display:flex}.bf-stock{background:var(--neon-yellow);border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 3px #1e2a4a40}.bf-banner{text-align:center;letter-spacing:5px;color:#fff;text-shadow:0 4px #1e2a4a59;opacity:0;width:100%;font-size:40px;font-weight:800;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:16%;transform:scale(.8)}.bf-banner-show{opacity:1;transform:scale(1)}.bf-bossbar{top:calc(var(--safe-t) + 12px);width:min(52vw,480px);position:absolute;left:50%;transform:translate(-50%)}.bf-bossbar-name{letter-spacing:3px;color:#fff;text-shadow:0 2px #1e2a4a66;text-align:center;margin-bottom:4px;font-size:15px;font-weight:800}.bf-bossbar-track{background:#1e2a4a59;border:3px solid #fff;border-radius:10px;height:16px;overflow:hidden}.bf-bossbar-fill{background:linear-gradient(#ff8a5c,#e84a5f);border-radius:7px;width:100%;height:100%;transition:width .2s}.bf-unlock-row{color:#6a4a00;letter-spacing:.5px;background:linear-gradient(100deg,#ffe9a8,#ffd23e);border-radius:14px;margin:6px 0;padding:9px 14px;font-size:15px;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) bf-pop-in;box-shadow:0 4px #1e2a4a33}.bf-loot{flex-direction:column;gap:8px;margin:6px 0;display:flex}.bf-loot-row{background:#8fd3ff40;border-radius:14px;align-items:center;gap:10px;padding:8px 14px;display:flex}.bf-loot-icon{font-size:20px}.bf-loot-label{text-align:left;color:var(--text);flex:1;font-weight:700}.bf-loot-value{color:#2fae4e;font-weight:800}.bf-title-screen{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:6dvh;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bf-logo{filter:drop-shadow(0 6px #1e2a4a40);width:min(34vw,250px);animation:3s ease-in-out infinite bf-logo-bob}.bf-logo svg{width:100%;height:auto}@keyframes bf-logo-bob{50%{transform:translateY(-8px)rotate(-2deg)}}.bf-logo-word{letter-spacing:6px;color:#fff;text-shadow:0 6px #1e2a4a4d;-webkit-text-stroke:3px #1e2a4a;paint-order:stroke fill;margin-top:-8px;font-size:clamp(44px,9vw,84px);font-weight:800}.bf-logo-fight{color:var(--neon-yellow)}.bf-tap-hint{letter-spacing:4px;color:#fff;text-shadow:0 3px #1e2a4a59;margin-top:3dvh;font-size:20px;font-weight:800;animation:1.2s ease-in-out infinite bf-pulse}@keyframes bf-pulse{50%{opacity:.45;transform:scale(.96)}}.bf-update-pill{top:calc(var(--safe-t) + 14px);right:calc(var(--safe-r) + 14px);animation:1s ease-in-out infinite bf-bounce;position:absolute}.bf-mode-screen{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 20px) 10px calc(var(--safe-l) + 20px);flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bf-mode-screen .bf-map-header{align-self:stretch}.bf-mode-cards{flex:1;justify-content:center;align-items:flex-end;gap:min(5vw,44px);padding-bottom:max(2dvh,10px);display:flex}.bf-mode-card{-webkit-appearance:none;appearance:none;cursor:pointer;text-align:center;border:5px solid #fff;border-radius:30px;flex-direction:column;align-items:center;gap:6px;min-width:min(38vw,320px);padding:clamp(20px,5dvh,40px) clamp(24px,5vw,52px);transition:transform .12s,box-shadow .12s,filter .12s;animation:.34s cubic-bezier(.34,1.56,.64,1) backwards bf-mode-slam;display:flex;position:relative;overflow:hidden;box-shadow:0 10px #1e2a4a4d}.bf-mode-card-campaign{background:linear-gradient(160deg,#5fd66c,#2fae4e);transform:rotate(-2.5deg)translateY(-6px)}.bf-mode-card-online{background:linear-gradient(160deg, var(--neon-cyan), var(--neon-violet));animation-delay:90ms;transform:rotate(2deg)translateY(-2px)}.bf-mode-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff17 0 22px,#0000 22px 44px);animation:14s linear infinite bf-stripe-drift;position:absolute;top:-60px;bottom:-60px;left:-60px;right:-60px}.bf-mode-card>*{position:relative}.bf-mode-card-campaign:hover{filter:brightness(1.07);transform:rotate(-3.2deg)translateY(-12px)scale(1.03)}.bf-mode-card-online:hover{filter:brightness(1.07);transform:rotate(2.7deg)translateY(-8px)scale(1.03)}.bf-mode-card-campaign:active{transform:rotate(-1.6deg)translateY(-2px)scale(.97);box-shadow:0 3px #1e2a4a4d}.bf-mode-card-online:active{transform:rotate(1.2deg)translateY(2px)scale(.97);box-shadow:0 3px #1e2a4a4d}.bf-mode-card:focus-visible{outline-offset:4px;outline:4px solid #fff}.bf-mode-chip{letter-spacing:2px;color:var(--text);background:#fff;border-radius:999px;padding:5px 14px;font:800 12px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 3px #1e2a4a33}.bf-mode-name{letter-spacing:4px;color:#fff;-webkit-text-stroke:3px #1e2a4a;paint-order:stroke fill;text-shadow:0 5px #1e2a4a4d;font-size:clamp(34px,5.5vw,56px);font-weight:800;line-height:1.1}.bf-mode-tag{color:#fffffff2;text-shadow:0 2px #1e2a4a40;font-size:clamp(13px,1.9vw,17px);font-weight:700}@keyframes bf-mode-slam{0%{opacity:0;transform:translateY(-60px)scale(1.25)}}@keyframes bf-stripe-drift{to{background-position:124px 124px}}@media (prefers-reduced-motion:reduce){.bf-mode-card,.bf-mode-card:before,.bf-roster-grid,.bf-map-node{animation:none}}.bf-map-screen{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 20px) 10px calc(var(--safe-l) + 20px);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bf-map-header,.bf-select-header{justify-content:center;align-items:center;gap:14px;display:flex}.bf-map-title,.bf-select-title{letter-spacing:4px;color:#fff;-webkit-text-stroke:2px #1e2a4a;paint-order:stroke fill;text-shadow:0 4px #1e2a4a4d;margin:0;font-size:clamp(24px,4vw,32px);font-weight:800}.bf-map-screen:before,.bf-select-screen:before,.bf-market-screen:before,.bf-mode-screen:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 42%,#fff3,#0000 55%);position:absolute;top:0;bottom:0;left:0;right:0}.bf-gold-chip{background:var(--panel);color:#b8860b;border-radius:999px;padding:7px 16px;font-weight:800;box-shadow:0 4px #1e2a4a33}.bf-button-round{border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:inline-flex}.bf-map-path{scrollbar-width:none;flex:1;align-items:center;gap:6px;padding:20px 10px;display:flex;overflow-x:auto}.bf-map-node{min-width:96px;animation:.28s cubic-bezier(.34,1.56,.64,1) backwards bf-card-pop;animation-delay:calc(var(--i,0) * 50ms);flex-direction:column;align-items:center;gap:6px;display:flex}.bf-map-node-alt{transform:translateY(-26px)}.bf-level{color:#fff;background:var(--neon-cyan);cursor:pointer;border:4px solid #fff;border-radius:50%;width:64px;height:64px;font:800 24px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:transform .1s;box-shadow:0 5px #1e2a4a4d}.bf-level:hover:not(:disabled){transform:scale(1.1)}.bf-level:active:not(:disabled){transform:scale(.95)}.bf-level-beaten{background:var(--neon-green)}.bf-level-next{background:var(--neon-yellow);color:#6a4a00;animation:1s ease-in-out infinite bf-bounce}.bf-level-locked{filter:saturate(.4);cursor:default;background:#b8c4d4}.bf-level-boss{border-color:var(--neon-yellow);font-size:28px}@keyframes bf-bounce{50%{transform:translateY(-7px)}}.bf-level-name{color:#fff;text-shadow:0 2px #1e2a4a59;text-align:center;font-size:12px;font-weight:700}.bf-level-reward{color:#fff;letter-spacing:.35px;text-align:center;text-shadow:0 1px #1e2a4a52;background:#1e2a4a2e;border-radius:8px;max-width:96px;min-height:28px;padding:3px 6px;font-size:9px;font-weight:800;line-height:1.12}.bf-map-node-next .bf-level-reward{color:#6a4a00;text-shadow:none;background:#ffc93ed1;box-shadow:0 2px #1e2a4a2e}.bf-map-node-locked .bf-level-reward{background:#1e2a4a1f}.bf-select-screen,.bf-market-screen{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 18px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 18px);flex-direction:column;gap:8px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bf-roster-grid{flex:1;grid-template-columns:repeat(10,minmax(0,1fr));align-content:center;align-self:center;gap:7px;width:100%;max-width:1340px;min-height:0;padding:6px 2px;animation:.28s ease-out backwards bf-rise-in;display:grid;overflow-y:auto}@keyframes bf-rise-in{0%{opacity:0;transform:translateY(10px)}}.bf-roster-bar{background:var(--panel);border:3px solid #fff;border-radius:18px;align-items:center;gap:14px;padding:8px 14px;display:flex;box-shadow:0 6px #1e2a4a40}.bf-roster-who{flex-direction:column;flex:1;min-width:0;display:flex}.bf-roster-name{letter-spacing:3px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(20px,3vw,28px);font-weight:800;overflow:hidden}.bf-roster-tagline{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;overflow:hidden}.bf-roster-stats{grid-template-columns:auto minmax(90px,150px);align-items:center;gap:3px 8px;display:grid}.bf-stat-label{color:var(--text-dim);letter-spacing:1px;font-size:9px;font-weight:800}.bf-stat-track{background:#1e2a4a26;border-radius:6px;height:10px;overflow:hidden}.bf-stat-fill{background:var(--neon-yellow);border-radius:6px;height:100%;transition:width .25s}.bf-tile-future{cursor:default;opacity:.55;box-shadow:none;border-color:#ffffff8c}.bf-tile-future .bf-tile-portrait{background:linear-gradient(165deg,#6b7ca3,#3a4570)}.bf-tile-future .bf-tile-glyph{opacity:.65}.bf-tile-future .bf-tile-name{min-height:19px}.bf-tile{--card:#a9bfd8;-webkit-appearance:none;appearance:none;cursor:pointer;background:#1e2a4ad9;border:3px solid #fff;border-radius:12px;flex-direction:column;padding:0;font-family:inherit;transition:transform .1s,border-color .1s,box-shadow .1s;display:flex;overflow:hidden;box-shadow:0 4px #1e2a4a33}@keyframes bf-card-pop{0%{opacity:0;transform:translateY(18px)scale(.8)}}.bf-tile:hover{z-index:2;transform:translateY(-2px)scale(1.04)}.bf-tile:active{transform:scale(.96)}.bf-tile:focus-visible{outline:4px solid var(--neon-cyan);outline-offset:2px}.bf-tile-selected{border-color:var(--neon-yellow);box-shadow:0 4px #1e2a4a33,0 0 0 3px #ffc93e8c}.bf-tile-portrait{aspect-ratio:1;background:linear-gradient(165deg, color-mix(in srgb, var(--card) 45%, #fff), color-mix(in srgb, var(--card) 95%, #1e2a4a));width:100%;display:block;position:relative}.bf-tile-face{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.bf-tile-name{color:#fff;letter-spacing:1px;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:3px 3px 4px;font-size:11px;font-weight:800;overflow:hidden}.bf-tile-locked{cursor:default}.bf-tile-locked .bf-tile-face{filter:grayscale()brightness(.32)}.bf-tile-locked .bf-tile-name{color:#ffffffb3}.bf-tile-claim{top:calc(4px + var(--claim-i,0) * 21px);letter-spacing:1px;color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;max-width:calc(100% - 8px);padding:2px 7px;font-size:9px;font-weight:800;animation:.22s backwards bf-card-pop;position:absolute;left:4px;overflow:hidden;box-shadow:0 2px #1e2a4a59}.bf-tile-claim-locked{outline:2px solid #fff}.bf-tile-taken{cursor:default}.bf-tile-taken .bf-tile-face{filter:saturate(.35)brightness(.55)}.bf-tile-taken .bf-tile-name{color:#ffffffbf}.bf-tile-taken:hover,.bf-tile-taken:active{transform:none}.bf-tile-shake{animation:.3s bf-tile-shake}@keyframes bf-tile-shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.bf-online-toast{z-index:9;top:calc(var(--safe-t) + 104px);color:#fff;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#1e2a4af2;border:2px solid #fff;border-radius:999px;max-width:min(88vw,560px);padding:9px 20px;font-size:14px;font-weight:800;animation:.18s backwards bf-card-pop;position:absolute;left:50%;overflow:hidden;translate:-50%;box-shadow:0 4px #1e2a4a4d}.bf-online-notice{background:var(--neon-yellow);color:#1e2a4a}.bf-tile-random .bf-tile-portrait{background:linear-gradient(135deg, var(--neon-pink), var(--neon-yellow) 36%, var(--neon-green) 68%, var(--neon-cyan))}.bf-tile-glyph{color:#fff;text-shadow:0 3px #1e2a4a59;justify-content:center;align-items:center;font-size:42px;font-weight:800;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bf-button-big{padding:15px 30px;font-size:21px}.bf-online-screen{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 16px);color:var(--text);pointer-events:auto;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.bf-online-screen:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 58%,#ffffff26,#0000 48%);position:absolute;top:0;bottom:0;left:0;right:0}.bf-online-header{z-index:5;grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);align-items:center;gap:12px;height:48px;display:grid;position:relative}.bf-online-title{letter-spacing:3px;text-align:center;color:#fff;-webkit-text-stroke:2px #1e2a4a;paint-order:stroke fill;text-shadow:0 4px #1e2a4a4d;white-space:nowrap;margin:0;font-size:clamp(20px,3.2vw,31px);font-weight:900}.bf-online-back,.bf-online-small-button,.bf-online-picker-button{-webkit-appearance:none;appearance:none;color:#fff;letter-spacing:1.5px;cursor:pointer;background:#1e2a4a;border:2px solid #ffffffb8;border-radius:11px;font:900 11px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.bf-online-back{justify-self:start;padding:9px 15px}.bf-online-chip{color:var(--text);letter-spacing:1.2px;background:#fffffff0;border:2px solid #fff;border-radius:999px;justify-self:end;align-items:center;gap:7px;padding:6px 11px;font-size:10px;font-weight:900;display:flex}.bf-online-dot{background:#9ba8c9;border-radius:50%;width:8px;height:8px}.bf-online-connected .bf-online-dot{background:#65e684;box-shadow:0 0 9px #65e684}.bf-online-reconnecting .bf-online-dot,.bf-online-connecting .bf-online-dot{background:#ffc93e;animation:.8s ease-in-out infinite alternate bf-online-blink}@keyframes bf-online-blink{to{opacity:.35}}.bf-online-error{z-index:8;top:calc(var(--safe-t) + 58px);text-align:center;background:#e84a5f;border:2px solid #fff;border-radius:12px;max-width:min(88vw,560px);padding:8px 15px;font-size:12px;font-weight:900;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px #0f163159}.bf-online-browser{grid-template-columns:minmax(320px,1.6fr) minmax(245px,.8fr);align-items:stretch;gap:15px;height:calc(100% - 58px);padding-top:8px;display:grid}.bf-online-panel{min-height:0;color:var(--text);background:#f6fafff0;border:3px solid #ffffffe6;border-top-width:7px;border-radius:21px;padding:16px;box-shadow:0 7px #0a122c59,0 18px 42px #080e233d}.bf-online-games{border-top-color:var(--neon-cyan)}.bf-online-join{border-top-color:var(--neon-violet)}.bf-online-panel h2{letter-spacing:2px;margin:0;font-size:19px}.bf-online-panel-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bf-online-small-button{background:var(--neon-cyan);border:0;padding:7px 10px}.bf-online-room-list{flex-direction:column;gap:9px;height:calc(100% - 34px);padding:2px 3px 7px;display:flex;overflow-y:auto}.bf-online-room-row{-webkit-appearance:none;appearance:none;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(115deg,#d5edff,#ece1ff);border:3px solid #fff;border-radius:15px;grid-template-columns:1fr auto;gap:3px 12px;padding:11px 13px;font-family:inherit;transition:transform .1s,border-color .1s;display:grid;box-shadow:0 4px #1e2a4a33}.bf-online-room-row:hover{border-color:var(--neon-cyan);transform:translateY(-2px)}.bf-online-room-name{letter-spacing:1px;font-size:15px}.bf-online-room-count{color:var(--neon-pink);font-weight:900}.bf-online-room-meta{color:var(--text-dim);letter-spacing:.7px;font-size:10px;font-weight:800}.bf-online-room-join{color:#1489c9;grid-area:1/2/3;align-self:center;font-size:11px;font-weight:900}.bf-online-empty{text-align:center;height:100%;min-height:100px;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.bf-online-empty strong{color:var(--text);letter-spacing:1px}.bf-online-empty span{font-size:12px}.bf-online-join{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.bf-online-join>p{color:var(--text-dim);margin:0 0 3px;font-size:12px;line-height:1.35}.bf-online-input{width:100%;min-height:38px;color:var(--text);letter-spacing:.7px;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#fff;border:2px solid #c4d3e8;border-radius:11px;outline:none;padding:8px 11px;font:800 13px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.bf-online-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #1a9fe82e}.bf-online-code-row{grid-template-columns:1fr auto;gap:7px;display:grid}.bf-online-host-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.bf-online-host-row .bf-online-action,.bf-online-code-row .bf-online-action{text-overflow:ellipsis;min-width:0;padding-left:8px;padding-right:8px;overflow:hidden}.bf-online-action{-webkit-appearance:none;appearance:none;color:#fff;letter-spacing:1.1px;cursor:pointer;white-space:nowrap;background:#36466f;border:2px solid #ffffffe0;border-radius:13px;min-height:39px;padding:9px 15px;font:900 12px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 4px #09102861}.bf-online-action:active{transform:translateY(3px);box-shadow:0 1px #09102861}.bf-online-action:disabled{opacity:.42;cursor:default;transform:none}.bf-online-primary{background:linear-gradient(#41dc72,#20a94d)}.bf-online-secondary{background:linear-gradient(#66779f,#465779)}.bf-online-select,.bf-online-waiting{position:absolute;top:58px;bottom:12px;left:16px;right:16px}.bf-online-select{flex-direction:column;gap:8px;display:flex}.bf-online-step{color:#178dcc;letter-spacing:1.3px;font-size:10px;font-weight:900}.bf-online-lock{min-width:145px}.bf-online-room-tag{z-index:3;max-width:42vw;color:var(--text);letter-spacing:1px;white-space:nowrap;background:#ffffffeb;border:2px solid #fff;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900;position:absolute;top:2px;right:0}.bf-online-plates{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.bf-online-player-plate{z-index:3;border:3px solid #fff;border-top:5px solid var(--slot,var(--neon-cyan));width:clamp(116px,18vw,180px);color:var(--text);text-align:center;background:#fffffff0;border-radius:12px;padding:7px 9px;position:absolute;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 5px #080e2373}.bf-online-plate-top{color:var(--slot,var(--neon-cyan));letter-spacing:1.1px;font-size:8px;font-weight:900}.bf-online-plate-name{letter-spacing:1.2px;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,1.7vw,17px);font-weight:900;overflow:hidden}.bf-online-plate-pick{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.bf-online-ready-tag{letter-spacing:.7px;background:#66779f;border-radius:999px;margin-top:4px;padding:2px 6px;font-size:8px;font-weight:900;display:inline-block}.bf-online-ready-tag.is-ready{background:#20b856;box-shadow:0 0 8px #4bec77b3}.bf-online-open-plate{min-height:51px;color:var(--text-dim);letter-spacing:1.3px;background:#ffffffa3;border-style:dashed;justify-content:center;align-items:center;font-size:11px;font-weight:900;animation:1.8s ease-in-out infinite bf-online-open-breathe;display:flex}.bf-online-open-plate[data-slot="1"]{animation-delay:-.45s}.bf-online-open-plate[data-slot="2"]{animation-delay:-.9s}.bf-online-open-plate[data-slot="3"]{animation-delay:-1.35s}@keyframes bf-online-open-breathe{0%,to{opacity:.55;transform:translate(-50%,calc(-100% - 6px))}50%{opacity:1;transform:translate(-50%,calc(-100% - 6px))translateY(-4px)}}.bf-online-waiting-controls{z-index:4;width:min(96vw,1040px);color:var(--text);background:#fffffff0;border:3px solid #fff;border-radius:17px;align-items:center;gap:7px;padding:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 7px #080e236b}.bf-online-loadout{flex-direction:column;min-width:145px;display:flex}.bf-online-loadout span{color:var(--text-dim);letter-spacing:1px;font-size:8px;font-weight:900}.bf-online-loadout strong{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:11px;overflow:hidden}.bf-online-dance{background:linear-gradient(#ae78ff,#7750d2)}.bf-online-ready-on{background:linear-gradient(#42de72,#20a94d)}.bf-online-ready-toggle{justify-content:center;align-items:center;gap:9px;display:inline-flex}.bf-ready-check{background:#09102840;border:3px solid #fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:19px;height:19px;font-size:15px;font-weight:900;line-height:1;display:inline-flex}.bf-online-ready-on .bf-ready-check{color:#20a94d;background:#fff;animation:.18s backwards bf-card-pop}.bf-online-settings{flex:1;grid-template-columns:repeat(3,minmax(70px,1fr));gap:5px;min-width:245px;display:grid}.bf-online-setting{min-width:0;color:var(--text-dim);letter-spacing:.8px;flex-direction:column;gap:2px;font-size:7px;font-weight:900;display:flex}.bf-online-setting select{width:100%;min-height:30px;color:var(--text);background:#edf8ff;border:1px solid #ffffffa6;border-radius:8px;padding:3px 5px;font:800 9px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.bf-online-start{color:#533000;background:linear-gradient(#ffbe36,#e89019)}.bf-online-host-message{min-width:145px;color:var(--text-dim);letter-spacing:1px;text-align:center;flex:1;font-size:9px;font-weight:900}@media (max-height:500px){.bf-online-screen{padding-top:calc(var(--safe-t) + 5px);padding-bottom:calc(var(--safe-b) + 6px)}.bf-online-header{height:38px}.bf-online-title{font-size:clamp(18px,3vw,25px)}.bf-online-back{padding:6px 11px}.bf-online-chip{padding:5px 9px}.bf-online-browser{height:calc(100% - 43px);padding-top:4px}.bf-online-panel{border-radius:16px;padding:10px}.bf-online-panel h2{font-size:16px}.bf-online-input{min-height:32px;padding:5px 9px}.bf-online-action{min-height:33px;padding:6px 10px;font-size:10px}.bf-online-select,.bf-online-waiting{top:44px;bottom:7px;left:12px;right:12px}.bf-roster-grid{gap:5px}.bf-roster-grid .bf-tile-name{padding:2px 2px 3px;font-size:8px}.bf-roster-bar{gap:9px;padding:5px 10px}.bf-roster-name{letter-spacing:2px;font-size:17px}.bf-roster-tagline{font-size:11px}.bf-roster-stats{grid-template-columns:auto minmax(64px,110px);gap:2px 6px}.bf-stat-label{font-size:8px}.bf-stat-track{height:7px}.bf-online-player-plate{padding:5px 7px}.bf-online-open-plate{min-height:43px}.bf-online-waiting-controls{padding:5px}.bf-online-setting select{min-height:26px}}@media (max-width:720px){.bf-online-header{grid-template-columns:auto 1fr auto}.bf-online-chip{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.bf-online-browser{grid-template-columns:1.2fr .9fr;gap:8px}.bf-online-panel{padding:9px}.bf-online-join>p{display:none}.bf-online-room-meta{font-size:9px}.bf-online-host-row{grid-template-columns:1fr}.bf-online-room-tag{max-width:60vw;padding:5px 9px;font-size:8px}.bf-online-waiting-controls{width:97vw}.bf-online-loadout{display:none}.bf-online-settings{min-width:205px}}@media (max-height:500px){.bf-button-big{padding:11px 22px;font-size:17px}}@media (max-width:600px){.bf-roster-stats{display:none}}.bf-mats-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bf-mat-chip{background:var(--panel);color:var(--text);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;box-shadow:0 3px #1e2a4a26}.bf-tabs{justify-content:center;gap:8px;display:flex}.bf-tab{-webkit-appearance:none;appearance:none;letter-spacing:1px;color:var(--text-dim);cursor:pointer;background:#ffffff80;border:none;border-radius:14px 14px 0 0;padding:9px 20px;font:800 14px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background .1s,color .1s}.bf-tab:hover{background:#ffffffb8}.bf-tab-active{background:var(--panel);color:var(--text)}.bf-market-list{background:var(--panel);border-radius:18px;flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.bf-market-row{background:#8fd3ff38;border-radius:14px;grid-template-columns:minmax(90px,auto) 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.bf-market-name{color:var(--text);font-weight:800}.bf-market-sub{color:var(--text-dim);font-size:12px}.bf-market-cost{color:var(--text);white-space:nowrap;font-size:13px;font-weight:800}.bf-market-buy{padding:8px 16px;font-size:13px}.bf-market-done{align-self:center;min-width:220px}#rotate-overlay{z-index:100;background:linear-gradient(#8fd3ff,#d8f2ff);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (orientation:portrait) and (pointer:coarse){#rotate-overlay{display:flex}}.rotate-phone{background:#ffffff40;border:4px solid #fff;border-radius:12px;width:46px;height:84px;animation:1.6s ease-in-out infinite rotate-hint;box-shadow:0 4px #1e2a4a40}.rotate-text{letter-spacing:4px;color:#fff;text-shadow:0 3px #1e2a4a59;font-size:18px;font-weight:800}@keyframes rotate-hint{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}#ui .bf-kb-focus{outline:4px solid var(--text);outline-offset:3px;filter:brightness(1.08)}#ui button:focus-visible{outline:4px solid var(--text);outline-offset:3px;filter:brightness(1.08)}#ui .bf-tile.bf-kb-focus{outline-color:var(--neon-yellow);outline-offset:2px}#ui .bf-tile:focus-visible{outline-color:var(--neon-yellow);outline-offset:2px}.bf-kbd{border:2px solid var(--text);min-width:22px;box-shadow:0 3px 0 var(--text);color:var(--text);letter-spacing:.5px;text-align:center;vertical-align:middle;background:#fff;border-radius:7px;padding:3px 7px 5px;font:800 13px/1 Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:inline-block}.bf-controls-panel{text-align:left;max-width:min(92vw,560px);padding:20px 26px 22px}.bf-controls-panel .bf-title{text-align:center;margin-bottom:12px}.bf-ctl-rows{flex-direction:column;gap:7px;display:flex}.bf-ctl-row{background:#8fd3ff47;border-radius:12px;grid-template-columns:minmax(150px,46%) 1fr;align-items:center;gap:12px;padding:5px 10px;display:grid}.bf-ctl-keys{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bf-ctl-or{color:var(--text-dim);margin:0 3px;font-size:11px;font-weight:800}.bf-ctl-touch{color:var(--text);font-size:13px;font-weight:800}.bf-ctl-what{flex-direction:column;line-height:1.15;display:flex}.bf-ctl-what b{letter-spacing:1.5px;color:var(--text);font-size:15px}.bf-ctl-what small{color:var(--text-dim);font-size:12px;font-weight:700}.bf-ctl-subtitle{letter-spacing:2px;color:var(--neon-pink);text-align:center;margin:14px 0 6px;font-size:16px}.bf-ctl-tips{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.bf-ctl-tips li{color:var(--text);font-size:13px;font-weight:700}.bf-ctl-done{margin:14px auto 0;display:block}@media (max-height:500px),(max-width:700px){.bf-controls-panel{max-width:min(96vw,620px);padding:12px 14px 14px}.bf-controls-panel .bf-title{margin-bottom:8px;font-size:22px}.bf-ctl-rows{gap:4px}.bf-ctl-row{grid-template-columns:minmax(120px,44%) 1fr;gap:8px;padding:3px 8px}.bf-kbd{min-width:18px;padding:2px 5px 3px;font-size:11px}.bf-ctl-what b{font-size:13px}.bf-ctl-what small{font-size:11px}.bf-ctl-subtitle{margin:8px 0 4px;font-size:13px}.bf-ctl-tips li{font-size:11.5px}.bf-ctl-done{margin-top:8px;padding:9px 20px;font-size:14px}}@media (max-height:500px) and (min-width:640px){.bf-controls-panel{max-width:min(96vw,760px)}.bf-ctl-rows{grid-template-columns:1fr 1fr;gap:4px 8px;display:grid}.bf-ctl-tips{grid-template-columns:1fr 1fr;gap:2px 16px;display:grid}}@media (min-height:501px) and (max-height:820px) and (min-width:640px){.bf-controls-panel{max-width:min(96vw,880px);padding-block-start:16px;padding-block-end:18px}.bf-controls-panel .bf-title{margin-bottom:10px}.bf-ctl-rows{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.bf-ctl-subtitle{margin:12px 0 6px}.bf-ctl-tips{grid-template-columns:1fr 1fr;gap:4px 20px;display:grid}.bf-ctl-done{margin-top:12px}}.bf-keyhints{left:50%;bottom:calc(var(--safe-b) + 10px);white-space:nowrap;background:#ffffff8c;border-radius:999px;gap:10px;padding:5px 10px;animation:1s 14s forwards bf-keyhints-settle;display:flex;position:absolute;transform:translate(-50%)}.bf-keyhint{letter-spacing:1px;color:var(--text);align-items:center;gap:5px;font:800 11px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:inline-flex}.bf-keyhint .bf-kbd{box-shadow:0 2px 0 var(--text);padding:2px 6px 3px;font-size:11px}@keyframes bf-keyhints-settle{to{opacity:.45}}.bf-kbd-mouse{align-items:center;gap:5px;display:inline-flex}.bf-mouse-glyph{flex:none;width:.85em;height:1.15em;margin-block-start:-.075em;margin-block-end:-.075em;overflow:visible}.bf-mouse-body{fill:none;stroke:currentColor;stroke-width:1.6px}.bf-mouse-hot{fill:var(--neon-pink)}body.bf-aiming{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='9' stroke='%23152039' stroke-width='5'/%3E%3Ccircle cx='16' cy='16' r='9' stroke='%23fff' stroke-width='2.5'/%3E%3Cpath d='M16 2v6M16 24v6M2 16h6M24 16h6' stroke='%23152039' stroke-width='5'/%3E%3Cpath d='M16 2v6M16 24v6M2 16h6M24 16h6' stroke='%23fff' stroke-width='2.5'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='2.8' fill='%23ff4f6d' stroke='%23152039' stroke-width='1.5'/%3E%3C/svg%3E") 16 16,crosshair}@font-face{font-family:Barlow;src:url(/fonts/barlow-600.ttf)format("truetype");font-weight:400 600;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-700.ttf)format("truetype");font-weight:700 900;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-800.ttf)format("truetype");font-weight:700 900;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-900-italic.ttf)format("truetype");font-weight:800 900;font-style:italic;font-display:swap}:root.bf-arena{--bg:#101a30;--panel:#f3f6fb;--panel-border:#fff;--neon-cyan:#287bff;--neon-pink:#f04455;--neon-yellow:#ffc94b;--neon-green:#197b5c;--neon-violet:#6758ce;--text:#152039;--text-dim:#56647b;--arena-ink:#0b1224;--arena-steel:#7f93b7;--arena-display:"Barlow Condensed", "Arial Narrow", sans-serif}.bf-arena body,.bf-arena button,.bf-arena input,.bf-arena select,.bf-arena .bf-kbd{font-family:Barlow,Segoe UI,sans-serif}.bf-arena :-webkit-any(.bf-title,.bf-map-title,.bf-select-title,.bf-online-title,.bf-mode-name,.bf-roster-name,.bf-banner,.bf-damage,.bf-logo-word){font-family:var(--arena-display);letter-spacing:.025em;font-style:italic;font-weight:900}.bf-arena :is(.bf-title,.bf-map-title,.bf-select-title,.bf-online-title,.bf-mode-name,.bf-roster-name,.bf-banner,.bf-damage,.bf-logo-word){font-family:var(--arena-display);letter-spacing:.025em;font-style:italic;font-weight:900}.bf-arena :-webkit-any(.bf-map-screen,.bf-select-screen,.bf-market-screen){background:radial-gradient(at 35% 0,#314b70 0%,#192943 40%,#0b1224 100%)}.bf-arena :is(.bf-map-screen,.bf-select-screen,.bf-market-screen){background:radial-gradient(at 35% 0,#314b70 0%,#192943 40%,#0b1224 100%)}.bf-arena :-webkit-any(.bf-map-screen,.bf-select-screen,.bf-market-screen):before{z-index:0;background:linear-gradient(125deg,#0000 56%,#ffffff03 56% 74%,#0000 74%)}.bf-arena :is(.bf-map-screen,.bf-select-screen,.bf-market-screen):before{z-index:0;background:linear-gradient(125deg,#0000 56%,#ffffff03 56% 74%,#0000 74%)}.bf-arena :-webkit-any(.bf-map-screen,.bf-select-screen,.bf-market-screen)>*{position:relative}.bf-arena :is(.bf-map-screen,.bf-select-screen,.bf-market-screen)>*{position:relative}.bf-arena :-webkit-any(.bf-map-header,.bf-select-header){border-bottom:1px solid #8ba4cc38;flex:none;justify-content:flex-start;gap:18px;min-height:62px;padding:0 0 12px}.bf-arena :is(.bf-map-header,.bf-select-header){border-bottom:1px solid #8ba4cc38;flex:none;justify-content:flex-start;gap:18px;min-height:62px;padding:0 0 12px}.bf-arena :-webkit-any(.bf-map-title,.bf-select-title,.bf-online-title){-webkit-text-stroke:0;text-shadow:0 3px #050c18;font-size:clamp(27px,4vw,44px);line-height:1}.bf-arena :is(.bf-map-title,.bf-select-title,.bf-online-title){-webkit-text-stroke:0;text-shadow:0 3px #050c18;font-size:clamp(27px,4vw,44px);line-height:1}.bf-arena .bf-map-header>:last-child:not(h1){margin-left:auto}.bf-arena .bf-button{letter-spacing:.06em;background:linear-gradient(120deg,#2f83ff,#1855bd);border:1px solid #ffffff38;border-radius:4px;padding:13px 24px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 3px #091328,inset 0 1px #ffffff2b}.bf-arena .bf-button-green{background:linear-gradient(120deg,#f64c56,#be203e)}.bf-arena .bf-button-red{background:linear-gradient(120deg,#b93950,#81233b)}.bf-arena .bf-button-yellow{color:#30240a;background:linear-gradient(120deg,#ffda6e,#f3b934)}.bf-arena .bf-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #091328,inset 0 1px #fff5}.bf-arena .bf-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #091328}.bf-arena .bf-button:disabled{opacity:.6}.bf-arena .bf-button-round{background:#243957;border-radius:4px;flex:none;width:44px;height:44px;padding:0}.bf-arena .bf-button-big{font-family:var(--arena-display);letter-spacing:.025em;padding:12px 28px;font-size:27px;font-style:italic}.bf-arena #ui .bf-kb-focus{outline-offset:4px;outline:3px solid #ffc94b;box-shadow:0 0 0 6px #0b1224}.bf-arena #ui button:focus-visible{outline-offset:4px;outline:3px solid #ffc94b;box-shadow:0 0 0 6px #0b1224}.bf-arena .bf-modal-backdrop{background:#050b19c7}.bf-arena .bf-panel{border-top:5px solid #f04455;border-radius:6px;padding:26px 30px;animation:.18s ease-out bf-arena-enter;box-shadow:0 20px 70px #0008,inset 0 1px #fff}.bf-arena .bf-title{letter-spacing:.025em;font-size:42px}.bf-arena .bf-title-win{color:#167554}.bf-arena .bf-title-lose{color:#bd2540}.bf-arena .bf-hint{font-size:15px;line-height:1.4}.bf-arena .bf-loot-row{background:#e4eaf3;border-radius:3px;padding:10px 12px}.bf-arena .bf-loot-value{color:#126b4c}.bf-arena .bf-loot-icon{font-family:var(--arena-display);font-size:25px}.bf-arena .bf-results .bf-panel{border-top-color:#ffc94b}.bf-arena .bf-unlock-row{color:#493407;background:#ffdf85;margin-top:8px;padding:8px 10px;font-weight:800}@keyframes bf-arena-enter{0%{opacity:0;transform:translateY(10px)}}.bf-arena .bf-title-screen{padding-top:clamp(24px,5dvh,48px)}.bf-arena .bf-title-screen:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(114deg,#0000 48%,#668abb0b 48% 70%,#0000 70%),linear-gradient(#0b122488,#0000 50%,#060d1e77);position:absolute;top:0;bottom:0;left:0;right:0}.bf-arena .bf-logo{filter:drop-shadow(0 5px 6px #0004);width:clamp(68px,10vw,110px);animation:none}.bf-arena .bf-logo-word{color:#fff;-webkit-text-stroke:2px #0b1224;text-shadow:0 7px #060b17;margin-top:-4px;padding:0 16px 14px;font-size:clamp(84px,14vw,172px);line-height:.94;position:relative;transform:rotate(-4deg)}.bf-arena .bf-logo-word:after{content:"";background:linear-gradient(90deg,#f04455 0% 62%,#ffc94b 62%);height:8px;position:absolute;bottom:0;left:4%;right:1%;transform:skew(-35deg)}.bf-arena .bf-logo-fight{color:#ffc94b}.bf-arena .bf-title-kicker{color:#adc0df;letter-spacing:.32em;margin-top:20px;font-size:11px;font-weight:700}.bf-arena .bf-tap-hint{color:#f5f8ff;letter-spacing:.22em;text-shadow:0 2px 2px #0008;border-top:1px solid #a8c4ec45;border-bottom:1px solid #a8c4ec45;margin:0;padding:10px 34px;font-size:15px;animation:2.5s ease-in-out infinite bf-arena-pulse;position:absolute;bottom:max(4dvh,16px)}@keyframes bf-arena-pulse{50%{opacity:.65}}.bf-arena .bf-update-pill{padding:9px 12px;font-size:12px;animation:none}.bf-arena .bf-mode-screen:before{background:linear-gradient(#0b122445,#0000 40%,#070e20d9)}.bf-arena .bf-mode-cards{gap:22px;width:min(1080px,90vw);padding-bottom:3dvh}.bf-arena .bf-mode-card{text-align:left;border:1px solid #fff6;border-left:6px solid #fff;border-radius:3px;flex:1;align-items:flex-start;gap:6px;min-width:0;padding:clamp(18px,3dvh,30px) clamp(20px,3vw,40px);animation:.24s ease-out backwards bf-arena-enter;transform:skew(-5deg);box-shadow:0 10px 25px #0005}.bf-arena .bf-mode-card-campaign{background:linear-gradient(120deg,#f04455,#a61e3e)}.bf-arena .bf-mode-card-online{background:linear-gradient(120deg,#287bff,#1840a0);animation-delay:60ms}.bf-arena .bf-mode-card:before{background:linear-gradient(130deg,#0000 64%,#ffffff10 64% 80%,#0000 80%);animation:none;top:0;bottom:0;left:0;right:0}.bf-arena .bf-mode-card>*{transform:skew(5deg)}.bf-arena .bf-mode-card:hover{filter:brightness(1.08);transform:skew(-5deg)translateY(-5px)}.bf-arena .bf-mode-card:active{transform:skew(-5deg)translateY(1px)}.bf-arena .bf-mode-name{-webkit-text-stroke:0;text-shadow:0 3px #0004;font-size:clamp(40px,5.2vw,70px);line-height:.95}.bf-arena .bf-mode-chip{color:#fff;letter-spacing:.16em;box-shadow:none;background:#0b122455;border-radius:2px;padding:4px 8px;font-size:10px}.bf-arena .bf-mode-tag{text-shadow:none;font-size:15px;font-weight:600}.bf-arena .bf-roster-grid{gap:5px;max-width:1440px;padding:12px 5px}.bf-arena .bf-tile{background:#0c1527;border:1px solid #8aa2c04a;border-radius:2px;box-shadow:0 3px 8px #0004}.bf-arena .bf-tile-portrait{background:linear-gradient(140deg, color-mix(in srgb, var(--card) 85%, #fff), color-mix(in srgb, var(--card) 45%, #122443))}.bf-arena .bf-tile-portrait:before{content:"";background:linear-gradient(125deg,#0000 55%,#fff2 55% 68%,#0000 68%);position:absolute;top:0;bottom:0;left:0;right:0}.bf-arena .bf-tile-face{filter:drop-shadow(3px 5px 2px #07102155);transition:transform .15s ease-out}.bf-arena .bf-tile:hover{transform:none}.bf-arena .bf-tile:hover:not(:disabled) .bf-tile-face{transform:scale(1.05)}.bf-arena .bf-tile-name{font-family:var(--arena-display);letter-spacing:.05em;background:#0b1224;padding:5px 2px;font-size:clamp(11px,1.3vw,17px);line-height:1.15}.bf-arena .bf-weapon-screen .bf-tile-name{letter-spacing:.025em;font-size:clamp(9px,1vw,13px)}.bf-arena .bf-tile-selected{z-index:2;border-color:#ffc94b;transform:none;box-shadow:0 0 0 2px #ffc94b,0 7px 14px #0005}.bf-arena .bf-tile-selected .bf-tile-name{color:#101828;background:#ffc94b}.bf-arena .bf-tile-locked .bf-tile-portrait{background:linear-gradient(145deg,#2b3d59,#162238)}.bf-arena .bf-tile-locked .bf-tile-face{filter:grayscale()brightness(.17);opacity:.8}.bf-arena .bf-tile-locked .bf-tile-glyph{font-family:var(--arena-display);color:#7f93b7;text-shadow:0 2px #0009}.bf-arena .bf-tile-locked:hover,.bf-arena .bf-tile-future:hover{transform:none}.bf-arena .bf-tile-future{opacity:1;box-shadow:none;background:#111d31;border-color:#566b8c30}.bf-arena .bf-tile-future .bf-tile-portrait{background:linear-gradient(145deg,#1c2c44,#131f34)}.bf-arena .bf-tile-future .bf-tile-portrait:before{opacity:.12}.bf-arena .bf-tile-future .bf-tile-glyph{font-family:var(--arena-display);color:#607492;opacity:.6;text-shadow:none;font-size:34px}.bf-arena .bf-tile-future .bf-tile-name{background:#101b2e}.bf-arena .bf-tile-taken .bf-tile-face{filter:saturate(.25)brightness(.5)}.bf-arena .bf-tile-claim{border-radius:2px;padding:3px 6px;font-size:9px}.bf-arena .bf-roster-bar{background:#f3f6fb;border:0;border-radius:3px;flex:none;gap:18px;min-height:100px;padding:10px 16px 10px 0;overflow:hidden;box-shadow:0 8px 24px #0005}.bf-arena .bf-selection-portrait{--fighter:#287bff;background:linear-gradient(130deg, var(--fighter), #14243e);clip-path:polygon(0 0,100% 0,85% 100%,0 100%);flex:none;align-self:stretch;width:120px;margin:-10px 0;position:relative}.bf-arena .bf-selection-portrait img{object-fit:contain;width:110%;height:110%;position:absolute;bottom:-6%;left:-5%}.bf-arena .bf-selection-player{font-family:var(--arena-display);color:#fff;text-shadow:0 2px 3px #0009;font-size:24px;font-style:italic;font-weight:900;position:absolute;bottom:5px;left:8px}.bf-arena .bf-selection-weapon img{width:88%;height:88%;bottom:5%;left:0}.bf-arena .bf-roster-name{padding-bottom:4px;font-size:clamp(28px,3.5vw,45px);line-height:1}.bf-arena .bf-roster-tagline{white-space:normal;font-size:13px;line-height:1.3}.bf-arena .bf-roster-stats{grid-template-columns:auto minmax(65px,135px);gap:5px 8px}.bf-arena .bf-stat-label{color:#536279;letter-spacing:.07em;font-size:10px}.bf-arena .bf-stat-track{background:#d4dce8;border-radius:0;height:7px}.bf-arena .bf-stat-fill{background:linear-gradient(90deg,#246ae0,#49a1ff);border-radius:0}.bf-arena .bf-gold-chip,.bf-arena .bf-mat-chip{color:#5b4409;background:#f3f6fb;border-radius:3px;box-shadow:0 3px #091328}.bf-arena .bf-map-path{scrollbar-width:thin;scrollbar-color:#587299 #122039;align-items:center;gap:10px;padding:28px 12px}.bf-arena .bf-map-node{gap:12px;min-width:108px;position:relative}.bf-arena .bf-map-node:not(:last-child):after{content:"";background:#657e9f66;width:42px;height:2px;position:absolute;top:39px;left:87px}.bf-arena .bf-level{width:76px;height:76px;font:italic 900 36px var(--arena-display);background:linear-gradient(145deg,#334f75,#172942);border:2px solid #718bad;border-radius:8px;box-shadow:0 6px #080f20}.bf-arena .bf-level-next{color:#33250a;background:linear-gradient(145deg,#ffe294,#f3b934);border-color:#fff3d2;animation:none;box-shadow:0 6px #080f20,0 0 22px #ffc94b25}.bf-arena .bf-level-beaten{background:#196548;border-color:#67be96}.bf-arena .bf-level-locked{filter:none;color:#7287a6;background:#18263c;border-color:#455a75}.bf-arena .bf-level-boss{border-color:#e7765e}.bf-arena .bf-level-name{color:#e4edfc;text-shadow:none;font-size:13px}.bf-arena .bf-level-reward{color:#c7d7ed;min-height:26px;text-shadow:none;background:#283c59;border-radius:2px;font-size:10px}.bf-arena .bf-map-node-next .bf-level-reward{color:#382908;box-shadow:none;background:#ffc94b}.bf-arena .bf-map-node-locked .bf-level-reward{background:#20314a}.bf-arena .bf-tab{color:#b4c6e2;background:#293b58;border-radius:3px 3px 0 0}.bf-arena .bf-tab-active{color:#152039;background:#f3f6fb;box-shadow:0 -3px #ffc94b}.bf-arena .bf-market-list{border-radius:4px;padding:12px}.bf-arena .bf-market-row{background:#e5ebf4;border-left:3px solid #a2b7d2;border-radius:2px;padding:12px}.bf-arena .bf-market-name{font-family:var(--arena-display);letter-spacing:.02em;font-size:23px}.bf-arena .bf-online-screen:before{background:linear-gradient(#0b12243d,#0000 42%,#0b122466)}.bf-arena .bf-online-header{height:54px}.bf-arena :-webkit-any(.bf-online-back,.bf-online-small-button,.bf-online-picker-button,.bf-online-action){letter-spacing:.06em;border-width:1px;border-radius:3px;font-family:Barlow,sans-serif}.bf-arena :is(.bf-online-back,.bf-online-small-button,.bf-online-picker-button,.bf-online-action){letter-spacing:.06em;border-width:1px;border-radius:3px;font-family:Barlow,sans-serif}.bf-arena .bf-online-back{background:#263d5c}.bf-arena .bf-online-panel{background:#f3f6fb;border:0;border-top:4px solid #287bff;border-radius:4px;box-shadow:0 10px 30px #0005}.bf-arena .bf-online-join{border-top-color:#f04455}.bf-arena .bf-online-panel h2{font-family:var(--arena-display);letter-spacing:.04em;font-size:25px}.bf-arena .bf-online-room-row{background:#e8eef7;border:1px solid #c4d1e3;border-left:4px solid #287bff;border-radius:3px;box-shadow:0 2px #d6deec}.bf-arena .bf-online-room-join{color:#1555b2}.bf-arena .bf-online-chip,.bf-arena .bf-online-room-tag{border:1px solid #8396b14a;border-radius:3px}.bf-arena .bf-online-room-tag{max-width:min(70vw,600px)}.bf-arena .bf-online-input{border-width:1px;border-color:#a6b6ce;border-radius:3px}.bf-arena .bf-online-primary{background:linear-gradient(120deg,#ed4355,#bc213e)}.bf-arena .bf-online-secondary{background:#334d70}.bf-arena .bf-online-step{color:#466a98}.bf-arena .bf-online-select .bf-roster-bar{padding-left:18px}.bf-arena .bf-online-player-plate{border:1px solid #a6b9d8;border-top:4px solid var(--slot,#287bff);border-radius:3px;box-shadow:0 6px 15px #0005}.bf-arena .bf-online-plate-name{font-family:var(--arena-display);font-size:clamp(17px,2vw,25px)}.bf-arena .bf-online-plate-top{color:#334e73}.bf-arena .bf-online-ready-tag{color:#fff;border-radius:2px}.bf-arena .bf-online-ready-tag.is-ready{box-shadow:none;background:#197b5c}.bf-arena .bf-online-open-plate{background:#e5eef9e8;border-style:dashed;animation:none}.bf-arena .bf-online-waiting-controls{border:1px solid #b3c4df;border-radius:4px;box-shadow:0 8px 24px #0005}.bf-arena .bf-online-settings select{background:#e6edf6;border-color:#a6b6ce;border-radius:2px}.bf-arena .bf-ready-check{border-radius:2px}.bf-arena .bf-online-dance{background:#6552b9}.bf-arena .bf-online-ready-on{background:#197b5c}.bf-arena .bf-online-start{color:#382908;background:#ffc94b}.bf-arena .bf-online-toast,.bf-arena .bf-online-error{border-width:1px;border-radius:3px;box-shadow:0 5px 18px #0005}.bf-arena .bf-hud-corner{left:calc(var(--safe-l) + 22px);bottom:calc(var(--safe-b) + 24px);border-bottom:4px solid var(--fighter,#287bff);background:linear-gradient(105deg,#0d172bed,#1e3352dd);align-items:stretch;gap:0;min-width:228px;height:88px;box-shadow:0 6px 20px #0004}.bf-arena .bf-hud-portrait{background:linear-gradient(135deg, var(--fighter,#287bff), #152b47);width:90px;position:relative;overflow:hidden}.bf-arena .bf-hud-portrait img{object-fit:cover;width:105%;height:110%;position:absolute;bottom:-6%;left:-4%}.bf-arena .bf-hud-player{color:#fff;font:italic 900 17px var(--arena-display);text-shadow:0 2px 3px #0009;position:absolute;top:3px;left:5px}.bf-arena .bf-hud-readout{grid-template-columns:1fr;align-content:center;min-width:136px;padding:2px 14px 6px;display:grid}.bf-arena .bf-hud-name{color:#fff;font:800 13px var(--arena-display);letter-spacing:.14em}.bf-arena .bf-damage{-webkit-text-stroke:1px #071124;text-shadow:0 3px #070d1e;font-variant-numeric:tabular-nums;font-size:51px;line-height:.98}.bf-arena .bf-stocks{gap:5px;margin-top:4px}.bf-arena .bf-stock{width:10px;height:7px;box-shadow:none;background:#ffc94b;border:1px solid #ffeac0;border-radius:1px;transform:skew(-15deg)}.bf-arena .bf-keyhints{bottom:calc(var(--safe-b) + 12px);background:#0a1424c7;border:1px solid #738eb536;border-radius:3px;gap:12px;padding:7px 12px;animation:1s 14s forwards bf-keyhints-settle}.bf-arena .bf-keyhint{color:#d8e4f7;letter-spacing:.03em;font-family:Barlow,sans-serif;font-size:10px}.bf-arena .bf-kbd{background:#f2f6fc;border:1px solid #9aacc6;border-radius:3px;font-family:Barlow,sans-serif;box-shadow:0 2px #7d91af}.bf-arena .bf-keyhint .bf-kbd{box-shadow:0 2px #8495ad}.bf-arena .bf-banner{color:#fff;-webkit-text-stroke:1px #0a1325;text-shadow:0 4px #081124;padding:10px 5vw;font-size:clamp(30px,5vw,64px);line-height:1.1;top:18%}.bf-arena .bf-bossbar{top:calc(var(--safe-t) + 16px);width:min(54vw,540px)}.bf-arena .bf-bossbar-name{font:italic 900 24px var(--arena-display);letter-spacing:.06em;text-shadow:0 2px #061022}.bf-arena .bf-bossbar-track{background:#111b2a;border:1px solid #d0d9e8;border-radius:2px;height:12px;box-shadow:0 3px #050c1a}.bf-arena .bf-bossbar-fill{background:linear-gradient(90deg,#c52e49,#ff7966);border-radius:0}.bf-arena .bf-ctl-row{background:#e5ebf4;border-radius:2px}.bf-arena .bf-controls-panel{max-height:calc(100dvh - 28px)}.bf-arena .bf-ctl-subtitle{color:#c12f46;font-family:var(--arena-display);letter-spacing:.04em;font-size:21px}.bf-arena #rotate-overlay{background:radial-gradient(at 50% 20%,#334d73,#0b1224)}@media (max-height:500px){.bf-arena :-webkit-any(.bf-map-header,.bf-select-header){gap:10px;min-height:42px;padding-bottom:6px}.bf-arena :is(.bf-map-header,.bf-select-header){gap:10px;min-height:42px;padding-bottom:6px}.bf-arena :-webkit-any(.bf-map-title,.bf-select-title,.bf-online-title){font-size:29px}.bf-arena :is(.bf-map-title,.bf-select-title,.bf-online-title){font-size:29px}.bf-arena .bf-button-round{width:34px;height:34px}.bf-arena .bf-button{padding:9px 16px;font-size:13px}.bf-arena .bf-button-round{padding:0}.bf-arena .bf-button-big{padding:9px 18px;font-size:22px}.bf-arena .bf-title-screen{padding-top:13px}.bf-arena .bf-logo{width:65px}.bf-arena .bf-logo-word{padding-bottom:8px;font-size:min(15vw,100px)}.bf-arena .bf-logo-word:after{height:5px}.bf-arena .bf-title-kicker{margin-top:12px;font-size:9px}.bf-arena .bf-tap-hint{padding:6px 24px;font-size:11px;bottom:12px}.bf-arena .bf-mode-cards{width:min(90vw,850px);padding-bottom:6px}.bf-arena .bf-mode-card{gap:4px;padding:12px 22px}.bf-arena .bf-mode-name{font-size:43px}.bf-arena .bf-mode-tag{font-size:12px}.bf-arena .bf-mode-chip{padding:3px 7px;font-size:9px}.bf-arena .bf-roster-grid{gap:4px;max-width:1100px;padding:5px}.bf-arena .bf-roster-grid .bf-tile-name{padding:3px 1px;font-size:11px}.bf-arena .bf-roster-bar{gap:11px;min-height:69px;padding:6px 10px 6px 0}.bf-arena .bf-selection-portrait{width:78px;margin:-6px 0}.bf-arena .bf-selection-player{font-size:18px}.bf-arena .bf-roster-name{font-size:27px}.bf-arena .bf-roster-tagline{font-size:11px}.bf-arena .bf-roster-stats{grid-template-columns:auto minmax(44px,90px);gap:3px 6px}.bf-arena .bf-stat-label{font-size:8px}.bf-arena .bf-stat-track{height:5px}.bf-arena .bf-online-header{height:38px}.bf-arena .bf-online-panel h2{font-size:20px}.bf-arena .bf-hud-corner{left:calc(var(--safe-l) + 12px);bottom:calc(var(--safe-b) + 14px);min-width:165px;height:65px}.bf-arena .bf-hud-portrait{width:61px}.bf-arena .bf-hud-readout{min-width:103px;padding:3px 10px}.bf-arena .bf-hud-name{font-size:10px}.bf-arena .bf-damage{font-size:38px}.bf-arena .bf-hud-player{font-size:13px}.bf-arena .bf-stock{width:8px;height:5px}.bf-arena .bf-keyhints{gap:8px;padding:4px 7px;bottom:7px}.bf-arena .bf-keyhint,.bf-arena .bf-keyhint .bf-kbd{font-size:9px}.bf-arena .bf-controls-panel{padding:12px 14px}.bf-arena .bf-controls-panel .bf-title{font-size:27px}}@media (max-width:700px){.bf-arena .bf-roster-stats{grid-template-columns:auto 50px;display:grid}.bf-arena .bf-roster-bar{flex-wrap:wrap;gap:8px 12px;padding:10px}.bf-arena .bf-selection-portrait{width:64px;min-height:66px;margin:-10px 0 -10px -10px}.bf-arena .bf-roster-who{min-width:100px}.bf-arena .bf-roster-bar>.bf-button{flex:1}.bf-arena .bf-roster-bar>.bf-button-big{flex:2}.bf-arena .bf-roster-name{font-size:27px}.bf-arena .bf-roster-tagline{font-size:11px}.bf-arena .bf-roster-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-content:center}.bf-arena .bf-tile-name{font-size:13px}.bf-arena .bf-online-loadout{min-width:100px;display:flex}.bf-arena .bf-online-join>p{font-size:10px;display:block}.bf-arena .bf-online-settings{min-width:200px}.bf-arena .bf-online-waiting-controls{flex-wrap:wrap}.bf-arena .bf-online-browser{grid-template-columns:1fr 1fr}.bf-arena .bf-online-title{font-size:24px}.bf-arena .bf-market-row{grid-template-columns:1fr auto;gap:6px 10px}.bf-arena .bf-keyhints{grid-template-columns:repeat(3,auto);display:grid;left:auto;right:10px;transform:none}.bf-arena .bf-mode-cards{gap:12px;width:94%}.bf-arena .bf-mode-card{padding:13px 16px}.bf-arena .bf-mode-name{font-size:37px}.bf-arena .bf-mode-tag{font-size:11px}}@media (max-width:700px) and (max-height:500px){.bf-arena .bf-roster-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.bf-arena .bf-roster-grid .bf-tile-name{font-size:8px}.bf-arena .bf-roster-bar{flex-wrap:nowrap;gap:7px;min-height:64px;padding:6px}.bf-arena .bf-selection-portrait{width:46px;min-height:52px;margin:-6px 0 -6px -6px}.bf-arena .bf-roster-who{min-width:75px}.bf-arena .bf-roster-name{font-size:22px}.bf-arena .bf-roster-tagline{font-size:9px}.bf-arena .bf-roster-stats{grid-template-columns:auto 34px;gap:3px 4px}.bf-arena .bf-stat-label{font-size:7px}.bf-arena .bf-roster-bar>.bf-button{letter-spacing:0;flex:none;padding:9px;font-size:10px}.bf-arena .bf-roster-bar>.bf-button-big{font-size:17px}}@media (pointer:coarse){.bf-arena .bf-hud-corner{top:calc(var(--safe-t) + 8px);transform-origin:0 0;bottom:auto;transform:scale(.85)}}@media (max-height:500px) and (min-width:520px){.bf-arena .bf-online-results .bf-panel{grid-template-columns:minmax(0,1.15fr) minmax(170px,1fr);column-gap:22px;width:min(680px,100vw - 32px);max-width:none;max-height:calc(100dvh - 24px);padding:16px 20px;display:grid}.bf-arena .bf-online-results .bf-title{grid-column:1/-1;margin-bottom:10px;font-size:34px}.bf-arena .bf-online-results .bf-loot{grid-row:2/4;gap:6px;margin:0}.bf-arena .bf-online-results .bf-loot-row{gap:8px;min-height:38px;padding:6px 8px;font-size:12px}.bf-arena .bf-online-results .bf-loot-icon{font-size:21px}.bf-arena .bf-online-results .bf-hint{align-self:end;margin:4px 0 12px;font-size:14px}.bf-arena .bf-online-results .bf-button-col{align-self:start;gap:10px}.bf-arena .bf-online-results .bf-button{padding:12px 10px;font-size:13px}}@media (max-height:500px) and (min-width:640px){.bf-arena .bf-controls-panel{padding:10px 12px}.bf-arena .bf-controls-panel .bf-title{margin-bottom:6px;font-size:24px}.bf-arena .bf-ctl-row{grid-template-columns:116px minmax(0,1fr);gap:6px;padding:2px 6px}.bf-arena .bf-ctl-keys{gap:2px}.bf-arena .bf-ctl-or{margin-inline-start:1px;margin-inline-end:1px;font-size:10px}.bf-arena .bf-ctl-keys .bf-kbd{min-width:16px;padding:2px 4px;font-size:10px}.bf-arena .bf-ctl-what b{letter-spacing:.08em;font-size:11px}.bf-arena .bf-ctl-what small{font-size:10px}.bf-arena .bf-ctl-subtitle{margin:6px 0 4px;font-size:16px}.bf-arena .bf-ctl-tips li{font-size:10.5px;line-height:1.2}.bf-arena .bf-ctl-done{margin-top:6px;padding:9px 20px;font-size:12px}}@media (prefers-reduced-motion:reduce){.bf-arena *,.bf-arena :before,.bf-arena :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.bf-arena .bf-match-cards{left:calc(50% + (var(--safe-l) - var(--safe-r)) / 2);bottom:calc(var(--safe-b) + 22px);width:min(calc(100% - 44px - var(--safe-l) - var(--safe-r)), calc(var(--match-players) * 256px));grid-template-columns:repeat(var(--match-players), minmax(0, 1fr));gap:12px;display:grid;position:absolute;transform:translate(-50%)}.bf-arena .bf-match-card{border:1px solid #6580a245;border-bottom:4px solid var(--fighter);background:linear-gradient(105deg,#0d172bf5,#1e3352ed);grid-template-columns:82px minmax(0,1fr);min-width:0;height:104px;display:grid;box-shadow:0 6px 20px #0004}.bf-arena .bf-match-card.is-local{border-top-color:#eff6ff}.bf-arena .bf-match-card .bf-hud-portrait{width:auto}.bf-arena .bf-match-card .bf-hud-readout{min-width:0;padding:5px 10px 7px;position:relative}.bf-arena .bf-match-card .bf-hud-name{letter-spacing:.1em;min-width:0;font-size:13px}.bf-arena .bf-match-card .bf-damage{font-size:43px;line-height:1.02}.bf-arena .bf-match-card .bf-stocks{min-height:7px}.bf-arena .bf-match-identity{align-items:center;gap:5px;min-width:0;margin-bottom:3px;display:flex}.bf-arena .bf-match-nickname{text-overflow:ellipsis;white-space:nowrap;color:#c6d5eb;min-width:0;font:600 11px Barlow,sans-serif;overflow:hidden}.bf-arena .bf-match-you{color:#fff;background:#48607e;border-radius:2px;padding:1px 3px;font:800 8px Barlow,sans-serif}.bf-arena .bf-match-status{color:#b5c6dc;font:900 12px var(--arena-display);letter-spacing:.12em;position:absolute;bottom:5px;right:8px}.bf-arena .bf-match-card.is-out{background:#0d172be8;border-bottom-color:#52647d}.bf-arena .bf-match-card.is-out .bf-hud-portrait{filter:saturate(.2)brightness(.65)}.bf-arena .bf-match-card.is-out .bf-damage{color:#a1b1c7!important}.bf-arena .bf-match-hud .bf-keyhints{left:50%;right:auto;bottom:calc(var(--safe-b) + 138px);display:flex;transform:translate(-50%)}@media (max-width:1050px){.bf-arena .bf-match-cards{width:calc(100% - 32px - var(--safe-l) - var(--safe-r));gap:8px}.bf-arena .bf-match-card{grid-template-columns:62px minmax(0,1fr);height:88px}.bf-arena .bf-match-card .bf-hud-readout{padding:4px 8px 6px}.bf-arena .bf-match-card .bf-hud-name{font-size:11px}.bf-arena .bf-match-card .bf-damage{font-size:35px}.bf-arena .bf-match-hud .bf-keyhints{bottom:calc(var(--safe-b) + 120px)}}@media (pointer:coarse),(max-width:1000px) and (max-height:520px){.bf-arena .bf-match-cards{top:calc(var(--safe-t) + 8px);width:calc(100% - 24px - var(--safe-l) - var(--safe-r));gap:6px;bottom:auto}.bf-arena .bf-match-card{border-bottom-width:3px;grid-template-columns:48px minmax(0,1fr);height:68px}.bf-arena .bf-match-card .bf-hud-readout{padding:3px 7px 5px}.bf-arena .bf-match-card .bf-hud-name{letter-spacing:.07em;font-size:10px;line-height:1}.bf-arena .bf-match-card .bf-damage{font-size:28px;line-height:1}.bf-arena .bf-match-card .bf-hud-player{font-size:13px}.bf-arena .bf-match-card .bf-stocks{gap:3px;min-height:5px;margin-top:2px}.bf-arena .bf-match-card .bf-stock{width:7px;height:5px}.bf-arena .bf-match-identity{gap:3px;margin-bottom:2px}.bf-arena .bf-match-nickname{font-size:9px;line-height:1}.bf-arena .bf-match-you{padding:1px 2px;font-size:7px}.bf-arena .bf-match-status{font-size:9px;bottom:3px;right:5px}.bf-arena .bf-match-hud .bf-keyhints{top:calc(var(--safe-t) + 84px);bottom:auto}.bf-arena .bf-match-hud .bf-banner{top:max(25%, calc(var(--safe-t) + 88px))}}@media (max-width:560px) and (orientation:portrait){.bf-arena .bf-match-cards{top:calc(var(--safe-t) + 8px);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;bottom:auto}.bf-arena .bf-match-card{grid-template-columns:48px minmax(0,1fr);height:72px}.bf-arena .bf-match-card .bf-hud-readout{padding:4px 7px}.bf-arena .bf-match-card .bf-damage{font-size:29px}.bf-arena .bf-match-hud .bf-keyhints{top:calc(var(--safe-t) + 165px);flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 24px);bottom:auto}.bf-arena .bf-match-hud .bf-banner{top:max(26%, calc(var(--safe-t) + 166px))}}@media (prefers-reduced-motion:reduce){.bf-arena .bf-match-card .bf-damage{animation:none}}