[hidden]{display:none!important}
.stage{max-width:720px;padding:16px}.turnbar{--tb-msg-lines:2;--tb-st-lines:1;--tb-rt:0;--tb-st-rt:0;margin:0 0 12px}.turnbar .message{font-size:16px;line-height:24px;height:48px;min-height:48px;margin:0}.turnbar .status{font-variant-numeric:tabular-nums}
.play-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.board-column,.score-column{min-width:0}.board-wrap{width:100%;max-width:340px;margin:auto}.board{display:block;width:100%;aspect-ratio:1;border-radius:50%;touch-action:none;cursor:crosshair;background:#263644}.board:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.board.locked{cursor:default}.board text{user-select:none}
.aim-key{display:flex;justify-content:center;gap:16px;font-size:14px;line-height:24px;margin-top:8px}.aim-key>span{display:flex;align-items:center;gap:8px}.aim-icon{display:inline-block;width:18px;height:18px;border:3px solid #9a6415;border-radius:50%}.cross-icon{display:inline-block;width:18px;height:18px;position:relative;background:#263644;border-radius:3px}.cross-icon:before,.cross-icon:after{content:'';position:absolute;background:white;inset:8px 3px}.cross-icon:after{inset:3px 8px}
.players{display:grid;grid-template-columns:1fr 1fr;gap:8px}.player{border:1px solid var(--line);border-radius:6px;padding:8px;background:var(--surface);font-size:14px;line-height:22px}.player.active{outline:2px solid var(--accent);outline-offset:-1px}.player>span{display:block;white-space:nowrap}.player b{font-size:32px;line-height:36px;font-variant-numeric:tabular-nums;display:block}.player small{display:block;font-size:14px;color:var(--ink-sub)}.player .score-label{font-size:14px;color:var(--ink-sub)}
.meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px;margin:12px 0 8px;font-variant-numeric:tabular-nums}.dart-slots{display:flex;gap:8px}.dart-slot{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:6px;min-height:32px;font-size:14px;background:var(--surface);font-variant-numeric:tabular-nums}.dart-slot.current{border:2px solid var(--accent)}.dart-slot.bust{border-color:var(--ng);color:var(--ng)}.dart-slot i{font-style:normal;color:var(--ink-sub)}
.hit-detail{min-height:48px;font-size:16px;line-height:24px;font-weight:600;padding:8px 0;margin:4px 0}.hit-detail[data-bust=true]{color:var(--ng)}.primary,.controls,.board-tools{display:flex;gap:8px;flex-wrap:wrap}.primary{margin:0 0 8px}.btn{min-height:44px;min-width:44px}.primary .btn{font-size:17px;padding:8px 12px}.primary #throw,.primary #next{flex:1;font-weight:700}.board-tools .btn{font-size:16px;padding:8px}.rule-label{font-size:14px;line-height:22px;margin:8px 0;min-height:44px}.utility{margin:16px 0 0;border-top:1px solid var(--line)}summary{cursor:pointer;min-height:44px;line-height:24px;padding:10px 0;font-size:16px}.utility .controls{margin:8px 0}.utility p{font-size:14px}.record-table{border-collapse:collapse;width:100%;font-size:14px}.record-table td,.record-table th{border:1px solid var(--line);padding:8px;text-align:left}#stats{font-size:14px;color:var(--ink-sub)}
#setup{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:16px;font-weight:600}.field select,.field input{min-height:44px;min-width:0;width:100%;border:1px solid var(--line-strong);border-radius:6px;padding:8px;background:var(--surface);color:var(--ink);font:400 17px var(--font);color-scheme:light dark}.field select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.field option{background:var(--surface);color:var(--ink)}#setup>p,#setup>.controls{grid-column:1/-1}#setup>p{font-size:14px;line-height:22px;margin:0}.setup-section{max-width:720px}#result{border-top:2px solid var(--ok);padding-top:8px;margin-top:8px}#result h2{font-size:20px;color:var(--ok);margin:0 0 8px}#result .btn{font-size:16px;padding:8px}
.article figure{margin:24px 0}.article figcaption{font-size:14px;line-height:22px;color:var(--ink-sub);margin-top:8px}.shot-pair{display:flex;align-items:start;justify-content:center;gap:16px}.shot{position:relative;min-width:0;max-width:340px}.shot img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:6px}.annotation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.annotation path{fill:none;stroke:#2f5d8a;stroke-width:3}.annotation circle{fill:#fff;stroke:#2f5d8a;stroke-width:2}.annotation text{fill:#2f5d8a;font:bold 18px system-ui;text-anchor:middle}.article table{width:100%;border-collapse:collapse;font-size:16px}.article td,.article th{border:1px solid var(--line);padding:8px}.ad-gap{height:160px}
@media(max-width:640px){.stage{padding:12px 8px}.play-grid{display:grid;grid-template-columns:1fr;gap:8px}.board-column{grid-row:2}.score-column{display:contents}.players{grid-row:1}.player{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:4px 8px}.player>span{line-height:24px}.player b{grid-column:2;grid-row:1/3;font-size:30px;line-height:44px}.player .score-label{display:none}.player small{font-size:14px;line-height:20px}.meta{grid-row:3;margin:0}.dart-slots{grid-row:4}.hit-detail{grid-row:5;min-height:24px;padding:0;margin:0}.primary{grid-row:6;margin:0}.board-wrap{max-width:310px}.aim-key{margin-top:4px}.rule-label{grid-row:7;min-height:0;margin:0}.board-tools{grid-row:8}.utility{margin-top:8px}.shot-pair{flex-direction:column;align-items:center}.shot{max-width:340px;width:100%}.shot:nth-child(2){max-width:276px}.turnbar{margin-bottom:8px}#result{grid-row:6}#setup{grid-template-columns:1fr;gap:12px}.setup-summary{min-height:44px}main>h1{margin-top:16px}main>h1+p{margin-bottom:12px}}
@media(prefers-reduced-motion:no-preference){.player.active{animation:turn-in .18s ease-out}.dart-slot.filled{animation:turn-in .18s ease-out}@keyframes turn-in{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}}
@media(max-width:640px){.player .score-label{display:block;font-size:14px;line-height:20px}.player small{display:none}}
.wrap{max-width:960px}.stage,.setup-section{margin-inline:auto}#setup .field{margin:0}
@media(max-width:640px){.wrap{padding-inline:8px}.game-title{margin-top:12px}.game-lead{margin-bottom:8px}.primary,#result{grid-row:3}.hit-detail{grid-row:4}.meta{grid-row:5}.dart-slots{grid-row:6}.rule-label{grid-row:7}.board-tools{grid-row:8}.turnbar .status{font-size:16px;line-height:24px;min-height:24px!important}.turnbar{padding:4px 8px}.board-wrap{max-width:310px}.board-column{min-height:0}}
@media(max-width:640px){.board-wrap{max-width:300px}}
.shot:nth-child(2){max-width:322px}.shot:only-child{max-width:374px}.annotation path{stroke:var(--accent)}.annotation circle{fill:var(--surface);stroke:var(--accent)}.annotation text{fill:var(--accent)}