.bb-ui{--ink: #3b2a1a;--ink-soft: rgba(59, 42, 26, .35);--cream: #fff8e8;--panel-a: #fff6e2;--panel-b: #f5deb2;--wood: #c98a4b;--wood-d: #9a6332;--grass: #7cc457;--grass-d: #4f9a35;--soil: #8a5a3b;--sky: #8fd3ff;--path: #e6d3a3;--gold: #ffcf3f;--gold-d: #e3a21a;--red: #e8573f;--hp: #6fd14f;--hp-d: #3e9a2c;--energy: #ffd23f;--energy-d: #dc9a12;--enemy: #ef5b49;--enemy-d: #b02e22;--xp: #8fd3ff;--font: "Fredoka", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;--slot: 64px;--seed: 60px;--gutter: 16px;--outline-s: 1.25px 0 var(--ink), -1.25px 0 var(--ink), 0 1.25px var(--ink), 0 -1.25px var(--ink), 1px 1px var(--ink), -1px 1px var(--ink), 1px -1px var(--ink), -1px -1px var(--ink);--outline: 2px 0 var(--ink), -2px 0 var(--ink), 0 2px var(--ink), 0 -2px var(--ink), 1.5px 1.5px var(--ink), -1.5px 1.5px var(--ink), 1.5px -1.5px var(--ink), -1.5px -1.5px var(--ink);--outline-l: 3px 0 var(--ink), -3px 0 var(--ink), 0 3px var(--ink), 0 -3px var(--ink), 2.2px 2.2px var(--ink), -2.2px 2.2px var(--ink), 2.2px -2.2px var(--ink), -2.2px -2.2px var(--ink);position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;overflow:hidden;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}.bb-ui *,.bb-ui *:before,.bb-ui *:after{box-sizing:border-box}.bb-ui button{font-family:inherit;color:inherit}.bb-ui .bb-btn{color:#fff}.bb-interactive,.bb-modal.open,.bb-modal.open *{pointer-events:auto}.bb-num{font-weight:700;font-variant-numeric:tabular-nums;color:#fff;-webkit-text-stroke:0;text-shadow:var(--outline),0 4px 0 var(--ink),1.5px 3.5px 0 var(--ink),-1.5px 3.5px 0 var(--ink);letter-spacing:.01em}.bb-panel,.bb-panel-sm{background:linear-gradient(180deg,var(--panel-a) 0%,var(--panel-b) 100%);border:3px solid var(--ink);box-shadow:inset 0 3px #ffffffd9,inset 0 -4px #aa703440,0 5px 0 var(--ink-soft),0 10px 22px #1e140a38}.bb-panel{border-radius:22px}.bb-panel-sm{border-radius:999px}.bb-keycap{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:8px;background:linear-gradient(#fffdf6,#eadbb8);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);font-weight:700;font-size:14px;color:var(--ink);line-height:1}.bb-btn{border:3px solid var(--ink);border-radius:14px;padding:7px 16px 8px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;-webkit-text-stroke:0;text-shadow:var(--outline-s),0 2.75px 0 var(--ink),.94px 2.4px 0 var(--ink),-.94px 2.4px 0 var(--ink);box-shadow:inset 0 3px #ffffff73,inset 0 -3px #00000026,0 4px 0 var(--ink);transition:transform .08s ease-out,box-shadow .08s ease-out,filter .15s;white-space:nowrap}.bb-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.bb-btn:active:not(:disabled){transform:translateY(3px) scale(1.05,.9);box-shadow:inset 0 3px #ffffff73,0 1px 0 var(--ink)}.bb-btn:disabled{cursor:default;filter:grayscale(.85) brightness(.95);opacity:.75}.bb-btn-green{background:linear-gradient(#95dc68,var(--grass-d))}.bb-btn-orange{background:linear-gradient(#ffbd5c,#e0791f)}.bb-btn.nope{animation:bb-shake .32s}.bb-btn-round{border:3px solid var(--ink);border-radius:20px;background:linear-gradient(180deg,#f2c48b,var(--wood));box-shadow:inset 0 3px #ffffff8c,inset 0 -4px #00000026,0 5px 0 var(--ink),0 10px 20px #1e140a40;cursor:pointer;transition:transform .09s ease-out,box-shadow .09s}.bb-btn-round:hover{transform:translateY(-2px) rotate(-2deg)}.bb-btn-round:active{transform:translateY(4px) scale(1.06,.88);box-shadow:inset 0 3px #ffffff8c,0 1px 0 var(--ink)}.bb-coin{--s: 26px;position:relative;display:inline-block;flex:none;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3a8 0,#fff3a8 18%,#ffd84a 40%,#f0aa1d);border:calc(var(--s) * .09 + .5px) solid var(--ink);box-shadow:inset 0 calc(var(--s) * -.08) 0 #b0660873}.bb-coin:before{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:calc(var(--s) * .07) solid rgba(183,112,12,.55)}.bb-coin:after{content:"";position:absolute;left:22%;top:14%;width:22%;height:32%;border-radius:50%;background:#ffffffd9;transform:rotate(25deg)}.bb-coins{position:absolute;top:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:10px;padding:6px 20px 6px 8px;z-index:30}.bb-coins-num{font-size:28px;min-width:2ch;text-align:right}.bb-coins.gain{animation:bb-gain .45s cubic-bezier(.3,1.6,.5,1)}.bb-coins.gain .bb-coin{animation:bb-spin .6s ease-out}.bb-coins.spend{animation:bb-spend .35s ease-out}.bb-coins-deltas{position:absolute;right:calc(100% + 8px);top:50%}.bb-coins-delta{position:absolute;right:0;top:-13px;font-size:20px;white-space:nowrap;animation:bb-delta 1.1s ease-out forwards}.bb-coins-delta.up{color:var(--gold)}.bb-coins-delta.down{color:#ffb0a0}.bb-backpack-btn{position:absolute;right:var(--gutter);bottom:calc(var(--gutter) + 4px);width:74px;height:74px;display:grid;place-items:center;z-index:30}.bb-backpack-btn.bounce{animation:bb-bounce .6s cubic-bezier(.3,1.8,.5,1)}.bb-backpack-btn.pop{animation:bb-squash .28s ease-out}.bb-keycap-corner{position:absolute;left:-8px;bottom:-8px;min-width:24px;height:24px;font-size:13px}.bb-badge{position:absolute;right:-10px;top:-10px;min-width:28px;height:28px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(#ff8b73,var(--red));border:3px solid var(--ink);font-size:15px;-webkit-text-stroke:0;text-shadow:var(--outline-s),0 3.25px 0 var(--ink),.94px 2.94px 0 var(--ink),-.94px 2.94px 0 var(--ink);transform:scale(0);transition:transform .25s cubic-bezier(.3,1.8,.5,1)}.bb-badge.show{transform:scale(1)}.bb-bag{position:relative;width:44px;height:44px}.bb-bag-strap{position:absolute;left:12px;top:0;width:20px;height:18px;border:4px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0}.bb-bag-body{position:absolute;left:2px;right:2px;top:11px;bottom:1px;border-radius:12px 12px 14px 14px;background:linear-gradient(#7fcf58,#4b9a33);border:3px solid var(--ink);box-shadow:inset 0 3px #fff6}.bb-bag-flap{position:absolute;left:4px;right:4px;top:11px;height:15px;border-radius:10px 10px 14px 14px;background:linear-gradient(#a4e27d,#6cbd47);border:3px solid var(--ink)}.bb-bag-clasp{position:absolute;left:18px;top:21px;width:9px;height:9px;border-radius:3px;background:var(--gold);border:2.5px solid var(--ink)}.bb-seedbar{position:absolute;left:50%;bottom:var(--gutter);display:flex;gap:8px;padding:9px 12px;border-radius:24px;background:linear-gradient(180deg,#fff6e2f0,#f5deb2f0);border:3px solid var(--ink);box-shadow:inset 0 3px #ffffffd9,0 5px 0 var(--ink-soft),0 10px 22px #1e140a38;transform:translate(-50%);transition:transform .45s cubic-bezier(.5,-.3,.3,1.4),opacity .35s ease;z-index:20}.mode-combat .bb-seedbar{transform:translate(-50%) translateY(150%) scale(.85);opacity:0;pointer-events:none}.bb-ui.coach-on .bb-seedbar-empty{display:none}.bb-ui.coach-on .bb-seedbar.empty{transform:translate(-50%) translateY(150%) scale(.85);opacity:0;pointer-events:none}.bb-seedbar-empty{padding:10px 14px;font-weight:600;font-size:16px;color:var(--soil)}.bb-seedslot{--r: #a7aeb6;position:relative;flex:none;width:var(--seed);height:var(--seed);border-radius:16px;border:3px solid var(--ink);background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.7),transparent 65%),linear-gradient(180deg,#fff7e6,#ecd3a5);box-shadow:inset 0 0 0 3px var(--r),inset 0 -5px #00000014,0 4px 0 var(--ink);cursor:pointer;display:grid;place-items:center;transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .14s}.bb-seedslot:hover{transform:translateY(-3px)}.bb-seedslot:active{transform:translateY(2px) scale(1.06,.9)}.bb-seedslot.selected{transform:translateY(-8px) scale(1.1);background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.9),transparent 65%),linear-gradient(180deg,#fffbe0,#ffe08a);box-shadow:inset 0 0 0 3px var(--r),0 0 0 3px var(--gold),0 6px 0 var(--ink),0 0 18px 4px #ffcf3fbf}.bb-seedslot.pop{animation:bb-pop .32s cubic-bezier(.3,1.8,.5,1)}.bb-seedslot.entering{animation:bb-pop-in .26s cubic-bezier(.3,1.8,.5,1)}.bb-seedslot.leaving{transform:scale(0);opacity:0;transition:transform .2s,opacity .2s}.bb-seedslot:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%) translateY(4px);white-space:nowrap;padding:4px 10px;border-radius:10px;background:var(--cream);border:2.5px solid var(--ink);font-size:14px;font-weight:600;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.bb-seedslot:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.bb-count{position:absolute;right:-6px;bottom:-7px;min-width:24px;height:24px;padding:0 5px;border-radius:999px;background:var(--ink);display:grid;place-items:center;font-size:15px;-webkit-text-stroke:0;text-shadow:none;color:#fff}.bb-count.bump,.bb-row-icon.bump{animation:bb-pop .3s cubic-bezier(.3,1.8,.5,1)}.bb-seedicon{--c: #c98a4b;--r: #a7aeb6;position:relative;display:inline-block;width:34px;height:38px}.bb-seedicon-body{position:absolute;left:5px;right:5px;top:9px;bottom:1px;border-radius:50%/62% 62% 40% 40%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75) 0 14%,transparent 34%),radial-gradient(circle at 50% 65%,var(--c),color-mix(in srgb,var(--c) 60%,#2a1a0a));border:2.5px solid var(--ink);box-shadow:inset 0 -4px #0000002e}.bb-seedicon-leaf{position:absolute;left:50%;top:0;width:14px;height:12px;margin-left:-1px;border-radius:0 100%;background:linear-gradient(135deg,#a8e47f,var(--grass-d));border:2px solid var(--ink);transform:rotate(-8deg);transform-origin:0 100%;animation:bb-leaf 2.4s ease-in-out infinite}.bb-seedicon[data-rarity=Epic] .bb-seedicon-body,.bb-seedicon[data-rarity=Legendary] .bb-seedicon-body,.bb-seedicon[data-rarity=Mythic] .bb-seedicon-body{box-shadow:inset 0 -4px #0000002e,0 0 10px 2px var(--r)}.bb-seedicon[data-rarity=Mythic] .bb-seedicon-body{animation:bb-shimmer 2s ease-in-out infinite}.bb-wthumb{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(1.5px 0 0 var(--ink)) drop-shadow(-1.5px 0 0 var(--ink)) drop-shadow(0 1.5px 0 var(--ink)) drop-shadow(0 -1.5px 0 var(--ink)) drop-shadow(0 2px 0 rgba(59,42,26,.3))}.bb-seedslot.has-thumb{padding:3px}.bb-seedslot.has-thumb .bb-wthumb{width:50px;height:50px}.bb-row-icon.has-thumb{position:relative;padding:2px}.bb-seedbadge{position:absolute;left:-7px;bottom:-7px;width:24px;height:26px;display:grid;place-items:center;pointer-events:none}.bb-seedbadge .bb-seedicon{transform:scale(.62);transform-origin:50% 50%;flex:none}.bb-seedbadge .bb-seedicon-leaf{animation:none}.bb-card-icon .bb-wthumb{width:66px;height:66px;animation:bb-float 2.6s ease-in-out infinite}.bb-row-icon .bb-wthumb{width:50px;height:50px}.bb-wicon{--c: #c9d3dd;--r: #a7aeb6;position:relative;display:inline-block;width:52px;height:52px}.bb-wi{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(45deg)}.bb-wi>span{position:absolute;border:2.5px solid var(--ink);box-shadow:inset 0 2px #ffffff73}.bb-wi .p-handle{left:43%;width:14%;bottom:2%;height:26%;border-radius:4px;background:linear-gradient(90deg,#e2a464,var(--wood-d))}.bb-wi .p-handle.p-tall{height:52%}.bb-wi .p-guard{left:27%;width:46%;bottom:25%;height:11%;border-radius:6px;background:linear-gradient(#ffe48a,var(--gold-d))}.bb-wi .p-blade{left:39%;width:22%;bottom:34%;height:62%;border-radius:50% 50% 4px 4px/30% 30% 4px 4px;background:linear-gradient(90deg,#fff 0 18%,var(--c) 40%,color-mix(in srgb,var(--c) 70%,#000) 100%)}.bb-wi .p-blade.p-short{height:40%;left:40%;width:20%}.bb-wi .p-shaft{left:44%;width:12%;bottom:0;height:92%;border-radius:5px;background:linear-gradient(90deg,#e2a464,var(--wood-d))}.bb-wi .p-axehead{left:52%;top:6%;width:36%;height:36%;border-radius:6% 100% 100% 6%;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#000),var(--c) 55%,#fff)}.bb-wi .p-hammerhead{left:22%;top:4%;width:56%;height:28%;border-radius:7px;background:linear-gradient(var(--c),color-mix(in srgb,var(--c) 65%,#000))}.bb-wi .p-macehead{left:29%;top:4%;width:42%;height:42%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--c) 45%,color-mix(in srgb,var(--c) 60%,#000));outline:3px dotted var(--ink);outline-offset:1px}.bb-wi .p-orb{left:31%;top:0;width:38%;height:38%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 15%,var(--c) 50%,color-mix(in srgb,var(--c) 55%,#000));box-shadow:0 0 10px 2px var(--c)}.bb-wi .p-glaivehead{left:40%;top:0;width:30%;height:40%;border-radius:10% 100% 20% 50%;background:linear-gradient(90deg,var(--c),#fff)}.bb-wi .p-scythehead{left:10%;top:4%;width:46%;height:22%;border-radius:100% 20% 10% 100%/100% 30% 10% 70%;background:linear-gradient(var(--c),color-mix(in srgb,var(--c) 60%,#000))}.bb-wi .p-arc{left:22%;top:4%;width:46%;height:92%;border-radius:0 100% 100% 0/0 50% 50% 0;border-width:5px 5px 5px 0;border-color:var(--ink);background:transparent;box-shadow:inset -4px 0 0 var(--c)}.bb-wi .p-string{left:22%;top:6%;width:0;height:88%;border-width:0 0 0 1.5px;box-shadow:none}.bb-prompt{position:absolute;left:50%;bottom:calc(var(--gutter) + var(--seed) + 46px);display:flex;align-items:center;gap:10px;padding:8px 18px 8px 10px;font-size:18px;font-weight:600;white-space:nowrap;transform:translate(-50%) translateY(12px) scale(.9);opacity:0;transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .2s;z-index:25}.bb-prompt.show{transform:translate(-50%) translateY(0) scale(1);opacity:1;animation:bb-prompt-bob 1.6s ease-in-out .3s infinite}.mode-combat .bb-prompt{bottom:calc(var(--gutter) + var(--slot) + 114px)}.bb-toasts{position:absolute;right:var(--gutter);top:84px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:65;width:min(400px,40vw);pointer-events:none}.bb-toast{--accent: var(--grass);position:relative;display:flex;align-items:center;gap:8px;padding:7px 16px 8px 26px;font-size:16px;font-weight:600;line-height:1.25;max-width:100%;text-align:left;animation:bb-toast-in .38s cubic-bezier(.3,1.6,.5,1);transition:transform .35s ease-in,opacity .35s ease-in}.bb-toast.bump{animation:bb-pop .3s cubic-bezier(.3,1.8,.5,1)}.bb-toast-count{display:none;flex:none;min-width:30px;height:22px;padding:0 7px;border-radius:999px;background:var(--ink);border:2px solid var(--ink);place-items:center;color:#fff;font-size:13px;font-weight:700;-webkit-text-stroke:0;text-shadow:none}.bb-toast-count.show{display:inline-grid}.bb-cerror{position:absolute;left:50%;bottom:calc(var(--gutter) + var(--seed) + 96px);max-width:min(90vw,520px);font-size:20px;font-weight:700;line-height:1.1;letter-spacing:.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ff7a66;-webkit-text-stroke:0;text-shadow:var(--outline),0 4px 0 var(--ink),1.5px 3.5px 0 var(--ink),-1.5px 3.5px 0 var(--ink);transform:translate(-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:66}.mode-combat .bb-cerror{bottom:calc(var(--gutter) + var(--slot) + 80px)}.mode-garden .bb-coach.show~.bb-cerror{bottom:calc(var(--gutter) + var(--seed) + 156px)}.bb-cerror.show{opacity:1;transition:none;animation:bb-err-in .22s cubic-bezier(.3,1.6,.5,1)}@keyframes bb-err-in{0%{transform:translate(-50%) translateY(6px) scale(.85)}60%{transform:translate(calc(-50% - 4px)) scale(1.06)}80%{transform:translate(calc(-50% + 3px)) scale(1)}to{transform:translate(-50%) scale(1)}}.bb-toast:before{content:"";position:absolute;left:9px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--accent);border:2px solid var(--ink)}.bb-toast.leaving{transform:translateY(-14px) scale(.92);opacity:0}.bb-zone{position:absolute;left:50%;top:19%;transform:translate(-50%);text-align:center;opacity:0;z-index:15}.mode-combat .bb-zone{top:27%}.bb-zone.show{animation:bb-zone 3.4s ease forwards}.bb-zone-text{font-size:clamp(42px,5.5vw,68px);font-weight:700;color:#fffbe9;-webkit-text-stroke:0;text-shadow:var(--outline-l),0 8px 0 var(--ink),2.25px 7.25px 0 var(--ink),-2.25px 7.25px 0 var(--ink),0 12px 26px rgba(0,0,0,.28);white-space:nowrap;letter-spacing:.01em}.bb-zone[data-zone=wilds] .bb-zone-text{color:#d9f5b8}.bb-zone[data-zone=market] .bb-zone-text{color:#ffe6a8}.bb-zone-rule{margin:6px auto 0;width:70%;height:8px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent);border:0;transform-origin:center}.bb-zone.show .bb-zone-rule{animation:bb-rule .8s .2s cubic-bezier(.3,1.4,.5,1) both}.bb-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:radial-gradient(ellipse at center,#3b2a1a2e,#3b2a1a6b);z-index:60;padding:20px 20px 124px}.bb-modal.open,.bb-modal.closing{display:grid}.bb-modal.open{animation:bb-fade-in .18s ease-out}.bb-modal.open .bb-panel{animation:bb-panel-in .36s cubic-bezier(.3,1.5,.5,1)}.bb-modal.closing{animation:bb-fade-out .2s ease-in forwards;pointer-events:none}.bb-modal.closing .bb-panel{animation:bb-panel-out .2s ease-in forwards}.bb-shop{--accent: var(--grass);width:min(640px,92vw);max-height:min(calc(100vh - 170px),720px);display:flex;flex-direction:column;overflow:hidden}.bb-backpack{width:min(860px,94vw)}.bb-panel-head{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px 14px 20px;background:repeating-linear-gradient(90deg,var(--accent) 0 34px,color-mix(in srgb,var(--accent) 55%,#fff) 34px 68px);border-bottom:3px solid var(--ink);box-shadow:inset 0 -5px #0000001f}.bb-panel-head:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:radial-gradient(circle at 17px -2px,var(--accent) 12px,transparent 13px) 0 0 / 34px 12px repeat-x;filter:drop-shadow(0 2px 0 var(--ink));pointer-events:none}.bb-panel-title{font-size:30px;font-weight:700;color:#fffbe9;-webkit-text-stroke:0;text-shadow:var(--outline-l),0 6px 0 var(--ink),2.25px 5.25px 0 var(--ink),-2.25px 5.25px 0 var(--ink);flex:1}.bb-panel-meta{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border-radius:999px;background:var(--cream);border:2.5px solid var(--ink);font-weight:700;font-size:16px}.bb-panel-meta:empty{display:none}.bb-panel-meta .bb-num{font-size:18px;-webkit-text-stroke:0;text-shadow:var(--outline-s),0 3.25px 0 var(--ink),.94px 2.94px 0 var(--ink),-.94px 2.94px 0 var(--ink)}.bb-x{position:relative;width:42px;height:42px;border-radius:14px;border:3px solid var(--ink);background:linear-gradient(#ff8b73,var(--red));box-shadow:inset 0 3px #ffffff73,0 4px 0 var(--ink);cursor:pointer;transition:transform .08s}.bb-x{display:grid;place-items:center;padding:0}.bb-x svg{display:block;width:22px;height:22px}.bb-x:hover{transform:rotate(8deg) scale(1.05)}.bb-x:active{transform:translateY(3px) scale(1.08,.88);box-shadow:0 1px 0 var(--ink)}.bb-panel-body{padding:22px 16px 30px;overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent);scrollbar-width:thin;scrollbar-color:var(--wood) transparent}.bb-list{display:flex;flex-direction:column;gap:10px}.bb-empty{padding:28px 10px;text-align:center;font-size:18px;font-weight:600;color:var(--soil)}.bb-row{--r: #a7aeb6;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:16px;background:linear-gradient(180deg,#fffaf0,#f7e6c4);border:3px solid var(--ink);box-shadow:inset 5px 0 0 var(--r),0 3px 0 var(--ink-soft);transition:transform .22s ease,opacity .22s ease,filter .2s}.bb-row:hover{transform:translate(3px)}.bb-row.entering{animation:bb-row-in .3s cubic-bezier(.3,1.5,.5,1)}.bb-row.leaving{transform:translate(40px) scale(.95);opacity:0}.bb-row.poor .bb-price{color:var(--red)}.bb-row.equipped{filter:saturate(.6)}.bb-row-icon{flex:none;width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle at 50% 40%,#fff,#f0dcb4);border:2.5px solid var(--ink);box-shadow:inset 0 0 0 3px var(--r)}.bb-row-mid{flex:1;min-width:0}.bb-row-name{font-size:19px;font-weight:700;color:var(--ink);-webkit-text-stroke:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:3px;font-size:14px;font-weight:500;color:var(--soil)}.bb-rarity{--r: #a7aeb6;padding:1px 9px 2px;border-radius:999px;background:var(--r);border:2px solid var(--ink);color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;-webkit-text-stroke:0;text-shadow:var(--outline-s)}.bb-owned:empty{display:none}.bb-owned{font-weight:700;color:var(--grass-d)}.bb-row-right{display:flex;align-items:center;gap:12px}.bb-price{display:inline-flex;align-items:center;gap:6px;font-weight:700}.bb-price .bb-num{font-size:20px}.bb-chips,.bb-card-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.bb-card-chips:empty{display:none}.bb-chip{--m: #ffc93c;padding:1px 8px 2px;border-radius:999px;border:2px solid var(--ink);background:linear-gradient(180deg,color-mix(in srgb,var(--m) 55%,#fff),var(--m));font-size:12px;font-weight:700;color:var(--ink);box-shadow:0 0 8px color-mix(in srgb,var(--m) 70%,transparent)}.bb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px}.bb-card{--r: #a7aeb6;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 10px 10px;border-radius:18px;background:linear-gradient(180deg,#fffaf0,#f4e0b8);border:3px solid var(--ink);box-shadow:inset 0 0 0 4px var(--r),inset 0 -6px #0000000f,0 4px 0 var(--ink-soft);transition:transform .18s cubic-bezier(.3,1.6,.5,1),opacity .22s}.bb-card:hover{transform:translateY(-4px) rotate(-.6deg)}.bb-card.entering{animation:bb-pop-in .32s cubic-bezier(.3,1.7,.5,1)}.bb-card.leaving{transform:scale(.6);opacity:0}.bb-card.pop{animation:bb-pop .32s cubic-bezier(.3,1.8,.5,1)}.bb-card.equipped{background:linear-gradient(180deg,#fffbe0,#ffe7a3);box-shadow:inset 0 0 0 4px var(--r),0 0 0 3px var(--gold),0 4px 0 var(--ink-soft),0 0 20px #ffcf3f99}.bb-card[data-rarity=Legendary],.bb-card[data-rarity=Mythic]{background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--r) 30%,transparent),transparent 55%),linear-gradient(180deg,#fffaf0,#f4e0b8)}.bb-ribbon{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-3deg);padding:2px 12px 3px;border-radius:8px;background:linear-gradient(#ffe48a,var(--gold-d));border:2.5px solid var(--ink);font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 3px 0 var(--ink)}.bb-card-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,color-mix(in srgb,var(--r) 22%,#f3dfb6));border:2.5px solid var(--ink);margin-bottom:6px}.bb-card-icon .bb-wicon{width:60px;height:60px;animation:bb-float 2.6s ease-in-out infinite}.bb-card-name{font-size:17px;font-weight:700;line-height:1.15;color:var(--ink);-webkit-text-stroke:0}.bb-card-rarity{margin-top:2px;font-size:12px;font-weight:600;text-transform:capitalize;color:var(--soil)}.bb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin:6px 0;padding:6px 4px;border-radius:12px;background:#8a5a3b1f}.bb-stat{display:flex;flex-direction:column;align-items:center}.bb-stat-k{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--soil)}.bb-stat-v{font-size:17px;-webkit-text-stroke:0;text-shadow:var(--outline-s),0 3.25px 0 var(--ink),.94px 2.94px 0 var(--ink),-.94px 2.94px 0 var(--ink)}.bb-stat-coin{display:inline-flex;align-items:center;gap:4px}.bb-stat-delta{margin-top:1px;min-width:30px;padding:0 6px;border-radius:999px;font-size:12px;font-weight:700;line-height:15px;text-align:center;-webkit-text-stroke:0;text-shadow:none}.bb-stat-delta[data-sign=up]{color:#2f7d22;background:#dcf3c9;box-shadow:inset 0 0 0 1.5px #3e9a2c73}.bb-stat-delta[data-sign=down]{color:#a8574a;background:#f5e0da;box-shadow:inset 0 0 0 1.5px #a8574a4d}.bb-stat-delta[data-sign=none]{visibility:hidden}.bb-card-act{position:relative;width:100%;margin-top:auto}.bb-card-btn{width:100%}.bb-card-act.inhand .bb-card-btn{visibility:hidden}.bb-card-inhand{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;font-size:14px;font-weight:700;color:var(--soil);letter-spacing:.02em}.bb-card-act.inhand .bb-card-inhand{display:grid}.bb-unitframe{position:absolute;top:var(--gutter);display:flex;align-items:center;gap:0;z-index:30}.bb-playerframe{left:var(--gutter);transform:translate(calc(-100% - 40px));transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.mode-combat .bb-playerframe{transform:none}.bb-targetframe{left:calc(var(--gutter) + 316px);opacity:0;transform:translateY(-20px) scale(.9);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.mode-garden .bb-targetframe{left:var(--gutter)}.bb-targetframe.show{opacity:1;transform:none}.bb-targetframe.show.dead{filter:grayscale(.9);opacity:.85}.bb-portrait{position:relative;z-index:2;flex:none;width:84px;height:84px;border-radius:50%;border:4px solid var(--ink);box-shadow:inset 0 4px #ffffff8c,inset 0 -6px #00000026,0 5px 0 var(--ink-soft);display:grid;place-items:center;transition:box-shadow .3s}.bb-portrait-player{background:radial-gradient(circle at 50% 35%,#bfe8ff,var(--sky) 60%,#5bb0e6)}.bb-playerframe.in-combat .bb-portrait{box-shadow:inset 0 4px #ffffff8c,0 0 0 4px #e8573fbf,0 0 22px 6px #e8573f8c;animation:bb-threat 1.4s ease-in-out infinite}.bb-unitframe .bb-portrait.hurt,.bb-playerframe.in-combat .bb-portrait.hurt{animation:bb-hurt .3s ease-out}.bb-unitframe .bb-portrait.healed,.bb-playerframe.in-combat .bb-portrait.healed{animation:bb-healed .5s ease-out}.bb-portrait-target{background:radial-gradient(circle at 50% 35%,#ffb59e,#e0674c 60%,#a8392a)}.bb-portrait-face{display:contents}.bb-enemyface{width:62px;height:62px;margin-top:2px;overflow:visible;filter:drop-shadow(0 3px 0 rgba(59,42,26,.45))}.bb-portrait-initial:empty{display:none}.bb-portrait-initial{font-size:40px;font-weight:700;color:#fff;-webkit-text-stroke:0;text-shadow:var(--outline-l),0 6px 0 var(--ink),2.25px 5.25px 0 var(--ink),-2.25px 5.25px 0 var(--ink)}.bb-face{position:relative;width:46px;height:42px;margin-top:8px;border-radius:10px;background:linear-gradient(#ffdcb3,#f2b98a);border:3px solid var(--ink);box-shadow:inset 0 -4px #0000001a}.bb-face-leaf{position:absolute;left:50%;top:-16px;width:18px;height:14px;border-radius:0 100%;background:linear-gradient(135deg,#a8e47f,var(--grass-d));border:2.5px solid var(--ink);transform-origin:0 100%;animation:bb-leaf 2.4s ease-in-out infinite}.bb-face-eye{position:absolute;top:13px;width:6px;height:9px;border-radius:3px;background:var(--ink);animation:bb-blink 4s infinite}.bb-face-eye.l{left:10px}.bb-face-eye.r{right:10px}.bb-face-blush{position:absolute;top:23px;width:8px;height:5px;border-radius:50%;background:#ff6e6e99}.bb-face-blush.l{left:4px}.bb-face-blush.r{right:4px}.bb-face-mouth{position:absolute;left:50%;top:25px;width:10px;height:5px;margin-left:-5px;border:2.5px solid var(--ink);border-top:0;border-radius:0 0 8px 8px}.bb-lvl{position:absolute;right:-6px;bottom:-6px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffe48a,var(--gold-d));border:3px solid var(--ink);font-size:16px;-webkit-text-stroke:0;text-shadow:var(--outline-s),0 3.25px 0 var(--ink),.94px 2.94px 0 var(--ink),-.94px 2.94px 0 var(--ink)}.bb-lvl.ding{animation:bb-ding .7s cubic-bezier(.3,1.8,.5,1)}.bb-uf-body{margin-left:-22px;padding:7px 12px 9px 30px;width:232px;border-radius:0 18px 18px 0;background:linear-gradient(180deg,#fff6e2f5,#f5deb2f5);border:3px solid var(--ink);box-shadow:inset 0 3px #ffffffd9,0 5px 0 var(--ink-soft),0 10px 22px #1e140a38;display:flex;flex-direction:column;gap:4px}.bb-targetframe .bb-uf-body{width:260px}.bb-uf-name{font-size:17px;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-targetframe .bb-uf-name{color:#fff;-webkit-text-stroke:0;text-shadow:var(--outline)}.bb-bar{position:relative;height:20px;border-radius:8px;background:#5a4030;border:2.5px solid var(--ink);overflow:hidden;box-shadow:inset 0 3px #0000004d}.bb-bar-fill,.bb-bar-lag{--p: 1;position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--p))}.bb-bar-fill{transition:transform .18s ease-out}.bb-bar-lag{background:#fff3c4;transition:transform .55s ease-in .28s}.bb-bar-shine{position:absolute;left:3px;right:3px;top:2px;height:32%;border-radius:6px;background:#ffffff59;pointer-events:none}.bb-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;line-height:1;-webkit-text-stroke:0;text-shadow:var(--outline-s);white-space:nowrap}.bb-bar-hp .bb-bar-fill{background:linear-gradient(180deg,#9ae878,var(--hp) 45%,var(--hp-d))}.bb-bar-energy{height:15px}.bb-bar-energy .bb-bar-text{font-size:11px;-webkit-text-stroke:0;text-shadow:var(--outline-s)}.bb-bar-energy .bb-bar-fill{background:linear-gradient(180deg,#ffe98a,var(--energy) 45%,var(--energy-d))}.bb-bar-energy .bb-bar-lag{display:none}.bb-bar-xp{height:8px;border-width:2px;border-radius:6px}.bb-bar-xp .bb-bar-fill{background:linear-gradient(90deg,#b6e6ff,var(--xp));transition:transform .5s ease-out}.bb-bar-xp .bb-bar-lag,.bb-bar-xp .bb-bar-shine{display:none}.bb-bar-enemy{height:22px}.bb-bar-enemy .bb-bar-fill{background:linear-gradient(180deg,#ff9a86,var(--enemy) 45%,var(--enemy-d))}.bb-cast{position:relative;height:16px;border-radius:8px;background:#4a3426;border:2.5px solid var(--ink);overflow:hidden;opacity:0;transform:scaleY(.4);transition:opacity .18s,transform .18s}.bb-cast.show{opacity:1;transform:none}.bb-cast-fill{--p: 0;position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--p));background:linear-gradient(180deg,#ffe98a,#ffc53a 50%,#e3901a)}.bb-cast.done .bb-cast-fill{background:linear-gradient(180deg,#e9ffd6,#9ae878);box-shadow:0 0 12px #fff inset}.bb-cast.interrupted .bb-cast-fill{--p: 1 !important;transform:scaleX(1);background:linear-gradient(180deg,#ff9a86,var(--enemy) 50%,var(--enemy-d))}.bb-cast.shake{animation:bb-shake .35s}.bb-cast-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;-webkit-text-stroke:0;text-shadow:var(--outline-s);white-space:nowrap}.bb-cast-target{height:16px;margin-top:1px}.bb-cast-player{position:absolute;left:50%;bottom:calc(var(--gutter) + var(--slot) + 44px);width:300px;height:26px;margin-left:-150px;border-radius:12px;border-width:3px;box-shadow:0 5px 0 var(--ink-soft),0 10px 22px #1e140a38;z-index:26}.bb-cast-player .bb-cast-label{font-size:15px;-webkit-text-stroke:0;text-shadow:var(--outline)}.bb-cast-time{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:13px;-webkit-text-stroke:0;text-shadow:var(--outline-s)}.bb-cast-player.interrupted .bb-cast-label{font-size:16px}.mode-combat.coach-on .bb-cast-player,.bb-ui.boss-cast .bb-cast-player{bottom:calc(var(--gutter) + var(--slot) + 84px)}.mode-combat.coach-on .bb-cerror,.bb-ui.boss-cast .bb-cerror{bottom:calc(var(--gutter) + var(--slot) + 120px)}.mode-combat.coach-on .bb-prompt,.bb-ui.boss-cast .bb-prompt{bottom:calc(var(--gutter) + var(--slot) + 152px)}.bb-cast-boss{position:absolute;left:50%;bottom:calc(var(--gutter) + var(--slot) + 42px);width:420px;height:26px;margin-left:-210px;border-radius:13px;border-width:3px;background:#4a2e14;box-shadow:0 5px 0 var(--ink-soft),0 0 0 3px #ffb21a59,0 10px 24px #1e140a47;z-index:27}.bb-cast-boss .bb-cast-fill{background:repeating-linear-gradient(-55deg,rgba(255,255,255,.16) 0 10px,transparent 10px 20px),linear-gradient(180deg,#ffe08a,#ffb21a 50%,#e07a0c)}.bb-cast-boss.urgent .bb-cast-fill{background:repeating-linear-gradient(-55deg,rgba(255,255,255,.2) 0 10px,transparent 10px 20px),linear-gradient(180deg,#ffc27a,#ff8a1f 50%,#d9480f)}.bb-cast-boss.urgent{box-shadow:0 5px 0 var(--ink-soft),0 0 0 3px #ff782899,0 0 22px #ff78288c}.bb-cast-boss .bb-cast-label{justify-content:flex-start;padding:0 54px 0 14px;font-size:16px;letter-spacing:.01em;-webkit-text-stroke:0;text-shadow:var(--outline)}.bb-cast-boss .bb-cast-time{right:12px;font-size:16px;color:#fff;text-shadow:var(--outline)}.bb-cast-boss.done .bb-cast-fill{background:linear-gradient(180deg,#fffbe8,#ffd98a);box-shadow:0 0 14px #fff inset}.bb-cast-boss.show{animation:bb-boss-pop .25s cubic-bezier(.3,1.7,.5,1)}.bb-cast-boss.show.shake{animation:bb-shake .35s}@keyframes bb-boss-pop{0%{opacity:0;transform:scale(.7,.4)}70%{opacity:1;transform:scale(1.05,1.1)}to{transform:scale(1)}}.bb-hotbar{position:absolute;left:50%;bottom:var(--gutter);display:flex;gap:8px;padding:9px 10px;border-radius:22px;background:linear-gradient(180deg,#fff6e2f2,#e8ca96f2);border:3px solid var(--ink);box-shadow:inset 0 3px #ffffffd9,0 5px 0 var(--ink-soft),0 10px 22px #1e140a40;transform:translate(-50%) translateY(160%) scale(.7);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.3,1.5,.5,1) .1s,opacity .3s ease .1s;z-index:20}.mode-combat .bb-hotbar{transform:translate(-50%);opacity:1;pointer-events:auto}.fighting .bb-hotbar{box-shadow:inset 0 3px #ffffffd9,0 5px 0 var(--ink-soft),0 0 0 3px #e8573f80,0 10px 26px #e8573f59}.bb-hb-slot{position:relative;width:var(--slot);height:var(--slot);padding:0;border-radius:14px;border:3px solid var(--ink);background:linear-gradient(#6b5040,#4a3426);box-shadow:inset 0 3px #0000004d,0 4px 0 var(--ink);cursor:pointer;overflow:hidden;transition:transform .1s cubic-bezier(.3,1.6,.5,1),filter .2s}.bb-hb-slot:hover:not(.empty){transform:translateY(-3px)}.bb-hb-slot.pressed{animation:bb-squash .22s ease-out}.bb-hb-slot.empty{cursor:default}.bb-hb-slot.pop{animation:bb-pop .35s cubic-bezier(.3,1.8,.5,1)}.bb-hb-icon{position:absolute;top:0;right:0;bottom:0;left:0}.bb-hb-slot.cooling .bb-aicon-glyph,.bb-hb-slot.cooling .bb-aicon-svg{opacity:.35}.bb-hb-slot.unusable .bb-hb-icon{filter:grayscale(1) brightness(.65)}.bb-aicon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.65),transparent 45%),linear-gradient(160deg,var(--a),var(--b));box-shadow:inset 0 -6px #0000002e,inset 0 3px #fff6}.bb-aicon-svg{width:38px;height:38px;overflow:visible;filter:drop-shadow(0 2px 0 rgba(59,42,26,.55));transition:opacity .15s}.bb-aicon-glyph{font-size:25px;font-weight:700;color:#fff;-webkit-text-stroke:0;text-shadow:var(--outline),0 5px 0 var(--ink),1.5px 4.5px 0 var(--ink),-1.5px 4.5px 0 var(--ink);letter-spacing:-.02em}.bb-hb-cd{--p: 0;position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(transparent calc((1 - var(--p)) * 360deg),#1e1208a8 0);pointer-events:none}.bb-hb-cdtext{position:absolute;left:50%;top:50%;min-width:34px;height:26px;padding:0 7px;border-radius:999px;background:#1e1208db;border:2px solid rgba(255,246,226,.35);display:grid;place-items:center;font-size:18px;line-height:1;-webkit-text-stroke:0;text-shadow:none;transform:translate(-50%,-50%);pointer-events:none}.bb-hb-cdtext:empty{display:none}.bb-hb-key{position:absolute;left:3px;top:1px;font-size:14px;-webkit-text-stroke:0;text-shadow:var(--outline-s);pointer-events:none}.bb-hb-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,230,120,.4) 60%,transparent 75%);pointer-events:none}.bb-hb-slot.ready .bb-hb-flash{animation:bb-ready .5s ease-out}.bb-tooltip{position:absolute;left:0;top:0;width:250px;padding:10px 12px 11px;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#f3dfb8);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink-soft),0 10px 22px #1e140a40;transform:translate(-50%,calc(-100% - 14px));opacity:0;pointer-events:none;z-index:50;transition:opacity .12s}.bb-tooltip.show{opacity:1;animation:bb-tip-in .18s cubic-bezier(.3,1.6,.5,1)}.bb-tip-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.bb-tip-name{font-size:18px;font-weight:700}.bb-tip-head .bb-keycap{min-width:22px;height:22px;font-size:12px}.bb-tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px 8px;margin:6px 0;font-size:13px;font-weight:600;color:var(--soil)}.bb-tip-grid .r{text-align:right}.bb-tip-desc{font-size:14px;line-height:1.3;color:#6f4a2c}.bb-plates,.bb-ftexts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bb-plates{z-index:5}.bb-ftexts{z-index:8}.bb-plate{position:absolute;left:0;top:0;width:128px;display:flex;flex-direction:column;align-items:stretch;gap:2px;will-change:transform;transform-origin:50% 100%;transition:opacity .3s}.bb-plate:not(.targeted){opacity:.9}.bb-plate.targeted{z-index:2}.bb-plate.entering,.bb-plate.dead,.bb-plate.culled{opacity:0}.bb-plate-top{display:flex;align-items:center;justify-content:center;gap:4px}.bb-plate-name{font-size:14px;font-weight:700;color:#ffe1d6;-webkit-text-stroke:0;text-shadow:var(--outline);white-space:nowrap}.bb-plate-lvl{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:linear-gradient(#ffe48a,var(--gold-d));border:2px solid var(--ink);font-size:11px;-webkit-text-stroke:0;text-shadow:var(--outline-s)}.bb-bar-plate{height:11px;border-width:2px;border-radius:6px}.bb-bar-plate .bb-bar-fill{background:linear-gradient(180deg,#ff9a86,var(--enemy) 50%,var(--enemy-d))}.bb-bar-plate .bb-bar-shine{top:1px;height:30%}.bb-cast-plate{height:12px;border-width:2px}.bb-cast-plate .bb-cast-label{font-size:9px;-webkit-text-stroke:0;text-shadow:var(--outline-s)}.bb-plate.targeted .bb-plate-name{color:#fff6b0;font-size:16px}.bb-plate.targeted .bb-bar-plate{height:13px;box-shadow:0 0 0 2px var(--gold),0 0 10px 2px #ffcf3fcc}.bb-plate.targeted:before{content:"";position:absolute;left:50%;top:-22px;width:0;height:0;margin-left:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:13px solid var(--gold);filter:drop-shadow(0 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink));animation:bb-marker .9s ease-in-out infinite}.bb-plate.pinned:before{display:none}.bb-ftext{position:absolute;left:0;top:0;font-size:38px;white-space:nowrap;will-change:transform,opacity;opacity:0;-webkit-text-stroke:0;text-shadow:var(--outline-l),0 6px 0 var(--ink),2.25px 5.25px 0 var(--ink),-2.25px 5.25px 0 var(--ink)}.bb-ftext{transform-origin:50% 100%}.bb-ftext.lane-reward{transform-origin:0 100%}.bb-ftext.down{transform-origin:50% 0}.bb-ftext.down.lane-reward{transform-origin:0 0}.bb-ftext.k-damage{color:#fff}.bb-ftext.k-crit{color:#ffe23a;font-size:56px;-webkit-text-stroke:0;text-shadow:var(--outline-l),0 7px 0 var(--ink),2.25px 6.25px 0 var(--ink),-2.25px 6.25px 0 var(--ink),0 0 18px rgba(255,190,40,.9)}.bb-ftext.k-heal{color:#8cf06a}.bb-ftext.k-dot{color:#d4a6ff;font-size:24px}.bb-ftext.k-miss{color:#c9c3bb;font-size:24px}.bb-ftext.k-xp{color:#a8e2ff;font-size:24px}.bb-ftext.k-coins{color:#ffd23f;font-size:26px}.bb-ftext.own{font-size:30px;text-shadow:var(--outline),0 5px 0 var(--ink),1.5px 4.5px 0 var(--ink),-1.5px 4.5px 0 var(--ink)}.bb-ftext.own.k-damage{color:#ffb4a3}.bb-ftext.own.k-dot,.bb-ftext.own.k-miss{font-size:22px}.bb-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(214,40,30,.55) 100%);opacity:0;transition:opacity .4s}.bb-vignette.low{animation:bb-pulse 1.1s ease-in-out infinite}.bb-hitflash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 90px 20px #e83c28a6;opacity:0}.bb-hitflash.flash{animation:bb-hitflash .35s ease-out}.bb-levelup{position:absolute;left:50%;top:32%;transform:translate(-50%);text-align:center;opacity:0;z-index:35}.bb-levelup.show{animation:bb-levelup 2.2s cubic-bezier(.3,1.5,.5,1) forwards}.bb-levelup-text{font-size:54px;font-weight:700;color:var(--gold);-webkit-text-stroke:0;text-shadow:var(--outline-l),0 8px 0 var(--ink),2.25px 7.25px 0 var(--ink),-2.25px 7.25px 0 var(--ink),0 0 30px rgba(255,207,63,.8)}.bb-levelup-num{font-size:24px}.bb-death{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;place-items:center;background:radial-gradient(ellipse at center,#3c282840,#28141499);backdrop-filter:grayscale(.9);-webkit-backdrop-filter:grayscale(.9);opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}.bb-death.show{opacity:1;visibility:visible;transition:opacity .6s}.bb-death-card{text-align:center;transform:scale(.7);transition:transform .6s cubic-bezier(.3,1.6,.5,1)}.bb-death.show .bb-death-card{transform:none}.bb-death-title{font-size:clamp(56px,8vw,96px);font-weight:700;color:#ffd8cf;-webkit-text-stroke:0;text-shadow:var(--outline-l),0 9px 0 var(--ink),2.25px 8.25px 0 var(--ink),-2.25px 8.25px 0 var(--ink)}.bb-death-sub{display:inline-block;margin-top:10px;padding:8px 22px 9px;border-radius:999px;background:var(--cream);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink-soft);font-size:20px;font-weight:600}@keyframes bb-pop{0%{transform:scale(1)}40%{transform:scale(1.22,.86)}70%{transform:scale(.94,1.08)}to{transform:scale(1)}}.bb-seedslot.selected.pop{animation:bb-pop-sel .34s cubic-bezier(.3,1.8,.5,1)}@keyframes bb-pop-sel{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-12px) scale(1.24,.94)}to{transform:translateY(-8px) scale(1.1)}}@keyframes bb-pop-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bb-squash{0%{transform:scale(1)}35%{transform:translateY(3px) scale(1.12,.84)}70%{transform:translateY(-1px) scale(.96,1.05)}to{transform:none}}@keyframes bb-bounce{0%{transform:none}30%{transform:translateY(-14px) scale(.92,1.1) rotate(-6deg)}55%{transform:translateY(2px) scale(1.12,.88) rotate(3deg)}to{transform:none}}@keyframes bb-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes bb-gain{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes bb-spend{0%{transform:none}30%{transform:scale(.94) translate(-3px)}to{transform:none}}@keyframes bb-spin{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}@keyframes bb-delta{0%{transform:translate(0) scale(.6);opacity:0}15%{transform:translate(-4px) scale(1.15);opacity:1}to{transform:translate(-30px) scale(1);opacity:0}}@keyframes bb-leaf{0%,to{transform:rotate(-8deg)}50%{transform:rotate(6deg)}}@keyframes bb-shimmer{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(25deg) brightness(1.15)}}@keyframes bb-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}@keyframes bb-prompt-bob{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-4px) scale(1)}}@keyframes bb-toast-in{0%{transform:translateY(-30px) scale(.8);opacity:0}to{transform:none;opacity:1}}@keyframes bb-zone{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.85)}14%{opacity:1;transform:translate(-50%) translateY(0) scale(1.04)}22%{transform:translate(-50%) scale(1)}76%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.98)}}@keyframes bb-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bb-fade-out{0%{opacity:1}to{opacity:0}}@keyframes bb-panel-in{0%{transform:translateY(30px) scale(.82);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}@keyframes bb-panel-out{to{transform:translateY(16px) scale(.9);opacity:0}}@keyframes bb-row-in{0%{transform:translate(-24px);opacity:0}to{transform:none;opacity:1}}@keyframes bb-threat{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes bb-hurt{0%{transform:none;filter:none}25%{transform:translate(-4px) rotate(-4deg);filter:brightness(1.4) saturate(2) hue-rotate(-30deg)}60%{transform:translate(3px) rotate(2deg)}to{transform:none;filter:none}}@keyframes bb-healed{0%{filter:none}40%{filter:brightness(1.3) drop-shadow(0 0 10px #8cf06a)}to{filter:none}}@keyframes bb-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes bb-ding{0%{transform:scale(1);box-shadow:0 0 #ffcf3f00}40%{transform:scale(1.4);box-shadow:0 0 0 4px var(--gold),0 0 22px 8px #ffcf3fe6}to{transform:scale(1);box-shadow:0 0 #ffcf3f00}}@keyframes bb-ready{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}@keyframes bb-tip-in{0%{transform:translate(-50%,calc(-100% - 4px)) scale(.9)}to{transform:translate(-50%,calc(-100% - 14px)) scale(1)}}@keyframes bb-marker{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bb-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes bb-hitflash{0%{opacity:1}to{opacity:0}}@keyframes bb-levelup{0%{opacity:0;transform:translate(-50%) scale(.4)}15%{opacity:1;transform:translate(-50%) scale(1.15)}25%{transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(-6px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-30px) scale(1)}}@media (max-width: 1280px),(max-height: 760px){.bb-ui{--slot: 58px;--seed: 54px;--gutter: 12px}.bb-portrait{width:74px;height:74px}.bb-uf-body{width:212px}.bb-targetframe .bb-uf-body{width:230px}.bb-targetframe{left:calc(var(--gutter) + 288px)}.bb-coins-num{font-size:24px}}@media (max-width: 1100px){.bb-ui{--slot: 54px;--seed: 50px}.bb-uf-body{width:190px}.bb-targetframe .bb-uf-body{width:210px}.bb-targetframe{left:calc(var(--gutter) + 262px)}.bb-aicon-glyph{font-size:21px}.bb-aicon-svg{width:32px;height:32px}.bb-backpack-btn{width:64px;height:64px}.bb-cast-player{width:260px;margin-left:-130px}.bb-toasts{width:min(340px,44vw)}}@media (prefers-reduced-motion: reduce){.bb-ui *,.bb-ui *:before,.bb-ui *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.bb-plate-lvl[data-diff=grey],.bb-targetframe .bb-lvl[data-diff=grey]{background:linear-gradient(#d9d9d9,#8e8e8e)}.bb-plate-lvl[data-diff=green],.bb-targetframe .bb-lvl[data-diff=green]{background:linear-gradient(#b8f08e,#3fae3a)}.bb-plate-lvl[data-diff=orange],.bb-targetframe .bb-lvl[data-diff=orange]{background:linear-gradient(#ffc078,#f07a1a)}.bb-plate-lvl[data-diff=red],.bb-targetframe .bb-lvl[data-diff=red]{background:linear-gradient(#ff9a8a,#d8342a)}.bb-plate-lvl[data-diff=skull],.bb-targetframe .bb-lvl[data-diff=skull]{background:linear-gradient(#7a1a1a,#2a0606);color:#ffd0c8}.bb-coach{position:absolute;left:50%;bottom:calc(var(--gutter) + var(--seed) + 104px);max-width:min(92vw,640px);padding:8px 18px;font-size:17px;font-weight:600;text-align:center;text-wrap:balance;transform:translate(-50%) translateY(8px);opacity:0;transition:transform .25s,opacity .2s;pointer-events:none;z-index:24}.bb-coach.show{transform:translate(-50%) translateY(0);opacity:1}.mode-combat .bb-coach{bottom:calc(var(--gutter) + var(--slot) + 34px);max-width:min(92vw,440px);font-size:15px}.bb-ui.boss-cast .bb-coach.show{opacity:0}.bb-forge-bulk{display:flex;justify-content:flex-end;margin-bottom:10px}.bb-forge-bulk .bb-btn:disabled{opacity:.5}.bb-playerframe{pointer-events:auto}.bb-playerframe .bb-uf-body{position:relative}.bb-bar-xp{transition:height .18s ease-out}.bb-bar-xp .bb-bar-text{font-size:10px;opacity:0;transition:opacity .15s}.bb-playerframe:hover .bb-bar-xp{height:14px}.bb-playerframe:hover .bb-bar-xp .bb-bar-text{opacity:1}.bb-bar-xp.gain{animation:bb-xp-glow .45s ease-out}.bb-bar-xp.gain .bb-bar-fill{animation:bb-xp-fill .45s ease-out}.bb-xpgain{position:absolute;right:6px;bottom:6px;font-size:15px;color:#a8e2ff;white-space:nowrap;pointer-events:none;animation:bb-xpgain .9s ease-out forwards}@keyframes bb-xp-glow{0%{box-shadow:0 0 #fff0}30%{box-shadow:0 0 0 2px #fff,0 0 12px 3px #a8e2fff2}to{box-shadow:0 0 #fff0}}@keyframes bb-xp-fill{0%{filter:none}30%{filter:brightness(1.6) saturate(1.2)}to{filter:none}}@keyframes bb-xpgain{0%{opacity:0;transform:translateY(4px) scale(.7)}18%{opacity:1;transform:translate(0) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translateY(-20px) scale(1)}}body[data-ui-modal="1"] .bb-prompt{opacity:0}body[data-ui-modal="1"] .bb-seedbar{opacity:0;transform:translate(-50%) translateY(16px);pointer-events:none;transition:transform .2s ease-in,opacity .2s ease-in}.bb-mute-btn{position:absolute;right:calc(var(--gutter) + 74px + 14px);bottom:calc(var(--gutter) + 4px + 13px);width:48px;height:48px;padding:0;display:grid;place-items:center;cursor:pointer;z-index:30;transition:transform .09s ease-out,opacity .4s ease}.bb-mute-btn:hover{transform:translateY(-2px) rotate(-3deg)}.bb-mute-btn:active{transform:translateY(3px) scale(1.06,.9)}.bb-mute-btn:focus{outline:none}.bb-mute-btn:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)}.bb-mute-btn.pop{animation:bb-squash .28s ease-out}.bb-mute-btn .bb-keycap-corner{left:-9px;bottom:-9px;min-width:20px;height:20px;font-size:11px;border-radius:6px}.bb-speaker,.bb-speaker svg{display:block;width:30px;height:30px}.bb-spk-x{display:none}.bb-mute-btn.muted .bb-spk-x{display:inline}.bb-mute-btn.muted .bb-spk-waves{display:none}@media (max-width: 1280px),(max-height: 760px){.bb-mute-btn{right:calc(var(--gutter) + 64px + 12px);bottom:calc(var(--gutter) + 4px + 10px);width:44px;height:44px}}.bb-title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px 16px;pointer-events:auto;overflow-y:auto;background:radial-gradient(ellipse 60% 48% at 50% 40%,#fff8e457,#fff8e400 70%),radial-gradient(ellipse at center,#3b2a1a00 45%,#3b2a1a61);animation:bb-fade-in .5s ease-out;transition:opacity .35s ease-in,transform .35s ease-in}.bb-title.leaving{opacity:0;transform:scale(1.06);pointer-events:none}.bb-title-stack{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.bb-wordmark{margin:0;font-size:clamp(60px,8.4vw,96px);font-weight:700;line-height:1;letter-spacing:.01em;color:#fff;-webkit-text-stroke:0;text-shadow:var(--outline-l),0 9px 0 var(--ink),2.25px 8.25px 0 var(--ink),-2.25px 8.25px 0 var(--ink),0 18px 30px rgba(30,20,10,.3);white-space:nowrap;animation:bb-title-drop .7s cubic-bezier(.3,1.5,.5,1) both}.bb-wordmark-l{position:relative;display:inline-block}.bb-wordmark-sprout{position:absolute;left:50%;bottom:80%;width:.5em;height:.6em;margin-left:-.16em;transform-origin:30% 100%;animation:bb-sprout-sway 3.2s ease-in-out .8s infinite}.bb-sprout{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 0 var(--ink))}.bb-tagline{margin-top:-2px;font-size:clamp(20px,2.2vw,28px);font-weight:600;color:#fffbe9;text-shadow:var(--outline),0 4px 0 var(--ink),1.5px 3.5px 0 var(--ink),-1.5px 3.5px 0 var(--ink);animation:bb-title-rise .6s .15s ease-out both}.bb-ui .bb-title-play{margin-top:6px;min-width:220px;padding:12px 44px 14px;border-radius:20px;border-width:4px;font-size:32px;box-shadow:inset 0 4px #ffffff73,inset 0 -4px #00000026,0 6px 0 var(--ink),0 14px 26px #1e140a4d;animation:bb-title-rise .6s .25s ease-out both,bb-play-breathe 2.4s 1s ease-in-out infinite;outline:none}.bb-ui .bb-title-play:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--ink),0 6px 0 7px var(--ink)}.bb-ui .bb-title-play:active{transform:translateY(4px) scale(1.04,.92);box-shadow:inset 0 4px #ffffff73,0 2px 0 var(--ink)}.bb-title-card{margin-top:8px;display:grid;grid-template-columns:repeat(3,auto);gap:10px 26px;padding:16px 22px 18px;background:linear-gradient(180deg,#fffbef,#f7e6c4);animation:bb-title-rise .6s .35s ease-out both}.bb-title-ctl{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--ink);white-space:nowrap}.bb-title-caps{display:inline-flex;gap:4px;min-width:112px;justify-content:flex-end}.bb-title-caps .bb-keycap{min-width:26px;height:26px;font-size:13px}.bb-title-caps .bb-keycap.wide{padding:0 8px}@media (max-width: 760px){.bb-title-card{grid-template-columns:repeat(2,auto)}}@media (max-height: 640px){.bb-title-stack{gap:10px}.bb-title-card{padding:10px 16px 12px;gap:6px 20px}}@keyframes bb-title-drop{0%{opacity:0;transform:translateY(-30px) scale(.85)}to{opacity:1;transform:none}}@keyframes bb-title-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bb-sprout-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(6deg)}}@keyframes bb-play-breathe{0%,to{filter:none}50%{filter:brightness(1.08)}}.bb-coins,.bb-toasts,.bb-backpack-btn{transition-property:opacity,transform,box-shadow;transition-duration:.4s,.09s,.09s}.bb-ui.titling .bb-coins,.bb-ui.titling .bb-toasts,.bb-ui.titling .bb-coach,.bb-ui.titling .bb-backpack-btn,.bb-ui.titling .bb-mute-btn,.bb-ui.titling .bb-prompt,.bb-ui.titling .bb-zone{opacity:0!important;pointer-events:none!important}.bb-ui.titling .bb-seedbar{opacity:0;transform:translate(-50%) translateY(24px);pointer-events:none}.bb-hb-slot[data-blocked=range] .bb-hb-icon,.bb-hb-slot[data-blocked=tooClose] .bb-hb-icon,.bb-hb-slot[data-blocked=energy] .bb-hb-icon{filter:grayscale(.35) brightness(.8)}.bb-hb-slot[data-blocked=range] .bb-hb-icon:after,.bb-hb-slot[data-blocked=tooClose] .bb-hb-icon:after,.bb-hb-slot[data-blocked=energy] .bb-hb-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#e6281e73;pointer-events:none}.bb-hb-slot[data-blocked=energy] .bb-hb-icon:after{background:#285ae673}.bb-hb-slot[data-blocked=range] .bb-hb-key,.bb-hb-slot[data-blocked=tooClose] .bb-hb-key{color:#ff5a4a}.bb-uf-reach{position:absolute;right:14px;bottom:-14px;padding:2px 10px;border:2.5px solid #3b2a1a;border-radius:999px;background:#4cc95a;color:#fff;font-size:13px;font-weight:700;text-shadow:var(--outline-s);opacity:0;transform:translateY(-4px) scale(.9);transition:opacity .15s,transform .15s,background-color .15s;pointer-events:none}.bb-uf-reach.on{opacity:1;transform:none}.bb-uf-reach.far{background:#ff5a4a}.bb-chat{--chat-w: 284px;position:absolute;left:var(--gutter);bottom:var(--gutter);width:var(--chat-w);display:flex;flex-direction:column;gap:6px;z-index:26;pointer-events:none;border-radius:18px;transition:opacity .4s}.bb-chat.peek{background:#fff6e2d1;box-shadow:0 0 0 3px var(--ink),0 5px 0 3px var(--ink-soft),0 10px 22px #1e140a38}.bb-chat-log{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-height:260px;overflow:hidden;padding:0 2px;pointer-events:none;overscroll-behavior:contain;scrollbar-width:thin}.bb-chat.peek .bb-chat-log{overflow-y:auto;padding:8px 8px 0;pointer-events:auto}.bb-chat-line{max-width:100%;padding:2px 9px 3px;border-radius:10px;background:#fff8e8e0;box-shadow:0 2px #3b2a1a38;font-size:14px;font-weight:500;line-height:1.3;color:var(--ink);overflow-wrap:anywhere;pointer-events:auto;transition:opacity .8s ease;animation:bb-chat-in .25s ease-out}.bb-chat:not(.peek) .bb-chat-line:not(.recent){display:none}.bb-chat:not(.peek) .bb-chat-line.faded{opacity:0;pointer-events:none}.bb-chat.peek .bb-chat-line{background:transparent;box-shadow:none;padding:1px 2px}.bb-chat-name{font-weight:700}.bb-chat-title{font-weight:500;font-size:12.5px;opacity:.85}.bb-chat-line.ch-system{font-style:italic;color:#6b5640}.bb-chat-line.ch-shout .bb-chat-text,.bb-chat-line.ch-shout .bb-chat-sep{font-weight:700}.bb-chat-line.to-me{box-shadow:inset 3px 0 0 var(--gold-d),0 2px #3b2a1a38}.bb-chat-bar{display:flex;align-items:center;min-height:32px}.bb-chat-hint{display:inline-flex;align-items:center;gap:7px;padding:3px 12px 3px 4px;cursor:pointer;font-size:14px;font-weight:700;opacity:.72;transition:opacity .2s,transform .09s ease-out}.bb-chat-hint .bb-keycap{height:22px;min-width:0;padding:0 6px;font-size:11px;border-radius:7px;box-shadow:0 2px 0 var(--ink)}.bb-chat-hint:hover,.bb-chat.peek .bb-chat-hint{opacity:1}.bb-chat-hint:active{transform:translateY(2px)}.bb-chat-form{display:none;flex:1;padding:2px 4px}.bb-chat.open .bb-chat-hint{display:none}.bb-chat.open .bb-chat-form{display:flex}.bb-chat-input{flex:1;min-width:0;height:30px;padding:0 12px;border:0;outline:none;background:transparent;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);user-select:text;-webkit-user-select:text}.bb-chat-input::placeholder{color:#3b2a1a73}@keyframes bb-chat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bb-bubbles,.bb-rplates{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bb-rplates{z-index:5}.bb-bubbles{z-index:7}.bb-bubble{position:absolute;left:0;top:0;width:max-content;max-width:28ch;padding:5px 11px 6px;border-radius:14px;background:#fffdf6;border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink-soft);font-size:14px;font-weight:500;line-height:1.25;color:var(--ink);text-align:center;overflow-wrap:anywhere;opacity:0;will-change:transform;transition:opacity .3s ease}.bb-bubble.show{opacity:1}.bb-bubble.shout{font-weight:700;border-width:3px}.bb-bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:12px;height:12px;margin-left:-6px;background:#fffdf6;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg);border-bottom-right-radius:3px}.bb-rplate{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:1px;will-change:transform;opacity:.95;transition:opacity .3s}.bb-rplate-name{font-size:14px;font-weight:700;color:#fff;-webkit-text-stroke:0;text-shadow:var(--outline);white-space:nowrap}.bb-rplate-title{font-size:11px;font-weight:600;color:#fff8e8;text-shadow:var(--outline-s);white-space:nowrap;margin-top:-2px}.bb-rplate-title:empty{display:none}.bb-rplate-hp{display:none;position:relative;width:84px;height:9px;margin-top:2px;border-radius:5px;background:#5a4030;border:2px solid var(--ink);overflow:hidden}.bb-rplate.hurt .bb-rplate-hp{display:block}.bb-rplate-hp-fill{--p: 1;position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--p));background:linear-gradient(180deg,#9ae878,var(--hp) 45%,var(--hp-d));transition:transform .18s ease-out}.bb-rplate.dead{opacity:.45}.bb-players{position:absolute;top:calc(var(--gutter) + 62px);right:var(--gutter);display:inline-flex;align-items:center;gap:8px;padding:4px 14px 5px 10px;font-size:14px;font-weight:700;cursor:pointer;z-index:30;transition:opacity .4s,transform .09s ease-out}.bb-players:hover{transform:translateY(-1px)}.bb-players:active{transform:translateY(2px)}.bb-players-dot{width:11px;height:11px;border-radius:50%;border:2px solid var(--ink);background:#a7a29a}.bb-players-dot[data-state=online]{background:var(--hp)}.bb-players-dot[data-state=connecting]{background:var(--energy);animation:bb-dot-pulse 1s ease-in-out infinite}.bb-players-dot[data-state=full]{background:var(--red)}@keyframes bb-dot-pulse{0%,to{opacity:1}50%{opacity:.45}}.bb-players-list{position:absolute;top:calc(var(--gutter) + 62px + 40px);right:var(--gutter);min-width:200px;max-width:260px;max-height:min(60vh,420px);overflow-y:auto;padding:10px 14px 12px;border-radius:18px;z-index:70;display:none;user-select:text;-webkit-user-select:text}.bb-players-list.open{display:block;animation:bb-chat-in .2s ease-out}.bb-players-head{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--wood-d);margin:4px 0 2px}.bb-players-ul{list-style:none;margin:0 0 4px;padding:0}.bb-players-li{font-size:15px;font-weight:600;line-height:1.45}.bb-players-li.npc{display:flex;align-items:baseline;gap:6px}.bb-players-npc{font-weight:700}.bb-players-title{font-size:12.5px;font-weight:500;color:#6b5640}.bb-players-empty{font-size:15px;font-weight:600}.bb-ui .bb-toasts{top:calc(var(--gutter) + 62px + 44px)}.bb-emote-btn{position:absolute;right:calc(var(--gutter) + 74px + 14px + 48px + 10px);bottom:calc(var(--gutter) + 4px + 13px);width:48px;height:48px;padding:0;display:grid;place-items:center;cursor:pointer;z-index:30;transition:transform .09s ease-out,opacity .4s ease}.bb-emote-btn:hover{transform:translateY(-2px) rotate(3deg)}.bb-emote-btn:active{transform:translateY(3px) scale(1.06,.9)}.bb-emote-btn:focus{outline:none}.bb-emote-btn:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)}.bb-emote-svg{display:block;width:30px;height:30px}.bb-emote-menu{position:absolute;right:calc(var(--gutter) + 74px + 14px + 48px + 10px - 30px);bottom:calc(var(--gutter) + 4px + 13px + 58px);display:none;flex-direction:column;gap:4px;padding:8px;border-radius:16px;z-index:70}.bb-emote-menu.open{display:flex;animation:bb-chat-in .18s ease-out}.bb-emote-item{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 6px;border:0;border-radius:10px;background:transparent;font-size:15px;font-weight:700;cursor:pointer;text-align:left}.bb-emote-item:hover{background:#ffffffb3}.bb-emote-item .bb-keycap{min-width:24px;height:24px;font-size:12px;box-shadow:0 2px 0 var(--ink)}@media (max-width: 1280px),(max-height: 760px){.bb-chat{--chat-w: 276px}.bb-emote-btn{right:calc(var(--gutter) + 64px + 12px + 44px + 10px);bottom:calc(var(--gutter) + 4px + 10px);width:44px;height:44px}.bb-emote-menu{right:calc(var(--gutter) + 64px + 12px + 44px + 10px - 30px);bottom:calc(var(--gutter) + 4px + 10px + 54px)}.bb-players{top:calc(var(--gutter) + 56px)}.bb-players-list{top:calc(var(--gutter) + 56px + 40px)}.bb-ui .bb-toasts{top:calc(var(--gutter) + 56px + 42px)}}@media (max-width: 1100px){.bb-chat{--chat-w: 240px}}.bb-ui.titling .bb-chat,.bb-ui.titling .bb-players,.bb-ui.titling .bb-players-list,.bb-ui.titling .bb-emote-btn,.bb-ui.titling .bb-emote-menu,.bb-ui.titling .bb-bubbles,.bb-ui.titling .bb-rplates{opacity:0!important;pointer-events:none!important}.bb-title-who{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;padding:12px 20px 13px;background:linear-gradient(180deg,#fffbef,#f7e6c4);animation:bb-title-rise .6s .2s ease-out both}.bb-title-who.nope{animation:bb-who-shake .35s ease-out}@keyframes bb-who-shake{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.bb-title-name,.bb-title-swatches{display:flex;align-items:center;gap:10px}.bb-title-name-label{font-size:15px;font-weight:700;color:var(--ink)}.bb-title-name-input{width:190px;height:38px;padding:0 12px;border:3px solid var(--ink);border-radius:12px;background:#fffdf6;box-shadow:inset 0 2px #3b2a1a1f;font-family:inherit;font-size:18px;font-weight:600;color:var(--ink);outline:none;user-select:text;-webkit-user-select:text}.bb-title-name-input:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--grass-d)}.bb-title-swatch{width:32px;height:32px;padding:0;border-radius:50%;border:3px solid var(--ink);background:var(--sw);box-shadow:inset 0 3px #ffffff73,0 3px 0 var(--ink);cursor:pointer;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.bb-title-swatch:hover{transform:translateY(-2px)}.bb-title-swatch.on{transform:scale(1.12);box-shadow:inset 0 3px #ffffff73,0 0 0 3px #fff,0 0 0 6px var(--ink)}.bb-title-swatch:focus{outline:none}.bb-title-swatch:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--grass-d)}.bb-title-hint{flex-basis:100%;text-align:center;font-size:14px;font-weight:600;color:var(--red)}.bb-title-hint:empty{display:none}.bb-tp{display:none}html.bb-touch{--tp-l: max(14px, env(safe-area-inset-left));--tp-r: max(14px, env(safe-area-inset-right));--tp-b: max(12px, env(safe-area-inset-bottom));--tp-pad: 148px;--tp-side: 176px}.bb-touch .bb-tp{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:32;pointer-events:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.bb-touch .bb-tp *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.bb-touch .bb-ui.titling .bb-tp{opacity:0}.bb-touch .bb-ui.titling .bb-tp *{pointer-events:none!important}.bb-tp-padwrap{position:absolute;left:calc(var(--tp-l) - 14px);bottom:calc(var(--tp-b) - 12px);width:calc(var(--tp-pad) + 28px);height:calc(var(--tp-pad) + 24px);display:grid;place-items:center;pointer-events:auto;touch-action:none}.bb-tp-pad{position:relative;width:var(--tp-pad);height:var(--tp-pad);border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff8e88c,#f5deb26b 70%);border:3px solid rgba(59,42,26,.55);box-shadow:inset 0 3px #ffffff80,0 4px #3b2a1a40,0 8px 18px #1e140a29;transition:background .15s,border-color .15s}.bb-tp-pad.on{background:radial-gradient(circle at 50% 42%,#fff8e8bf,#f5deb299 70%);border-color:var(--ink)}.bb-tp-arrow{position:absolute;width:40px;height:40px;display:grid;place-items:center;opacity:.6;transition:opacity .1s,transform .1s}.bb-tp-arrow .bb-tp-ico{width:30px;height:30px;fill:#fff8e8;stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}.bb-tp-up{left:50%;top:4px;margin-left:-20px}.bb-tp-down{left:50%;bottom:4px;margin-left:-20px}.bb-tp-left{top:50%;left:4px;margin-top:-20px}.bb-tp-right{top:50%;right:4px;margin-top:-20px}.bb-tp-pad[data-dir*=n] .bb-tp-up,.bb-tp-pad[data-dir*=s] .bb-tp-down,.bb-tp-pad[data-dir*=w] .bb-tp-left,.bb-tp-pad[data-dir*=e] .bb-tp-right{opacity:1;transform:scale(1.18)}.bb-tp-pad[data-dir*=n] .bb-tp-up .bb-tp-ico,.bb-tp-pad[data-dir*=s] .bb-tp-down .bb-tp-ico,.bb-tp-pad[data-dir*=w] .bb-tp-left .bb-tp-ico,.bb-tp-pad[data-dir*=e] .bb-tp-right .bb-tp-ico{fill:var(--gold)}.bb-tp-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;border:3px solid var(--ink);background:radial-gradient(circle at 40% 32%,#b7ec8f,var(--grass) 55%,var(--grass-d));box-shadow:inset 0 3px #ffffff80,inset 0 -4px #00000026,0 4px 0 var(--ink-soft);opacity:.8;transition:transform .12s cubic-bezier(.3,1.6,.5,1),opacity .15s;will-change:transform}.bb-tp-pad.on .bb-tp-knob{opacity:1;transition:opacity .15s}.bb-tp-cluster{position:absolute;right:var(--tp-r);bottom:var(--tp-b);width:190px;height:166px;pointer-events:none}.bb-tp-btn{position:absolute;display:grid;place-items:center;align-content:center;gap:0;padding:0;border:3px solid var(--ink);border-radius:50%;background:linear-gradient(180deg,#fff6e2e0,#f5deb2e0);box-shadow:inset 0 3px #fffc,inset 0 -4px #aa703438,0 5px 0 var(--ink-soft),0 8px 16px #1e140a33;color:var(--ink);font-family:var(--font);pointer-events:auto;touch-action:none;cursor:pointer;transition:transform .08s ease-out,box-shadow .08s ease-out,opacity .25s,filter .15s}.bb-tp-btn.down{transform:translateY(3px) scale(1.06,.92);box-shadow:inset 0 3px #fffc,0 1px 0 var(--ink-soft);filter:brightness(1.06)}.bb-tp-btn .bb-tp-ico{width:28px;height:28px;fill:currentColor}.bb-tp-cap{font-size:11px;font-weight:700;line-height:1;letter-spacing:.02em;margin-top:1px}.bb-tp-glyph{font-size:24px;font-weight:700;line-height:1;color:#fff;text-shadow:var(--outline-s),0 2.5px 0 var(--ink)}.bb-tp-jump{right:0;bottom:0;width:80px;height:80px;color:#fff;background:linear-gradient(180deg,#95dc68,var(--grass-d));box-shadow:inset 0 3px #ffffff73,inset 0 -4px #00000026,0 5px 0 var(--ink),0 8px 16px #1e140a38}.bb-tp-jump .bb-tp-ico{width:32px;height:32px;stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round}.bb-tp-jump .bb-tp-cap,.bb-tp-fish .bb-tp-cap,.bb-tp-target.on .bb-tp-cap{font-size:12px;color:#fff;text-shadow:0 1.5px 0 var(--ink),0 0 2px var(--ink)}.bb-tp-use{right:92px;bottom:2px;width:66px;height:66px;background:linear-gradient(180deg,#ffd67aeb,#f0a840eb)}.bb-tp-use.ready{animation:bb-tp-ready 1.2s ease-in-out infinite}.bb-tp-target{right:6px;bottom:94px;width:64px;height:64px}.bb-tp-target.on{color:#fff;background:linear-gradient(180deg,#ff9a7a,var(--red))}.bb-tp-fish{right:84px;bottom:84px;width:62px;height:62px;color:#fff;background:linear-gradient(180deg,#a9e2ff,#3c9bd6);opacity:0;transform:scale(.6);pointer-events:none}.bb-tp-fish .bb-tp-ico{stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.bb-tp-fish.show{opacity:1;transform:none;pointer-events:auto}.bb-tp-fish.show.urgent{background:linear-gradient(180deg,#ffe08a,#f0a840);animation:bb-tp-ready .6s ease-in-out infinite}.bb-tp-fish.show.down{transform:translateY(3px) scale(1.06,.92)}@keyframes bb-tp-ready{0%,to{box-shadow:inset 0 3px #fffc,0 5px 0 var(--ink-soft),0 0 #ffcf3fb3}50%{box-shadow:inset 0 3px #fffc,0 5px 0 var(--ink-soft),0 0 0 8px #ffcf3f00}}.bb-tp-turn{display:none;position:absolute;left:50%;top:30%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 40px);padding:7px 16px;font-size:14px;font-weight:700;text-align:center;white-space:normal;pointer-events:auto;transition:opacity .4s}@media (orientation: portrait){.bb-touch .bb-tp-turn{display:block}}.bb-touch .bb-tp-turn.gone{opacity:0;pointer-events:none}.bb-touch .bb-ui{--gutter: 12px;--slot: 54px;--seed: 52px}.bb-touch .bb-ui .bb-keycap-corner,.bb-touch .bb-ui .bb-hb-key{display:none}.bb-touch .bb-ui .bb-seedbar,.bb-touch .bb-ui .bb-hotbar{max-width:calc(100vw - 2 * (var(--tp-side, 190px) + 12px));overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x;padding:6px 8px;gap:6px;border-radius:18px}.bb-touch .bb-ui .bb-seedbar::-webkit-scrollbar,.bb-touch .bb-ui .bb-hotbar::-webkit-scrollbar{display:none}.bb-touch .bb-ui .bb-hb-slot,.bb-touch .bb-ui .bb-seedslot{flex:none}.bb-touch .bb-ui .bb-cast-player{bottom:calc(var(--gutter) + var(--slot) + 30px);width:240px;margin-left:-120px}.bb-touch .bb-ui .bb-prompt{bottom:calc(var(--gutter) + var(--seed) + 34px);font-size:15px;padding:5px 14px 5px 8px}.bb-touch .bb-ui.mode-combat .bb-prompt{bottom:calc(var(--gutter) + var(--slot) + 70px)}.bb-touch .bb-ui .bb-coach{max-width:calc(100vw - 380px);font-size:14px}@media (orientation: landscape){.bb-touch .bb-ui.mode-garden .bb-coach{top:10px;bottom:auto;max-width:calc(100vw - 300px)}}.bb-touch .bb-ui .bb-playerframe,.bb-touch .bb-ui .bb-targetframe{top:8px;zoom:.78}.bb-touch .bb-ui.mode-combat .bb-targetframe{left:calc(var(--gutter) + 260px)}.bb-touch .bb-ui .bb-coins{top:8px;right:var(--tp-r, 12px);padding:3px 14px 3px 5px;gap:7px}.bb-touch .bb-ui .bb-coins-num{font-size:22px}.bb-touch .bb-ui .bb-coin{transform:scale(.82)}.bb-touch .bb-ui .bb-players{top:54px;right:var(--tp-r, 12px);padding:2px 11px 3px 8px;font-size:13px}.bb-touch .bb-ui .bb-players-list{top:88px;max-height:calc(100vh - 100px);overflow-y:auto}.bb-touch .bb-ui .bb-toasts{top:90px;right:calc(var(--tp-r, 12px) + 64px);max-width:46vw}.bb-touch .bb-ui .bb-zone{top:64px;zoom:.8}.bb-touch .bb-ui .bb-backpack-btn{top:88px;bottom:auto;right:var(--tp-r, 12px);width:56px;height:56px;border-radius:16px}.bb-touch .bb-ui .bb-backpack-btn .bb-bag{transform:scale(.8)}.bb-touch .bb-ui .bb-chat{--chat-w: 230px;left:var(--tp-l, 14px);bottom:calc(var(--tp-b, 12px) + var(--tp-pad, 148px) + 10px);gap:4px}.bb-touch .bb-ui .bb-chat-log{max-height:66px}.bb-touch .bb-ui .bb-chat-line{font-size:12px}.bb-touch .bb-ui .bb-chat-hint{width:44px;height:44px;padding:0;justify-content:center;opacity:1;position:relative}.bb-touch .bb-ui .bb-chat-hint>*{display:none}.bb-touch .bb-ui .bb-chat-hint:before{content:"";width:24px;height:20px;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M4 0h16a4 4 0 0 1 4 4v7a4 4 0 0 1-4 4h-9l-5 5v-5H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M4 0h16a4 4 0 0 1 4 4v7a4 4 0 0 1-4 4h-9l-5 5v-5H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z'/%3E%3C/svg%3E") center / contain no-repeat}.bb-touch .bb-ui .bb-emote-btn,.bb-touch .bb-ui .bb-mute-btn{left:calc(var(--tp-l, 14px) + 52px);right:auto;bottom:calc(var(--tp-b, 12px) + var(--tp-pad, 148px) + 10px);width:44px;height:44px}.bb-touch .bb-ui .bb-mute-btn{left:calc(var(--tp-l, 14px) + 104px)}.bb-touch .bb-ui .bb-emote-menu{left:calc(var(--tp-l, 14px) + 40px);right:auto;bottom:calc(var(--tp-b, 12px) + var(--tp-pad, 148px) + 62px);max-height:calc(100vh - 220px);overflow-y:auto}.bb-touch .bb-ui .bb-chat.open{--chat-w: min(560px, calc(100vw - 32px) );left:50%;bottom:auto;top:8px;transform:translate(-50%);z-index:70}.bb-touch .bb-ui .bb-chat.open .bb-chat-log{max-height:34vh}.bb-touch .bb-ui .bb-chat.open .bb-chat-input{font-size:16px}.bb-touch .bb-ui .bb-modal{padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.bb-touch .bb-ui .bb-modal .bb-panel{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}@media (orientation: portrait){.bb-touch .bb-ui .bb-seedbar,.bb-touch .bb-ui .bb-hotbar{bottom:calc(var(--tp-b, 12px) + 176px);max-width:calc(100vw - 24px)}.bb-touch .bb-ui .bb-cast-player{bottom:calc(var(--tp-b, 12px) + 176px + var(--slot) + 30px)}.bb-touch .bb-ui .bb-prompt{bottom:calc(var(--tp-b, 12px) + 176px + var(--seed) + 34px)}.bb-touch .bb-ui.mode-combat .bb-prompt{bottom:calc(var(--tp-b, 12px) + 176px + var(--slot) + 70px)}.bb-touch .bb-ui .bb-chat,.bb-touch .bb-ui .bb-emote-btn,.bb-touch .bb-ui .bb-mute-btn{bottom:calc(var(--tp-b, 12px) + 176px + 84px)}.bb-touch .bb-ui .bb-chat.open{bottom:auto}.bb-touch .bb-ui .bb-emote-menu{bottom:calc(var(--tp-b, 12px) + 176px + 136px)}.bb-touch .bb-ui.mode-combat .bb-targetframe{left:var(--gutter);top:122px}.bb-touch .bb-ui .bb-coach,.bb-touch .bb-ui.mode-combat .bb-coach{bottom:calc(var(--tp-b, 12px) + 176px + 84px + 56px);width:max-content;max-width:calc(100vw - 32px)}}