.cube-scene{width:var(--cube-size);height:var(--cube-size);perspective:760px;margin-inline:auto;margin-bottom:1rem}.cube{width:100%;height:100%;transform-style:preserve-3d;animation:22s linear infinite cube-spin;position:relative}.cube__face{padding:var(--space-2);text-align:center;font-family:var(--font-mono);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);backface-visibility:visible;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.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(0)}to{transform:rotateX(-14deg)rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.cube{animation:none;transform:rotateX(-14deg)rotateY(-28deg)}}