.brick-preview{position:relative;overflow:hidden;background:linear-gradient(#192115,#26321f);border:3px solid #28361f!important}
.brick-preview::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 5px,rgba(216,232,168,.035) 5px 6px);pointer-events:none}
.brick-mini-row{position:absolute;left:7%;right:7%;height:10%;background:repeating-linear-gradient(90deg,#718153 0 7%,transparent 7% 9%);box-shadow:0 2px 0 rgba(8,12,7,.55)}
.brick-mini-row.r1{top:14%}.brick-mini-row.r2{top:27%;left:11%;right:11%;background:repeating-linear-gradient(90deg,#9cab72 0 6.5%,transparent 6.5% 9%)}.brick-mini-row.r3{top:40%;left:15%;right:15%}.brick-mini-gap{position:absolute;top:38%;left:43%;width:16%;height:18%;background:#1c2618;z-index:2}.brick-mini-special{position:absolute;top:27%;left:67%;width:7%;height:10%;background:#d8e8a8;box-shadow:0 0 10px rgba(216,232,168,.35);z-index:3}.brick-mini-paddle{position:absolute;left:38%;bottom:12%;width:26%;height:7%;background:#b8c78d;box-shadow:0 3px 0 #182015}.brick-mini-ball{position:absolute;width:7px;height:7px;border-radius:1px;background:#d8e8a8;box-shadow:0 0 8px rgba(216,232,168,.7);z-index:4;animation:brickMiniBounce 2.25s linear infinite}.brick-mini-drop{position:absolute;top:45%;left:69%;width:12px;height:7px;background:#9cab72;border:1px solid #d8e8a8;animation:brickMiniDrop 2.25s linear infinite}
@keyframes brickMiniBounce{0%{left:50%;top:72%}18%{left:70%;top:42%}35%{left:55%;top:21%}52%{left:42%;top:47%}70%{left:26%;top:24%}88%{left:45%;top:72%}100%{left:50%;top:72%}}
@keyframes brickMiniDrop{0%,36%{opacity:0;transform:translateY(0)}42%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(38px)}90%,100%{opacity:0;transform:translateY(44px)}}
@media(max-width:760px){.brick-mini-ball{width:6px;height:6px}.brick-mini-row{height:9%}}
@media(prefers-reduced-motion:reduce){.brick-mini-ball,.brick-mini-drop{animation:none}.brick-mini-ball{left:52%;top:55%}.brick-mini-drop{opacity:.65;transform:translateY(24px)}}