#super-cube-progress[hidden],#super-cube[hidden],#super-cube-note[hidden],#super-cube-controls[hidden],#super-cube-controls button[hidden]{display:none}
#super-cube-controls{display:flex;justify-content:center;flex-wrap:wrap;align-self:center;gap:8px;margin-top:10px;flex-shrink:0}
#super-cube-controls button{min-height:44px;white-space:normal;line-height:1.4}
#super-cube-controls button:before{display:none}
#super-cube-controls button:disabled{opacity:.55;cursor:default}
#super-cube-stack{border-color:var(--purple);background:var(--accent-soft,#eee4fb)}
.super-cube-units{transform:scale3d(var(--unit-fit,1),var(--unit-fit,1),var(--unit-fit,1)) rotateX(-26deg) rotateY(-30deg);transition:none}
.super-cube-units .unit-cube{transform:translate3d(calc(var(--cube-x)*var(--unit)),calc(var(--cube-y)*var(--unit)),calc(var(--cube-z)*var(--unit)));transition:transform .9s cubic-bezier(.22,.7,.2,1)}
.cube-layer-label{position:absolute;left:calc(6.5*var(--unit));top:calc(var(--plate-y)*var(--unit));transform:translate(-50%,-50%) rotateY(30deg) rotateX(26deg);padding:3px 7px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fffcf9);color:var(--ink);font-size:calc(13px / var(--unit-fit,1));font-weight:750;line-height:1.2;white-space:nowrap;transition:top .9s cubic-bezier(.22,.7,.2,1),opacity .15s;backface-visibility:hidden}
.cube-complete .cube-layer-label{opacity:0}
:root[data-life="off"] .super-cube-units *{transition:none}
@media(prefers-reduced-motion:reduce){.super-cube-units *{transition:none}}

#super-cube-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;width:min(100%,280px);gap:16px;margin-top:10px;flex-shrink:0}
#super-cube-progress span{position:relative;padding:5px 7px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:13px;font-weight:700;line-height:1.3}
#super-cube-progress span:not(:last-child):after{content:'→';position:absolute;left:calc(100% + 3px);color:var(--muted)}
#super-cube-progress [data-state="current"]{border-color:var(--purple);outline:2px solid var(--accent-soft,#eee4fb);color:var(--control-ink,var(--purple))}
#super-cube-progress [data-state="complete"]{border-color:var(--purple);background:var(--accent-soft,#eee4fb);color:var(--control-ink,var(--purple))}
.super-cube-units .is-current-layer .unit-face{box-shadow:inset 0 0 0 2px #ffe08b,inset 0 0 0 3px #5d457a88}
.cube-layer-label.is-current-layer{border-color:var(--purple);background:var(--accent-soft,#eee4fb)}
.cube-layer-label.is-stacked-layer{opacity:0}