.ice-rink-wrap{flex-direction:column;gap:8px;display:flex;position:relative}.rink-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rink-filters{flex-wrap:wrap;gap:5px;display:flex}.rink-right-controls{gap:5px;display:flex}.rink-btn{border:.5px solid var(--border-2);color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:20px;padding:4px 11px;font-size:11px;font-weight:500;transition:all .15s}.rink-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-2)}.rink-btn.on{background:var(--red-dim);border-color:var(--red-border);color:var(--red-bright)}.rink-btn:disabled{opacity:.3;cursor:default}.rink-toggle{font-size:11px}.zoom-bar{align-items:center;gap:8px;display:flex}.zoom-btn{border:.5px solid var(--border-2);background:var(--bg3);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:all .12s;display:flex}.zoom-btn:hover:not(:disabled){background:var(--bg4);color:var(--text)}.zoom-btn:disabled{opacity:.3;cursor:default}.zoom-track{background:var(--bg4);border-radius:2px;flex:1;max-width:120px;height:4px;overflow:hidden}.zoom-fill{background:var(--red);border-radius:2px;height:100%;transition:width .15s}.zoom-reset{color:var(--text-dim);border:.5px solid var(--border);background:0 0;border-radius:4px;padding:2px 7px;font-size:10px;transition:color .12s}.zoom-reset:hover{color:var(--text-muted)}.zoom-label{font-size:10px;font-family:var(--font-mono);color:var(--text-dim);text-align:right;width:36px}.rink-legend{flex-wrap:wrap;gap:12px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:flex}.leg-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.leg-dot.leg-goal{box-shadow:0 0 0 2px #333,0 0 0 3px #fff6}.rink-svg-container{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;line-height:0;overflow:hidden}.rink-svg{width:100%;display:block}.rink-empty{text-align:center;color:var(--text-dim);padding:20px;font-size:12px;font-style:italic}.hover-tip{pointer-events:none;z-index:50;background:var(--bg1);border:.5px solid var(--border-2);border-radius:var(--radius-sm);min-width:160px;max-width:210px;padding:8px 10px;animation:.1s tip-in;position:absolute;box-shadow:0 4px 16px #0006}@keyframes tip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.tip-type{border-bottom:.5px solid var(--border);margin-bottom:6px;padding-bottom:5px;font-size:12px;font-weight:600}.tip-type.tip-car{color:var(--red-bright)}.tip-type.tip-opp{color:var(--blue-bright)}.tip-row{justify-content:space-between;gap:8px;padding:2px 0;font-size:11px;display:flex}.tip-label{color:var(--text-dim);flex-shrink:0}.tip-val{color:var(--text);text-align:right}.tip-footer{color:var(--text-dim);border-top:.5px solid var(--border);text-align:center;margin-top:6px;padding-top:5px;font-size:10px;font-style:italic}.shot-popup-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.shot-popup{background:var(--bg1);border:.5px solid var(--border-2);border-radius:var(--radius-lg);width:100%;max-width:360px;max-height:85vh;animation:.18s cubic-bezier(.34,1.56,.64,1) pop-in;overflow-y:auto;box-shadow:0 20px 60px #0009}@keyframes pop-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.popup-header{border-bottom:.5px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.popup-header.popup-car{background:#cc220014}.popup-header.popup-opp{background:#2244aa14}.popup-header.popup-goal{background:#3dba7e14}.popup-type-row{align-items:center;gap:8px;display:flex}.popup-type-icon{font-size:18px}.popup-type-label{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:700}.popup-team-badge{font-family:var(--font-display);background:var(--bg3);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.popup-header.popup-car .popup-team-badge{background:var(--red-dim);color:var(--red-bright)}.popup-header.popup-opp .popup-team-badge{background:var(--blue-dim);color:var(--blue-bright)}.popup-close{background:var(--bg3);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:all .12s;display:flex}.popup-close:hover{background:var(--bg4);color:var(--text)}.popup-body{padding:0 16px 16px}.popup-section{margin-top:14px}.popup-section-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border-bottom:.5px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:9px;font-weight:700}.popup-row{justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;font-size:13px;display:flex}.popup-field{color:var(--text-muted);flex-shrink:0;font-size:12px}.popup-value{color:var(--text);text-align:right}.popup-value.popup-name{color:var(--text);font-weight:500}.tip-speed,.popup-speed{color:var(--amber);font-weight:600;font-family:var(--font-mono)}.rink-btn.ot-btn{color:var(--amber);border-color:#f0a0304d}.rink-btn.ot-btn:hover:not(:disabled){color:var(--amber);border-color:#f0a03099}.rink-btn.ot-btn.on{color:var(--amber);background:#f0a03026;border-color:#f0a03080}.rink-btn.heat-on{color:#f60;background:#ff64002e;border-color:#ff640080}.heat-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.heat-label{color:var(--text-dim);flex-shrink:0;font-size:11px}.heat-scale{color:var(--text-dim);align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.heat-scale-bar{background:linear-gradient(90deg,#0050c8,#ffb400,#f60,red);border-radius:3px;flex-shrink:0;width:60px;height:6px}.heat-scale-low,.heat-scale-high{color:var(--text-dim);font-size:9px}.rink-filter-wrap{position:relative}.rink-filter-btn{white-space:nowrap;align-items:center;gap:5px;display:flex}.rink-filter-btn.on{color:var(--red-bright);background:#c203;border-color:#c206}.rink-filter-clear{opacity:.7;border-radius:50%;padding:0 1px;font-size:10px}.rink-filter-clear:hover{opacity:1}.rink-filter-dropdown{z-index:200;background:var(--bg1);border:.5px solid var(--border-2);border-radius:10px;min-width:160px;max-height:280px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 8px 28px #00000080}.rink-filter-option{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;min-height:unset;min-width:unset;background:0 0;border:none;border-radius:7px;align-items:center;padding:7px 10px;font-size:12px;transition:background .1s;display:flex}.rink-filter-option:hover{background:var(--bg3);color:var(--text)}.rink-filter-option.active{color:var(--red-bright);background:#cc220026;font-weight:600}.rink-filter-name{flex:1}