.dt{display:grid;gap:8px;justify-items:center;width:100%;height:var(--tg-stage-h);grid-template-rows:auto minmax(0,1fr) auto}.dt-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:520px}.dt-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name left" "darts darts";align-items:baseline;gap:0 8px;padding:6px 12px;border-radius:16px;background:var(--card, var(--cell));border:2px solid transparent;box-shadow:var(--shadow)}.dt-panel.is-on{border-color:var(--tg-c)}.dt-panel[data-p="0"]{--tg-c: var(--tg-p0)}.dt-panel[data-p="1"]{--tg-c: var(--tg-p1)}.dt-name{grid-area:name;font-weight:700;font-size:.95rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-panel.is-on .dt-name{color:var(--ink)}.dt-left{grid-area:left;font-family:var(--font-display);font-size:1.85rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.dt-darts{grid-area:darts;font-size:.95rem;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:pre;min-height:1.2em}.dt-board-wrap{width:100%;height:100%;min-height:0;display:grid;place-items:center}.dt-board{width:auto;height:100%;max-width:100%;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;cursor:crosshair}.dt-board:focus-visible{outline:3px solid var(--sky);outline-offset:4px;border-radius:50%}.dt-surround{fill:#1c1a18}.dt-rim{fill:#0f0e0d}.dt-dark{fill:#222019}.dt-light{fill:#efe2c2}.dt-red{fill:#cf3b35}.dt-green{fill:#2c8a55}.dt-wire{fill:none;stroke:#b9b4a8;stroke-width:.9;opacity:.75}.dt-num{fill:#f4eedf;font:700 21px var(--font-display);text-anchor:middle;dominant-baseline:central}.dt-dart .dt-tip{fill:#ececec;stroke:#333;stroke-width:1}.dt-dart .dt-barrel{stroke:#9aa0a6;stroke-width:3.2;stroke-linecap:round}.dt-dart .dt-flight{fill:var(--tg-c);stroke:#fff;stroke-width:1.4;stroke-linejoin:round}.dt-dart[data-p="0"]{--tg-c: var(--tg-p0)}.dt-dart[data-p="1"]{--tg-c: var(--tg-p1)}.dt-dart.is-flying{animation:dt-fly var(--fly-ms, .26s) cubic-bezier(.3,.7,.4,1) both;transform-box:fill-box}@keyframes dt-fly{0%{opacity:.2;scale:3.2;translate:0 120px}to{opacity:1;scale:1;translate:0 0}}.dt-aim circle{fill:none;stroke:#fff;stroke-width:2.6}.dt-aim path{stroke:#fff;stroke-width:2.6;stroke-linecap:round}.dt-aim{filter:drop-shadow(0 0 2px rgba(0,0,0,.9));pointer-events:none}.dt-aim .dt-aim-dot{fill:#fff;stroke:none}.dt-hint-ring{fill:none;stroke:#ffe08a;stroke-width:3.5;stroke-dasharray:6 5;animation:dt-pulse 1.2s ease-in-out infinite}@keyframes dt-pulse{50%{opacity:.35}}.dt-popup text{font:800 30px var(--font-display);text-anchor:middle;fill:#fff;stroke:#1c1a18;stroke-width:5;paint-order:stroke}.dt-popup{animation:dt-pop 1.1s ease-out both}.dt-popup.is-big text{fill:#ffe08a}.dt-popup.is-out text{fill:#8ee6a8}.dt-popup.is-bust text{fill:#ff8a80}@keyframes dt-pop{0%{opacity:0;translate:0 8px}15%{opacity:1;translate:0 0}75%{opacity:1}to{opacity:0;translate:0 -14px}}.dt-line{margin:0;color:var(--ink-2);font-size:.9rem;text-align:center}:root[data-reduce-motion="1"] .dt-dart.is-flying,:root[data-reduce-motion="1"] .dt-popup,:root[data-reduce-motion="1"] .dt-hint-ring{animation:none}@media(max-height:760px){.dt-line{display:none}.dt{gap:6px}}