/* One-cube-deep wall, matching the cubic Tetris reference. */
.playground{height:clamp(800px,calc(100svh - 120px),1080px)}
.playground .object-wrap{inset:2% 7% 24% 32%;justify-content:center}
.playground .spatial-object{width:100%;height:100%;overflow:visible;transform:none;transition:none}
.playground .project-word{font-size:11px;font-weight:700;letter-spacing:.25px}
.project-piece path,.project-depth-piece path{stroke:var(--ink);stroke-width:.7;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
.project-cell{fill:var(--category)}
.project-cap{fill:color-mix(in srgb,var(--category) 75%,white)!important}
.project-depth{fill:var(--category-side)}
.project-cell{stroke:color-mix(in srgb,var(--ink) 48%,var(--category))!important;stroke-width:.55!important}
.project-outline path{fill:none!important;stroke:var(--ink)!important;stroke-width:.9;vector-effect:non-scaling-stroke;pointer-events:none}
.project-link:focus-visible .project-outline path{stroke:var(--accent)!important;stroke-width:1.5}
.playground .project-hit{fill:transparent;stroke:transparent!important;pointer-events:all}
.project-depth-layer,.project-depth-piece{pointer-events:none}
.project-depth-piece[hidden]{display:none!important}
.project-depth-piece.is-previewed .project-solid{opacity:0;filter:blur(7px)}
.project-depth-piece.is-previewed .project-outline{opacity:.85}
.project-side.is-internal{display:none}
.playground .project-solid{transform:none}
.playground .project-piece.is-falling,.playground .project-depth-piece.is-falling{animation:iso-z-drop 620ms cubic-bezier(.4,0,.8,.75) var(--drop-delay,0ms) both}
@keyframes iso-z-drop{0%{transform:translate(0,-1100px);opacity:0;pointer-events:none}3%{opacity:1}99%{pointer-events:none}100%{transform:translate(0,0);opacity:1}}
@media(min-width:1700px){.playground .object-wrap{inset:2% 12% 24% 32%}}
@media(max-width:1100px){.playground .object-wrap{inset:4% 1% 23% 32%}.playground{height:900px}}
@media(max-width:760px){.playground{height:1050px;max-height:none;min-height:1050px}.playground .model-caption{top:35px;width:240px}.playground .object-wrap{inset:19% 4% 20% 4%}.playground .spatial-object{max-width:470px}.playground .explore-dock{bottom:16px}}
@media(prefers-reduced-motion:reduce){.playground .project-piece.is-falling,.playground .project-depth-piece.is-falling{animation:none}}

.project-boundary{fill:none!important;stroke:var(--ink)!important;stroke-width:1.05!important;pointer-events:none}


/* Enlarge the entire drawing by exactly twenty percent. */
.playground .spatial-object{transform:scale(1.2);transform-origin:50% 50%}