@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-cyrillic-ext-400-normal-BuyJL26e.woff2) format("woff2"),url(./pacifico-cyrillic-ext-400-normal-BH1b5rOk.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-cyrillic-400-normal-DS5_g9Hw.woff2) format("woff2"),url(./pacifico-cyrillic-400-normal-BtlfDWif.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-vietnamese-400-normal-CNs27uJ4.woff2) format("woff2"),url(./pacifico-vietnamese-400-normal-CLnUcRoK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-latin-ext-400-normal-Ba3kv-va.woff2) format("woff2"),url(./pacifico-latin-ext-400-normal-nyRvH6_c.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-latin-400-normal-7HIToT7q.woff2) format("woff2"),url(./pacifico-latin-400-normal-DArfF-vd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html:root{--kit-bg: #060f14;--kit-panel: #2a1a10;--kit-fg: #fff7ee;--kit-muted: #e3c9a6;--kit-accent: #c6ff3d;--kit-accent-fg: #1d2a06;--kit-accent-2: #ffcf3d;--kit-warn: #ffcf3d;--kit-radius: 10px;--kit-font: "Arial Black", "Helvetica Neue", system-ui, sans-serif;--kit-focus-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(61, 224, 255, .55), 0 0 26px rgba(255, 255, 255, .55);--kit-glyph-key: linear-gradient(180deg, #f6e3c4, #d6b386);--kit-glyph-key-ink: #2a160a;--kit-glyph-font: "Arial Black", system-ui, sans-serif;--bb-script: "Pacifico", "Brush Script MT", cursive;--bb-mono: ui-monospace, "Cascadia Mono", Menlo, monospace;--bb-lime: #c6ff3d;--bb-pink: #ff4fb8;--bb-cyan: #3de0ff;--bb-gold: #ffcf3d;--bb-violet: #b98cff;--bb-orange: #ff8a3d;--bb-cream: #f3d9b8;--bb-ink: #140a04;--bb-grain: repeating-linear-gradient(92deg, rgba(0, 0, 0, .12) 0 3px, transparent 3px 11px), repeating-linear-gradient(88deg, rgba(255, 220, 170, .05) 0 1px, transparent 1px 17px);--bb-wood: linear-gradient(180deg, #74452a 0%, #4f2d18 58%, #321b0d 100%);--bb-wood-hot: linear-gradient(180deg, #84502f 0%, #5b341c 58%, #3a1f0f 100%);--bb-planks: repeating-linear-gradient(90deg, rgba(0, 0, 0, .5) 0 2px, rgba(255, 210, 160, .06) 2px 3px, transparent 3px 58px), repeating-linear-gradient(91deg, rgba(0, 0, 0, .14) 0 2px, transparent 2px 9px), linear-gradient(180deg, #3c2516 0%, #2a180d 100%);--bb-screw: radial-gradient( circle at 40% 35%, #fff4c0 0 1px, #d2a43c 1.6px, #8a6216 3px, #3a2508 3.6px, transparent 4.2px );--bb-leaves-tl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cg stroke='%23082a17' stroke-width='2'%3E%3Cpath d='M4 40 C30 6 72 4 104 18 C76 34 40 46 4 40Z' fill='%232f9a55'/%3E%3Cpath d='M6 44 C18 72 44 86 76 84 C60 64 36 50 6 44Z' fill='%23187a3d'/%3E%3Cpath d='M8 38 C26 20 34 8 30 -4 C14 8 6 22 8 38Z' fill='%2341b265'/%3E%3C/g%3E%3Cg stroke='%23d8ffd0' stroke-opacity='.35' stroke-width='1.5' fill='none'%3E%3Cpath d='M8 40 C40 30 70 22 100 18'/%3E%3Cpath d='M8 44 C30 58 50 72 72 82'/%3E%3C/g%3E%3C/svg%3E");--bb-leaves-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cg transform='rotate(180 60 45)' stroke='%23082a17' stroke-width='2'%3E%3Cpath d='M4 40 C30 6 72 4 104 18 C76 34 40 46 4 40Z' fill='%23187a3d'/%3E%3Cpath d='M6 44 C18 72 44 86 76 84 C60 64 36 50 6 44Z' fill='%232f9a55'/%3E%3C/g%3E%3C/svg%3E")}html,body{margin:0;height:100%;background:radial-gradient(120% 100% at 50% 0%,#11303e,#060f14 58%,#02070a);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}#app:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px)}canvas{display:block;touch-action:none;transition:filter .5s ease}html.bb-attract canvas{filter:blur(3px) brightness(.62) saturate(1.2)}:focus{outline:none}html .kit-dim{background:radial-gradient(ellipse at 50% 40%,#030a0e59,#010508cc);backdrop-filter:blur(5px) saturate(125%);-webkit-backdrop-filter:blur(5px) saturate(125%)}html .kit-title-screen.kit-dim{background:radial-gradient(ellipse 75% 60% at 50% 42%,#030a0e1a,#030a0e8c 70%,#010508e6);backdrop-filter:none;-webkit-backdrop-filter:none}.bb-tube-pink{--tube: var(--bb-pink)}.bb-tube-lime{--tube: #b8f530}.bb-tube-cyan{--tube: var(--bb-cyan)}.bb-tube-gold{--tube: var(--bb-gold)}html .kit-btn{--neon: var(--bb-cyan);position:relative;overflow:hidden;min-height:48px;padding:8px 18px;color:#fff;font:400 21px/1.15 var(--bb-script);letter-spacing:.01em;border-radius:10px;border:2px solid #1c0f07;background:var(--bb-screw) 5px 50% / 9px 9px no-repeat,var(--bb-screw) calc(100% - 5px) 50% / 9px 9px no-repeat,var(--bb-grain),var(--bb-wood);box-shadow:inset 0 1px #ffdcb447,inset 0 -3px #00000059,0 5px 0 var(--bb-ink),0 10px 18px #00000080;text-shadow:0 0 3px rgba(255,255,255,.7),0 0 9px var(--neon),0 0 18px var(--neon);transition:transform .1s ease,box-shadow .15s ease,filter .15s ease}html .kit-btn:hover:not(:disabled){background:var(--bb-screw) 5px 50% / 9px 9px no-repeat,var(--bb-screw) calc(100% - 5px) 50% / 9px 9px no-repeat,var(--bb-grain),var(--bb-wood-hot);filter:brightness(1.08)}html .kit-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffdcb433,inset 0 -2px #00000059,0 2px 0 var(--bb-ink),0 4px 8px #00000080;text-shadow:0 0 4px #fff,0 0 12px var(--neon),0 0 26px var(--neon)}html[data-hub-input=keys] .kit-btn:focus,html .kit-btn.hub-nav-focus,html .kit-btn[data-hub-focus]{box-shadow:inset 0 1px #ffdcb447,0 5px 0 var(--bb-ink),var(--kit-focus-shadow);animation:bb-buzz 1.6s steps(1,end) infinite}html[data-hub-input=touch] .kit-btn[data-hub-focus]:not(:hover){box-shadow:inset 0 1px #ffdcb447,inset 0 -3px #00000059,0 5px 0 var(--bb-ink),0 10px 18px #00000080;animation:none}html .kit-btn:disabled{color:#b9a58e;text-shadow:none;filter:saturate(.4) brightness(.8);cursor:default}html .kit-btn.kit-primary,html .kit-btn.kit-primary:hover:not(:disabled){--neon: #b8f530;min-height:60px;color:#fff;border-color:#1c0f07;background:var(--bb-screw) 5px 50% / 9px 9px no-repeat,var(--bb-screw) calc(100% - 5px) 50% / 9px 9px no-repeat,var(--bb-grain),var(--bb-wood-hot);box-shadow:inset 0 1px #ffdcb447,inset 0 -3px #00000059,0 0 0 3px #b8f530,0 0 22px #b8f53099,0 7px 0 var(--bb-ink),0 12px 22px #0000008c}html .kit-btn.kit-primary:before{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16) 50%,transparent);transform:translate(-160%) skew(-20deg);animation:bb-sheen 3.6s 1.2s ease-in-out infinite;pointer-events:none}.kit-menu>.kit-btn:not(.kit-primary):nth-child(5n+1){--neon: var(--bb-pink)}.kit-menu>.kit-btn:not(.kit-primary):nth-child(5n+2){--neon: var(--bb-cyan)}.kit-menu>.kit-btn:not(.kit-primary):nth-child(5n+3){--neon: var(--bb-gold)}.kit-menu>.kit-btn:not(.kit-primary):nth-child(5n+4){--neon: var(--bb-violet)}.kit-menu>.kit-btn:not(.kit-primary):nth-child(5n){--neon: var(--bb-orange)}html .kit-btn.bb-mbtn{display:flex;align-items:center;gap:12px;width:100%;padding:8px 34px 8px 20px;text-align:left}.bb-mbtn-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--neon);color:var(--neon);background:#0a040273;font:900 17px/1 var(--kit-font);text-shadow:0 0 8px var(--neon);box-shadow:0 0 10px var(--neon),inset 0 0 8px color-mix(in srgb,var(--neon) 60%,transparent);transition:transform .2s cubic-bezier(.2,1.6,.4,1)}.kit-primary .bb-mbtn-icon{width:44px;height:44px;font-size:20px}.bb-mbtn-text{display:flex;flex-direction:column;min-width:0}.bb-mbtn-label{font:400 22px/1.1 var(--bb-script)}.kit-primary .bb-mbtn-label{font-size:28px}.bb-mbtn-sub{margin-top:2px;font:700 11px/1.25 var(--bb-mono);color:var(--bb-cream);text-shadow:0 1px 0 rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html .kit-btn.bb-mbtn:after{content:"◀";position:absolute;right:18px;top:50%;translate:0 -50%;font:900 13px var(--kit-font);color:#fff;text-shadow:0 0 8px #fff;opacity:0}html .kit-btn.bb-mbtn:hover .bb-mbtn-icon,html[data-hub-input=keys] .kit-btn.bb-mbtn:focus .bb-mbtn-icon,html .kit-btn.bb-mbtn[data-hub-focus] .bb-mbtn-icon{transform:scale(1.12) rotate(-6deg)}html[data-hub-input=keys] .kit-btn.bb-mbtn:focus:after,html .kit-btn.bb-mbtn[data-hub-focus]:after{opacity:1;animation:bb-point .6s ease-in-out infinite alternate}.kit-btn.bb-mbtn:has(.kit-glyph-on):after{display:none}html[data-prompts=keys] .kit-btn.bb-mbtn:has(>.kit-glyph-on[data-keys=yes]),html[data-prompts=pad] .kit-btn.bb-mbtn:has(>.kit-glyph-on[data-pad=yes]){padding-left:20px;padding-right:56px}.kit-btn>.kit-glyph-on{right:18px}.bb-panel,.bb-card,html .kit-modal-sheet{position:relative;box-sizing:border-box;border-radius:16px;border:3px solid #120904;background:var(--bb-screw) 8px 8px / 10px 10px no-repeat,var(--bb-screw) calc(100% - 8px) 8px / 10px 10px no-repeat,var(--bb-screw) 8px calc(100% - 8px) / 10px 10px no-repeat,var(--bb-screw) calc(100% - 8px) calc(100% - 8px) / 10px 10px no-repeat,var(--bb-planks);box-shadow:inset 0 0 0 1px #ffd2a014,inset 0 10px 24px #00000059,0 22px 50px #000000a6}.bb-panel:after,.bb-card:after,html .kit-modal-sheet:after{content:"";position:absolute;inset:-22px -18px;pointer-events:none;background:var(--bb-leaves-tl) 0 0 / 96px 72px no-repeat,var(--bb-leaves-br) 100% 100% / 96px 72px no-repeat;transform-origin:10% 10%;animation:bb-sway 6s ease-in-out infinite;z-index:2}.bb-panel{width:min(400px,100%);display:flex;flex-direction:column;gap:10px;padding:18px 16px 16px;animation:bb-board-in .6s .2s cubic-bezier(.2,.9,.3,1.1) both}.bb-panel .kit-menu,.bb-panel .kit-continue{width:100%}.bb-card{z-index:1;width:min(400px,100%);display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:20px 16px 16px;animation:bb-board-in .42s cubic-bezier(.2,1.3,.4,1) both}.kit-screen[data-redraw] .bb-card,.kit-screen[data-redraw] .bb-panel{animation:none}html .kit-menu{display:flex;flex-direction:column;gap:10px}.bb-in{animation:bb-swing-in .5s calc(.25s + var(--i, 0) * .06s) cubic-bezier(.2,1.5,.4,1) both;transform-origin:50% 0}.kit-screen[data-redraw] .bb-in{animation:none}.bb-card>.kit-title,html .kit-modal-title,.kit-dim>h2.kit-title{position:relative;align-self:center;margin:0 auto 2px;padding:6px 24px 12px;width:fit-content;max-width:100%;box-sizing:border-box;border-radius:16px;background:#08040edb;border:2px solid rgba(255,255,255,.08);box-shadow:0 10px 22px #0000008c,inset 0 0 18px #0009;text-align:center;font:400 clamp(1.6rem,7.5vw,2.3rem) / 1.15 var(--bb-script);color:#fff6fb;-webkit-text-fill-color:#fff6fb;-webkit-text-stroke:1px var(--tube, var(--bb-pink));text-shadow:0 0 4px #fff,0 0 10px var(--tube, var(--bb-pink)),0 0 24px var(--tube, var(--bb-pink)),0 0 42px var(--tube, var(--bb-pink));filter:none;animation:bb-flicker 1.4s .15s steps(1,end) both}.bb-card>.kit-title:before,.bb-card>.kit-title:after{content:"";position:absolute;top:-16px;width:2px;height:16px;background:repeating-linear-gradient(180deg,#a9acb6 0 4px,transparent 4px 6px)}.bb-card>.kit-title:before{left:26px}.bb-card>.kit-title:after{right:26px}.kit-title.bb-won{--tube: #b8f530}.kit-title.bb-lost{--tube: var(--bb-gold)}html .kit-modal-title{--tube: var(--bb-cyan);font-size:clamp(1.4rem,6.5vw,2rem)}.bb-card-sub{margin:0;text-align:center;font:700 12px var(--bb-mono);letter-spacing:.06em;color:var(--bb-cream)}.bb-chip,.bb-hud-chip,.bb-beat-chip,.bb-band-tag,.bb-room-code{--tube: var(--bb-pink);display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:2px solid var(--tube);background:#08040ec7;box-shadow:0 0 10px var(--tube),inset 0 0 8px color-mix(in srgb,var(--tube) 50%,transparent);font:700 12px var(--bb-mono);letter-spacing:.12em;color:#fff;white-space:nowrap}.bb-chip strong,.bb-hud-chip strong,.bb-beat-chip strong,.bb-room-code strong{font:900 16px var(--kit-font);letter-spacing:.02em;color:var(--bb-gold);text-shadow:0 0 8px rgba(255,207,61,.6)}.bb-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.bb-stats .bb-chip:nth-child(3n+2){--tube: var(--bb-cyan)}.bb-stats .bb-chip:nth-child(3n){--tube: #b8f530}.bb-title-screen{gap:12px}.bb-title-screen>:not(.bb-sparks){position:relative;z-index:1}.bb-kicker{margin:0;font:700 11px var(--bb-mono);letter-spacing:.42em;color:var(--bb-gold);text-shadow:0 0 10px rgba(255,207,61,.6);animation:bb-fade-up .6s .55s ease-out both}html .kit-title.bb-wordmark{position:relative;display:flex;flex-direction:column;align-items:center;margin:18px auto 2px;padding:6px 30px 14px;border-radius:24px;background:#08040ed1;border:2px solid rgba(255,255,255,.08);box-shadow:0 16px 34px #0009,inset 0 0 22px #000000b3;font:400 clamp(2.6rem,13vw,4.4rem) / .95 var(--bb-script);color:inherit;-webkit-text-fill-color:initial;filter:none}html .kit-title.bb-wordmark:before,html .kit-title.bb-wordmark:after{content:"";position:absolute;top:-26px;width:2px;height:26px;background:repeating-linear-gradient(180deg,#a9acb6 0 4px,transparent 4px 6px)}html .kit-title.bb-wordmark:before{left:34px}html .kit-title.bb-wordmark:after{right:34px}.bb-word{display:flex}.bb-word+.bb-word{font-size:1.12em;margin-top:-.12em}.bb-letter{display:inline-block;color:#fff7fc;-webkit-text-stroke:1.2px var(--tube);text-shadow:0 0 3px #fff,0 0 10px var(--tube),0 0 24px var(--tube),0 0 46px var(--tube);animation:bb-letter-drop .7s calc(.2s + var(--i) * 75ms) cubic-bezier(.2,1.6,.4,1) both,bb-flicker 1.4s calc(.5s + var(--i) * 75ms) steps(1,end) both,bb-letter-bob 2.8s calc(1.1s + var(--i) * .14s) ease-in-out infinite}.bb-taglines{position:relative;height:1.4em;width:min(420px,100%);margin:0;font:700 13px var(--bb-mono);color:var(--bb-cream);text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.85)}.bb-taglines span{position:absolute;inset:0;opacity:0;animation:bb-tagline 14s linear infinite}.bb-taglines span:nth-child(2){animation-delay:3.5s}.bb-taglines span:nth-child(3){animation-delay:7s}.bb-taglines span:nth-child(4){animation-delay:10.5s}.bb-footer{display:flex;justify-content:space-between;gap:6px;animation:bb-fade-up .5s .7s ease-out both}.bb-footer .bb-chip:last-child{--tube: var(--bb-cyan)}html .kit-continue{display:flex;flex-direction:column;gap:10px}@media(min-width:760px){.bb-title-screen .bb-panel{width:min(660px,92vw)}.bb-title-screen .kit-menu{display:grid;grid-template-columns:1fr 1fr}.bb-title-screen .kit-menu>.kit-primary{grid-column:1 / -1}}.bb-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.bb-sparks i{--c: var(--bb-lime);position:absolute;bottom:-20px;width:var(--size, 6px);height:var(--size, 6px);border-radius:50%;background:radial-gradient(circle,#fff 0 25%,var(--c) 45%,transparent 72%);box-shadow:0 0 10px var(--c);animation:bb-firefly 8s linear infinite}.bb-sparks i.bb-pink{--c: var(--bb-pink)}.bb-sparks i.bb-cyan{--c: var(--bb-cyan)}.bb-sparks i.bb-gold{--c: var(--bb-gold)}html .kit-modal{padding-top:max(72px,calc(var(--kit-top) + 16px));padding-bottom:calc(var(--kit-bottom, 0px) + 24px)}html .kit-modal-sheet{padding:22px 18px 18px;color:var(--kit-fg);animation:bb-board-in .36s cubic-bezier(.2,1.3,.4,1) both}html .kit-modal-body{font:500 15px/1.45 system-ui,sans-serif;color:#fff4e6}html .kit-modal-body li::marker{color:var(--bb-gold)}html .kit-modal-buttons{margin-top:14px;gap:10px}.kit-modal-buttons .kit-btn{min-width:140px}html .kit-row{min-height:52px;padding:4px 10px;border-radius:10px;background:#00000047;box-shadow:inset 0 2px 4px #0009,0 1px #ffd2a01a}html .kit-row+.kit-row{margin-top:8px}html .kit-row-label{font:400 19px var(--bb-script);color:#fff;text-shadow:0 0 8px var(--bb-cyan)}html .kit-toggle{width:64px;height:34px;border-radius:999px;background:linear-gradient(180deg,#160c06,#2a170b);box-shadow:inset 0 2px 5px #000c,0 0 0 2px #4a2a16}html .kit-toggle:after{top:4px;left:4px;width:26px;height:26px;background:radial-gradient(circle at 38% 32%,#fff4c0,#d2a43c 45%,#7a5410);box-shadow:0 2px 4px #0009;transition:transform .25s cubic-bezier(.2,1.6,.4,1)}html .kit-toggle[aria-checked=true]{background:linear-gradient(180deg,#d4ff7a,#7fbf16);box-shadow:inset 0 2px 5px #00000059,0 0 0 2px #4a2a16,0 0 16px #b8f530bf}html .kit-toggle[aria-checked=true]:after{transform:translate(30px)}html .kit-slider{appearance:none;-webkit-appearance:none;height:34px;background:transparent}html .kit-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(180deg,#f1cf72,#8a6216);box-shadow:0 1px #0009}html .kit-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:radial-gradient(circle,#fff 0 25%,var(--bb-cyan) 55%,#0a6f86);box-shadow:0 0 12px var(--bb-cyan)}html .kit-slider::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(180deg,#f1cf72,#8a6216)}html .kit-slider::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0 25%,var(--bb-cyan) 55%,#0a6f86);box-shadow:0 0 12px var(--bb-cyan)}html[data-hub-input=keys] .kit-slider:focus,html .kit-slider[data-hub-focus],html[data-hub-input=keys] .kit-toggle:focus,html .kit-toggle[data-hub-focus]{box-shadow:var(--kit-focus-shadow);border-radius:999px}html .kit-seg{background:#00000059;box-shadow:inset 0 2px 4px #0009;border-radius:12px}html .kit-seg-item{min-height:44px;border-radius:8px;font:400 17px var(--bb-script);color:var(--bb-cream)}html .kit-seg-item[aria-checked=true]{color:#fff;background:var(--bb-grain),var(--bb-wood);box-shadow:0 0 0 2px #b8f530,0 0 12px #b8f53099;text-shadow:0 0 8px #b8f530}html .kit-modal input[type=text],html .kit-chat-input,html .kit-share-field{min-height:44px;padding:0 12px;border-radius:10px;border:2px solid #4a2a16;background:#fff4e3;color:#2a160a;font:700 16px var(--bb-mono);box-shadow:inset 0 2px 4px #00000040}html .kit-modal input[type=text]:focus,html .kit-chat-input:focus{box-shadow:var(--kit-focus-shadow)}html .kit-choose-head,html .kit-join-label,html .kit-open-sub{font:700 12px var(--bb-mono);color:var(--bb-cream)}html .kit-toast{--tube: var(--bb-cyan);border-radius:10px;border:2px solid #1c0f07;border-left:6px solid var(--tube);background:var(--bb-screw) calc(100% - 8px) 8px / 9px 9px no-repeat,var(--bb-grain),var(--bb-wood);color:#fff4e6;font:600 14px/1.35 system-ui,sans-serif;box-shadow:-4px 0 14px color-mix(in srgb,var(--tube) 60%,transparent),0 10px 24px #0000008c;animation:bb-swing-in .45s cubic-bezier(.2,1.5,.4,1) both;transform-origin:50% 0}html .kit-toast[data-kind=good]{--tube: #b8f530}html .kit-toast[data-kind=warn]{--tube: var(--bb-gold)}html .kit-toast-actions .kit-btn{min-height:44px;font-size:17px}html .kit-loading .kit-tagline{font:400 26px var(--bb-script);color:#fff7fc;text-shadow:0 0 4px #fff,0 0 12px var(--bb-pink),0 0 26px var(--bb-pink);animation:bb-flicker 2.4s steps(1,end) infinite}html .kit-progress{height:10px;border-radius:6px;background:linear-gradient(180deg,#160c06,#2a170b);box-shadow:inset 0 2px 4px #000c,0 0 0 2px #4a2a16}html .kit-progress>i{background:linear-gradient(180deg,#e6ffb0,#8fd61f);box-shadow:0 0 12px #b8f530}html .kit-spinner{border-color:#ff4fb840;border-top-color:var(--bb-pink);filter:drop-shadow(0 0 6px var(--bb-pink))}html .kit-pause-btn{--neon: var(--bb-cyan);width:48px;min-width:48px;height:48px;padding:0;border-radius:50%;font:900 18px var(--kit-font);background:var(--bb-grain),var(--bb-wood)}.bb-total{display:flex;align-items:center;justify-content:center;gap:14px}.bb-total p{display:flex;flex-direction:column;margin:0;font:700 12px var(--bb-mono);letter-spacing:.2em;color:var(--bb-cream)}.bb-total strong{font:900 2.4rem var(--kit-font);color:var(--bb-gold);text-shadow:0 0 14px rgba(255,207,61,.6)}.bb-best{margin:0;text-align:center;font:700 13px var(--bb-mono);color:var(--bb-cream)}.bb-best strong{color:var(--bb-gold)}html .kit-result-body{display:flex;flex-direction:column;gap:10px}.bb-song-name{margin:0;text-align:center;font:400 clamp(1.5rem,7vw,2.1rem) / 1.2 var(--bb-script);color:#fff7fc;-webkit-text-stroke:1px var(--bb-pink);text-shadow:0 0 4px #fff,0 0 12px var(--bb-pink),0 0 26px var(--bb-pink)}.bb-band-strip,.bb-beats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.bb-band-tag{--tube: var(--seat);padding:3px 10px;font:400 15px var(--bb-script);letter-spacing:0}.bb-band-tag.bb-quiet{opacity:.4;box-shadow:none}.bb-song-actions .kit-btn.bb-done{--neon: #b8f530}.bb-sheet-sub{margin:0 0 12px;font:500 14px system-ui,sans-serif;color:var(--bb-cream);text-align:center}.kit-modal-body:has(.bb-sheet-menu){max-height:min(62vh,560px);overflow-y:auto;padding:4px 6px}.bb-sheet-menu{display:flex;flex-direction:column;gap:10px}#ui:not([data-screen=play])>.bb-dock,#ui:not([data-screen=play])>.bb-pads,#ui:not([data-screen=play])>.bb-banner{display:none}html .kit-hud{pointer-events:none}.kit-hud .bb-hud-row{pointer-events:auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px}.bb-stepper,.bb-seg{display:flex;align-items:center;gap:4px;padding:3px;border-radius:14px;border:2px solid #1c0f07;background:var(--bb-grain),var(--bb-wood);box-shadow:inset 0 1px #ffdcb440,0 4px 0 var(--bb-ink),0 8px 16px #00000080;animation:bb-swing-in .45s cubic-bezier(.2,1.5,.4,1) both;transform-origin:50% 0}.bb-seg{animation-delay:.08s}html .bb-stepper .kit-btn,html .bb-seg .kit-btn{min-width:44px;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font:900 20px var(--kit-font);background:#0000004d;box-shadow:inset 0 2px 4px #0000008c}html .bb-seg .kit-btn.bb-loop-btn{width:auto;gap:6px;padding:0 12px 0 8px;font-size:14px}.bb-step-value{min-width:48px;text-align:center;font:900 17px var(--kit-font);color:var(--bb-gold);text-shadow:0 0 10px rgba(255,207,61,.6)}.bb-step-icon,.bb-loop-icon{margin-right:2px;color:#b8f530;text-shadow:0 0 8px #b8f530}.bb-loop-label{font:700 10px var(--bb-mono);letter-spacing:.14em;color:var(--bb-cream)}.bb-loop-btn strong{color:var(--bb-gold);font:900 14px var(--kit-font)}.kit-hud .bb-hud-chip:nth-child(2){--tube: var(--bb-cyan)}.kit-hud .bb-hud-chip:nth-child(3){--tube: #b8f530}@media(max-width:420px){.bb-loop-label{display:none}.bb-step-value{min-width:42px;font-size:15px}}.bb-pads{position:fixed;inset:0;pointer-events:none;z-index:1}.bb-pad{position:absolute;left:0;top:0;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:flex-end;justify-content:center;border-radius:22px;cursor:pointer}.bb-pad:before{content:"";position:absolute;inset:8% 6% 0;border-radius:50% 50% 22px 22px;background:radial-gradient(ellipse at 50% 70%,var(--seat),transparent 70%);opacity:0;pointer-events:none}.bb-pad.bb-hit:before{animation:bb-pad-flash .35s ease-out}.bb-plate{position:relative;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 4px);margin-bottom:2px;padding:1px 10px 3px 6px;border-radius:8px;border:1.5px solid #1c0f07;background:var(--bb-grain),var(--bb-wood);box-shadow:0 2px 0 var(--bb-ink),0 0 10px color-mix(in srgb,var(--seat) 35%,transparent);font:400 15px/1.3 var(--bb-script);color:#fff;text-shadow:0 0 3px rgba(255,255,255,.7),0 0 8px var(--seat),0 0 16px var(--seat);white-space:nowrap;--kit-glyph-size: 18px}.bb-plate-name{min-width:0;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.bb-pad.bb-muted .bb-plate{opacity:.5;text-shadow:none}.bb-pad.bb-theirs .bb-plate{border-style:dashed}@media(max-width:520px){.bb-plate{padding:0 7px 2px 4px;font-size:13px;--kit-glyph-size: 16px}}.bb-dock{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);transform:translate(-50%);z-index:2;display:flex;gap:6px;padding:6px 8px;border-radius:16px;border:3px solid #120904;background:var(--bb-planks);box-shadow:0 14px 30px #0009;animation:bb-dock-in .42s cubic-bezier(.2,.9,.3,1.1) both}.bb-dock-echo{display:none}html .bb-dock .kit-btn.bb-dock-btn{width:66px;min-width:0;height:58px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:var(--bb-grain),var(--bb-wood)}.bb-dock-btn:nth-child(5n+1){--neon: var(--bb-pink)}.bb-dock-btn:nth-child(5n+2){--neon: var(--bb-cyan)}.bb-dock-btn:nth-child(5n+3){--neon: var(--bb-gold)}.bb-dock-btn:nth-child(5n+4){--neon: var(--bb-violet)}.bb-dock-icon{font:900 20px/1 var(--kit-font);color:var(--neon);text-shadow:0 0 8px var(--neon)}.bb-dock-label{font:400 14px/1.3 var(--bb-script)}html .bb-dock .kit-btn.bb-dock-primary{--neon: #b8f530;box-shadow:0 0 0 2px #b8f530,0 0 16px #b8f53099,0 5px 0 var(--bb-ink)}html .bb-dock .kit-btn.bb-on{box-shadow:0 0 0 2px var(--bb-pink),0 0 16px #ff4fb899,0 5px 0 var(--bb-ink)}.bb-banner{position:fixed;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;text-align:center;white-space:nowrap}.bb-banner:empty{display:none}.bb-banner strong{--tube: var(--bb-pink);font:400 clamp(1.8rem,8vw,2.8rem) / 1.15 var(--bb-script);color:#fff7fc;-webkit-text-stroke:1px var(--tube);text-shadow:0 0 4px #fff,0 0 12px var(--tube),0 0 28px var(--tube)}.bb-banner-play strong,.bb-banner-hint strong{--tube: #b8f530}.bb-banner span{font:700 12px var(--bb-mono);color:var(--bb-cream);text-shadow:0 1px 4px #000}.bb-banner .bb-banner-stars{font:900 24px var(--kit-font);color:var(--bb-gold);text-shadow:0 0 12px rgba(255,207,61,.7);letter-spacing:.1em}.bb-banner-hint strong{animation:bb-hint 1.4s ease-in-out infinite}.bb-pop{animation:bb-pop .5s cubic-bezier(.2,1.6,.4,1) both}.bb-friend-pop{position:absolute;left:50%;top:18%;display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 3px;border-radius:999px;background:#08040ed9;border:2px solid var(--seat);box-shadow:0 0 14px var(--seat);color:#fff;font:400 16px var(--bb-script);pointer-events:none;animation:bb-friend 1.2s cubic-bezier(.2,.9,.3,1.1) both}.bb-lobby .bb-card{width:min(440px,94vw)}.bb-room-code{--tube: var(--bb-gold);align-self:center;margin:2px auto 8px}.bb-room-code strong{margin-left:4px;font-size:18px;letter-spacing:.2em}.bb-lobby .kit-seats{width:100%;margin:0 0 10px}.bb-lobby .kit-seat{border-radius:10px;background:#0000004d;box-shadow:inset 0 2px 4px #0009;font:400 19px var(--bb-script);color:#fff;text-shadow:0 0 8px var(--bb-cyan)}.bb-lobby .kit-seat>.kit-btn{min-height:44px;padding:4px 10px;background:none;border:0;box-shadow:none;font-size:19px}.bb-lobby .kit-chat{width:100%;margin-top:10px}.bb-lobby .kit-chat-lines{font:500 14px system-ui,sans-serif;color:#fff4e6}.bb-lobby .kit-chat-chips .kit-btn{min-height:44px;padding:4px 14px;font-size:16px;border-radius:999px}html.bb-cover .kit-hud,html.bb-cover .kit-corner,html.bb-cover .bb-dock,html.bb-cover .bb-pads,html.bb-cover .bb-banner{display:none}.bb-cover-title{position:fixed;left:3%;top:50%;width:40%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.bb-cover-title .bb-wordmark{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 28px 16px;border-radius:24px;background:#08040ed9;border:2px solid rgba(255,255,255,.08);font:400 84px/.95 var(--bb-script)}.bb-cover-title .bb-letter{animation:none}.bb-cover-pill{--tube: #b8f530;margin:0;padding:7px 16px;border-radius:999px;border:2px solid var(--tube);background:#08040ecc;box-shadow:0 0 14px var(--tube);font:700 14px var(--bb-mono);color:#fff}@media(max-height:520px){html .kit-dim{overflow-y:auto}html .kit-title.bb-wordmark{margin-top:10px;font-size:clamp(1.8rem,11vh,2.6rem);padding:2px 20px 8px}.bb-kicker,.bb-taglines{display:none}.bb-title-screen{gap:6px}.bb-panel,.bb-card{width:min(640px,100%);padding:12px;gap:8px}.bb-panel .kit-menu,.bb-card .kit-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bb-panel .kit-menu>.kit-primary{grid-column:1 / -1}.bb-mbtn-sub,.bb-card-sub{display:none}html .kit-btn.kit-primary{min-height:50px}.bb-card>.kit-title{font-size:1.5rem}html .kit-result-body{display:grid;grid-template-columns:1fr 1fr;align-items:center}.bb-song-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr)}.bb-panel:after,.bb-card:after{display:none}}@keyframes bb-swing-in{0%{opacity:0;transform:translateY(-16px) rotate(-7deg)}60%{opacity:1;transform:translateY(2px) rotate(2.5deg)}80%{transform:rotate(-1deg)}to{transform:none}}@keyframes bb-board-in{0%{opacity:0;transform:translateY(18px) scale(.94) rotate(-1deg)}70%{opacity:1;transform:translateY(-2px) scale(1.01)}to{transform:none}}@keyframes bb-flicker{0%{opacity:.2}10%{opacity:1}16%{opacity:.3}28%{opacity:1}34%{opacity:.6}42%,to{opacity:1}}@keyframes bb-buzz{0%,to{filter:brightness(1.12)}48%{filter:brightness(1.25)}50%{filter:brightness(.95)}52%{filter:brightness(1.2)}}@keyframes bb-sway{0%,to{transform:rotate(0)}50%{transform:rotate(1.4deg)}}@keyframes bb-point{to{translate:5px -50%}}@keyframes bb-sheen{0%{transform:translate(-160%) skew(-20deg)}35%,to{transform:translate(360%) skew(-20deg)}}@keyframes bb-fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes bb-letter-drop{0%{opacity:0;transform:translateY(-120%) scale(.6,1.4)}55%{opacity:1;transform:translateY(0) scale(1.18,.82)}75%{transform:translateY(-6%) scale(.95,1.06)}to{transform:none}}@keyframes bb-letter-bob{0%,to{translate:0 0;rotate:0deg}25%{translate:0 -5px;rotate:-3deg}75%{translate:0 3px;rotate:3deg}}@keyframes bb-tagline{0%{opacity:0;transform:translateY(8px)}4%,21%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-8px)}}@keyframes bb-firefly{0%{transform:translate(0);opacity:0}10%{opacity:.95}35%{transform:translate(22px,-36vh);opacity:.4}55%{transform:translate(-10px,-60vh);opacity:.95}to{transform:translate(16px,-112vh);opacity:0}}@keyframes bb-dock-in{0%{opacity:0;transform:translate(-50%,18px)}}@keyframes bb-pad-flash{0%{opacity:.55}to{opacity:0}}@keyframes bb-pop{0%{opacity:0;scale:.6}}@keyframes bb-hint{50%{transform:scale(1.08)}}@keyframes bb-friend{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.08)}80%{opacity:1;transform:translate(-50%,-16px) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(.9)}}@media(prefers-reduced-motion:reduce){.bb-in,.bb-card,.bb-panel,.bb-letter,.bb-kicker,.bb-footer,.bb-taglines span,.bb-sparks,.bb-stepper,.bb-seg,.bb-dock,.bb-pop,.bb-banner-hint strong,.bb-pad.bb-hit:before,.bb-panel:after,.bb-card:after,html .kit-modal-sheet,html .kit-modal-sheet:after,html .kit-toast,html .kit-btn,html .kit-btn:before,html .kit-btn:after,html .kit-loading .kit-tagline,.bb-card>.kit-title,html .kit-modal-title{animation:none!important}.bb-sparks{display:none}.bb-taglines span:first-child{opacity:1}}html .kit-modal-buttons .kit-btn.bb-mbtn{flex:1 1 160px;width:auto}@media(max-width:520px){html .kit-btn.bb-mbtn{min-height:48px;padding-top:4px;padding-bottom:4px;gap:10px}.bb-mbtn-icon{width:32px;height:32px;font-size:15px}.bb-mbtn-label{font-size:20px}html .kit-btn.kit-primary{min-height:54px}.kit-primary .bb-mbtn-icon{width:38px;height:38px}.kit-primary .bb-mbtn-label{font-size:25px}html .kit-menu{gap:8px}.bb-panel{padding:14px 12px 12px;gap:8px}html .kit-title.bb-wordmark{margin-top:12px;font-size:clamp(2.4rem,12vw,3.4rem)}}@media(max-height:520px){html .kit-screen.kit-dim{justify-content:flex-start;padding-top:10px;padding-bottom:14px;overflow-y:auto}html .kit-modal{padding-top:10px;padding-bottom:10px;align-items:flex-start}html .kit-modal-sheet{max-height:calc(100dvh - 20px);overflow-y:auto}html .kit-modal-sheet:after{display:none}html .kit-btn.bb-mbtn{min-height:44px;padding-top:2px;padding-bottom:2px}.bb-mbtn-icon,.kit-primary .bb-mbtn-icon{width:30px;height:30px;font-size:14px}.bb-mbtn-label{font-size:18px}.kit-primary .bb-mbtn-label{font-size:22px}html .kit-title.bb-wordmark{flex-direction:row;align-items:baseline;gap:.3em;margin:18px auto 0;font-size:2rem}.bb-word+.bb-word{font-size:1em;margin-top:0}.bb-card>.kit-title,html .kit-modal-title{font-size:1.4rem;padding:2px 18px 6px}}html .kit-choose .kit-btn.bb-mbtn{flex-direction:row;justify-content:flex-start;align-items:center}html .kit-chat-form{display:flex;gap:8px;align-items:stretch}html .kit-chat-form .kit-chat-input{flex:1 1 140px;min-width:120px}html .kit-chat-form .kit-btn.bb-mbtn{flex:none;width:auto}html .kit-btn.bb-mbtn{flex-wrap:nowrap}html .kit-chat-form .bb-mbtn-sub{display:none}html .kit-btn.bb-mbtn{justify-content:flex-start}.bb-mbtn-sub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bb-room-code{font:900 18px var(--kit-font);letter-spacing:.2em;color:var(--bb-gold);text-shadow:0 0 8px rgba(255,207,61,.6)}.bb-room-code:before{content:"ROOM CODE";margin-right:8px;font:700 11px var(--bb-mono);letter-spacing:.16em;color:var(--bb-cream);text-shadow:none}.bb-panel:after{background:var(--bb-leaves-tl) 0 0 / 96px 72px no-repeat}.bb-cover-title .bb-wordmark:before,.bb-cover-title .bb-wordmark:after{content:"";position:absolute;top:-40px;width:2px;height:40px;background:repeating-linear-gradient(180deg,#a9acb6 0 4px,transparent 4px 6px)}.bb-cover-title .bb-wordmark:before{left:36px}.bb-cover-title .bb-wordmark:after{right:36px}