.actual-screenshots{height:auto;display:flex;align-items:center;gap:18px;padding:20px;border:1px solid rgba(95,216,255,.18);border-radius:18px;background:#072b4d}
.actual-shot{position:relative!important;inset:auto!important;margin:0;overflow:hidden;border:1px solid #245d87;border-radius:13px;background:#0a3a66;padding:8px;box-shadow:0 18px 38px rgba(1,14,29,.25)}
.actual-shot.shot-panel{flex:0 0 35%}
.actual-shot.shot-targets{flex:1}
.actual-shot img,.actual-shot.shot-panel img,.actual-shot.shot-targets img{display:block;width:100%;height:auto;max-height:500px;aspect-ratio:auto;object-fit:contain;object-position:top center;border-radius:8px}
.actual-shot figcaption{position:static;display:flex;align-items:center;gap:7px;padding:10px 4px 2px;background:none;color:#a8c3d6;font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.09em}
.actual-shot figcaption span{width:6px;height:6px;border-radius:50%;background:#5fd8ff;box-shadow:0 0 8px rgba(95,216,255,.65)}
@media(max-width:900px){.actual-screenshots{max-width:760px;margin-inline:auto}.actual-shot figcaption{font-size:8px}}
@media(max-width:560px){.actual-screenshots{align-items:flex-start;gap:10px;padding:10px;border-radius:14px}.actual-shot{padding:5px;border-radius:10px}.actual-shot.shot-panel{flex-basis:36%}.actual-shot figcaption{font-size:7px;padding-top:7px}.actual-shot figcaption span{width:5px;height:5px}}