body:has(#bf2-main){background:#07050a;overflow:hidden}body:has(#bf2-main) .skip-link,body:has(#bf2-main) #pc-fb,body:has(#bf2-main) #cursor-room,body:has(#bf2-main) #pc-freshness,body:has(#bf2-main) .pc-freshness,body:has(#bf2-main) #pc-first-see,body:has(#bf2-main) .first-see,body:has(#bf2-main) .footer-bar{display:none!important}.bf2{--bf2-ink: #fff7e4;--bf2-muted: rgba(255, 247, 228, .68);--bf2-soft: rgba(255, 247, 228, .42);--bf2-line: rgba(255, 247, 228, .18);--bf2-panel: rgba(8, 6, 12, .72);--bf2-panel-strong: rgba(8, 6, 12, .88);--bf2-brass: #f0bd54;--bf2-coral: #ff6d66;--bf2-teal: #5ce4d2;--bf2-blue: #406fff;--bf2-bg-opacity: .94;position:relative;min-height:100vh;margin:0 -32px;padding:0 clamp(12px,1.8vw,24px) clamp(12px,1.8vw,24px);color:var(--bf2-ink);background:#07050a;font-family:var(--pc-font-sans, Inter, system-ui, sans-serif);isolation:isolate}.bf2 .drum-nav{position:fixed;top:12px;left:14px;z-index:12;width:min(320px,calc(100vw - 28px));transform:scale(.84);transform-origin:top left;opacity:.56}.bf2__app{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:14px;height:100vh;padding-top:56px}.bf2__field{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,247,228,.15);border-radius:8px;background:#07050a;cursor:crosshair;user-select:none;-webkit-user-select:none;box-shadow:0 22px 60px #0000006b}.bf2__field:before,.bf2__field:after{content:"";position:absolute;inset:0;pointer-events:none}.bf2__field:before{z-index:0;background-image:var(--bf2-bg-url);background-size:cover;background-position:var(--bf2-bg-position, center center);opacity:var(--bf2-bg-opacity);filter:saturate(1.12) contrast(1.04) brightness(.92);transform:scale(1.012)}.bf2__field:after{z-index:1;opacity:.74;background:var(--bf2-wash),radial-gradient(circle at 50% 52%,transparent 0 42%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.34) 100%),linear-gradient(90deg,rgba(0,0,0,.12),transparent 24%,transparent 76%,rgba(0,0,0,.14))}.bf2__pattern,.bf2__fall-layer,.bf2__range,.bf2__header,.bf2__status{position:absolute}.bf2__pattern{inset:0;z-index:2;width:100%;height:100%;opacity:.72;mix-blend-mode:screen}.bf2__fall-layer{inset:0;z-index:3;pointer-events:none}.bf2__range{z-index:2;top:0;bottom:0;width:var(--bf2-range-width, 72%);left:50%;transform:translate(-50%);border-left:1px dashed rgba(255,247,228,.17);border-right:1px dashed rgba(255,247,228,.17);background:linear-gradient(90deg,rgba(255,247,228,.05),transparent 16%,transparent 84%,rgba(255,247,228,.05));opacity:.5;pointer-events:none}.bf2__header{z-index:5;top:clamp(16px,4vh,42px);left:50%;width:min(720px,calc(100% - 32px));transform:translate(-50%);text-align:center;pointer-events:none}.bf2__chrome,.bf2__meters,.bf2__status{font-family:var(--pc-font-mono, "JetBrains Mono", ui-monospace, monospace);text-transform:uppercase;letter-spacing:.16em}.bf2__chrome{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:32px;padding:4px 14px;border:1px solid rgba(240,189,84,.46);border-radius:999px;color:#fff7e4c7;background:#00000070;font-size:11px;box-shadow:0 0 24px #00000047;pointer-events:auto}.bf2__chrome a{color:var(--bf2-brass);text-decoration:none}.bf2__header h1{margin:clamp(10px,2vh,18px) 0 10px;color:#f0bd54;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,9vw,138px);font-weight:400;line-height:.84;letter-spacing:.08em;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 42px rgba(255,198,83,.34)}.bf2__meters{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:11px;color:var(--bf2-muted)}.bf2__meters span,.bf2__status span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid rgba(255,247,228,.16);border-radius:999px;background:#00000061;white-space:nowrap}.bf2__meters b{margin-right:6px;color:var(--bf2-teal);font-weight:500}.bf2__status{z-index:5;left:18px;bottom:18px;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 36px);font-size:10px;color:#fff7e4b8;pointer-events:none}.bf2__bell{position:absolute;left:0;top:0;width:var(--bell-size, 30px);height:calc(var(--bell-size, 30px) * 1.22);transform:translate3d(var(--bell-x, 0),var(--bell-y, 0),0) rotate(var(--bell-rot, 0deg));transform-origin:50% 28%;filter:drop-shadow(0 9px 10px rgba(0,0,0,.32)) drop-shadow(0 0 var(--bell-glow, 0) rgba(240,189,84,.75));will-change:transform,opacity,filter}.bf2__bell svg{width:100%;height:100%;display:block;image-rendering:pixelated}.bf2__bell.is-hit{animation:bf2-hit .66s cubic-bezier(.16,1,.3,1) forwards}@keyframes bf2-hit{0%{opacity:1;filter:drop-shadow(0 0 0 rgba(240,189,84,0))}28%{opacity:1;transform:translate3d(var(--bell-x, 0),var(--bell-y, 0),0) rotate(var(--bell-rot, 0deg)) scale(1.35);filter:drop-shadow(0 0 24px rgba(240,189,84,.85))}to{opacity:0;transform:translate3d(var(--bell-x, 0),calc(var(--bell-y, 0) + 12px),0) rotate(var(--bell-rot, 0deg)) scale(.82)}}.bf2__controls{min-height:0;overflow:auto;border:1px solid rgba(255,247,228,.14);border-radius:8px;padding:12px;background:linear-gradient(180deg,rgba(255,247,228,.08),transparent 34%),var(--bf2-panel);backdrop-filter:blur(22px);box-shadow:0 22px 50px #00000052}.bf2__control-strip{display:grid;grid-template-columns:44px 1fr 1fr 44px;gap:8px;align-items:center}.bf2__icon-button,.bf2__surprise{min-height:40px;border:1px solid rgba(255,247,228,.18);border-radius:8px;color:var(--bf2-ink);background:#fff7e414;font:500 13px/1 var(--pc-font-mono, ui-monospace, monospace);cursor:pointer}.bf2__icon-button:hover,.bf2__surprise:hover,.bf2__gradient-choice:hover,.bf2__bg-choice:hover{border-color:#f0bd54ad}.bf2__icon-button:active,.bf2__surprise:active{transform:translateY(1px)}.bf2__icon-button span{display:grid;place-items:center;font-size:22px;line-height:1}.bf2__switch{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding:6px 8px;border:1px solid rgba(255,247,228,.16);border-radius:8px;background:#fff7e40f;cursor:pointer}.bf2__switch input{position:absolute;opacity:0;pointer-events:none}.bf2__switch span{position:relative;width:34px;height:18px;border-radius:999px;background:#fff7e42e;box-shadow:inset 0 0 0 1px #fff7e429}.bf2__switch span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff7e4e0;transition:transform .16s ease,background .16s ease}.bf2__switch input:checked+span{background:#5ce4d257}.bf2__switch input:checked+span:after{transform:translate(16px);background:var(--bf2-teal)}.bf2__switch b{overflow:hidden;color:#fff7e4c7;font:500 11px/1 var(--pc-font-mono, ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.bf2__stack,.bf2__select-grid,.bf2__option-block{margin-top:12px}.bf2__stack{display:grid;gap:10px}.bf2__range-control{display:grid;gap:6px}.bf2__range-control span,.bf2__select-grid span,.bf2__block-label{display:flex;justify-content:space-between;gap:10px;color:#fff7e49e;font:500 10px/1 var(--pc-font-mono, ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase}.bf2__range-control b{color:var(--bf2-brass);font-weight:500}.bf2__range-control input{width:100%;accent-color:var(--bf2-brass)}.bf2__select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bf2__select-grid label{display:grid;gap:6px;min-width:0}.bf2__select-grid select{min-width:0;width:100%;min-height:38px;border:1px solid rgba(255,247,228,.18);border-radius:8px;color:var(--bf2-ink);background:var(--bf2-panel-strong);font:500 12px/1 var(--pc-font-mono, ui-monospace, monospace)}.bf2__surprise{grid-column:span 2;letter-spacing:.12em;text-transform:uppercase}.bf2__block-label{margin-bottom:8px}.bf2__gradient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bf2__gradient-choice,.bf2__bg-choice{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,247,228,.14);border-radius:8px;color:var(--bf2-ink);cursor:pointer}.bf2__gradient-choice{min-height:44px;background:var(--choice-gradient)}.bf2__gradient-choice span{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);overflow:hidden;color:#ffffffdb;font:500 9px/1 var(--pc-font-mono, ui-monospace, monospace);text-shadow:0 1px 3px rgba(0,0,0,.75);text-overflow:ellipsis;white-space:nowrap}.bf2__bg-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.bf2__bg-choice{aspect-ratio:1;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.26)),var(--thumb);background-size:cover;background-position:center}.bf2__bg-choice span{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:20px;height:16px;border-radius:4px;color:#fff7e4eb;background:#0000007a;font:500 9px/1 var(--pc-font-mono, ui-monospace, monospace)}.bf2__gradient-choice.is-active,.bf2__bg-choice.is-active{border-color:var(--bf2-brass);box-shadow:0 0 0 2px #f0bd542e,0 0 22px #f0bd542e}@media(max-width:980px){body:has(#bf2-main){overflow:auto}.bf2{min-height:100vh;padding-bottom:12px}.bf2__app{grid-template-columns:1fr;height:auto;min-height:100vh;padding-top:58px}.bf2__field{min-height:62vh}.bf2__controls{overflow:visible}}@media(max-width:620px){.bf2{margin:0 -18px;padding-inline:8px}.bf2__app{gap:8px}.bf2__field{min-height:58vh;border-radius:8px}.bf2__header{top:18px}.bf2__chrome{gap:8px;font-size:10px;letter-spacing:.1em}.bf2__meters,.bf2__status{font-size:9px;letter-spacing:.08em}.bf2__status{left:10px;bottom:10px;max-width:calc(100% - 20px)}.bf2__control-strip{grid-template-columns:40px 1fr 1fr 40px;gap:6px}.bf2__select-grid{grid-template-columns:1fr}.bf2__surprise{grid-column:auto}.bf2__bg-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}}