.artillery-visual{background:linear-gradient(#211638 0 48%,#3c1f2f 49%,#120b14 100%)}
.artillery-visual:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 18% 16%,rgba(245,189,75,.45) 0 2px,transparent 3px),radial-gradient(circle at 77% 20%,rgba(69,228,237,.35) 0 1px,transparent 2px);background-size:41px 37px,53px 47px}
.hill{position:absolute;bottom:-8%;width:70%;height:55%;border-radius:50% 50% 0 0;background:linear-gradient(#805036,#2a181d);box-shadow:inset 0 5px rgba(245,189,75,.12)}
.hill-one{left:-18%;transform:rotate(5deg)}.hill-two{right:-24%;height:68%;transform:rotate(-6deg);background:linear-gradient(#513d48,#21151d)}
.tank{position:absolute;z-index:2;bottom:36%;width:37px;height:15px;border-radius:4px 8px 2px 2px;background:var(--cyan);box-shadow:0 0 14px rgba(69,228,237,.55)}
.tank:after{position:absolute;width:27px;height:4px;top:-5px;content:"";background:inherit;transform-origin:2px 50%;transform:rotate(-35deg)}
.tank-one{left:19%}.tank-two{right:18%;bottom:43%;background:var(--pink);transform:scaleX(-1);box-shadow:0 0 14px rgba(255,78,175,.5)}
.shell-arc{position:absolute;z-index:3;top:25%;left:25%;width:50%;height:42%;border-top:2px dashed rgba(255,240,200,.78);border-radius:50%;transform:rotate(-4deg)}
.shell-arc:after{position:absolute;right:-2px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px var(--amber);content:""}