:root{--bg:#0a0710;--blood:#ff2b3a;--tox:#8dff3a;--ink:#f3f0ea;--font-display:"Orbitron", ui-sans-serif, system-ui, sans-serif;--font-body:"Rajdhani", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--font-body);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}#bb-loading{z-index:50;background:radial-gradient(120% 90% at 50% 30%,#1a0610,#0a0710 70%);place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}#bb-loading.hide{opacity:0;pointer-events:none}.bb-load-inner{text-align:center;width:min(420px,80vw)}.bb-title{font-family:var(--font-display);letter-spacing:2px;color:#fff;text-shadow:0 0 18px #ff2b3a99;font-size:clamp(30px,9vw,54px);font-weight:900;line-height:.95}.bb-title span{color:var(--blood)}.bb-sub{font-family:var(--font-display);letter-spacing:4px;color:var(--tox);margin-top:8px;font-size:12px}.bb-bar{background:#ffffff1a;border-radius:999px;height:6px;margin-top:24px;overflow:hidden}.bb-bar i{transform-origin:0;background:linear-gradient(90deg, var(--blood), var(--tox));width:100%;height:100%;transition:transform .3s;display:block;transform:scaleX(0)}.bb-load-text{font-family:var(--font-display);letter-spacing:2px;color:#f3f0eab3;margin-top:12px;font-size:12px}#bb-ui{z-index:10;pointer-events:none;font-family:var(--font-body);position:absolute;inset:0}.bb-hidden{display:none!important}#bb-hud{position:absolute;inset:0}.bb-top{top:calc(env(safe-area-inset-top,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px);justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.bb-squad,.bb-score{flex-direction:column;line-height:1;display:flex}.bb-squad{margin-top:30px}.bb-squad b{font-family:var(--font-display);color:var(--tox);text-shadow:0 0 12px #8dff3a99;font-size:30px;font-weight:900}.bb-squad span{letter-spacing:2px;color:#f3f0ea99;font-size:11px}.bb-score{align-items:center}.bb-score b{font-family:var(--font-display);color:#fff;text-shadow:0 0 12px #ff2b3a80;font-size:28px;font-weight:900}.bb-score span{letter-spacing:1px;color:#f3f0ea99;font-size:12px}.bb-right{pointer-events:auto;align-items:center;gap:10px;display:flex}.bb-coins{font-family:var(--font-display);color:var(--gold);text-shadow:0 0 8px #ffd24a80;font-size:16px}.bb-icon{width:40px;height:40px;color:var(--ink);cursor:pointer;background:#0a060e8c;border:1px solid #ffffff2e;border-radius:10px;font-size:16px}.bb-boss{top:calc(env(safe-area-inset-top,0px) + 66px);text-align:center;width:min(360px,70vw);position:absolute;left:50%;transform:translate(-50%)}.bb-boss span{font-family:var(--font-display);letter-spacing:2px;color:var(--blood);text-shadow:0 0 10px #ff2b3acc;font-size:13px;font-weight:700}.bb-boss i{background:#14040a99;border:1px solid #ff2b3a80;border-radius:6px;height:9px;margin-top:5px;display:block;overflow:hidden}.bb-boss i b{transform-origin:0;background:linear-gradient(90deg, var(--blood), #ff8a3a);width:100%;height:100%;transition:transform .12s linear;display:block}.bb-wpn{font-family:var(--font-display);letter-spacing:2px;color:var(--cyan,#35e0ff);text-shadow:0 0 16px #35e0ffb3;pointer-events:none;font-size:22px;font-weight:900;transition:opacity .4s;position:absolute;top:36%;left:50%;transform:translate(-50%)}.bb-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 22px);text-align:center;letter-spacing:1px;color:#f3f0eab3;font-size:14px;transition:opacity .6s;position:absolute;left:0;right:0}.bb-overlay{pointer-events:auto;background:radial-gradient(120% 90% at 50% 25%,#28040c59,#040208d1);place-items:center;padding:24px;animation:.3s bb-fade;display:grid;position:absolute;inset:0}@keyframes bb-fade{0%{opacity:0}}.bb-panel{text-align:center;-webkit-backdrop-filter:blur(14px)saturate(1.1);background:#180a0e9e;border:1px solid #ff2b3a4d;border-radius:22px;width:min(420px,92vw);padding:30px 26px;box-shadow:0 24px 70px #0009,inset 0 0 40px #ff2b3a0f}.bb-h1{font-family:var(--font-display);letter-spacing:1px;color:#fff;text-shadow:0 0 20px #ff2b3a66;font-size:clamp(34px,10vw,56px);font-weight:900;line-height:.92}.bb-h1 span{color:var(--blood)}.bb-h2{font-family:var(--font-display);letter-spacing:2px;color:#fff;text-shadow:0 0 16px var(--blood);font-size:clamp(28px,8vw,44px);font-weight:900}.bb-tag{letter-spacing:4px;color:var(--tox);margin-top:8px;font-size:13px}.bb-best{font-family:var(--font-display);letter-spacing:3px;color:#f3f0eabf;margin:18px 0 8px;font-size:14px}.bb-best b{color:var(--gold)}.bb-btn{width:100%;color:var(--ink);font-family:var(--font-display);letter-spacing:2px;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:14px;margin:12px 0 0;padding:15px 18px;font-size:clamp(15px,4.5vw,19px);font-weight:700;transition:transform .1s,box-shadow .2s;display:block}.bb-btn:active{transform:scale(.97)}.bb-primary{background:linear-gradient(100deg, var(--blood), #ff7a3a);color:#1a0406;border:none;box-shadow:0 8px 26px #ff2b3a59}.bb-reward{color:var(--gold);background:#ffd24a14;border:1px solid #ffd24a80}.bb-reward small{opacity:.85;font-size:.62em}.bb-disabled{opacity:.5;pointer-events:none}.bb-newbest{font-family:var(--font-display);letter-spacing:2px;color:var(--gold);margin-top:10px;animation:1s ease-in-out infinite bb-pulse}@keyframes bb-pulse{50%{opacity:.5}}.bb-result{flex-direction:column;gap:8px;margin:16px 0 4px;display:flex}.bb-row{background:#0a040880;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;align-items:baseline;padding:8px 14px;display:flex}.bb-row span{letter-spacing:2px;color:#f3f0eaa6;font-size:13px}.bb-row b{font-family:var(--font-display);color:#fff;font-size:20px}.bb-shop-panel{text-align:left}.bb-shop-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.bb-shop-coins{font-family:var(--font-display);color:var(--gold);font-size:18px}.bb-shop-list{flex-direction:column;gap:8px;display:flex}.bb-shop-row{background:#0a040880;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.bb-shop-info b{font-family:var(--font-display);font-size:16px}.bb-shop-info small{color:#f3f0eab3;margin-top:3px;font-size:12.5px;display:block}.bb-badge{font-family:var(--font-display);letter-spacing:1px;white-space:nowrap;color:#1a0406;background:linear-gradient(100deg, var(--gold), #ff7a3a);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:9px}.bb-owned{font-family:var(--font-display);color:var(--gold);white-space:nowrap;font-size:12px}.bb-buy{background:linear-gradient(100deg, var(--blood), #ff7a3a);color:#1a0406;font-family:var(--font-display);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:11px 15px;font-size:14px;font-weight:700}.bb-restore{color:#f3f0ea99;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;margin:14px auto 4px;padding:8px;font-size:13px;text-decoration:underline;display:block}.ps-ad{z-index:60;background:#030106eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ps-ad-card{text-align:center;-webkit-backdrop-filter:blur(14px);background:#180a0eb3;border:1px solid #ff2b3a4d;border-radius:22px;width:min(340px,90vw);padding:26px 22px;box-shadow:0 24px 70px #0009}.ps-ad-tag{font-family:var(--font-display);letter-spacing:2px;color:#f3f0eab3;border:1px solid #fff3;border-radius:999px;padding:2px 10px;font-size:10px;display:inline-block}.ps-ad-art{margin:14px 0 6px;font-size:60px}.ps-ad-title{font-family:var(--font-display);letter-spacing:1px;color:#fff;font-size:20px;font-weight:900}.ps-ad-sub{color:#f3f0eaa6;margin-top:6px;font-size:14px}.ps-ad-count{font-family:var(--font-display);color:var(--tox);text-shadow:0 0 16px #8dff3a99;margin:16px 0 8px;font-size:38px;font-weight:900}.ps-ad-price{font-family:var(--font-display);color:var(--gold);margin:14px 0 4px;font-size:28px;font-weight:900}.ps-ad-claim,.ps-ad-cancel{width:100%;font-family:var(--font-display);letter-spacing:1px;cursor:pointer;border:none;border-radius:12px;margin-top:10px;padding:14px;font-size:16px;font-weight:700;display:block}.ps-ad-claim{background:linear-gradient(100deg, var(--blood), #ff7a3a);color:#1a0406}.ps-ad-cancel{color:var(--ink);background:#ffffff14}.ps-disabled{opacity:.45;pointer-events:none}.ps-ad-x{top:calc(env(safe-area-inset-top,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#0a060e99;border:1px solid #fff3;border-radius:12px;font-size:16px;position:absolute}.bb-menu-token{top:calc(env(safe-area-inset-top,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 16px);z-index:1;-webkit-backdrop-filter:blur(8px);font-family:var(--font-display);color:var(--tox);text-shadow:0 0 8px #8dff3a80;cursor:pointer;pointer-events:auto;background:#0a0408a6;border:1px solid #8dff3a66;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;position:absolute}.bb-menu-token:active{background:#8dff3a1f;transform:scale(.95)}.bb-shop-section-head{font-family:var(--font-display);letter-spacing:2px;color:#f3f0eabf;justify-content:space-between;align-items:center;margin:18px 0 8px;font-size:14px;font-weight:700;display:flex}.bb-token-balance{font-family:var(--font-display);color:var(--tox);text-shadow:0 0 8px #8dff3a80;font-size:15px}.bb-upgrade-buy{color:var(--tox);font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:#8dff3a1a;border:1px solid #8dff3a73;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;transition:background .15s}.bb-upgrade-buy:active{background:#8dff3a38}.bb-upgrade-locked{font-family:var(--font-display);color:#f3f0ea66;white-space:nowrap;font-size:11px}.bb-toast{bottom:calc(env(safe-area-inset-bottom,0px) + 80px);color:var(--ink);font-family:var(--font-body);text-align:center;white-space:nowrap;pointer-events:none;opacity:0;z-index:20;-webkit-backdrop-filter:blur(8px);background:#180a0eeb;border:1px solid #ff2b3a66;border-radius:12px;padding:12px 20px;font-size:14px;transition:opacity .3s,transform .3s;position:absolute;left:50%;transform:translate(-50%)translateY(10px)}.bb-toast.bb-toast-show{opacity:1;transform:translate(-50%)translateY(0)}