:root{--bf-body-bg: radial-gradient(1100px 620px at 50% -8%, rgb(91, 141, 238, .16), transparent 62%), radial-gradient(760px 520px at 12% 104%, rgb(192, 38, 211, .12), transparent 60%), radial-gradient(680px 460px at 92% 88%, rgb(255, 159, 67, .09), transparent 60%), linear-gradient(178deg, #0b0e22 0%, #0d1024 46%, #080a17 100%);--bf-drag-box-bg: rgb(91, 141, 238, .13);--bf-drag-box-border: 1px solid rgb(91, 141, 238, .3);--bf-canvas-border: 1px solid rgb(120, 150, 240, .2);--bf-canvas-bg: #0d1024;--bf-canvas-shadow: 0 22px 60px rgb(0, 0, 0, .55), inset 0 0 90px rgb(91, 141, 238, .07);--bf-toast-bg: rgb(13, 16, 36, .94);--bf-toast-border: 1px solid rgb(120, 150, 240, .26);--bf-toast-shadow: 0 10px 30px rgb(0, 0, 0, .45);--bf-overlay-bg: rgb(8, 10, 23, .9);--bf-overlay-dim-bg: rgb(8, 10, 23, .78);--bf-clear-veil: linear-gradient(to top, rgb(8, 10, 23, .94) 0%, rgb(8, 10, 23, .56) 32%, rgb(8, 10, 23, 0) 72%);--bf-mode-bg: rgb(255, 255, 255, .06);--bf-mode-border: 1px solid rgb(255, 255, 255, .14);--bf-mode-hover-bg: rgb(255, 255, 255, .11);--bf-mode-is-active-bg: rgb(91, 141, 238, .22);--bf-mode-is-active-border: rgb(91, 141, 238, .55);--bf-mode-daily-is-active-bg: rgb(255, 159, 67, .2);--bf-mode-daily-is-active-border: rgb(255, 159, 67, .5);--bf-chip-bg: rgb(255, 255, 255, .05);--bf-chip-border: 1px solid rgb(255, 255, 255, .11);--bf-chip-hover-bg: rgb(255, 255, 255, .1);--bf-chip-is-done-bg: rgb(52, 211, 153, .16);--bf-chip-is-done-border: rgb(52, 211, 153, .42);--bf-card-bg: rgb(18, 22, 44, .97);--bf-card-border: 1px solid rgb(120, 150, 240, .24);--bf-card-shadow: 0 22px 60px rgb(0, 0, 0, .55);--bf-btn-bg: rgb(255, 255, 255, .07);--bf-btn-border: 1px solid rgb(255, 255, 255, .15);--bf-btn-hover-bg: rgb(255, 255, 255, .12);--bf-btn-primary-bg: linear-gradient(135deg, #405ecb, #66368e);--bf-btn-primary-text: #fff;--bf-btn-primary-border: rgb(255, 255, 255, .24);--bf-btn-ghost-border: rgb(255, 255, 255, .18);--bf-lb-bg: rgb(255, 255, 255, .045);--bf-lb-border: 1px solid rgb(255, 255, 255, .1);--bf-username-bg: rgb(255, 255, 255, .07);--bf-username-border: 1px solid rgb(255, 255, 255, .16);--bf-username-focus-border: rgb(91, 141, 238, .65);--bf-username-focus-bg: rgb(255, 255, 255, .1)}:root[data-theme=light]{--bf-body-bg: radial-gradient(1100px 620px at 50% -8%, rgb(91, 141, 238, .16), transparent 62%), radial-gradient(760px 520px at 12% 104%, rgb(192, 38, 211, .12), transparent 60%), radial-gradient(680px 460px at 92% 88%, rgb(255, 159, 67, .09), transparent 60%), linear-gradient(178deg, #eff0f6 0%, #eeeff5 46%, #f4f5f9 100%);--bf-drag-box-bg: rgb(91, 141, 238, .13);--bf-drag-box-border: 1px solid rgb(91, 141, 238, .3);--bf-canvas-border: 1px solid rgb(120, 150, 240, .2);--bf-canvas-bg: #eeeff5;--bf-canvas-shadow: 0 22px 60px rgb(15, 23, 42, .193), inset 0 0 90px rgb(15, 23, 42, .04);--bf-toast-bg: rgb(255, 255, 255, .98);--bf-toast-border: 1px solid rgb(120, 150, 240, .26);--bf-toast-shadow: 0 10px 30px rgb(15, 23, 42, .158);--bf-overlay-bg: rgb(255, 255, 255, .98);--bf-overlay-dim-bg: rgb(15, 23, 42, .32);--bf-clear-veil: linear-gradient(to top, rgb(255, 255, 255, .9) 0%, rgb(255, 255, 255, .48) 32%, rgb(255, 255, 255, 0) 72%);--bf-mode-bg: rgb(255, 255, 255, .73);--bf-mode-border: 1px solid rgb(15, 23, 42, .154);--bf-mode-hover-bg: rgb(255, 255, 255, .88);--bf-mode-is-active-bg: rgb(91, 141, 238, .22);--bf-mode-is-active-border: rgb(91, 141, 238, .55);--bf-mode-daily-is-active-bg: rgb(255, 159, 67, .2);--bf-mode-daily-is-active-border: rgb(255, 159, 67, .5);--bf-chip-bg: rgb(255, 255, 255, .7);--bf-chip-border: 1px solid rgb(15, 23, 42, .121);--bf-chip-hover-bg: rgb(255, 255, 255, .85);--bf-chip-is-done-bg: rgb(52, 211, 153, .16);--bf-chip-is-done-border: rgb(52, 211, 153, .42);--bf-card-bg: rgb(255, 255, 255, .98);--bf-card-border: 1px solid rgb(120, 150, 240, .24);--bf-card-shadow: 0 22px 60px rgb(15, 23, 42, .193);--bf-btn-bg: rgb(255, 255, 255, .76);--bf-btn-border: 1px solid rgb(15, 23, 42, .165);--bf-btn-hover-bg: rgb(255, 255, 255, .91);--bf-btn-primary-bg: linear-gradient(135deg, #405ecb, #66368e);--bf-btn-primary-text: #fff;--bf-btn-primary-border: rgb(15, 23, 42, .2);--bf-btn-ghost-border: rgb(15, 23, 42, .198);--bf-lb-bg: rgb(255, 255, 255, .685);--bf-lb-border: 1px solid rgb(15, 23, 42, .11);--bf-username-bg: rgb(255, 255, 255, .76);--bf-username-border: 1px solid rgb(15, 23, 42, .176);--bf-username-focus-border: rgb(91, 141, 238, .65);--bf-username-focus-bg: rgb(255, 255, 255, .85)}body{min-height:100vh;min-height:100dvh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--tok-text);background:var(--bf-body-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.bf-hud-level{font-size:12.5px;font-weight:800;letter-spacing:.06em;color:var(--tok-text-dim);text-transform:uppercase;white-space:nowrap}.bf-drag-box{display:flex;align-items:baseline;gap:5px;padding:4px 13px;border-radius:12px;background:var(--bf-drag-box-bg);border:var(--bf-drag-box-border);font-variant-numeric:tabular-nums;white-space:nowrap}.bf-drag-value{font-size:17px;font-weight:800;color:var(--tok-text)}.bf-par{font-size:11px;font-weight:700;color:var(--tok-text-dim)}.bf-lang-btn{font-size:13px;font-weight:800;letter-spacing:.02em}#bf-canvas{border:var(--bf-canvas-border);background:var(--bf-canvas-bg);box-shadow:var(--bf-canvas-shadow);touch-action:none;cursor:grab}#bf-canvas:active{cursor:grabbing}.bf-toast{top:14px;padding:9px 18px;max-width:calc(100% - 32px);font-size:13px;font-weight:700;line-height:1.5;text-align:center;color:var(--tok-text);background:var(--bf-toast-bg);border:var(--bf-toast-border);box-shadow:var(--bf-toast-shadow);animation:bf-toast-in .24s ease}@keyframes bf-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.bf-overlay{background:var(--bf-overlay-bg);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);text-align:center}.bf-overlay-dim{background:var(--bf-overlay-dim-bg)}#bf-clear{justify-content:flex-end;padding:16px 18px 22px;background:var(--bf-clear-veil);backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}#bf-clear .bf-card{pointer-events:auto}@keyframes bf-clear-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#bf-clear:not(.hidden) .bf-card{animation:bf-clear-in .24s ease-out both}.bf-title{font-size:30px;font-weight:800;letter-spacing:.02em;color:var(--tok-text);line-height:1.15}.bf-subtitle{font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--tok-text-dim)}.bf-hero{font-size:46px;line-height:1;margin:2px 0 4px;filter:drop-shadow(0 0 18px rgb(91,141,238,.55))}.bf-howto{max-width:400px;font-size:12.5px;line-height:1.75;color:var(--tok-text-dim)}.bf-mode-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.bf-mode{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:700;line-height:1;color:var(--tok-text);background:var(--bf-mode-bg);border:var(--bf-mode-border);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.bf-mode>svg{width:17px;height:17px;flex:0 0 auto}.bf-mode:hover{background:var(--bf-mode-hover-bg)}.bf-mode:active{transform:scale(.97)}.bf-mode.is-active{background:var(--bf-mode-is-active-bg);border-color:var(--bf-mode-is-active-border)}.bf-mode-daily.is-active{background:var(--bf-mode-daily-is-active-bg);border-color:var(--bf-mode-daily-is-active-border)}.bf-level-label{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--tok-text-mute);margin-top:4px}.bf-level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:100%;max-width:340px}.bf-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;aspect-ratio:1;min-width:0;padding:0;font-family:inherit;font-size:14px;font-weight:800;line-height:1.1;color:var(--tok-text-dim);background:var(--bf-chip-bg);border:var(--bf-chip-border);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.bf-chip:after{content:"";position:absolute;inset:var(--tok-hit-pad);border-radius:inherit}.bf-chip:hover{background:var(--bf-chip-hover-bg)}.bf-chip:active{transform:scale(.95)}.bf-chip.is-done{color:var(--tok-text);background:var(--bf-chip-is-done-bg);border-color:var(--bf-chip-is-done-border)}.bf-chip.is-locked{color:var(--tok-text-mute);cursor:not-allowed}.bf-chip-stars{font-size:8.5px;letter-spacing:.06em;line-height:1;color:var(--tok-gold)}.bf-daily-best{min-height:17px;font-size:12px;font-weight:700;color:var(--tok-text-dim)}.bf-start-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px}.bf-card{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;max-width:330px;padding:22px 20px;background:var(--bf-card-bg);border:var(--bf-card-border);border-radius:18px;box-shadow:var(--bf-card-shadow)}.bf-card-title{color:var(--tok-gold)}.bf-card-line{font-size:13.5px;font-weight:700;color:var(--tok-text);font-variant-numeric:tabular-nums}.bf-card-note{max-width:300px;font-size:12px;line-height:1.7;color:var(--tok-text-dim)}.bf-overlay-title{font-size:22px;font-weight:800;color:var(--tok-text)}.bf-over-score{font-size:46px;font-weight:800;line-height:1.05;color:var(--tok-text);font-variant-numeric:tabular-nums}.bf-over-sub{font-size:12.5px;font-weight:700;color:var(--tok-text-dim)}.bf-btn-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.bf-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:700;line-height:1;color:var(--tok-text);background:var(--bf-btn-bg);border:var(--bf-btn-border);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.bf-btn>svg{width:15px;height:15px;flex:0 0 auto}.bf-btn:hover{background:var(--bf-btn-hover-bg)}.bf-btn:active{transform:scale(.97)}.bf-btn-primary{background:var(--bf-btn-primary-bg);border-color:var(--bf-btn-primary-border);color:var(--bf-btn-primary-text)}.bf-btn-primary:hover{filter:brightness(1.12)}.bf-btn-ghost{background:transparent;border-color:var(--bf-btn-ghost-border)}.bf-lb{background:var(--bf-lb-bg);border:var(--bf-lb-border)}.bf-lb-title,.bf-lb-row{color:var(--tok-text-dim)}.bf-lb-rank{color:var(--tok-text-mute)}.bf-lb-name,.bf-lb-score{color:var(--tok-text)}.bf-lb-row.is-me .bf-lb-name{color:var(--tok-gold)}.bf-username{background:var(--bf-username-bg);border:var(--bf-username-border)}.bf-username:focus{border-color:var(--bf-username-focus-border);background:var(--bf-username-focus-bg)}.bf-side-title{color:var(--tok-text)}.bf-side-text{color:var(--tok-text-dim)}.bf-side-text b{color:var(--tok-text)}.bf-cheat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;font-family:inherit;text-align:left;color:var(--tok-text);background:none;border:none;cursor:pointer}.bf-cheat-head .game-side-title{margin-bottom:0}.bf-cheat-caret{flex:0 0 auto;width:16px;height:16px;color:var(--tok-text-dim);transition:transform .2s ease}.bf-cheat-head[aria-expanded=false] .bf-cheat-caret{transform:rotate(-90deg)}.bf-cheat-body{display:flex;flex-direction:column;gap:0;margin-top:9px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--frame-scrollbar-thumb) transparent}.bf-cheat-body[hidden]{display:none}.bf-cheat-body::-webkit-scrollbar{width:6px}.bf-cheat-body::-webkit-scrollbar-track{background:transparent}.bf-cheat-body::-webkit-scrollbar-thumb{background:var(--frame-scrollbar-thumb);border-radius:99px}.bf-cheat-row{display:flex;align-items:baseline;gap:7px;padding:3px 0;font-size:11.5px;color:var(--tok-text-dim)}.bf-cheat-sym{flex:0 0 20px;font-size:12.5px;font-weight:800;color:var(--tok-text)}.bf-cheat-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-cheat-val{flex:0 0 auto;font-weight:700;color:var(--tok-text-dim);font-variant-numeric:tabular-nums}.bf-footer-hint{color:var(--tok-text-mute)}@media(max-width:480px){body{background-attachment:scroll}.bf-title{font-size:25px}.bf-hero{font-size:38px;margin:0 0 2px}.bf-howto{font-size:12px;line-height:1.7}.bf-mode{min-height:40px;padding:0 13px;font-size:12.5px;gap:6px}.bf-mode>svg{width:15px;height:15px}.bf-level-grid{gap:5px;max-width:100%}.bf-chip{font-size:12.5px}.bf-card{padding:17px 14px;gap:7px}.bf-btn{min-height:40px;padding:0 13px;font-size:12.5px}.bf-over-score{font-size:38px}.bf-overlay{padding:14px;gap:8px}.bf-hud-level{font-size:11.5px}.bf-drag-value{font-size:15px}}@media(prefers-reduced-motion:reduce){.bf-toast{animation:none}#bf-clear:not(.hidden) .bf-card{animation:none}.bf-mode,.bf-btn,.bf-chip,.bf-cheat-caret{transition:none}.bf-mode:active,.bf-btn:active,.bf-chip:active{transform:none}}.bf-shell{--frame-max-wide: 980px;--frame-stage: 520px;--frame-side: 300px;--frame-side-gap: 14px;--frame-ratio: .7647;--frame-stage-h: 960px;--frame-shell-max: calc(var(--stage-w) + var(--frame-main-gap) + var(--frame-side) + 24px);--frame-stage-cap: min(var(--stage-w), calc(100% - var(--frame-main-gap) - var(--frame-side)))}:root{--bf-cv-bg-top: #141a38;--bf-cv-bg-bottom: #0a0c1c;--bf-cv-ionic-bond: rgb(167,139,250,.55);--bf-cv-bond: rgb(200,215,255,.85);--bf-cv-charge-pos: rgb(255,159,67,.95);--bf-cv-charge-neg: rgb(96,165,250,.95);--bf-cv-charge-ring: rgb(10,12,28,.85);--bf-cv-charge-text: #10142a;--bf-cv-atom-outline: rgb(8,10,24,.9);--bf-cv-select-ring: rgb(64,216,255,.5);--bf-cv-tray-bg: rgb(12,16,38,.72);--bf-cv-tray-border: rgb(120,150,240,.22);--bf-cv-tray-sep: rgb(120,150,240,.16);--bf-cv-tint: rgb(120,150,240,.1);--bf-cv-tray-slot-border: rgb(120,150,240,.38);--bf-cv-snap: rgb(52,211,153,.8);--bf-cv-top-light: rgb(150,190,255,.16);--bf-cv-top-light-out: rgb(150,190,255,0)}:root[data-theme=light]{--bf-cv-bg-top: #f5f7fc;--bf-cv-bg-bottom: #e5e9f2;--bf-cv-ionic-bond: rgb(124,58,237,.5);--bf-cv-bond: rgb(40,52,84,.8);--bf-cv-charge-pos: rgb(245,140,40,.95);--bf-cv-charge-neg: rgb(70,140,240,.95);--bf-cv-charge-ring: rgb(15,23,42,.55);--bf-cv-charge-text: #10142a;--bf-cv-atom-outline: rgb(15,23,42,.55);--bf-cv-select-ring: rgb(11,132,173,.55);--bf-cv-tray-bg: rgb(255,255,255,.82);--bf-cv-tray-border: rgb(60,80,150,.22);--bf-cv-tray-sep: rgb(60,80,150,.14);--bf-cv-tint: rgb(60,80,150,.08);--bf-cv-tray-slot-border: rgb(60,80,150,.3);--bf-cv-snap: rgb(5,150,105,.8);--bf-cv-top-light: rgb(255,255,255,.7);--bf-cv-top-light-out: rgb(255,255,255,0)}