/* 아이소메트릭 집 모형: 박스(뒷벽·왼벽·바닥)를 3D로 만들고 건물 전체를 비스듬히 본다 */
.bldg{position:absolute;left:50%;bottom:var(--gy,74px);width:0;height:0;z-index:10}
.plinth{display:none;position:absolute;left:-310px;top:-240px;width:620px;height:480px;background:var(--plinth,#B4ADC2);border:6px solid var(--plinthEdge,#CFC9DA);border-radius:6px;transform:translateY(6px) rotateX(90deg);backface-visibility:hidden}
.floor{position:absolute;left:-170px;width:340px;height:128px;bottom:calc((var(--i) - 1) * 128px * var(--k));transform-origin:50% 100%;transform-style:preserve-3d;visibility:hidden}
.box{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.p{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fff}
.p svg{position:absolute;left:0;top:0;display:block}
.bw,.bwx{left:0;top:0;width:340px;height:128px}
.bw{transform:translateZ(-75px)}
.bwx{transform:translateZ(-75px) rotateY(180deg)}
.lw,.lwx{left:95px;top:0;width:150px;height:128px}
.lw{transform:translateX(-170px) rotateY(90deg)}
.lwx{transform:translateX(-170px) rotateY(-90deg)}
.fl{left:0;top:calc(50% - 75px);width:340px;height:150px;transform:translateY(64px) rotateX(90deg)}
.fe{left:0;top:116px;width:340px;height:12px;background:#3D3650;transform:translateZ(75px)}
.pop{transform-box:fill-box;transform-origin:center bottom;animation:pop .85s cubic-bezier(.16,1,.3,1)}
@keyframes pop{from{transform:scale(.4) translateY(-24px);opacity:0}}
.hang{transform-box:fill-box;transform-origin:50% 0;animation:hang 1.2s cubic-bezier(.3,1.4,.5,1)}
@keyframes hang{from{transform:translateY(-50px);opacity:0}}
.fur{transform-box:fill-box;transform-origin:50% 0;animation:sway 3.2s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
.pls .fur{animation:sway 3.2s ease-in-out infinite alternate,pulse 1.1s ease-in-out 3}
@keyframes pulse{50%{transform:scale(1.35)}}
.ring{transform-box:fill-box;transform-origin:center;animation:ring 1.1s ease-out 3;opacity:0}
@keyframes ring{from{transform:scale(.4);opacity:.8}to{transform:scale(2.6);opacity:0}}
