: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:2px;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}@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-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:3px;color:#fff;text-shadow:0 4px #1e2a4a4d;margin:0;font-size:30px;font-weight:800}.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%;width:46px;height:46px;padding:0}.bf-map-path{scrollbar-width:none;flex:1;align-items:center;gap:6px;padding:20px 10px;display:flex;overflow-x:auto}.bf-map-node{flex-direction:column;align-items:center;gap:6px;min-width:96px;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;box-shadow:0 5px #1e2a4a4d}.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-select-body{flex:1;gap:16px;min-height:0;display:flex}.bf-select-grid{flex:1.2;grid-template-columns:repeat(3,minmax(96px,1fr));align-content:start;gap:10px;display:grid;overflow-y:auto}.bf-weapon-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.bf-card{background:var(--panel);cursor:pointer;border:4px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-family:inherit;transition:transform .1s;display:flex;box-shadow:0 4px #1e2a4a33}.bf-card:hover{transform:translateY(-2px)}.bf-card-selected{border-color:var(--neon-yellow)}.bf-card-locked{filter:saturate(.15)opacity(.75);cursor:default}.bf-card-dot{text-align:center;border:3px solid #fff;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:30px;box-shadow:0 3px #1e2a4a33}.bf-card-name{color:var(--text);letter-spacing:1px;font-size:14px;font-weight:800}.bf-card-sub{color:var(--text-dim);font-size:11px}.bf-card-lock{color:var(--text-dim);font-size:11px;font-weight:700}.bf-select-side{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding-bottom:8px;display:flex}.bf-select-name{color:#fff;text-shadow:0 3px #1e2a4a4d;margin:0;font-size:30px;font-weight:800}.bf-select-tag{color:#fff;text-shadow:0 2px #1e2a4a4d;margin:0;font-size:14px;font-weight:600}.bf-select-stats{flex-direction:column;gap:5px;margin:8px 0;display:flex}.bf-stat-row{align-items:center;gap:8px;display:flex}.bf-stat-label{color:#fff;text-shadow:0 2px #1e2a4a4d;width:64px;font-size:11px;font-weight:800}.bf-stat-track{background:#1e2a4a4d;border:2px solid #fff;border-radius:8px;flex:1;height:12px;overflow:hidden}.bf-stat-fill{background:var(--neon-yellow);border-radius:6px;height:100%}.bf-button-big{padding:15px 30px;font-size:21px}.bf-select-hint{text-align:center;color:#fff;text-shadow:0 2px #1e2a4a4d}.bf-stats-toggle{display:none}@media (max-height:500px){.bf-select-name{margin-top:0;font-size:20px}.bf-select-tag{font-size:12px}.bf-stats-toggle{align-self:flex-start;padding:7px 14px;font-size:12px;display:inline-block}.bf-select-stats{display:none}.bf-stats-open .bf-select-stats{background:var(--panel);border-radius:14px;padding:10px 12px;display:flex;box-shadow:0 5px #1e2a4a33}.bf-stats-open .bf-stat-label{color:var(--text);text-shadow:none}.bf-button-big{padding:11px 22px;font-size:17px}}.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}.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)}}.bf-button-violet{background:var(--neon-violet)}.bf-online-pill{bottom:calc(var(--safe-b) + 18px);font-size:19px;animation:2.4s ease-in-out infinite bf-pulse;position:absolute;left:50%;transform:translate(-50%)}.bf-online-pill:active{transform:translate(-50%)translateY(4px)}.bf-online-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:10px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bf-online-hint{text-align:center;color:#fff;text-shadow:0 2px #1e2a4a4d;font-size:14px;font-weight:700}.bf-room-chip{background:var(--panel);letter-spacing:3px;color:var(--neon-violet);white-space:nowrap;border-radius:999px;padding:7px 16px;font-weight:800;box-shadow:0 4px #1e2a4a33}.bf-online-menu{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:0;display:flex}.bf-nick-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.bf-nick-label{letter-spacing:3px;color:#fff;text-shadow:0 2px #1e2a4a4d;font-size:13px;font-weight:800}.bf-nick-row{align-items:center;gap:10px;display:flex}.bf-nick-input{text-align:center;letter-spacing:1px;width:min(58vw,300px);color:var(--text);background:var(--panel);-webkit-user-select:text;user-select:text;border:4px solid #fff;border-radius:18px;outline:none;padding:10px 14px;font:800 24px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 5px #1e2a4a4d}.bf-nick-input:focus{border-color:var(--neon-violet)}.bf-nick-pop{animation:.25s cubic-bezier(.34,1.56,.64,1) bf-pop-in}.bf-nick-dice{padding:10px 16px;font-size:22px}.bf-online-doors{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.bf-door{min-width:220px}.bf-join-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;display:flex}.bf-code-row{justify-content:center;gap:12px;display:flex}.bf-code-box{width:clamp(52px,9vw,76px);height:clamp(62px,11vw,92px);color:var(--text);background:var(--panel);border:4px solid #fff;border-radius:18px;place-items:center;font-size:clamp(34px,6vw,52px);font-weight:800;display:grid;box-shadow:0 5px #1e2a4a4d}.bf-code-box-filled{border-color:var(--neon-violet)}.bf-code-pop{animation:.22s cubic-bezier(.34,1.56,.64,1) bf-code-pop}@keyframes bf-code-pop{0%{scale:.4}60%{scale:1.18}to{scale:1}}.bf-keypad{grid-template-columns:repeat(8,minmax(38px,62px));justify-content:center;gap:8px;display:grid}.bf-key{letter-spacing:0;color:var(--text);background:#fff;border-radius:14px;padding:11px 0;font-size:18px}.bf-key-back{background:var(--neon-pink);color:#fff}.bf-key-go{letter-spacing:2px;background:var(--neon-green);color:#fff;grid-column:span 3}.bf-key-go:disabled{background:#b8c4d4}.bf-shake{animation:.4s ease-in-out bf-shake}@keyframes bf-shake{20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(4px)}}.bf-slot-row{flex:1;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:10px;min-height:0;display:grid}.bf-slot{--slot:#b8c4d4;background:var(--panel);border:4px solid var(--slot);border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-height:120px;padding:10px 8px;animation:.22s cubic-bezier(.34,1.56,.64,1) bf-pop-in;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #1e2a4a4d}.bf-slot-top{align-items:center;gap:6px;display:flex}.bf-slot-num{color:var(--slot);letter-spacing:1px;font-size:14px;font-weight:800}.bf-slot-crown{font-size:16px}.bf-slot-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(13px,1.8vw,17px);font-weight:800;overflow:hidden}.bf-slot-you{letter-spacing:2px;color:#fff;background:var(--slot);border-radius:999px;padding:2px 10px;font-size:10px;font-weight:800}.bf-slot-away{filter:saturate(.3)opacity(.75)}.bf-slot-away-tag{color:var(--text-dim);font-size:11px;font-weight:700;animation:1.2s ease-in-out infinite bf-pulse}.bf-slot-empty{background:#fff6;border-style:dashed;justify-content:center}.bf-slot-waiting{color:var(--text-dim);font-size:13px;font-weight:700;animation:1.6s ease-in-out infinite bf-pulse}.bf-slot-share{--slot:var(--neon-violet);border-style:dashed;justify-content:center;gap:2px}.bf-share-label{letter-spacing:1.5px;color:var(--neon-violet);font-size:11px;font-weight:800}.bf-share-code{letter-spacing:5px;color:var(--text);text-shadow:0 2px #1e2a4a26;font-size:clamp(26px,4.5vw,42px);font-weight:800}.bf-share-btn{padding:8px 16px;font-size:14px}.bf-share-link{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.bf-stamp{letter-spacing:2px;color:#2fae4e;pointer-events:none;background:#ffffffc7;border:4px solid #2fae4e;border-radius:10px;padding:2px 12px;font-size:17px;font-weight:800;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.bf-stamp-slam{animation:.3s cubic-bezier(.34,1.56,.64,1) bf-stamp}@keyframes bf-stamp{0%{opacity:0;scale:2.6}55%{opacity:1;scale:.9}to{scale:1}}.bf-stamp-mini{border-width:2px;border-radius:6px;padding:0 6px;font-size:10px;position:static;transform:rotate(-8deg)}.bf-ping-dot{border:3px solid;border-radius:50%;flex-shrink:0;width:13px;height:13px}.bf-ping-good{background:#2fae4e;border-color:#2fae4e}.bf-ping-ok{background:#e8a63e;border-color:#e8a63e}.bf-ping-bad{background:#e84a5f;border-color:#e84a5f}.bf-ping-unknown{background:#b8c4d4;border-color:#b8c4d4}.bf-ping-hollow{background:0 0}.bf-team-badge{-webkit-appearance:none;appearance:none;letter-spacing:1px;color:#fff;cursor:pointer;border:3px solid #fff;border-radius:999px;padding:3px 10px;font:800 11px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 3px #1e2a4a40}.bf-team-badge:disabled{cursor:default}.bf-team-cyan{background:var(--neon-cyan)}.bf-team-pink{background:var(--neon-pink)}.bf-lobby-controls{background:#ffffff73;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:10px 14px;display:flex}.bf-seg{gap:6px;display:flex}.bf-seg-btn{-webkit-appearance:none;appearance:none;letter-spacing:1px;color:var(--text-dim);cursor:pointer;background:#ffffffbf;border:none;border-radius:999px;padding:8px 16px;font:800 14px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 3px #1e2a4a26}.bf-seg-btn:disabled{cursor:default}.bf-seg-on{background:var(--neon-violet);color:#fff}.bf-stepper{align-items:center;gap:10px;display:flex}.bf-stepper-label{letter-spacing:1px;color:var(--text);font-size:13px;font-weight:800}.bf-stepper-btn{border-radius:12px;padding:4px 14px;font-size:20px}.bf-stepper-value{color:var(--text);text-align:center;min-width:26px;font-size:22px;font-weight:800}.bf-chip-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.bf-chip{-webkit-appearance:none;appearance:none;letter-spacing:.5px;color:var(--text);cursor:pointer;background:#fffc;border:3px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font:800 12px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:inline-flex;box-shadow:0 3px #1e2a4a26}.bf-chip:disabled{cursor:default}.bf-chip-on{border-color:var(--neon-violet);background:#fff}.bf-chip-locked{filter:saturate(.2)opacity(.6)}.bf-chip-level{justify-content:center;min-width:40px}.bf-chip-swatch{border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px #1e2a4a40}.bf-wobble{animation:.5s ease-in-out bf-wobble}@keyframes bf-wobble{25%{transform:rotate(-2.5deg)scale(1.04)}50%{transform:rotate(2deg)scale(1.02)}75%{transform:rotate(-1deg)}}.bf-ready-row{flex-direction:column;align-items:center;gap:4px;display:flex}.bf-ready-btn{min-width:240px}.bf-ready-on{background:var(--neon-yellow);color:#6a4a00}.bf-countdown{pointer-events:none;z-index:5;background:#1e2a4a38;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.bf-count-num{color:#fff;-webkit-text-stroke:7px #1e2a4a;paint-order:stroke fill;text-shadow:0 10px #1e2a4a4d;font-size:clamp(120px,40vh,240px);font-weight:800}.bf-count-pop{animation:.9s cubic-bezier(.34,1.56,.64,1) bf-count-pop}@keyframes bf-count-pop{0%{opacity:0;scale:2.2}35%{opacity:1;scale:1}}.bf-online-select .bf-select-body{padding-bottom:86px}.bf-online-select .bf-select-side{justify-content:flex-start;align-items:flex-start;gap:10px;padding-top:4px}.bf-grid-locked{opacity:.55;filter:saturate(.5)}.bf-banner-strip{left:calc(var(--safe-l) + 14px);right:calc(var(--safe-r) + 14px);bottom:calc(var(--safe-b) + 8px);pointer-events:none;gap:12px;display:flex;position:absolute}.bf-banner-slot{--slot:#b8c4d4;background:var(--slot);border:4px solid #fff;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-width:0;min-height:56px;padding:4px 8px;display:flex;transform:skew(-8deg);box-shadow:0 5px #1e2a4a4d}.bf-banner-slot>*{transform:skew(8deg)}.bf-banner-empty{opacity:.35}.bf-banner-name{color:#fff;text-shadow:0 2px #1e2a4a59;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(11px,1.6vw,15px);font-weight:800;overflow:hidden}.bf-banner-pick{color:#ffffffe6;font-size:clamp(10px,1.3vw,13px);font-weight:700}.bf-fight-slam{z-index:30;pointer-events:auto;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.bf-slam-panel{background:#1e2a4a;width:80%;height:160%;position:absolute;top:-30%}.bf-slam-left{animation:.22s cubic-bezier(.22,.9,.36,1) forwards bf-slam-in-left;left:-18%;transform:rotate(12deg)translate(-130%)}.bf-slam-right{animation:.22s cubic-bezier(.22,.9,.36,1) forwards bf-slam-in-right;right:-18%;transform:rotate(12deg)translate(130%)}@keyframes bf-slam-in-left{to{transform:rotate(12deg)translate(0)}}@keyframes bf-slam-in-right{to{transform:rotate(12deg)translate(0)}}.bf-slam-text{text-align:center;letter-spacing:4px;color:#fff;-webkit-text-stroke:2px #fff;text-shadow:0 6px #00000059,0 0 24px #9a6bffcc;font-size:clamp(30px,8vw,68px);font-weight:800;animation:.55s cubic-bezier(.22,.9,.36,1) .2s forwards bf-slam-text;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)translate(-120vw)}@keyframes bf-slam-text{60%{transform:translateY(-50%)translate(2vw)}to{transform:translateY(-50%)translate(0)}}.bf-results-screen{pointer-events:auto}.bf-place-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bf-place-card{--slot:#b8c4d4;background:var(--panel);border:4px solid var(--slot);text-align:center;border-radius:18px;min-width:128px;padding:8px 14px;animation:.3s cubic-bezier(.34,1.56,.64,1) backwards bf-pop-in;box-shadow:0 5px #1e2a4a4d}.bf-place-card:nth-child(2){animation-delay:80ms}.bf-place-card:nth-child(3){animation-delay:.16s}.bf-place-card:nth-child(4){animation-delay:.24s}.bf-place-winner{border-width:5px;scale:1.06}.bf-place-medal{color:var(--text);font-size:22px;font-weight:800}.bf-place-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.bf-place-char{color:var(--text-dim);font-size:12px;font-weight:700}.bf-place-stats{color:var(--text);justify-content:center;gap:10px;font-size:12px;font-weight:800;display:flex}.bf-place-gold{color:#b8860b}.bf-results-buttons{left:0;right:0;bottom:calc(var(--safe-b) + 12px);flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:absolute}.bf-confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.bf-confetti-piece{border-radius:3px;animation:linear infinite bf-confetti-fall;position:absolute;top:-24px}@keyframes bf-confetti-fall{0%{transform:translateY(-4vh)rotate(0)}to{transform:translateY(112vh)rotate(600deg)}}.bf-wipe{z-index:200;pointer-events:auto;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.bf-wipe-panel{background:#1e2a4a;width:80%;height:160%;position:absolute;top:-30%}.bf-wipe-left{animation:.24s cubic-bezier(.22,.9,.36,1) forwards bf-slam-in-left;left:-18%;transform:rotate(12deg)translate(-130%)}.bf-wipe-right{animation:.24s cubic-bezier(.22,.9,.36,1) forwards bf-slam-in-right;right:-18%;transform:rotate(12deg)translate(130%)}.bf-wipe-open .bf-wipe-left{animation:.3s ease-in forwards bf-slam-out-left}.bf-wipe-open .bf-wipe-right{animation:.3s ease-in forwards bf-slam-out-right}@keyframes bf-slam-out-left{0%{transform:rotate(12deg)translate(0)}to{transform:rotate(12deg)translate(-130%)}}@keyframes bf-slam-out-right{0%{transform:rotate(12deg)translate(0)}to{transform:rotate(12deg)translate(130%)}}.bf-wipe-badge{filter:drop-shadow(0 6px #0000004d);width:min(30vw,210px);animation:.28s cubic-bezier(.34,1.56,.64,1) .18s backwards bf-badge-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bf-wipe-badge svg{width:100%;height:auto}.bf-wipe-open .bf-wipe-badge{animation:.18s ease-in forwards bf-badge-out}@keyframes bf-badge-pop{0%{transform:translate(-50%,-50%)scale(0)}}@keyframes bf-badge-out{to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.bf-wipe-star{background:radial-gradient(closest-side,#fff27ad9,#fff27a00 70%);border-radius:50%;animation:.5s ease-out .2s backwards bf-star-flash;position:absolute;top:-45%;bottom:-45%;left:-45%;right:-45%}@keyframes bf-star-flash{0%{opacity:0;scale:.2}40%{opacity:1;scale:1.15}to{opacity:.8;scale:1}}.bf-toasts{left:50%;bottom:calc(var(--safe-b) + 16px);z-index:300;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.bf-toast{color:#fff;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;background:#1e2a4a;border:3px solid #fff;border-radius:999px;max-width:86vw;padding:11px 22px;font:800 15px Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:opacity .24s,transform .24s;animation:.28s cubic-bezier(.34,1.56,.64,1) bf-toast-in;overflow:hidden;box-shadow:0 5px #1e2a4a4d}@keyframes bf-toast-in{0%{opacity:0;transform:translateY(26px)scale(.7)}}.bf-toast-out{opacity:0;transform:translateY(12px)}@media (max-height:500px){.bf-online-screen{gap:6px}.bf-online-menu{gap:10px}.bf-nick-input{padding:7px 10px;font-size:18px}.bf-door{min-width:170px}.bf-online-hint{font-size:12px}.bf-join-body{gap:10px}.bf-code-box{border-radius:14px;width:46px;height:54px;font-size:30px}.bf-keypad{grid-template-columns:repeat(8,minmax(30px,46px));gap:6px}.bf-key{border-radius:11px;padding:7px 0;font-size:15px}.bf-slot{border-radius:16px;gap:2px;min-height:88px;padding:6px}.bf-share-link{display:none}.bf-share-code{letter-spacing:3px}.bf-stamp{border-width:3px;font-size:13px}.bf-lobby-controls{flex-flow:wrap;justify-content:center;gap:5px;padding:6px 10px}.bf-seg-btn{padding:6px 10px;font-size:12px}.bf-chip{padding:4px 9px;font-size:11px}.bf-chip-level{min-width:32px}.bf-stepper-btn{padding:2px 10px;font-size:16px}.bf-stepper-value{font-size:17px}.bf-ready-btn{min-width:190px}.bf-online-select .bf-select-body{padding-bottom:56px}.bf-banner-strip{gap:8px}.bf-banner-slot{border-width:3px;min-height:40px}.bf-count-num{font-size:clamp(90px,55vh,160px)}.bf-place-card{min-width:104px;padding:5px 10px}.bf-place-medal{font-size:16px}.bf-results-buttons .bf-button-big{padding:10px 20px;font-size:16px}}.bf-hud-row{left:50%;bottom:max(10px, env(safe-area-inset-bottom));pointer-events:none;gap:12px;display:flex;position:absolute;transform:translate(-50%)}.bf-hud-cluster{border:3px solid #fff;border-top:6px solid var(--slot,#fff);text-align:center;background:#ffffffdb;border-radius:14px;min-width:86px;padding:6px 12px 8px;box-shadow:0 5px #1e2a4a4d}.bf-hud-cluster-local{outline:3px solid var(--slot,#fff);outline-offset:2px}.bf-hud-cluster-out{opacity:.38;filter:grayscale(.9)}.bf-hud-name{letter-spacing:.06em;color:#1e2a4a;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:11px;font-weight:800;overflow:hidden}.bf-hud-cluster-damage{font-size:26px;line-height:1.1}.bf-hud-cluster .bf-stocks{justify-content:center;gap:4px;display:flex}@media (max-height:500px){.bf-hud-row{gap:8px;bottom:6px}.bf-hud-cluster{min-width:70px;padding:4px 8px 6px}.bf-hud-cluster-damage{font-size:20px}}.bf-hub{padding:max(10px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(8px,2vh,20px);display:flex}.bf-hub-header{width:100%}.bf-name-chip{background:#fff;border:3px solid #fff;border-radius:999px;align-items:center;gap:8px;max-width:62vw;margin-left:auto;padding:5px 8px 5px 14px;display:inline-flex;box-shadow:0 4px #1e2a4a47}.bf-name-chip-icon{font-size:18px}.bf-name-chip-text{color:var(--text);letter-spacing:.02em;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.bf-name-chip-input{width:130px;padding:3px 8px;font-size:16px}.bf-name-chip-dice{background:var(--neon-yellow);cursor:pointer;border:none;border-radius:999px;flex:none;width:34px;height:34px;font-size:17px;box-shadow:0 3px #1e2a4a47}.bf-name-chip-dice:active{box-shadow:none;transform:translateY(3px)}.bf-hub-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2.2vh,22px);width:100%;max-width:860px;display:flex}.bf-hub-prompt{letter-spacing:.04em;color:var(--text);opacity:.85;text-shadow:0 2px #ffffff80;font-size:clamp(15px,2.4vh,22px);font-weight:800}.bf-mode-cards{flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,18px);width:100%;display:flex}.bf-mode-card{--mode:var(--neon-cyan);border:3px solid #fff;border-top:8px solid var(--mode);cursor:pointer;background:#fff;border-radius:22px;flex-direction:column;flex:180px;align-items:center;gap:3px;min-width:150px;max-width:240px;padding:clamp(12px,2.4vh,22px) 12px clamp(10px,2vh,18px);transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s,border-color .14s;animation:.3s cubic-bezier(.34,1.56,.64,1) backwards bf-pop-in;display:flex;position:relative;box-shadow:0 6px #1e2a4a47}.bf-mode-cards .bf-mode-card:nth-child(2){animation-delay:50ms}.bf-mode-cards .bf-mode-card:nth-child(3){animation-delay:.1s}.bf-mode-card:hover{transform:translateY(-3px)}.bf-mode-card:active{transform:translateY(2px);box-shadow:0 2px #1e2a4a47}.bf-mode-card-on{border-color:var(--mode);box-shadow:0 10px 0 #1e2a4a38, 0 0 0 4px color-mix(in srgb, var(--mode) 40%, transparent);transform:translateY(-6px)}.bf-mode-card-on:active{transform:translateY(-2px)}.bf-mode-icon{filter:drop-shadow(0 3px #1e2a4a26);font-size:clamp(34px,6vh,52px);line-height:1}.bf-mode-name{letter-spacing:.02em;color:var(--mode);font-size:clamp(14px,2.1vh,19px);font-weight:800}.bf-mode-tag{color:var(--text);text-align:center;font-size:clamp(11px,1.5vh,13px);font-weight:700}.bf-mode-sub{color:var(--text);opacity:.55;font-size:11px;font-weight:700}.bf-mode-check{background:var(--mode);color:#fff;border:3px solid #fff;border-radius:999px;place-items:center;width:30px;height:30px;font-size:17px;font-weight:900;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:-12px;right:-8px;transform:scale(0);box-shadow:0 3px #1e2a4a47}.bf-mode-card-on .bf-mode-check{transform:scale(1)}.bf-hub-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.bf-hub-create{background:var(--neon-green);min-width:220px}.bf-hub-join{color:var(--text);background:#fff;min-width:200px}.bf-ctrl-group{flex-direction:column;align-items:center;gap:5px;display:flex}.bf-ctrl-label{letter-spacing:.12em;color:var(--text);opacity:.6;font-size:11px;font-weight:800}.bf-ctrl-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(12px,4vw,40px);display:flex}.bf-mode-pick{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bf-mode-pill{--mode:var(--neon-cyan);cursor:pointer;background:#fff;border:3px solid #fff;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 4px #1e2a4a3d}.bf-mode-pill:active{box-shadow:none;transform:translateY(3px)}.bf-mode-pill:disabled{cursor:default}.bf-mode-pill-icon{font-size:18px}.bf-mode-pill-name{letter-spacing:.02em;color:var(--text);font-size:13px;font-weight:800}.bf-mode-pill-on{border-color:var(--mode);background:var(--mode)}.bf-mode-pill-on .bf-mode-pill-name{color:#fff}@media (max-height:500px){.bf-hub{gap:6px}.bf-hub-body{gap:8px}.bf-hub-prompt{font-size:14px}.bf-mode-card{border-top-width:6px;border-radius:18px;padding:10px 10px 8px}.bf-mode-icon{font-size:34px}.bf-mode-name{font-size:14px}.bf-mode-tag{font-size:11px}.bf-mode-card-on{transform:translateY(-4px)}.bf-hub-create,.bf-hub-join{min-width:44vw}.bf-ctrl-row{gap:14px}.bf-mode-pill{padding:6px 12px}.bf-mode-pill-name{font-size:12px}}@media (orientation:portrait){.bf-mode-cards{flex-direction:column;align-items:stretch}.bf-mode-card{text-align:left;flex-direction:row;flex-basis:auto;justify-content:flex-start;gap:14px;max-width:100%;padding:14px 18px}.bf-mode-card .bf-mode-icon{font-size:40px}.bf-mode-card .bf-mode-tag,.bf-mode-card .bf-mode-sub{text-align:left}.bf-mode-name-wrap{align-items:flex-start}.bf-hub-actions{flex-direction:column;align-items:stretch}.bf-hub-create,.bf-hub-join{width:100%}}.bf-arena{pointer-events:none}.bf-arena>*{pointer-events:auto}.bf-arena-header{top:max(8px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));z-index:6;position:absolute}.bf-room-chip-btn{cursor:pointer;border:none}.bf-room-chip-btn:active{transform:translateY(2px)}.bf-arena-gear{margin-left:8px;font-size:20px}.bf-plate-layer{z-index:4;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.bf-plate{--slot:#b8c4d4;border:3px solid #fff;border-top:5px solid var(--slot);text-align:center;background:#fffffff0;border-radius:14px;min-width:84px;max-width:40vw;padding:5px 12px 7px;transition:box-shadow .15s,transform .15s;position:absolute;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 4px #1e2a4a4d}.bf-plate-me{outline:3px solid var(--slot);outline-offset:2px}.bf-plate-ready{border-color:var(--slot);box-shadow:0 4px 0 #1e2a4a4d, 0 0 18px color-mix(in srgb, var(--slot) 60%, transparent)}.bf-plate-empty{color:var(--text-dim);letter-spacing:2px;background:#ffffff80;border-style:dashed;border-top-color:#b8c4d4;padding:10px 16px;font-size:12px;font-weight:800;animation:1.8s ease-in-out infinite bf-pulse}.bf-plate-top{justify-content:center;align-items:center;gap:5px;display:flex}.bf-plate-num{color:var(--slot);letter-spacing:1px;font-size:12px;font-weight:800}.bf-plate-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:800;overflow:hidden}.bf-plate-char{color:var(--slot);letter-spacing:.5px;font-size:11px;font-weight:700}.bf-plate-check{letter-spacing:1px;color:#fff;background:var(--slot);border-radius:999px;margin-top:3px;padding:1px 10px;font-size:11px;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) bf-stamp;display:inline-block}.bf-plate-away{color:var(--text-dim);font-size:11px;font-weight:700}.bf-plate-team-a{border-top-color:#1a9fe8}.bf-plate-team-b{border-top-color:#ff5a8a}.bf-arena-bar{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));z-index:6;align-items:flex-end;gap:12px;display:flex;position:absolute}.bf-arena-pick{background:#ffffffd1;border:3px solid #fff;border-radius:18px;flex:1;min-width:0;padding:6px 10px 8px;box-shadow:0 5px #1e2a4a47}.bf-arena-pick-label{letter-spacing:1.5px;color:var(--text);opacity:.6;margin-bottom:4px;font-size:11px;font-weight:800}.bf-arena-pick .bf-select-grid{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.bf-arena-pick .bf-card{scroll-snap-align:start;flex-direction:row;flex:none;gap:6px;min-width:0;padding:6px 12px}.bf-arena-pick .bf-card-name{font-size:12px}.bf-arena-pick .bf-card-lock{display:none}.bf-arena-ready{flex:none;align-self:stretch;min-width:128px}.bf-arena-dance{flex:none;align-self:stretch;min-width:58px;padding:0 12px;font-size:24px}.bf-arena-settings{top:calc(max(8px, env(safe-area-inset-top)) + 52px);right:max(10px, env(safe-area-inset-right));z-index:8;background:var(--panel);border:4px solid #fff;border-radius:20px;flex-direction:column;align-items:center;gap:8px;max-width:min(92vw,560px);padding:12px 16px;animation:.2s cubic-bezier(.34,1.56,.64,1) bf-pop-in;display:flex;position:absolute;box-shadow:0 8px #1e2a4a4d}.bf-hub-solo{box-shadow:none;color:var(--text);opacity:.8;background:0 0;border:2px dashed #1e2a4a4d;padding:6px 14px;font-size:14px}.bf-hub-solo:active{transform:translateY(2px)}@media (max-height:500px){.bf-plate{min-width:72px;padding:3px 9px 5px;transform:translate(-50%,calc(-100% - 5px))}.bf-plate-name{font-size:12px}.bf-plate-char{font-size:10px}.bf-arena-pick{padding:4px 8px 6px}.bf-arena-pick .bf-card{padding:4px 9px}.bf-arena-ready{min-width:100px}.bf-arena-dance{min-width:46px;padding:0 8px;font-size:20px}}