.zone{background:#090d18db;border-radius:14px;padding:14px 14px 12px;box-shadow:0 0 0 1px #ffffff1f,0 30px 80px -10px #000000b3}.zone__head{color:var(--bone-dim);justify-content:space-between;margin-bottom:10px;font-size:10px;display:flex}.zone__live:before{content:"";background:var(--accent,var(--bx-red));vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.zone__svg{width:100%;height:auto}.zone__outer{fill:#ffffff08;stroke:#ffffff1f;stroke-width:.5px}.zone__cell{fill:var(--accent,var(--bx-red));stroke:#ffffff2e;stroke-width:.4px}.zone__frame{fill:none;stroke:#ffffffb3;stroke-width:.7px}.zone__dot{fill:none;stroke:var(--bx-cream);stroke-width:1px;animation:dot-in .6s var(--ease-out) both}.zone__dot.is-hit{fill:var(--bx-cream)}@keyframes dot-in{0%{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.2)}}.zone__stats{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding-top:10px;display:grid}.zone__stats dt{color:var(--bone-mute);font-size:9px}.zone__stats dd{font-family:var(--font-mono);color:var(--bone);font-size:15px;font-weight:600}.zone__stats small{color:var(--bone-mute);margin-left:2px;font-size:10px}