:root{--ink:#edf3f9;--ink-dim:#9db0c0;--ink-faint:#5a6a78;--amber:#ffb03c;--amber-hot:#ffd166;--amber-glow:#ffb03c73;--red:#ff5d4f;--void:#07090d;--glass:#0b0f159e;--glass-heavy:#090c11d1;--stroke:#ffffff17;--stroke-soft:#ffffff0d;--font-display:"Chakra Petch", "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-snap:cubic-bezier(.34, 1.56, .5, 1)}#ui-root{z-index:20;pointer-events:none;font-family:var(--font-display);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;position:fixed;inset:0}body.bb-cinematic #ui-root,body.bb-cinematic #hud,body.bb-cinematic .bb-dev-panel,body.bb-cinematic .three-inspector{display:none!important}:where(#ui-root button){color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;padding:0;font-family:inherit}.bb-hazard{background:repeating-linear-gradient(-45deg, var(--amber) 0 10px, transparent 10px 20px);opacity:.9;height:4px}.bb-logo{flex-direction:column;gap:6px;display:inline-flex}.bb-logo .bb-logo-kicker{letter-spacing:.42em;color:var(--amber);text-transform:uppercase;font-size:11px;font-weight:600}.bb-logo .bb-logo-word{text-transform:uppercase;letter-spacing:.015em;color:var(--ink);text-shadow:0 2px 24px #0000008c;font-weight:700;line-height:.92}.bb-logo .bb-logo-word em{color:#0000;-webkit-text-stroke:2px var(--amber);font-style:normal}.bb-logo .bb-hazard{width:72px}.bb-screen{pointer-events:auto;opacity:1;transition:opacity .42s var(--ease-out), backdrop-filter .42s var(--ease-out);position:absolute;inset:0}.bb-screen.bb-leave{opacity:0;pointer-events:none}.bb-preloader{background:radial-gradient(120% 90% at 50% 10%, #18223080, transparent 60%), var(--void);place-items:center;display:grid}.bb-preloader .bb-logo .bb-logo-word{font-size:clamp(44px,7vw,84px)}.bb-pre-inner{min-width:min(460px,84vw);animation:bb-rise .7s var(--ease-out) both;flex-direction:column;align-items:flex-start;gap:40px;display:flex}.bb-pre-stages{letter-spacing:.18em;text-transform:uppercase;flex-direction:column;gap:10px;width:100%;font-size:13px;font-weight:500;display:flex}.bb-pre-stage{color:var(--ink-faint);transition:color .3s var(--ease-out);align-items:center;gap:14px;display:flex}.bb-pre-stage .bb-pre-dot{border:1px solid var(--ink-faint);width:8px;height:8px;transition:all .3s var(--ease-out);flex:none;transform:rotate(45deg)}.bb-pre-stage.bb-active{color:var(--ink)}.bb-pre-stage.bb-active .bb-pre-dot{border-color:var(--amber);background:var(--amber);box-shadow:0 0 12px var(--amber-glow);animation:.9s ease-in-out infinite bb-blink}.bb-pre-stage.bb-done{color:var(--ink-dim)}.bb-pre-stage.bb-done .bb-pre-dot{border-color:var(--amber);background:var(--amber);box-shadow:none;animation:none}.bb-pre-seed{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-faint);align-self:flex-end;margin-top:-28px;font-size:11px}.bb-pre-bar{background:#ffffff12;width:100%;height:3px;overflow:hidden}.bb-pre-bar-fill{background:linear-gradient(90deg, var(--amber), var(--amber-hot));width:0%;height:100%;box-shadow:0 0 14px var(--amber-glow);transition:width .48s var(--ease-out)}.bb-menu{background:linear-gradient(100deg,#06080ce0 0%,#06080c8c 34%,#06080c00 62%),linear-gradient(#06080c00 70%,#06080cb3 100%);flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,72px);display:flex}.bb-menu .bb-logo{animation:bb-rise .7s var(--ease-out) both}.bb-menu .bb-logo .bb-logo-word{font-size:clamp(52px,8vw,108px)}.bb-menu-items{flex-direction:column;align-items:flex-start;gap:4px;margin:32px 0;display:flex}.bb-menu-item{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);transition:color .2s var(--ease-out), transform .26s var(--ease-out);animation:bb-slide-in .6s var(--ease-out) both;align-items:baseline;gap:18px;padding:10px 18px 10px 0;font-size:clamp(22px,2.6vw,32px);font-weight:600;display:flex;position:relative}.bb-menu-item:first-child{animation-delay:.12s}.bb-menu-item:nth-child(2){animation-delay:.19s}.bb-menu-item:nth-child(3){animation-delay:.26s}.bb-menu-item:nth-child(4){animation-delay:.33s}.bb-menu-item .bb-mi-index{letter-spacing:.2em;color:var(--ink-faint);transition:color .2s var(--ease-out);font-size:12px;font-weight:500}.bb-menu-item:before{content:"";background:var(--amber);width:4px;height:0;transition:height .24s var(--ease-out);position:absolute;top:50%;left:-18px;transform:translateY(-50%)}.bb-menu-item:hover:not(:disabled),.bb-menu-item:focus-visible:not(:disabled){color:var(--ink);outline:none;transform:translate(10px)}.bb-menu-item:hover:not(:disabled):before,.bb-menu-item:focus-visible:not(:disabled):before{height:70%}.bb-menu-item:hover:not(:disabled) .bb-mi-index{color:var(--amber)}.bb-menu-item:disabled{cursor:not-allowed;color:var(--ink-faint);opacity:.7}.bb-menu-item .bb-mi-tag{letter-spacing:.24em;border:1px solid var(--stroke);color:var(--ink-faint);text-transform:uppercase;align-self:center;padding:4px 8px 3px;font-size:10px;font-weight:600}.bb-menu-footer{animation:bb-rise .7s var(--ease-out) .34s both;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.bb-menu-meta{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);gap:22px;font-size:11px;display:flex}.bb-menu-meta b{color:var(--ink-dim);font-weight:500}.bb-key-hints{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.bb-key-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:7px;font-size:11px;font-weight:500;display:inline-flex}.bb-kbd{font-family:var(--font-mono);color:var(--ink-dim);border:1px solid var(--stroke);background:#ffffff0a;border-bottom-width:2px;border-radius:3px;padding:3px 7px;font-size:10px}.bb-quick{gap:8px;display:flex}.bb-quick-screen{animation:bb-rise .7s var(--ease-out) .34s both;position:absolute;top:clamp(28px,5vw,72px);right:clamp(28px,5vw,72px)}.bb-quick-panel{justify-content:flex-end;margin-top:18px}.bb-icon-btn{background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);width:38px;height:38px;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);place-items:center;display:grid}.bb-icon-btn svg{fill:none;width:18px;height:18px;stroke:var(--ink-dim);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s var(--ease-out)}.bb-icon-btn:hover{border-color:var(--amber);box-shadow:0 0 14px var(--amber-glow)}.bb-icon-btn:hover svg{stroke:var(--ink)}.bb-icon-btn.bb-off svg{stroke:var(--red)}.bb-pause{-webkit-backdrop-filter:blur(14px)saturate(1.2);background:#06080c8c;place-items:center;display:grid}.bb-pause-panel{background:var(--glass);border:1px solid var(--stroke);min-width:320px;animation:bb-pop .36s var(--ease-out) both;flex-direction:column;padding:30px 34px 26px;display:flex;box-shadow:0 30px 80px #00000080}.bb-pause-title{letter-spacing:.4em;text-transform:uppercase;color:var(--amber);margin-bottom:4px;font-size:13px;font-weight:600}.bb-pause-panel .bb-hazard{width:44px;margin-bottom:18px}.bb-pause-item{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid var(--stroke-soft);transition:color .18s var(--ease-out), padding-left .22s var(--ease-out);padding:11px 0;font-size:19px;font-weight:600}.bb-pause-item:last-child{border-bottom:none}.bb-pause-item:hover{color:var(--ink);padding-left:10px}.bb-pause-item:hover:after{content:"·";color:var(--amber);margin-left:10px}.bb-pause-mp-note{border-left:2px solid var(--amber);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);background:#ffb03c12;margin-top:16px;padding:10px 12px;font-size:11px;font-weight:500;line-height:1.6}.bb-mp{-webkit-backdrop-filter:blur(14px)saturate(1.2);background:#06080c8c;place-items:center;display:grid}.bb-mp-panel{background:var(--glass);border:1px solid var(--stroke);width:min(440px,92vw);animation:bb-pop .36s var(--ease-out) both;flex-direction:column;padding:30px 34px 26px;display:flex;box-shadow:0 30px 80px #00000080}.bb-mp-title{letter-spacing:.4em;text-transform:uppercase;color:var(--amber);margin-bottom:4px;font-size:13px;font-weight:600}.bb-mp-panel .bb-hazard{width:44px;margin-bottom:20px}.bb-mp-code-label{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;font-size:11px;font-weight:600}.bb-mp-code{font-family:var(--font-mono);letter-spacing:.35em;color:var(--ink);border:1px solid var(--stroke);text-align:center;text-shadow:0 0 18px var(--amber-glow);background:#0000004d;margin-bottom:20px;padding:12px 16px 12px 22px;font-size:34px;font-weight:600}.bb-mp-code-copy{cursor:pointer;-webkit-user-select:all;user-select:all;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out)}.bb-mp-code-copy:hover{border-color:var(--amber);box-shadow:0 0 18px var(--amber-glow)}.bb-mp-code-copy:active{transform:translateY(1px)}.bb-mp-input{font-family:var(--font-mono);letter-spacing:.35em;color:var(--amber-hot);caret-color:var(--amber);border:1px solid var(--stroke);background:linear-gradient(var(--glass-heavy), var(--glass-heavy)), #00000059;text-align:center;text-shadow:0 0 18px var(--amber-glow);box-sizing:border-box;text-transform:uppercase;width:min(260px,100%);transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);outline:none;margin-inline:auto;padding:12px 16px 12px 22px;font-size:34px;font-weight:600;display:block;box-shadow:inset 0 1px #ffffff0d,inset 0 0 22px #00000073}.bb-mp-input:focus{border-color:var(--amber);box-shadow:0 0 20px var(--amber-glow), inset 0 0 16px #ffb03c1a}.bb-mp-input::placeholder{color:var(--ink-faint);text-shadow:none;letter-spacing:.28em}.bb-mp-error{letter-spacing:.18em;text-transform:uppercase;min-height:20px;color:var(--red);margin:8px 0 4px;font-size:11px;font-weight:600}.bb-mp-roster{flex-direction:column;margin-bottom:18px;display:flex}.bb-mp-player{border-bottom:1px solid var(--stroke-soft);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);animation:bb-rise .32s var(--ease-out) both;align-items:center;gap:12px;padding:10px 2px;font-size:14px;font-weight:600;display:flex}.bb-mp-player-dot{background:var(--amber);width:7px;height:7px;box-shadow:0 0 10px var(--amber-glow);flex:none;transform:rotate(45deg)}.bb-mp-slot-open{color:var(--ink-faint);font-weight:500}.bb-mp-slot-open .bb-mp-player-dot{border:1px solid var(--ink-faint);box-shadow:none;background:0 0;animation:1.6s ease-in-out infinite bb-blink}.bb-mp-wait{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:16px;font-size:12px;font-weight:600}.bb-mp-ellipsis:after{content:"…";animation:1.2s ease-in-out infinite bb-blink}.bb-mp-actions{gap:10px;margin-top:8px;display:flex}.bb-mp-btn{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--stroke);transition:all .18s var(--ease-out);flex:1;padding:12px 16px;font-size:13px;font-weight:600}.bb-mp-btn:hover:not(:disabled){color:var(--ink);border-color:var(--amber)}.bb-mp-btn:disabled{opacity:.4;cursor:not-allowed}.bb-mp-primary{color:#14100a;background:var(--amber);border-color:var(--amber)}.bb-mp-primary:hover:not(:disabled){color:#14100a;background:var(--amber-hot);box-shadow:0 0 18px var(--amber-glow)}.bb-mp-status{min-height:16px;font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-faint);margin-top:14px;font-size:11px}.bb-net-hud{pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:22px;right:22px}.bb-net-chip{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);align-items:center;gap:8px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.bb-net-chip .bb-net-dot{background:var(--amber);flex:none;width:6px;height:6px;transform:rotate(45deg)}.bb-net-local{color:var(--ink);border-color:#ffb03c66}.bb-net-dropped{color:var(--ink-faint)}.bb-net-dropped .bb-net-dot{background:var(--red)}.bb-net-ping{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.04em;font-size:10px}.bb-net-sync .bb-net-dot{background:#6fe08a}.bb-net-sync{font-family:var(--font-mono);letter-spacing:.08em;text-transform:none}.bb-stall{letter-spacing:.26em;text-transform:uppercase;color:var(--amber-hot);background:var(--glass-heavy);-webkit-backdrop-filter:blur(10px);pointer-events:none;border:1px solid #ffb03c80;align-items:center;gap:10px;padding:9px 18px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}.bb-stall-spin{border:2px solid var(--amber);border-top-color:#0000;border-radius:50%;width:8px;height:8px;animation:.8s linear infinite bb-spin}@keyframes bb-spin{to{transform:rotate(360deg)}}.bb-desync{z-index:40;pointer-events:auto;-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#3c08068c;place-items:center;display:grid;position:absolute;inset:0}.bb-desync-panel{width:min(560px,92vw);animation:bb-pop .36s var(--ease-out) both;background:#180808d1;border:1px solid #ff5d4f73;flex-direction:column;padding:32px 36px 28px;display:flex;box-shadow:0 40px 100px #000000b3,0 0 40px #ff5d4f26}.bb-desync-title{letter-spacing:.3em;text-transform:uppercase;color:var(--red);margin-bottom:6px;font-size:20px;font-weight:700}.bb-desync-panel .bb-hazard{background:repeating-linear-gradient(-45deg, var(--red) 0 10px, transparent 10px 20px);width:56px;margin-bottom:18px}.bb-desync-detail{font-family:var(--font-mono);color:var(--ink-dim);word-break:break-all;margin-bottom:22px;font-size:12px;line-height:1.8}.bb-settings{-webkit-backdrop-filter:blur(16px)saturate(1.25);background:#06080c99;place-items:center;display:grid}.bb-set-panel{background:var(--glass-heavy);border:1px solid var(--stroke);width:min(860px,92vw);height:min(560px,84vh);animation:bb-pop .36s var(--ease-out) both;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #0009}.bb-set-panel:before{content:"";background:repeating-linear-gradient(-45deg, var(--amber) 0 10px, transparent 10px 20px);opacity:.85;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.bb-set-rail{border-right:1px solid var(--stroke-soft);background:#00000040;flex-direction:column;flex:none;width:200px;padding:26px 0;display:flex}.bb-set-rail-title{letter-spacing:.4em;text-transform:uppercase;color:var(--amber);padding:0 24px 18px;font-size:12px;font-weight:600}.bb-set-tab{text-align:left;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);transition:color .18s var(--ease-out), background .18s var(--ease-out);padding:12px 24px;font-size:14px;font-weight:600;position:relative}.bb-set-tab:before{content:"";background:var(--amber);width:3px;height:60%;transition:transform .22s var(--ease-out);position:absolute;top:20%;left:0;transform:scaleY(0)}.bb-set-tab:hover{color:var(--ink-dim)}.bb-set-tab.bb-active{color:var(--ink);background:#ffffff09}.bb-set-tab.bb-active:before{transform:scaleY(1)}.bb-set-rail .bb-set-close{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:10px;margin-top:auto;padding:14px 24px 0;font-size:12px;font-weight:600;display:flex}.bb-set-rail .bb-set-close:hover{color:var(--ink)}.bb-set-body{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;padding:30px 36px;overflow-y:auto}.bb-set-section-title{letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);margin:26px 0 6px;font-size:11px;font-weight:600}.bb-set-section-title:first-child{margin-top:0}.bb-set-row{border-bottom:1px solid var(--stroke-soft);animation:bb-rise .36s var(--ease-out) both;align-items:center;gap:20px;padding:13px 0;display:flex}.bb-set-row label:first-child{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);flex:1;font-size:14px;font-weight:500}.bb-set-row .bb-set-value{font-family:var(--font-mono);color:var(--amber);text-align:right;min-width:44px;font-size:12px}.bb-seg{border:1px solid var(--stroke);background:#0000004d;display:inline-flex}.bb-seg button{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);transition:all .18s var(--ease-out);padding:8px 16px;font-size:12px;font-weight:600}.bb-seg button+button{border-left:1px solid var(--stroke-soft)}.bb-seg button.bb-active{color:#14100a;background:var(--amber);box-shadow:0 0 18px var(--amber-glow)}.bb-slider{appearance:none;background:linear-gradient(var(--amber), var(--amber)) 0 / var(--fill,50%) 100% no-repeat, #ffffff1f;cursor:pointer;outline:none;width:220px;height:3px}.bb-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:2px solid var(--amber);width:14px;height:14px;transition:box-shadow .16s var(--ease-out), transform .16s var(--ease-snap);transform:rotate(45deg)}.bb-slider:hover::-webkit-slider-thumb{box-shadow:0 0 14px var(--amber-glow);transform:rotate(45deg)scale(1.15)}.bb-slider:active::-webkit-slider-thumb{box-shadow:0 0 14px var(--amber-glow);transform:rotate(45deg)scale(1.15)}.bb-toggle{border:1px solid var(--stroke);width:46px;height:24px;transition:all .2s var(--ease-out);background:#00000059;flex:none;position:relative}.bb-toggle:after{content:"";background:var(--ink-faint);width:14px;height:14px;transition:all .22s var(--ease-snap);position:absolute;top:4px;left:4px}.bb-toggle.bb-on{border-color:var(--amber)}.bb-toggle.bb-on:after{background:var(--amber);box-shadow:0 0 12px var(--amber-glow);left:26px}.bb-btn{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--stroke);transition:all .18s var(--ease-out);padding:8px 16px;font-size:12px;font-weight:600}.bb-btn:hover{color:var(--ink);border-color:var(--amber)}.bb-btn.bb-flash{color:#14100a;background:var(--amber)}.bb-binds{grid-template-columns:1fr 1fr;gap:8px 32px;padding:12px 0;display:grid}.bb-bind{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.bb-hud{pointer-events:none;opacity:1;transition:opacity .3s var(--ease-out);position:absolute;inset:0}.bb-hud.bb-hidden{opacity:0}.bb-crosshair{width:0;height:0;position:absolute;top:50%;left:50%}.bb-crosshair .bb-ch-tick{transition:transform .12s var(--ease-out), background .12s;background:#edf3f9d9;position:absolute;box-shadow:0 0 3px #000000b3}.bb-crosshair .bb-ch-t{width:2px;height:7px;top:-13px;left:-1px}.bb-crosshair .bb-ch-b{width:2px;height:7px;top:6px;left:-1px}.bb-crosshair .bb-ch-l{width:7px;height:2px;top:-1px;left:-13px}.bb-crosshair .bb-ch-r{width:7px;height:2px;top:-1px;left:6px}.bb-crosshair .bb-ch-dot{background:var(--amber);width:3px;height:3px;position:absolute;top:-1.5px;left:-1.5px;transform:rotate(45deg);box-shadow:0 0 4px #000c}.bb-crosshair.bb-fire .bb-ch-t{transform:translateY(-4px)}.bb-crosshair.bb-fire .bb-ch-b{transform:translateY(4px)}.bb-crosshair.bb-fire .bb-ch-l{transform:translate(-4px)}.bb-crosshair.bb-fire .bb-ch-r{transform:translate(4px)}.bb-hitmarker{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}.bb-hitmarker span{background:var(--amber-hot);width:2px;height:8px;box-shadow:0 0 6px var(--amber-glow);position:absolute}.bb-hitmarker span:first-child{transform:translate(-8px,-12px)rotate(-45deg)}.bb-hitmarker span:nth-child(2){transform:translate(6px,-12px)rotate(45deg)}.bb-hitmarker span:nth-child(3){transform:translate(-8px,4px)rotate(45deg)}.bb-hitmarker span:nth-child(4){transform:translate(6px,4px)rotate(-45deg)}.bb-hitmarker.bb-hit{animation:bb-hitmark .24s var(--ease-out)}.bb-damage{opacity:0;background:radial-gradient(#0000 55%,#ff3c2873 100%);position:absolute;inset:0}.bb-damage.bb-hit{animation:.5s ease-out bb-damage}.bb-hotbar{pointer-events:none;gap:8px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.bb-slot{background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);width:64px;height:64px;transition:transform .22s var(--ease-snap), border-color .18s, background .18s, box-shadow .18s;place-items:center;display:grid;position:relative}.bb-slot svg{fill:none;width:28px;height:28px;stroke:var(--ink-dim);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s}.bb-slot .bb-slot-key{color:var(--ink-faint);font-size:10px;font-weight:600;transition:color .18s;position:absolute;top:4px;left:6px}.bb-slot .bb-slot-label{letter-spacing:.22em;text-transform:uppercase;color:var(--amber);text-shadow:0 1px 6px #000c;opacity:0;transition:opacity .2s var(--ease-out), transform .24s var(--ease-out);white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:-24px;left:50%;transform:translate(-50%)translateY(4px)}.bb-slot.bb-selected{border-color:var(--amber);background:#14181ebf;transform:translateY(-8px);box-shadow:0 0 0 1px #ffb03c59,0 8px 28px #00000080,0 0 22px #ffb03c1f}.bb-slot.bb-selected svg{stroke:var(--amber-hot)}.bb-slot.bb-selected .bb-slot-key{color:var(--amber)}.bb-slot.bb-selected .bb-slot-label{opacity:1;transform:translate(-50%)translateY(0)}.bb-slot:after{content:"";background:var(--amber);width:0;height:3px;transition:width .22s var(--ease-out);position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.bb-slot.bb-selected:after{width:26px}.bb-fly-chip{letter-spacing:.34em;text-transform:uppercase;color:var(--amber);background:var(--glass);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .22s var(--ease-out), transform .26s var(--ease-out);pointer-events:none;border:1px solid #ffb03c66;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:22px;left:50%;transform:translate(-50%)translateY(-6px)}.bb-fly-chip.bb-on{opacity:1;transform:translate(-50%)translateY(0)}.bb-fly-chip:before{content:"";background:var(--amber);width:6px;height:6px;animation:1.2s ease-in-out infinite bb-blink;transform:rotate(45deg)}.bb-lock-hint{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 8px #000c;pointer-events:none;font-size:12px;font-weight:600;animation:2s ease-in-out infinite bb-blink;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}#hud{z-index:30;color:#b9c8d4;font:11px/1.5 var(--font-mono,monospace);pointer-events:none;white-space:pre;text-shadow:0 1px 2px #000;display:none;position:fixed;top:10px;left:10px}#hud.bb-dev-on{display:block}.bb-dev-panel{z-index:30;border:1px solid var(--stroke-soft);border-left:2px solid var(--amber);-webkit-backdrop-filter:blur(6px);color:#b9c8d4;font:11px/1.6 var(--font-mono,monospace);pointer-events:none;white-space:pre;background:#07090db3;padding:10px 12px;position:fixed;top:30px;left:10px}.bb-dev-panel b{color:var(--amber);font-weight:500}@keyframes bb-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bb-slide-in{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes bb-pop{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bb-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes bb-hitmark{0%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(.9)}}@keyframes bb-damage{0%{opacity:1}to{opacity:0}}.bb-social-footer{pointer-events:none;color:#fff6;justify-content:center;gap:24px;display:flex}.bb-menu-footer .bb-social-slot{pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:72px;left:0;right:0}.bb-social-pause{position:absolute;bottom:26px;left:0;right:0}.bb-social-link{pointer-events:auto;color:inherit;transition:color .18s,filter .18s,transform .18s;display:inline-flex}.bb-social-link:hover{color:var(--hover-color);filter:drop-shadow(0 0 8px var(--hover-glow));transform:translateY(-1px)}.bb-prompt-chip{color:#ffd9a0;letter-spacing:.08em;opacity:0;pointer-events:none;background:#0a0c12b8;border:1px solid #ffb03c73;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;font:600 13px/1 Chakra Petch,system-ui,sans-serif;transition:opacity .15s,transform .15s;display:inline-flex;position:absolute;bottom:130px;left:50%;transform:translate(-50%)translateY(6px)}.bb-prompt-chip.bb-on{opacity:1;transform:translate(-50%)translateY(0)}.bb-prompt-key{color:#fff2d6;text-align:center;text-transform:none;background:#ffb03c26;border:1px solid #ffb03c80;border-radius:5px;min-width:48px;padding:5px 9px}.bb-prompt-action{color:#dce8f2;text-transform:uppercase}.bb-tod{border:1px solid var(--stroke-soft);-webkit-backdrop-filter:blur(8px);opacity:.8;pointer-events:auto;-webkit-user-select:none;user-select:none;width:116px;font-family:var(--font-display);transition:opacity .16s var(--ease-out);background:#0b0f157a;border-radius:9px;padding:4px 7px 2px;position:fixed;bottom:12px;left:12px}.bb-tod:hover{opacity:1}.bb-tod-arc{cursor:ew-resize;touch-action:none;width:100%;height:auto;display:block}.bb-tod-horizon{stroke:var(--stroke);stroke-width:1px}.bb-tod-path{fill:none;stroke:var(--stroke-soft);stroke-width:1.5px;stroke-dasharray:2 3}.bb-tod-glow{fill:var(--amber-glow);pointer-events:none}.bb-tod-marker{stroke:#00000040;stroke-width:.5px;pointer-events:none}.bb-tod-marker.bb-tod-sun{fill:var(--amber-hot)}.bb-tod-marker.bb-tod-moon{fill:#cdd8e4}.bb-tod-row{justify-content:space-between;align-items:center;gap:4px;margin-top:0;display:flex}.bb-tod-clock{font-family:var(--font-mono);letter-spacing:.5px;color:var(--ink);font-size:12px;font-weight:600}.bb-tod-play,.bb-tod-live{color:var(--ink-dim);border:1px solid var(--stroke-soft);cursor:pointer;transition:color .14s var(--ease-out), border-color .14s var(--ease-out);background:#ffffff08;border-radius:5px;padding:2px 4px;font-size:8px;line-height:1}.bb-tod-play{padding:1px 5px;font-size:10px}.bb-tod-play:hover,.bb-tod-live:hover,.bb-tod.bb-tod-fixed .bb-tod-live{color:var(--amber);border-color:var(--amber-glow)}.bb-combat{pointer-events:none;font-family:Chakra Petch,ui-monospace,monospace;position:absolute;inset:0}.bb-hp{box-sizing:border-box;border:1px solid var(--stroke-soft);background:#0b0f157a;border-radius:9px;align-items:center;gap:7px;width:116px;padding:5px 8px;display:flex;position:fixed;bottom:88px;left:12px}.bb-hp-track{background:#ffffff1f;border-radius:3px;flex:1;height:6px;overflow:hidden}.bb-hp-fill{background:#d7dee9;border-radius:3px;width:100%;height:100%;transition:width .15s}.bb-hp-fill.bb-hp-low{background:#e04b3a}.bb-hp-text{text-align:right;color:#d7dee9;letter-spacing:.05em;min-width:22px;font-size:10px;font-weight:600}.bb-killfeed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:64px;right:18px}.bb-feed-line{color:#aeb7c4;background:#0a0d12b8;border:1px solid #2a303c;border-radius:3px;padding:3px 8px;font-size:12px;transition:opacity .4s}.bb-feed-me{color:#ffb020;border-color:#6b5210}.bb-feed-out{opacity:0}.bb-dmg-arrows{position:absolute;top:50%;left:50%}.bb-dmg-arrow{width:0;height:0;position:absolute}.bb-dmg-arrow i{clip-path:polygon(50% 0,100% 100%,0 100%);background:radial-gradient(at 50% 100%,#e04b3ad9,#e04b3a00 70%);width:52px;height:26px;display:block;position:absolute;top:-150px;left:-26px}.bb-death{background:radial-gradient(#3c080859,#080404c7);place-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.bb-death-title{letter-spacing:.12em;color:#e04b3a;text-shadow:0 2px 12px #000;font-size:44px;font-weight:700}.bb-death-sub{color:#d7dee9;text-align:center;font-size:16px}.bb-board{background:#0a0d12e0;border:1px solid #2a303c;border-radius:6px;min-width:340px;padding:12px 16px;position:absolute;top:18%;left:50%;transform:translate(-50%)}.bb-board-title{letter-spacing:.2em;color:#ffb020;text-transform:uppercase;margin-bottom:8px;font-size:14px}.bb-board table{border-collapse:collapse;color:#d7dee9;width:100%;font-size:13px}.bb-board th{text-align:left;color:#7b8494;padding:2px 8px 6px 0;font-weight:400}.bb-board td{padding:2px 8px 2px 0}.bb-board-me td{color:#ffb020}.bb-board-dead td{opacity:.45}.bb-minimap{pointer-events:none;opacity:1;width:140px;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);position:absolute;bottom:26px;right:26px}.bb-minimap.bb-hidden{opacity:0;transform:translateY(8px)}.bb-mm-frame{background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);border-radius:10px;width:140px;height:140px;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000073}.bb-mm-frame canvas{border-radius:8px;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.bb-mm-frame:after{content:"";pointer-events:none;border:1px solid #ffb03c61;border-radius:8px;position:absolute;inset:3px;box-shadow:inset 0 0 18px #07090d59}.bb-mm-north{z-index:2;letter-spacing:.18em;color:var(--amber);background:var(--glass-heavy);border:1px solid #ffb03c66;border-radius:3px;padding:1px 6px 0;font-size:9px;font-weight:700;line-height:1.5;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.bb-mm-foot{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);text-shadow:0 1px 4px #000000b3;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:0 2px;font-size:9px;font-weight:600;display:flex}.bb-mm-foot b{color:var(--ink-dim);font-weight:600}.bb-map-screen{z-index:6;pointer-events:auto;-webkit-backdrop-filter:blur(14px)saturate(1.15);opacity:0;visibility:hidden;transition:opacity .26s var(--ease-out), visibility 0s linear .26s;background:#06080c9e;flex-direction:column;display:flex;position:absolute;inset:0}.bb-map-screen.bb-open{opacity:1;visibility:visible;transition:opacity .26s var(--ease-out)}.bb-map-stage{transition:transform .32s var(--ease-out);position:absolute;inset:0;transform:scale(.985)}.bb-map-screen.bb-open .bb-map-stage{transform:scale(1)}.bb-map-stage canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.bb-map-stage canvas.bb-dragging{cursor:grabbing}.bb-map-head{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:22px 26px;display:flex;position:absolute;top:0;left:0;right:0}.bb-map-title,.bb-map-meta,.bb-map-scale,.bb-map-hints{background:var(--glass-heavy);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);padding:12px 16px;box-shadow:0 10px 30px #00000059}.bb-map-title{padding:14px 20px 12px;position:relative;overflow:hidden}.bb-map-title:before{content:"";background:repeating-linear-gradient(-45deg, var(--amber) 0 10px, transparent 10px 20px);opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.bb-map-title .bb-map-kicker{letter-spacing:.42em;text-transform:uppercase;color:var(--amber);font-size:11px;font-weight:600}.bb-map-title .bb-map-word{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-top:2px;font-size:24px;font-weight:700}.bb-map-title .bb-hazard{display:none}.bb-map-meta{text-align:right;font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-dim);font-size:11px;line-height:1.9}.bb-map-meta b{color:var(--amber);font-weight:500}.bb-map-foot{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:22px 26px;display:flex;position:absolute;bottom:0;left:0;right:0}.bb-map-scale{font-family:var(--font-mono);color:var(--ink-dim);flex-direction:column;gap:6px;padding:10px 14px;font-size:10px;display:flex}.bb-map-hints{padding:12px 16px 10px}.bb-map-scale-bar{border:1px solid var(--ink-dim);border-top:none;min-width:24px;height:4px}.bb-map-hints{gap:14px;display:flex}
