/* Illustration panels keep exact coordinates; never crop the puzzle images. */
.modal-card:has(.df-wrap){width:min(980px,100%);padding:24px}
.df-wrap{padding:0}.df-hud{margin:0 0 12px;padding:10px 15px;border-radius:12px;background:#0b2c3dcc;border:1px solid #bfd4d044;color:#ffe9b9;gap:10px}.df-hud b{font-size:20px}
.df-name{opacity:1;color:#e8f4f1;font-size:15px;font-weight:700;margin:12px 0;letter-spacing:.3px}
.df-field{gap:14px}.df-p.img{height:auto;aspect-ratio:3/2;background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:3px solid #cfb583;box-shadow:0 4px 0 #08283a,inset 0 0 0 1px #fff5;border-radius:16px}
.df-p.img::after{content:'СНЕЖНОГРАД';position:absolute;bottom:6px;right:9px;color:#193e5077;font:700 7px system-ui;letter-spacing:1.8px;pointer-events:none}
.df-m{width:40px;height:40px;margin:-20px 0 0 -20px;border-width:3px;background:#98e5b412;box-shadow:0 0 0 2px #143f5677,inset 0 0 0 1px #fff9}.df-m.bad,.df-m.miss{background:#d45c7218;box-shadow:0 0 0 2px #143f5677}
@media(max-width:559px){.modal-card:has(.df-wrap){padding:17px}.df-field{gap:12px}.df-name{font-size:13px}.df-hud{font-size:12px;padding:9px}.df-m{width:30px;height:30px;margin:-15px 0 0 -15px}.df-p.img{border-width:2px;border-radius:12px}}