: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)}}