.cube-scene{width:var(--cube-size);height:var(--cube-size);perspective:760px;margin-inline:auto;margin-bottom:1rem}.cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:cube-spin 22s linear infinite}.cube__face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-2);text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:var(--accent-ink);background:color-mix(in srgb,var(--accent-soft) 72%,transparent);border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:var(--radius-sm);-webkit-backface-visibility:visible;backface-visibility:visible}.cube__face--1{transform:rotateY(0deg) translateZ(calc(var(--cube-size) / 2))}.cube__face--2{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.cube__face--3{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.cube__face--4{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.cube__face--5{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.cube__face--6{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}@keyframes cube-spin{0%{transform:rotateX(-14deg) rotateY(0deg)}to{transform:rotateX(-14deg) rotateY(1turn)}}@media (prefers-reduced-motion:reduce){.cube{animation:none;transform:rotateX(-14deg) rotateY(-28deg)}}