.shot-rink{display:block;width:100%;height:auto;aspect-ratio:2/1;overflow:visible}.shot-rink-interactive{touch-action:manipulation;cursor:crosshair;user-select:none;-webkit-user-select:none}.shot-rink-interactive:focus-visible{outline:3px solid #bd3035;outline-offset:3px;border-radius:20px}.shot-marker{pointer-events:none}.shot-map-section{margin:28px 0}.shot-map-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.shot-map-heading .eyebrow{font-size:9px;letter-spacing:1.2px;color:#8a6367;margin-bottom:8px}.shot-map-heading h2{font-size:25px}.shot-map-heading p{font-size:12px;line-height:1.6;color:#75757d;margin-top:7px}.shot-map-filters{display:flex;gap:10px;flex-wrap:wrap}.shot-map-filters label{display:grid;gap:7px;font-size:10px;color:#74747b;font-weight:600}.shot-map-filters select{min-height:44px;padding:10px;border:1px solid #dddde1;border-radius:9px;background:white;color:#303035;font-size:12px}.shot-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shot-map-card{padding:22px;min-width:0}.shot-map-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.shot-map-card-head .eyebrow{color:#bd3035;font-size:9px;letter-spacing:1px}.shot-map-against .shot-map-card-head .eyebrow{color:#525967}.shot-map-card-head h3{font-size:20px;margin-top:6px}.shot-map-card-head strong{font-size:26px;line-height:1.2;text-align:right;font-weight:700}.shot-map-card-head small{display:block;font-size:10px;color:#74747b;font-weight:500}.shot-attack-arrow{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:9px;color:#929298;margin:8px 5px 3px}.shot-attack-arrow span{font-size:24px;font-weight:400;color:#bd3035}.shot-map-against .shot-attack-arrow span{color:#525967}.shot-map-coverage{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#7c7c83;margin-top:16px}.shot-map-coverage b{font-weight:550;color:#64646d}.shot-map-empty{font-size:12px;line-height:1.65;color:#85858b;margin-top:15px;padding-top:14px;border-top:1px solid #ebebee}.shot-map-legend{display:flex;flex-wrap:wrap;align-items:center;gap:17px;padding:16px 3px 0;font-size:11px;color:#6b6b73}.shot-map-legend>span{display:flex;align-items:center;gap:6px}.shot-map-legend p{font-size:11px;line-height:1.7;flex-basis:100%;margin-top:-5px;max-width:900px}.shot-key{display:inline-grid;place-items:center;width:13px;height:13px;font-style:normal;color:#bd3035}.shot-key.saved{border-radius:50%;background:#bd3035;width:9px;height:9px}.shot-key.miss{border-radius:50%;border:2px solid #bd3035;width:10px;height:10px}.shot-key.goal{font-size:17px}.shot-key.blocked{font-size:22px}.shot-map-details{font-size:11px;color:#6c6c75;margin-top:17px;border-top:1px solid #ececf0;padding-top:13px}.shot-map-details summary{cursor:pointer;min-height:30px}.shot-map-details ol{max-height:190px;overflow-y:auto;padding-left:20px;line-height:1.8}.shot-map-details li{margin:5px 0}
@media(max-width:1150px){.shot-map-heading{display:block}.shot-map-filters{margin-top:15px}}
@media(max-width:800px){.shot-map-grid{grid-template-columns:1fr}.shot-map-card{padding:18px}.shot-map-filters label{flex:1}.shot-map-filters select{width:100%;max-width:100%}.shot-map-heading h2{font-size:23px}}