.bd-field{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;gap:6px;pointer-events:none}.bd-tile{border-radius:6px;background:#9cc3ff12;box-shadow:inset 0 0 0 1px #9cc3ff29;opacity:0;transform:scale(.5);animation:bd-ripple-out .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--d) * .52s)}.bd-field[data-wave=out] .bd-tile{animation:bd-ripple-out .9s cubic-bezier(.16,1,.3,1) calc(var(--d) * .52s) both,bd-breathe 2.4s ease-in-out calc(.9s + var(--d) * 1.2s) infinite}.bd-field[data-wave=in] .bd-tile{animation:bd-ripple-in .76s cubic-bezier(.65,0,.35,1) calc(var(--d) * .38s) both}@keyframes bd-ripple-out{0%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1.08)}to{opacity:.55;transform:scale(1)}}@keyframes bd-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(.94)}}@keyframes bd-ripple-in{0%{opacity:.55;transform:scale(1)}60%{opacity:1;transform:scale(.82)}to{opacity:0;transform:scale(.3)}}.bd-cube{position:relative;display:block;perspective:600px}.bd-cube-turn{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,1,.3,1)}.bd-cube[data-phase=split] .bd-cube-turn,.bd-cube[data-phase=hold] .bd-cube-turn{transform:rotateX(18deg) rotateY(-22deg)}.bd-cube[data-phase=hold] .bd-cube-turn{animation:bd-hold 3.2s ease-in-out infinite}.bd-cell{position:absolute;background-color:#15161c;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff2e,0 10px 24px -14px #000000e6;transform:scale(var(--sx),var(--sy));transition:transform .56s cubic-bezier(.16,1,.3,1),opacity .3s ease;transition-delay:calc(var(--i) * 34ms)}.bd-cell.is-plain{background-image:linear-gradient(135deg,#9cc3ff80,#3088f82e 55%,#0a0b10e6)}.bd-cube[data-phase=split] .bd-cell,.bd-cube[data-phase=hold] .bd-cell{transform:translateZ(var(--z)) scale(1)}.bd-cube[data-phase=fold] .bd-cell{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2);transition-duration:.38s;transition-delay:calc(var(--i) * 18ms)}.bd-cube-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono, ui-monospace, monospace);font-weight:600;letter-spacing:.06em;color:#fff;text-transform:uppercase;transform:translateZ(20px);text-shadow:0 2px 10px rgba(0,0,0,.6)}.bd-cube[data-phase=fold] .bd-cube-label{opacity:0;transition:opacity .2s ease}@keyframes bd-hold{0%,to{transform:rotateX(18deg) rotateY(-22deg)}50%{transform:rotateX(12deg) rotateY(14deg)}}.bd-ring{display:block;overflow:visible}.bd-ring-track{fill:none;stroke:#9cc3ff24;stroke-width:2}.bd-ring-bar{fill:none;stroke:#9cc3ff;stroke-width:2.6;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50px 50px;transition:stroke-dashoffset .5s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 6px rgba(48,136,248,.7))}.bd-ring.is-spin{animation:bd-spin 1.1s linear infinite}@keyframes bd-spin{to{transform:rotate(360deg)}}.bd-zone{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:radial-gradient(120% 90% at 50% 0%,rgba(156,195,255,.06),transparent 60%),#ffffff06;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff0f;transition:box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.bd-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1.5px dashed rgba(156,195,255,.22);pointer-events:none;transition:opacity .3s ease}.bd-zone[data-state=over]{transform:scale(1.006);box-shadow:inset 0 0 0 1.5px #9cc3ffbf,inset 0 0 80px -20px #3088f88c,0 30px 80px -40px #3088f88c}.bd-zone[data-state=over]:before{opacity:0}.bd-glow{position:absolute;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(closest-side,rgba(156,195,255,.42),rgba(48,136,248,.16) 55%,transparent);mix-blend-mode:screen;pointer-events:none;opacity:0;transition:opacity .26s ease;will-change:transform}.bd-zone[data-state=over] .bd-glow{opacity:1}.bd-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;cursor:pointer}.bd-hit:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #9cc3ff,0 0 0 4px #3088f859}.bd-content{position:relative;z-index:2;pointer-events:none}.bd-slot>*{pointer-events:auto}.bd-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:#eaf2ff;background:linear-gradient(160deg,#9cc3ff42,#3088f81a 60%,#ffffff08);box-shadow:inset 0 0 0 1px #9cc3ff59,inset 0 1px #ffffff59,0 18px 40px -22px #3088f8cc;transition:transform .4s cubic-bezier(.16,1,.3,1)}.bd-zone[data-state=over] .bd-mark{transform:translateY(-6px) scale(1.08)}.bd-fly{position:absolute;left:50%;top:50%;z-index:3;pointer-events:none}.bd-status{color:#eaf2ffe6}@media(prefers-reduced-motion:reduce){.bd-tile,.bd-field[data-wave] .bd-tile{animation:none;opacity:.5;transform:none}.bd-field[data-wave=in] .bd-tile{opacity:0}.bd-cube-turn,.bd-cell,.bd-zone,.bd-mark{transition:none}.bd-cube[data-phase=hold] .bd-cube-turn,.bd-ring.is-spin{animation:none}}