:root{color:#f4f6f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#0a0c0f;--surface:#11151a;--surface-raised:#171c22;--surface-soft:#1d232a;--border:#2d3540;--border-strong:#495463;--text:#f4f6f8;--muted:#a6b0bd;--subtle:#6f7b89;--accent:#cfa24a;--accent-strong:#e0b35a;--accent-text:#11151a;--success:#4f9f68;--danger:#c9584f;--shadow:0 14px 38px #00000047;--radius-lg:10px;--radius-md:8px;--radius-sm:6px;background:#0a0c0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--background);margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:linear-gradient(#11151a 0%,#0a0c0f 42%,#080a0d 100%);min-height:100vh;padding:20px;position:relative}.app-backdrop{display:none}.app-frame{z-index:1;max-width:1440px;margin:0 auto;position:relative}.screen{gap:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px}.hero-card,.match-summary,.launch-panel,.status-banner{background:var(--surface-raised)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:8px;font-size:.72rem;font-weight:700;display:inline-flex}.section-heading{margin-bottom:14px}.section-heading h2,.hero-card h1,.match-summary h1{letter-spacing:0;margin:0}.hero-card h1,.match-summary h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.02}.hero-card p,.match-summary p,.resume-card p,.status-banner,.launch-summary span,.score-card__label,.turn-row span,.turn-total span,.match-score span,.match-score small,.turn-note{color:var(--muted)}.start-screen{grid-template-columns:1fr}.setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hero-card{flex-direction:column;justify-content:space-between;min-height:190px;display:flex}.resume-card{border-radius:var(--radius-md);background:#cfa24a14;border:1px solid #cfa24a57;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:14px;display:flex}.mode-grid,.player-grid,.launch-summary,.score-list,.turn-list,.side-rail{gap:12px;display:grid}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.mode-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text);text-align:left;gap:7px;min-height:132px;padding:16px;display:grid}.mode-card strong{font-size:1.18rem}.mode-card small{color:var(--muted);line-height:1.45}.mode-card.is-active{border-color:var(--accent);background:#242a2f}.field{gap:7px;display:grid}.field span{color:var(--muted);font-size:.94rem}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:50px;color:var(--text);background:#0d1116;padding:0 14px}.field input:focus,.field select:focus,.button:focus-visible,.mode-card:focus-visible,.drawer-tab:focus-visible,.turn-row:focus-visible,.precision-button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.launch-panel{align-content:start}.launch-summary{margin-bottom:20px}.launch-summary strong{margin-top:4px;font-size:1.1rem;display:block}.button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);min-height:52px;color:var(--text);background:#202730;padding:0 18px;font-weight:700;transition:border-color .12s,background .12s,color .12s}.button:hover:not(:disabled){background:#29323d;border-color:#667282}.button:disabled{cursor:not-allowed;opacity:.46}.button--accent{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--accent-text)}.button--accent:hover:not(:disabled){background:#ecc46f;border-color:#ecc46f}.button--danger{background:#c9584f1f;border-color:#c9584f80}.button--quiet{color:var(--muted);background:#151b22;border-color:#8f9aa942}.button--quiet:hover:not(:disabled){color:var(--text);background:#1a222b;border-color:#8f9aa96b}.button--danger-quiet{color:#d19c96;border-color:#c9584f4d}.button--danger-quiet:hover:not(:disabled){color:#f0c4bf;border-color:#c9584f85}.button--large{width:100%;min-height:58px}.button--compact{min-height:44px;padding:0 14px}.game-screen{gap:14px}.game-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);align-items:start;gap:16px;display:grid}.match-board-column{align-self:start;gap:12px;display:grid}.match-summary{gap:10px;display:grid}.score-strip{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.score-strip::-webkit-scrollbar{display:none}.score-chip{border:1px solid var(--border);border-radius:var(--radius-md);background:#0d1116;flex:1 0 118px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-width:118px;padding:8px 10px;display:grid}.score-chip span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;font-size:.68rem;font-weight:800}.score-chip strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.score-chip b,.score-card__value{letter-spacing:0;font-family:Arial Narrow,Roboto Condensed,Segoe UI,sans-serif;font-size:clamp(1.7rem,6vw,3rem);font-stretch:75%;line-height:.95;display:block}.score-chip.is-current{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.match-meta{color:var(--muted);justify-content:space-between;gap:10px;margin:0;font-size:.86rem;display:flex}.match-meta strong{color:var(--text);white-space:nowrap}.status-banner{border-left:3px solid var(--accent);align-items:center;min-height:54px;font-weight:700;display:flex}.drawer-tabs{border:1px solid var(--border);border-radius:var(--radius-md);background:#0d1116;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.drawer-tab{border-radius:var(--radius-sm);min-height:42px;color:var(--muted);background:0 0;border:0;font-weight:800}.drawer-tab.is-active{background:var(--surface-soft);color:var(--text)}.drawer-content,.match-actions-bar{gap:12px;display:grid}.match-actions-bar{align-self:start}.action-button-row{grid-template-columns:.72fr 1.5fr .64fr;gap:8px;display:grid}.confirm-action{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#11161d;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px;display:grid}.confirm-action strong{min-width:0;color:var(--text);font-size:.9rem;line-height:1.15}.confirm-action .button{min-height:42px;padding:0 14px}.dartboard-panel{align-self:start}.board-heading{margin-bottom:10px}.dartboard-wrap{aspect-ratio:1;width:100%;max-height:min(68vh,860px);margin:0 auto}.dartboard{touch-action:none;width:100%;height:100%;display:block}.board-trim{fill:#2a2219}.board-backplate{fill:#121820}.board-outer{fill:#0d1116}.board-stroke,.ring-stroke{fill:none;stroke:#f4f6f838;stroke-width:.85px}.single-slice--light{fill:#d5c9a8}.single-slice--dark{fill:#151b22}.double-slice--green,.treble-slice--green,.bull--outer{fill:#3f7f56}.double-slice--red,.treble-slice--red,.bull--inner{fill:#9f3f3b}.segment-label{fill:#edf1f4;letter-spacing:0;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:800}.throw-marker-group{cursor:crosshair}.throw-marker-group.can-edit{cursor:pointer}.throw-marker-group.is-editing .throw-marker__halo{stroke:#e0b35ae6;stroke-width:2.4px}.throw-marker{fill:var(--accent-strong);stroke:#0b0e12;stroke-width:1.5px}.throw-marker__halo{fill:none;stroke:#e0b35a73;stroke-width:1.75px}.throw-marker__label{fill:#0b0e12;-webkit-user-select:none;user-select:none;font-size:7px;font-weight:900}.pending-marker{pointer-events:none}.pending-marker__crosshair{stroke:#f4f6f8eb;stroke-linecap:round;stroke-width:1.25px}.pending-marker__halo{fill:#e0b35a24;stroke:#f4f6f8e0;stroke-width:1.4px}.pending-marker__dot{fill:var(--accent-strong);stroke:#0b0e12;stroke-width:1.5px}.dartboard-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;display:grid}.dartboard-preview{border-radius:var(--radius-sm);border:1px solid var(--border);background:#0d1116;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 14px;display:flex}.dartboard-preview span{color:var(--muted)}.dartboard-preview strong{font-size:1.02rem}.dartboard-action-buttons{gap:8px;display:flex}.precision-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.precision-button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:38px;color:var(--muted);background:#151a20;font-weight:700}.precision-button:disabled{cursor:not-allowed;opacity:.44}.turn-row,.turn-total,.score-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.turn-row{border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;color:var(--text);text-align:left;border:1px solid #0000;padding:13px 14px}.turn-row:not(:disabled):hover,.turn-row.is-selected{border-color:var(--accent)}.turn-row:disabled{cursor:default;opacity:1}.turn-total{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.turn-total strong{font-size:1.6rem}.turn-note{border-radius:var(--radius-sm);background:#c9584f1f;margin-top:12px;padding:10px 12px}.turn-note.is-danger{color:#f0b8b3}.control-panel{gap:10px;display:grid}.score-card{border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid #0000;padding:14px}.score-card strong{font-size:1.1rem;display:block}.score-card small{color:var(--muted);margin-top:4px;font-size:.78rem;display:block}.score-card__value{font-size:2.2rem}.score-card.is-current{border-color:var(--accent)}.score-card.is-winner{border-color:var(--success)}.game-over-screen{max-width:760px;margin:0 auto}@media (width>=1121px){.match-board-column{position:sticky;top:20px}}@media (width<=1120px){.setup-grid,.game-layout{grid-template-columns:1fr}}@media (width<=720px){.app-shell{min-height:100svh;padding:8px 8px 104px;overflow:hidden}.screen,.game-screen,.match-board-column{gap:10px}.panel{padding:14px}.hero-card{min-height:auto}.hero-card h1,.match-summary h1{font-size:1.55rem;line-height:1.08}.setup-grid,.mode-grid{grid-template-columns:1fr}.resume-card{flex-direction:column;align-items:stretch}.match-board-column{z-index:5;position:sticky;top:0}.match-summary{gap:6px;padding:8px}.score-strip{gap:6px}.score-chip{border-radius:var(--radius-sm);flex-basis:108px;min-width:108px;padding:6px 8px}.score-chip span{letter-spacing:.08em;font-size:.58rem}.score-chip strong{font-size:.8rem}.score-chip b{font-size:1.45rem}.match-meta{font-size:.7rem}.dartboard-panel{padding:10px}.board-heading{display:none}.dartboard-wrap{max-height:none}.dartboard-actions{grid-template-columns:1fr;margin-top:8px}.dartboard-preview{min-height:42px;padding:0 12px}.dartboard-preview strong{font-size:.96rem}.dartboard-action-buttons{grid-template-columns:1fr 1fr;gap:7px;display:grid}.precision-controls{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px}.button--compact{min-height:40px;padding:0 12px}.precision-button{min-height:34px;font-size:.86rem}.match-actions-bar{z-index:20;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--border-strong);background:#0a0c0f;gap:6px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 34px #00000061}.action-button-row{gap:6px}.action-button-row .button{min-height:38px;padding:0 7px;font-size:.78rem}.confirm-action{border-radius:var(--radius-sm);gap:6px;padding:6px}.confirm-action strong{font-size:.78rem}.confirm-action .button{min-height:36px;padding:0 9px;font-size:.77rem}.status-banner{min-height:0;padding:7px 9px;font-size:.78rem;line-height:1.22}}