.dartboard-svg{aspect-ratio:1;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.db-bg{fill:#0b0b0b}.db-segment{stroke:#222;stroke-width:2px;cursor:pointer;vector-effect:non-scaling-stroke;transition:transform 90ms,opacity .15s}.db-double.odd{fill:#a80000}.db-double.even{fill:#0a8a00}.db-triple.odd{fill:#a80000}.db-triple.even{fill:#0a8a00}.db-single.inner.odd,.db-single.outer.odd{fill:#111}.db-single.inner.even,.db-single.outer.even{fill:#e8dcc0}.db-single.inner.even{fill:#ddd0b8}.db-single.outer.even{fill:#ebe0c8}.db-outer-bull{fill:#0a8a00;stroke:#222;stroke-width:2.5px;cursor:pointer}.db-inner-bull{fill:#a80000;stroke:#222;stroke-width:2.5px;cursor:pointer}.db-miss-ring{fill:#222;cursor:pointer}.db-segment:hover,.db-outer-bull:hover,.db-inner-bull:hover,.db-miss-ring:hover{opacity:.8}.db-segment:active,.db-outer-bull:active,.db-inner-bull:active,.db-miss-ring:active{opacity:.7}.db-center-dot{fill:#222}.db-segment:focus,.db-outer-bull:focus,.db-inner-bull:focus{filter:drop-shadow(0 0 4px #ffffff14);outline:none}.db-segment.highlighted{opacity:.9;animation:1.5s infinite pulse;stroke:#0ff!important;stroke-width:4px!important}@keyframes pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.5}}.db-segment.keyboard-highlighted,.db-miss-ring.keyboard-highlighted{opacity:1;z-index:100;fill:#0096ff80!important}.db-outer-bull.keyboard-highlighted,.db-inner-bull.keyboard-highlighted{opacity:1;z-index:100;fill:#0096ff!important}.db-segment.target-highlighted,.db-miss-ring.target-highlighted{opacity:1;z-index:90;fill:#ffd700e6!important}.db-outer-bull.target-highlighted,.db-inner-bull.target-highlighted{opacity:1;z-index:90;fill:gold!important}.db-segment.flash,.db-miss-ring.flash,.db-outer-bull.flash,.db-inner-bull.flash{opacity:.7;filter:drop-shadow(0 0 15px #0ff);z-index:150;animation:.3s ease-out flash-fade;fill:#0ff!important}@keyframes flash-fade{0%{opacity:1;filter:drop-shadow(0 0 20px #0ff)}to{opacity:.7;filter:drop-shadow(0 0 15px #0ff)}}.dartboard-svg[data-team=blue]:focus{outline-offset:4px;outline:2px solid #60a5fa}.dartboard-svg[data-team=red]:focus{outline-offset:4px;outline:2px solid #f87171}.dartboard-svg[data-team=neutral]:focus{outline-offset:4px;outline:2px solid #ffffff80}.db-number{fill:#fff;stroke:#000;stroke-width:.3px;paint-order:stroke;pointer-events:none;will-change:auto;font-family:Arial,sans-serif;font-size:20px;font-weight:700;transform:translateZ(0)}
