/* Exact unit cubes share the existing character's rotation and responsive unit. */
.unit-blocks{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;transform:scale3d(1,1,1);transition:transform .65s cubic-bezier(.22,.7,.2,1)}
.unit-cube{position:absolute;left:calc(var(--column)*var(--unit));top:calc(var(--row)*var(--unit));width:var(--unit);height:var(--unit);transform-style:preserve-3d;transform:translate3d(0,0,0);transition:transform .65s cubic-bezier(.22,.7,.2,1)}
.unit-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid var(--block-edge);border-radius:3px;background:var(--block);box-shadow:inset 1px 1px 2px #ffffff66,inset -1px -1px 2px #17132922}
.unit-front{transform:translateZ(calc(var(--unit)/2))}
.unit-back{transform:rotateY(180deg) translateZ(calc(var(--unit)/2));background:color-mix(in srgb,var(--block),#171329 8%)}
.unit-right{transform:rotateY(90deg) translateZ(calc(var(--unit)/2));background:color-mix(in srgb,var(--block),#171329 16%)}
.unit-left{transform:rotateY(-90deg) translateZ(calc(var(--unit)/2));background:color-mix(in srgb,var(--block),#171329 12%)}
.unit-top{transform:rotateX(90deg) translateZ(calc(var(--unit)/2));background:color-mix(in srgb,var(--block),white 18%)}
.unit-bottom{transform:rotateX(-90deg) translateZ(calc(var(--unit)/2));background:color-mix(in srgb,var(--block),#171329 14%)}
.has-unit-blocks .motion-body{visibility:hidden}
.is-separated .unit-blocks{transform:scale3d(var(--unit-fit,.8),var(--unit-fit,.8),var(--unit-fit,.8))}
.is-separated .unit-cube{transform:translate3d(calc(var(--spread-x)*var(--unit)),calc(var(--spread-y)*var(--unit)),0)}
#separate-blocks[aria-pressed="true"]{background:var(--accent-soft,#eee4fb);border-color:var(--purple);color:var(--purple)}
@media(prefers-reduced-motion:reduce){.unit-blocks,.unit-cube,.has-unit-blocks .creature>*{transition:none}}

.separation-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;flex-shrink:0;margin:0}
.separation-controls .life-toggle:before{display:none}
.separation-controls .life-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;line-height:1.25}
.separation-controls button[hidden]{display:none}
.separation-controls svg{width:18px;height:18px;flex:none}

#unit-play-toggle svg{width:28px;height:28px}
#unit-activities{width:min(260px,calc(100vw - 24px));padding:8px}
#unit-activities:popover-open{display:flex;flex-direction:column;gap:4px}
#unit-activities button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:52px;padding:8px 10px;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--control-ink,var(--purple));font-size:13px}
#unit-activities button[hidden]{display:none}
#unit-activities button:hover,#unit-activities button[aria-pressed="true"]{background:var(--accent-soft,#eee4fb);border-color:var(--line)}
.unit-menu-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--accent-soft,#eee4fb)}
.unit-menu-icon svg{width:30px;height:28px}