@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#eaf1ef;background:#101b24;color-scheme:dark;font-synthesis:none;--accent:#b9ef66;--muted:#acbec5;--panel:#182630;--line:#ffffff20}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-bottom:80px}body{margin:0;min-width:280px}header,main{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:8px;align-items:center;min-height:44px;color:#eef4ee;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:1px;white-space:nowrap}.brand>span{font-size:30px;color:var(--accent);line-height:1}nav{display:flex;align-items:center;gap:14px}main{padding:0 14px max(16px,env(safe-area-inset-bottom))}.page{padding:22px 0 32px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}h1{font-size:25px;line-height:1.3;margin:0 0 20px;overflow-wrap:anywhere}h2{font-size:18px;line-height:1.5;margin:0 0 16px;overflow-wrap:anywhere}.muted,.field-hint{color:var(--muted);font-size:12px;line-height:1.7}.muted{font-size:14px;margin:-8px 0 22px}.field-hint{margin:8px 0 16px}.eyebrow{font-size:10px;letter-spacing:1.2px;color:var(--muted);font-weight:600}
button,input{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);color:inherit;background:#24343e;border-radius:9px;min-height:46px;padding:10px 12px;font-size:14px}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:#192617;border-color:var(--accent);font-weight:700;width:100%;min-height:52px}.secondary{background:#20333c;border-color:#ffffff30}.quiet{background:none;border:0;color:#b9cbd0;padding:10px 0;font-size:12px;min-height:44px;text-align:left}.selected{border-color:var(--accent)!important;background:#b9ef6618!important;color:#d3f6a0!important;font-weight:700}label,legend{display:block;color:#c6d4d7;font-size:13px;font-weight:500;margin-bottom:8px;line-height:1.5}label small{font-weight:400;color:var(--muted)}input:not([type=radio]):not([type=checkbox]){display:block;min-width:0;width:100%;border:1px solid #ffffff2c;border-radius:8px;background:#101d26;padding:12px 13px;color:#f0f5ee;font-size:16px;min-height:48px;margin-bottom:18px}input::placeholder{color:#89a2ac;opacity:1}input:disabled{opacity:.55}#code{text-transform:uppercase;letter-spacing:3px}.setup{max-width:520px;margin:0 auto}.setup h1{font-size:24px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{background:none;border:0;border-radius:0;padding:0 0 12px;font-size:13px;color:var(--muted);position:relative}.tabs button.selected{background:none!important}.tabs .selected:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}fieldset{border:0;padding:0;margin:22px 0;min-width:0}fieldset legend{padding:0}.choices{display:grid;gap:8px}.choices.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choices.five{grid-template-columns:repeat(5,minmax(0,1fr))}.choices label{position:relative;display:block;margin:0;cursor:pointer;min-width:0}.choices input,.starter-options input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.choices span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 5px;border:1px solid #ffffff2b;border-radius:8px;background:#101d26;font-size:15px;color:#c3d1d6}.choices input:checked+span,.starter-options input:checked+span{background:#b9ef6615;border-color:var(--accent);color:#d3f6a0;font-weight:700}.choices input:focus-visible+span,.starter-options input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.choices input:disabled+span{opacity:.4}.choices~.field-hint{margin-bottom:0}
.room-head{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-bottom:24px}.room-head>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.room-code{font-size:26px;letter-spacing:4px;color:var(--accent);background:none;border:0;padding:0;font-weight:700;min-height:42px}.room-tools{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.room-tools .quiet{min-height:36px}#connection{font-size:11px;color:var(--accent);text-align:right;max-width:140px;line-height:1.5}#connection.offline{color:#f1bf8c}#rules{grid-column:1/-1;font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.7}.lobby-grid{display:grid;gap:16px;margin-bottom:18px}.house-card{margin-bottom:12px}.house-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.badge{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:5px 7px;line-height:1.5}.badge.ready{color:var(--accent);border-color:#b9ef6655}.house-card ol{padding-left:22px;line-height:1.9;margin:0;font-size:14px;overflow-wrap:anywhere}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.roster-row input{margin-bottom:12px!important}.remove-player{font-size:24px;width:44px;min-height:44px;padding:0;margin-top:12px;background:none}.roster-actions{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 16px}.roster-actions button{flex:1;font-size:12px}.notice{padding:18px;background:#1c3035;border:1px solid #ffffff26;border-radius:12px;color:#c4d4d6;font-size:13px;line-height:1.8;margin:0 0 18px}.starter-options{display:grid;gap:8px}.starter-options label{position:relative;margin:0;cursor:pointer}.starter-options span{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;border:1px solid var(--line);background:#101d26;padding:10px 12px;border-radius:8px}.starter-options strong{overflow-wrap:anywhere}.starter-options small{font-size:11px;font-weight:400;white-space:nowrap;color:var(--muted)}#readiness{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0}#start-panel{margin-bottom:16px}.winner{border-color:var(--accent);color:#d3f6a0;font-weight:600}
.match-grid{display:grid;gap:16px}.turn-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:16px}.turn-head h1{font-size:21px;margin:7px 0}.turn-head .field-hint{font-size:11px;margin:0}.remaining{display:flex;flex-direction:column;align-items:flex-end;min-width:65px}.remaining>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;font-weight:600;line-height:1}.remaining small{font-size:9px;color:var(--muted);margin-top:4px}.dart-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dart-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#101d26;min-height:58px;padding:7px 3px}.dart-slot small{font-size:10px;color:var(--muted)}.dart-slot strong{font-size:20px;margin-top:3px;line-height:1.2}.dart-slot.filled{border-color:#b9ef6666}.draft-meta{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.draft-meta strong{font-size:13px}.draft-meta .quiet{font-size:11px;min-height:40px}#draft-notice{min-height:20px;font-size:11px;margin:0 0 12px}.multipliers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.multipliers button{min-height:46px;font-size:13px;font-weight:600;letter-spacing:.5px}.number-pad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.number-pad button{min-height:48px;padding:8px 0;font-size:20px;font-weight:600;background:#20343e}.special-pad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.special-pad button{font-size:13px;min-height:46px}#keypad-panel>.field-hint{font-size:10px;margin:12px 0}#submit-visit{margin-top:8px}#undo-visit{margin-top:10px}#undo-hint{font-size:10px;margin:0}.score-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 48px;gap:8px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}.score-row>span:not(:first-child),.score-row>.score-number{text-align:right;font-variant-numeric:tabular-nums}.score-labels{padding-top:0;color:var(--muted);font-size:10px}.player-name{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.player-name strong{font-size:13px}.player-name small{font-size:10px;color:var(--muted)}.score-number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:600;line-height:1}.score-row.active{background:#b9ef6613;box-shadow:inset 3px 0 var(--accent);border-radius:6px}.score-row.won{color:var(--accent)}.stats-heading{font-size:16px;margin:24px 0 6px}.player-stats{border-bottom:1px solid var(--line)}.player-stats summary{padding:14px 0;cursor:pointer;font-size:13px;line-height:1.6;overflow-wrap:anywhere;min-height:46px}.stat-grid{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:12px;margin:0 0 18px;line-height:1.5}.stat-grid dt{color:var(--muted)}.stat-grid dd{margin:0;font-variant-numeric:tabular-nums}.visits{margin-top:16px}.visit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;border-bottom:1px solid var(--line);padding:14px 0;align-items:center;font-size:12px;line-height:1.6}.visit-row>div{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.visit-row small{color:var(--muted);font-size:10px}.visit-hits{color:#c0d2c0;overflow-wrap:anywhere}.visit-row>strong{text-align:right;white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h1{margin:0}.history-card{margin-bottom:16px}.history-card h2{font-size:16px;margin-bottom:8px}.history-result{display:flex;flex-direction:column;gap:8px;margin:16px 0;color:#d6e3dc;font-size:12px;line-height:1.6}.history-card .secondary{width:100%}#message{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#e2edcf;color:#15201a;padding:16px 20px;border-radius:10px;width:calc(100% - 28px);max-width:480px;z-index:10;box-shadow:0 10px 35px #0007;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
[hidden]{display:none!important}
@media(hover:hover){button:not(:disabled):hover{filter:brightness(1.15)}.quiet:not(:disabled):hover{color:var(--accent)}}
@media(max-width:359px){header{padding:8px 12px;gap:8px}.brand{font-size:12px;letter-spacing:0}.brand>span{font-size:26px}nav{gap:8px}nav button{font-size:10px!important}main{padding-left:10px;padding-right:10px}.panel{padding:14px}.score-row{grid-template-columns:minmax(0,1fr) 24px 43px;gap:5px;padding-left:6px;padding-right:6px}.player-name strong{font-size:12px}.number-pad{gap:6px}.number-pad button{min-height:46px}.draft-meta{gap:8px}.choices{gap:6px}.choices span{font-size:14px}.turn-head h1{font-size:18px}.tabs{gap:16px}.tabs button{font-size:12px}.turn-head{gap:8px}}
@media(min-width:700px){header{padding:16px 26px}.brand{font-size:17px}.brand>span{font-size:36px}main{padding-left:26px;padding-right:26px}.page{padding-top:30px}.panel{padding:24px}.setup{margin-top:15px;padding:30px}.lobby-grid{grid-template-columns:1fr 1fr;gap:22px}.starter-options{grid-template-columns:repeat(2,minmax(0,1fr))}.match-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:start}.room-code{font-size:32px;min-height:48px}#connection{font-size:12px;max-width:none}.room-head{margin-bottom:26px}.score-row{grid-template-columns:minmax(0,1fr) 28px 52px;gap:8px}.number-pad button{min-height:52px}.turn-head h1{font-size:22px}.remaining>span{font-size:68px}.roster-actions button{font-size:13px}}
@media(min-width:1000px){header{padding:20px 30px}main{padding-left:30px;padding-right:30px}.match-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.number-pad button{min-height:58px;font-size:23px}.score-row{grid-template-columns:minmax(0,1fr) 45px 70px;font-size:14px}.score-labels{font-size:11px}.score-number{font-size:32px}.player-name strong{font-size:15px}.starter-options{grid-template-columns:repeat(3,minmax(0,1fr))}#history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.history-card{margin:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


#undo-dart{width:100%;margin-top:14px}#undo-hint{margin-top:8px}.draft-meta{min-height:38px}#last-visit{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#101d26;margin:0 0 14px;font-size:11px}#live-throws{margin-bottom:14px}

.checkout{border:1px solid #b9ef6655;background:#b9ef660b;border-radius:9px;padding:12px;margin-bottom:14px}.checkout-hits{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.checkout-hit{font-weight:700;font-size:17px;color:#d3f6a0}.checkout-hit+.checkout-hit:before{content:"→";font-weight:400;color:var(--muted);margin-right:8px}

/* Room navigation stays accessible on narrow screens. */
header{flex-wrap:wrap}header nav{gap:8px;flex-wrap:wrap;justify-content:flex-end}#leave{color:var(--accent);border:1px solid var(--line);padding:8px 10px;min-height:44px}header nav button{white-space:nowrap}

.lobby-settings{margin:20px 0}.lobby-settings fieldset{margin-top:16px}

.setup-divider{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px;margin:26px 0}.setup-divider:before,.setup-divider:after{content:"";height:1px;background:var(--line);flex:1}.setup section h2{margin-bottom:14px}.setup #setup-submit{margin-top:14px}

#stats-scope{display:block;width:100%;min-height:46px;margin:8px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#101d26;color:var(--text,#eef4ee);font:inherit;color-scheme:dark}