:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080c10;--steel-hi: #cbd2d7;--steel-mid: #666e75;--steel-dark: #242a30;--gold: #f5aa13;--red: #d8312d;--blue: #146ed7;--green: #32a927}*{box-sizing:border-box}html,body,#app{width:100%;min-width:100%;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 20%,#25394b 0,#101820 42%,#070a0d)}button{font:inherit;-webkit-tap-highlight-color:transparent}.bf-development-gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(88,116,130,.18),transparent 42rem),linear-gradient(180deg,#111920,#080c10)}.bf-development-gate__panel{width:min(720px,100%);border:1px solid rgba(196,220,230,.18);border-radius:24px;padding:clamp(24px,5vw,48px);background:#070c10e6;box-shadow:0 28px 80px #0000006b}.bf-development-gate__eyebrow{color:#f2bc42;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.bf-viewport{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:#0a1015}.bf-viewport:before{content:"";position:absolute;inset:-5%;background:linear-gradient(90deg,#071016,#16283a 32%,#1c3145,#16283a 68%,#071016);filter:blur(30px);opacity:.85}.bf-stage{position:relative;width:min(100vw,calc(100dvh * 941 / 1672));aspect-ratio:941 / 1672;max-height:100dvh;overflow:hidden;isolation:isolate;container-type:inline-size;background:#182431;box-shadow:0 0 0 1px #ffffff0f,0 0 90px #000000bf;user-select:none}.bf-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:0;background:linear-gradient(180deg,#263d53,#1b2f41 45%,#6a4727)}.bf-atmosphere__concept{position:absolute;inset:-3%;background-size:cover;background-position:center;filter:blur(18px) saturate(.9) brightness(.62);transform:scale(1.05);opacity:.58}.bf-atmosphere__wash{position:absolute;inset:0;background:radial-gradient(circle at 9% 17%,rgba(255,186,66,.42),transparent 16%),radial-gradient(circle at 88% 10%,rgba(255,180,53,.19),transparent 18%),linear-gradient(90deg,rgba(7,15,21,.3),transparent 18%,transparent 82%,rgba(5,12,18,.4))}.bf-lamp{position:absolute;left:-3%;top:8.5%;width:16%;height:7%;border-radius:45% 45% 50% 50%;background:linear-gradient(#28323a 0 45%,#0b1116 46% 60%,#ffc74c 62% 68%,#ffcc5e59 69% 100%);filter:drop-shadow(0 16px 20px rgba(255,174,44,.55));transform:rotate(-3deg)}.bf-lamp:before{content:"";position:absolute;left:48%;top:-160%;width:6%;height:165%;background:#111820;box-shadow:0 0 0 2px #ffffff0d}.bf-pipe-bank{position:absolute;right:2%;top:31%;width:8%;height:27%;opacity:.8;background:repeating-linear-gradient(90deg,#16212b 0 10%,#435463 11% 17%,#0c151c 18% 28%);border-radius:8px;box-shadow:inset 0 0 20px #04080b}.bf-workbench{position:absolute;left:-8%;right:-8%;bottom:-2%;height:35%;background:linear-gradient(174deg,transparent 0 8%,rgba(71,41,22,.2) 9%,#8a5b33 10%,#5a351d 68%,#2f1e15 100%);box-shadow:inset 0 18px 40px #ffb3512e}.bf-workbench:after{content:"";position:absolute;inset:14% 0 0;background:repeating-linear-gradient(8deg,transparent 0 18px,rgba(255,255,255,.025) 19px 20px);mix-blend-mode:screen}.bf-neon{position:absolute;right:1.5%;top:14%;width:15%;color:#8dd7ff;font-family:Arial Narrow,Impact,sans-serif;font-size:2.1cqw;font-weight:700;line-height:.96;text-shadow:0 0 .4em #39a7ff,0 0 1.1em #0b72ff;transform:rotate(-2deg);opacity:.86;text-align:left}.bf-neon span{font-size:.82em}.bf-wall-sign{position:absolute;left:2.8%;top:18.5%;width:14%;padding:1.1% .8%;background:#b69769a8;border:1px solid rgba(68,48,33,.55);color:#4a3829;transform:rotate(-1deg);font-family:Arial Narrow,Impact,sans-serif;font-size:2.1cqw;line-height:1.02;text-align:center;box-shadow:0 6px 14px #00000040}.bf-wall-sign strong{display:block;margin-top:.15em;font-size:1.1em}.bf-hud{position:absolute;left:3.7%;top:1.15%;width:92.7%;height:7.2%;z-index:80;display:grid;grid-template-columns:26% 14% 22% 20% 9%;gap:2.2%;align-items:start;font-family:Arial Narrow,Impact,Inter,sans-serif}.bf-hud-panel,.bf-currency,.bf-pause{position:relative;min-width:0;height:100%;border:2px solid #8f9aa4;border-radius:1.3cqw;background:linear-gradient(180deg,#4b555f 0,#242c34 16%,#111820 70%,#202830);box-shadow:inset 0 0 0 .5cqw #222a31,inset 0 .25cqw .25cqw #ffffff2e,0 .7cqw 1.2cqw #0000008c;color:#fff;text-shadow:0 .2cqw .2cqw #000}.bf-hud-panel{padding:.35cqw 1.2cqw .6cqw;display:flex;flex-direction:column;justify-content:center}.bf-hud-panel__label{font-size:2.7cqw;line-height:.85;font-weight:900;letter-spacing:.03em}.bf-hud-panel__value{font-size:5.8cqw;line-height:.9;font-weight:900}.bf-hud-panel__sub{font-size:2.3cqw;font-weight:700;white-space:nowrap}.bf-hud-panel--level .bf-hud-panel__value{color:#ffbd25}.bf-hud-panel--moves{align-items:center;padding-inline:.3cqw}.bf-hud-panel--moves .bf-hud-panel__label{font-size:2.2cqw}.bf-hud-panel--moves .bf-hud-panel__value{font-size:6.5cqw}.bf-currency{height:64%;margin-top:1.2%;display:grid;grid-template-columns:31% 1fr 28%;align-items:center;padding:0 .15cqw 0 .1cqw;border-color:#27313a;overflow:visible}.bf-currency__icon{width:120%;height:120%;object-fit:contain;transform:translate(-14%);filter:drop-shadow(0 .35cqw .35cqw #000)}.bf-currency__value{font-size:4.2cqw;text-align:center;white-space:nowrap}.bf-plus{height:88%;aspect-ratio:1;border:2px solid #17381d;border-radius:1.15cqw;color:#fff;font-size:5cqw;font-weight:900;line-height:1;background:linear-gradient(#55df5b,#24a739 55%,#137126);box-shadow:inset 0 .4cqw .25cqw #ffffff61,inset 0 -.4cqw .25cqw #0000004d,0 .3cqw .5cqw #00000080;cursor:pointer}.bf-pause{width:100%;aspect-ratio:1;height:auto;padding:0;border:none;background:none;box-shadow:none;cursor:pointer}.bf-pause img{width:100%;display:block;filter:drop-shadow(0 .45cqw .45cqw rgba(0,0,0,.65))}.bf-board-shell{position:absolute;inset:0;z-index:20}.bf-backplate{position:absolute;left:15.9%;top:10.7%;width:67.1%;height:50.4%;border-radius:2.2cqw;background:linear-gradient(145deg,#b8bec3 0,#757d84 11%,#4b5258 47%,#777f85 72%,#2b3137),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='320'%20viewBox='0%200%20320%20320'%3e%3cdefs%3e%3cfilter%20id='n'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.018%20.42'%20numOctaves='2'%20seed='8'/%3e%3cfeColorMatrix%20values='1%200%200%200%200%200%201%200%200%200%200%200%201%200%200%200%200%200%20.22%200'/%3e%3c/filter%3e%3clinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20stop-color='%238d949b'/%3e%3cstop%20offset='.45'%20stop-color='%23555c63'/%3e%3cstop%20offset='1'%20stop-color='%23272e34'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20width='320'%20height='320'%20fill='url(%23g)'/%3e%3crect%20width='320'%20height='320'%20filter='url(%23n)'%20opacity='.75'/%3e%3c/svg%3e");background-blend-mode:multiply,normal;border:.55cqw solid #aab0b4;box-shadow:inset 0 0 0 .55cqw #343b41,inset .7cqw .7cqw 1.3cqw #ffffff38,inset -.8cqw -1cqw 1.5cqw #0000006b,0 .6cqw #24282d,0 1.1cqw 1cqw #00000094}.bf-backplate:before{content:"";position:absolute;inset:1.1%;border-radius:1.6cqw;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='256'%20height='256'%20viewBox='0%200%20256%20256'%3e%3cg%20fill='none'%20stroke='%23fff'%20stroke-linecap='round'%20opacity='.17'%3e%3cpath%20d='m16%2062%2077-20M54%2087l118-36M129%2076l76-22M20%20151l107-31M108%20142l118-35M36%20220l92-27M154%20202l70-20'/%3e%3cpath%20d='m74%2018-19%2071M183%2022l-29%2097M228%20101l-19%2074M91%20131l-14%2073'%20stroke-width='1.2'/%3e%3c/g%3e%3c/svg%3e");opacity:.65;pointer-events:none}.bf-piece{position:absolute;transform-origin:center;border:.28cqw solid rgba(248,248,248,.45);border-radius:.8cqw;box-shadow:inset 0 .45cqw .3cqw #ffffff52,inset 0 -.55cqw .45cqw #0000005c,0 .6cqw .7cqw #00000085;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .6s ease,filter .6s ease;overflow:hidden}.bf-piece:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='256'%20height='256'%20viewBox='0%200%20256%20256'%3e%3cg%20fill='none'%20stroke='%23fff'%20stroke-linecap='round'%20opacity='.17'%3e%3cpath%20d='m16%2062%2077-20M54%2087l118-36M129%2076l76-22M20%20151l107-31M108%20142l118-35M36%20220l92-27M154%20202l70-20'/%3e%3cpath%20d='m74%2018-19%2071M183%2022l-29%2097M228%20101l-19%2074M91%20131l-14%2073'%20stroke-width='1.2'/%3e%3c/g%3e%3c/svg%3e");background-size:55%;opacity:.7;mix-blend-mode:screen;pointer-events:none}.bf-piece--support{background:linear-gradient(120deg,#e2e5e7,#8b9298 30%,#d5d8da 48%,#656c72);border-color:#dce0e3}.bf-metal--red{background:linear-gradient(145deg,#ff5c4d 0,#d42625 22%,#a71918 72%,#651012)}.bf-metal--blue{background:linear-gradient(145deg,#4aa5ff 0,#166ed9 30%,#0b4fa7 70%,#08356f)}.bf-metal--green{background:linear-gradient(145deg,#5ad94c 0,#25a82c 32%,#187b23 72%,#0d5318)}.bf-metal--gold{background:linear-gradient(145deg,#ffe45e 0,#f0a714 30%,#c87906 72%,#814300)}.bf-metal--steel{background:linear-gradient(145deg,#e3e7e9 0,#9aa1a7 35%,#596168 72%,#30363c)}.bf-piece.is-released{pointer-events:none;transform:translateY(18cqw) rotate(var(--release-rotation,8deg))!important;opacity:.22;filter:blur(.2cqw)}.bf-bolt{--bolt:#9da4aa;--bolt-light:#e8edef;--bolt-dark:#3e454a;position:absolute;width:7.3%;aspect-ratio:1;transform:translate(-50%,-50%);border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%;transition:filter .18s ease,transform .18s ease,opacity .35s ease;filter:drop-shadow(0 .55cqw .45cqw rgba(0,0,0,.7))}.bf-bolt:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.07);filter:drop-shadow(0 .7cqw .55cqw rgba(0,0,0,.7)) brightness(1.08)}.bf-bolt:focus-visible{outline:.4cqw solid #fff;outline-offset:.4cqw}.bf-bolt--red{--bolt:#d82b27;--bolt-light:#ff756b;--bolt-dark:#6c0c0d}.bf-bolt--blue{--bolt:#126dd8;--bolt-light:#68b9ff;--bolt-dark:#063a81}.bf-bolt--green{--bolt:#2eb52e;--bolt-light:#7fe86f;--bolt-dark:#116319}.bf-bolt--gold{--bolt:#eaa40e;--bolt-light:#ffe46b;--bolt-dark:#7d4300}.bf-bolt--steel{--bolt:#899097;--bolt-light:#e6eaec;--bolt-dark:#343b40}.bf-bolt__rim{position:absolute;inset:0;display:grid;place-items:center;border-radius:28%;background:conic-gradient(from 22deg,var(--bolt-light),var(--bolt) 24%,var(--bolt-dark) 58%,var(--bolt) 78%,var(--bolt-light));clip-path:polygon(27% 1%,73% 1%,99% 27%,99% 73%,73% 99%,27% 99%,1% 73%,1% 27%);box-shadow:inset 0 .4cqw .25cqw #fff6,inset 0 -.45cqw .4cqw #00000073}.bf-bolt__face{width:72%;height:72%;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--bolt-light) 0 8%,var(--bolt) 28% 61%,var(--bolt-dark) 100%);box-shadow:inset 0 0 0 .18cqw #ffffff59,0 .2cqw .2cqw #000000a6;display:grid;place-items:center}.bf-bolt__cross{position:relative;width:54%;height:54%;filter:drop-shadow(0 .15cqw .08cqw rgba(255,255,255,.25))}.bf-bolt__cross:before,.bf-bolt__cross:after{content:"";position:absolute;left:42%;top:4%;width:17%;height:92%;border-radius:.25cqw;background:#17202a;box-shadow:inset .08cqw .08cqw .1cqw #000,inset -.08cqw -.08cqw .1cqw #ffffff2e}.bf-bolt__cross:after{transform:rotate(90deg)}.bf-bolt--anchor{cursor:default;filter:drop-shadow(0 .45cqw .35cqw rgba(0,0,0,.55)) saturate(.6)}.bf-bolt.is-removing{animation:bf-unscrew .48s cubic-bezier(.18,.78,.24,1) forwards;pointer-events:none}.bf-bolt.effect-magnet{filter:drop-shadow(0 0 1.2cqw #7fd8ff) brightness(1.25)}.bf-bolt.effect-hammer{filter:drop-shadow(0 0 1.2cqw #ffd66b) brightness(1.2)}.bf-bolt.is-removed{visibility:hidden}.bf-bolt.is-shuffling{animation:bf-shuffle .52s ease}@keyframes bf-unscrew{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}65%{transform:translate(-50%,-72%) rotate(560deg) scale(1.18)}to{transform:translate(-50%,-130%) rotate(760deg) scale(.15);opacity:0}}@keyframes bf-shuffle{0%,to{transform:translate(-50%,-50%)}30%{transform:translate(-50%,-50%) rotate(-18deg) scale(1.12)}65%{transform:translate(-50%,-50%) rotate(18deg) scale(.95)}}.bf-bin-row{position:absolute;left:8.9%;top:63.6%;width:82.5%;height:12.6%;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4%;z-index:45}.bf-bin{--bin:#7c8389;position:relative;border:.38cqw solid #adb3b7;border-radius:1.7cqw 1.7cqw .9cqw .9cqw;background:linear-gradient(160deg,#596168 0,#2b3136 38%,#141a1f);box-shadow:inset 0 .6cqw .7cqw #ffffff1f,inset 0 -1cqw 1cqw #0000008c,0 .8cqw .8cqw #0000008c;overflow:visible}.bf-bin:before{content:"";position:absolute;left:-5%;right:-5%;top:-4%;height:15%;border:.3cqw solid #abb2b6;border-radius:1.1cqw;background:linear-gradient(#858e95,#3b434a)}.bf-bin__contents{position:absolute;left:8%;right:8%;top:12%;height:48%;display:flex;align-items:flex-end;justify-content:center;gap:-.3cqw;overflow:hidden}.bf-mini-bolt{width:23%;aspect-ratio:.72;border-radius:45% 45% 20% 20%;transform:rotate(72deg) translateY(120%);transition:transform .35s ease;background:linear-gradient(90deg,#4d555d,#b5bcc0,#444c53);box-shadow:0 .3cqw .3cqw #0000008c}.bf-bin--red .bf-mini-bolt{background:linear-gradient(90deg,#6e0f10,#f8463c,#7f1112)}.bf-bin--blue .bf-mini-bolt{background:linear-gradient(90deg,#073a7d,#2787ef,#073f8f)}.bf-bin--green .bf-mini-bolt{background:linear-gradient(90deg,#0c5e16,#42c23a,#0e6e1a)}.bf-bin--gold .bf-mini-bolt{background:linear-gradient(90deg,#7d4300,#ffc930,#8a4b00)}.bf-bin[data-count="1"] .bf-mini-bolt:nth-child(1),.bf-bin[data-count="2"] .bf-mini-bolt:nth-child(-n+2),.bf-bin[data-count="3"] .bf-mini-bolt:nth-child(-n+3),.bf-bin[data-count="4"] .bf-mini-bolt:nth-child(-n+4){transform:rotate(72deg) translateY(18%)}.bf-bin.is-full .bf-mini-bolt{transform:rotate(72deg) translateY(18%)}.bf-bin__label{position:absolute;left:12%;right:12%;bottom:-2%;height:31%;display:flex;align-items:center;justify-content:center;gap:.15em;border:.28cqw solid #c8cdd0;border-radius:.55cqw;background:linear-gradient(#434b53,#161d24);color:#fff;font-family:Arial Narrow,Impact,sans-serif;font-size:4cqw;font-weight:900;text-shadow:0 .18cqw .18cqw #000;box-shadow:inset 0 .25cqw .2cqw #ffffff29,0 .35cqw .35cqw #0000008c}.bf-bin--red .bf-bin__label{background:linear-gradient(#bf332c,#641412)}.bf-bin--blue .bf-bin__label{background:linear-gradient(#287ccb,#123f72)}.bf-bin--green .bf-bin__label{background:linear-gradient(#40ad37,#1a641c)}.bf-bin--gold .bf-bin__label{background:linear-gradient(#d29413,#794600)}.bf-booster-row{position:absolute;left:14.5%;top:79.2%;width:71%;height:10.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:4.4%;z-index:60}.bf-booster{position:relative;border:.35cqw solid #98a2aa;border-radius:1.3cqw;background:linear-gradient(155deg,#424b55 0,#1f2730 58%,#111820);box-shadow:inset 0 0 0 .55cqw #313a43,inset 0 .5cqw .35cqw #ffffff2e,0 .8cqw .8cqw #0000008c;color:#fff;cursor:pointer;display:grid;grid-template-rows:1fr auto;place-items:center;padding:8% 6% 7%;transition:transform .15s ease,filter .15s ease}.bf-booster:hover:not(:disabled),.bf-booster.is-armed{transform:translateY(-2%);filter:brightness(1.16)}.bf-booster.is-armed{outline:.45cqw solid #ffd43b;outline-offset:.35cqw}.bf-booster:disabled{opacity:.45;cursor:default}.bf-booster__icon{width:58%;height:58%;object-fit:contain;filter:drop-shadow(0 .4cqw .35cqw #000);align-self:end}.bf-booster__name{align-self:end;font-family:Arial Narrow,Impact,sans-serif;font-size:3.5cqw;line-height:1;font-weight:900;text-shadow:0 .2cqw .2cqw #000}.bf-booster__badge{position:absolute;right:-4%;top:-8%;width:23%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#ff5548,#c82125);border:.32cqw solid #fff1df;box-shadow:0 .35cqw .45cqw #0000008c;font-family:Arial Narrow,Impact,sans-serif;font-size:3.5cqw;font-weight:900}.bf-modal{position:absolute;inset:0;z-index:200;display:grid;place-items:center;padding:8%;background:#04080ca8;backdrop-filter:blur(.5cqw);opacity:0;pointer-events:none;transition:opacity .2s ease}.bf-modal[hidden]{display:none}.bf-modal.is-open{opacity:1;pointer-events:auto}.bf-modal__panel{width:76%;padding:6% 6% 7%;border:.45cqw solid #aab2b8;border-radius:2cqw;background:linear-gradient(155deg,#46505a,#1b232b 55%,#0c1217);box-shadow:inset 0 0 0 .65cqw #313a42,0 2cqw 4cqw #000000b3;text-align:center}.bf-modal__eyebrow{margin:0;color:#ffbe26;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:2.2cqw}.bf-modal h2{margin:.2em 0;font-family:Arial Narrow,Impact,sans-serif;font-size:8cqw;line-height:1}.bf-modal p{font-size:2.7cqw;line-height:1.35;color:#d6dde1}.bf-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:4%;margin-top:6%}.bf-modal__actions button{border:.3cqw solid #703c00;border-radius:1cqw;padding:7% 3%;background:linear-gradient(#ffd84b,#e69b0b 60%,#a35b00);color:#241400;font-weight:900;font-size:3.2cqw;box-shadow:inset 0 .4cqw .25cqw #ffffff6b,0 .45cqw .45cqw #00000080}.bf-modal__actions button+button{background:linear-gradient(#65717c,#303a43 60%,#182028);color:#fff;border-color:#9aa4ab}.bf-reference-overlay{position:absolute;inset:0;z-index:500;background-size:100% 100%;background-repeat:no-repeat;opacity:.5;pointer-events:none;transition:opacity .15s ease}.bf-reference-overlay.is-hidden{opacity:0}.bf-reference-toggle{position:absolute;right:2%;bottom:1.5%;z-index:520;border:1px solid #fff8;border-radius:999px;padding:.6em 1em;background:#071018dd;color:#fff;font-size:1.8cqw}@media(min-aspect-ratio:9/16){.bf-stage{height:100dvh;width:auto}}@media(max-aspect-ratio:9/16){.bf-stage{width:100vw;height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}