:root{color:#eef4f7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c131a;font-family:Inter,system-ui,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:30px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.brand{letter-spacing:3px;color:inherit;font-size:22px;font-weight:800;text-decoration:none}.brand span{letter-spacing:1px;vertical-align:middle;border:1px solid #40515e;border-radius:5px;padding:5px;font-size:10px}.muted,.meta,small,.eyebrow,footer{color:#a9bac7}.online{color:#9de5c9;font-size:13px}.prototype{color:#b8c5cd;border-bottom:1px solid #293944;padding:12px 0;font-size:12px}.meta{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:22px 0;font-size:13px;display:flex}button,input,select{font:inherit}button{min-height:46px;color:inherit;cursor:pointer;background:#192731;border:1px solid #405460;border-radius:12px;padding:11px 17px}button:hover{filter:brightness(1.12)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{color:#123127;background:#99e5c5;border-color:#99e5c5;font-weight:650}input,select{width:100%;min-height:46px;color:inherit;background:#15212b;border:1px solid #405460;border-radius:10px;padding:11px;font-size:16px}label{color:#b6c6d0;flex-direction:column;gap:8px;font-size:13px;display:flex}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #99e5c5}.scoreboard{grid-template-columns:1fr 1fr;gap:16px;display:grid}.player{background:#1b2935;border-radius:20px;min-width:0;padding:25px}.player.active{color:#102e24;background:#99e5c5}.player-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.player h2{overflow-wrap:anywhere;margin:0;font-size:22px}.player-top span{font-size:12px}.player.active small{color:#315c4d}.score{letter-spacing:-5px;font-variant-numeric:tabular-nums;margin:15px 0;font-size:clamp(72px,12vw,130px);line-height:1.2;display:block}.visit{justify-content:space-between;align-items:center;gap:16px;margin:25px 0;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.visit h2{margin:7px 0;font-size:24px}.darts{gap:10px;display:flex}.darts button{flex-direction:column;align-items:center;gap:5px;min-width:75px;display:flex}.darts b{font-size:19px}.hint{background:#203e33;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:17px;display:flex}.hint span{color:#bed9cd;font-size:13px}.controls{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:22px 0;display:flex}.controls label{min-width:100px}.notice{color:#bed0dc;min-height:24px;font-size:14px}.history,.sharing{border-top:1px solid #293944;padding:20px 0}.sharing label{margin:15px 0}.sharing p,.welcome p{color:#aebfcb;line-height:1.6}summary{cursor:pointer;min-height:32px}.history-row{border-bottom:1px solid #293944;justify-content:space-between;gap:15px;padding:14px 0;display:flex}.history-row span{overflow-wrap:anywhere}.welcome{max-width:620px;margin:60px auto}.welcome h1{letter-spacing:-2px;margin:15px 0;font-size:clamp(40px,7vw,65px)}.names{grid-template-columns:1fr 1fr;gap:15px;margin:30px 0 18px;display:grid}.welcome details{margin-bottom:20px}.welcome small{margin-top:25px;line-height:1.6;display:block}.leave{color:#b8c7d1;background:0 0;margin-top:15px}.error{color:#ffc3b5;border:1px solid #7c473c;border-radius:10px;padding:14px}.retry{color:#eedcaf}dialog{width:min(440px,90vw);color:inherit;background:#15212b;border:1px solid #405460;border-radius:18px;padding:25px}dialog::backdrop{background:#0009}footer{border-top:1px solid #293944;margin-top:40px;padding-top:16px;font-size:12px}@media (width<=560px){main{padding:16px}header{flex-direction:column;align-items:flex-start;gap:12px}.player{padding:16px}.player-top{display:block}.player h2{font-size:18px}.player-top span{margin-top:5px;display:block}.score{letter-spacing:-3px;font-size:clamp(62px,17vw,90px)}.scoreboard{gap:10px}.visit{flex-wrap:wrap}.darts{flex:1}.darts button{flex:1;min-width:60px}.names{grid-template-columns:1fr}.welcome{margin:35px auto}.controls button{flex:1}.controls label{width:100%}.history-row{gap:8px;font-size:12px}}:root .language{min-width:140px}.language select{min-height:40px}header{flex-wrap:wrap}.darts button{overflow-wrap:anywhere;max-width:140px}.history-row{flex-wrap:wrap}.history-row span{min-width:0}.hint strong{overflow-wrap:anywhere}
