@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap";:root{--bg:#0f1117;--bg-card:#1a1d27;--bg-input:#252836;--accent:#e74c3c;--accent-glow:#e74c3c4d;--green:#2ecc71;--green-glow:#2ecc714d;--yellow:#f1c40f;--text:#f0f0f0;--text-dim:#8b8fa3;--border:#2d3045;--radius:12px;--radius-sm:8px}[data-accent=red]{--accent:#e74c3c;--accent-glow:#e74c3c4d}[data-accent=green]{--accent:#2ecc71;--accent-glow:#2ecc714d}[data-accent=blue]{--accent:#5dade2;--accent-glow:#5dade24d}[data-accent=yellow]{--accent:#f4d03f;--accent-glow:#f4d03f4d}[data-theme=light]{--bg:#f5f5f7;--bg-card:#fff;--bg-input:#eeeef0;--text:#1a1a2e;--text-dim:#6b7280;--border:#d1d5db}[data-theme=light][data-accent=red]{--accent:#c0392b;--accent-glow:#c0392b40}[data-theme=light][data-accent=green]{--accent:#1e8449;--accent-glow:#1e844940}[data-theme=light][data-accent=blue]{--accent:#2471a3;--accent-glow:#2471a340}[data-theme=light][data-accent=yellow]{--accent:#b7950b;--accent-glow:#b7950b40}[data-theme=light] .theme-toggle{background:#fef3c7;border-color:#fbbf24}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:transform .1s,box-shadow .2s}button:active{transform:scale(.96)}button:disabled{opacity:.35;pointer-events:none}input{border:none;outline:none;font-family:inherit}.app{max-width:480px;padding:20px 16px env(safe-area-inset-bottom,16px);flex-direction:column;min-height:100%;margin:0 auto;display:flex}.btn{border-radius:var(--radius);justify-content:center;align-items:center;padding:14px 24px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 25px var(--accent-glow)}.btn-green{background:var(--green);color:#fff;box-shadow:0 4px 15px var(--green-glow)}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-danger{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-full{width:100%}.btn-lg{border-radius:16px;padding:18px 32px;font-size:18px}.btn-sm{padding:8px 14px;font-size:14px}.btn-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:22px;display:flex}.input{background:var(--bg-input);width:100%;color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input-code{text-align:center;letter-spacing:8px;text-transform:uppercase;padding:20px;font-size:32px;font-weight:900}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;display:flex}.checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:4px;padding:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-dim);background:0 0;flex:1;padding:12px 16px;font-size:15px;font-weight:700;transition:all .2s}.tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.25s ease-out fadeIn}.slide-up{animation:.35s ease-out slideUp}.pop-in{animation:.3s ease-out popIn}@keyframes rainbowGlow{0%{box-shadow:inset 0 0 0 1px #e74c3c,0 0 12px #e74c3c4d}25%{box-shadow:inset 0 0 0 1px #2ecc71,0 0 12px #2ecc714d}50%{box-shadow:inset 0 0 0 1px #5dade2,0 0 12px #5dade24d}75%{box-shadow:inset 0 0 0 1px #f4d03f,0 0 12px #f4d03f4d}to{box-shadow:inset 0 0 0 1px #e74c3c,0 0 12px #e74c3c4d}}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.active-arrow{color:var(--yellow);margin-right:6px;animation:.8s ease-in-out infinite arrowBounce;display:inline-block}.scoreboard{border-collapse:separate;border-spacing:0 4px;width:100%}.scoreboard th{text-align:center;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:6px 8px;font-size:11px;font-weight:600}.scoreboard td{text-align:center;background:var(--bg-input);padding:12px 10px;font-size:16px;font-weight:600}.scoreboard tr td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);text-align:left}.scoreboard tr td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.scoreboard .active-player td{background:var(--bg-card);animation:4s linear infinite rainbowGlow}.scoreboard .halved{color:var(--accent)}.player-chip{background:var(--bg-input);border:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.player-chip.selected{border-color:var(--green);background:#2ecc711a}.player-chip .remove{color:var(--text-dim);background:0 0;padding:0;font-size:18px;line-height:1}.player-row{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:8px 12px;display:flex}.player-row-avatar{cursor:pointer;flex-shrink:0;position:relative}.player-row-avatar-hint{opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:opacity .2s;display:flex;position:absolute;inset:0}.player-row-avatar:active .player-row-avatar-hint,.player-row-avatar:hover .player-row-avatar-hint{opacity:1}.player-row-name{flex:1;font-size:15px;font-weight:600}.player-row-action{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:16px;transition:opacity .15s}.player-row-action:hover{opacity:1}.player-row .remove{color:var(--text-dim);background:0 0;padding:2px 4px;font-size:20px;line-height:1}.sb-player-cell{align-items:center;gap:8px;display:flex}.dart-input-area{flex-direction:column;gap:12px;display:flex}.dart-tally{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;padding:14px 16px;display:flex}.dart-tally-inner{flex-direction:column;align-items:center;gap:6px;display:flex}.dart-tally-total{color:var(--text-dim);text-align:center;min-width:90px;font-size:52px;font-weight:900;line-height:1;transition:color .15s,transform .15s}.dart-tally-total.has-value{color:var(--green)}.dart-tally-total.pop{animation:.25s ease-out scorePop}@keyframes scorePop{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}.dart-tally-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-size:11px}.dart-pips{justify-content:center;gap:10px;margin-top:2px;display:flex}.dart-pip{background:var(--border);color:#0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:relative}.dart-pip.used{background:var(--accent);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.dart-pip.just-thrown{animation:.4s ease-out dartThrow}@keyframes dartThrow{0%{opacity:0;transform:scale(.3)rotate(-180deg)}60%{opacity:1;transform:scale(1.3)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.dart-pip.miss-pip{background:var(--bg-input);color:var(--text-dim);border:2px solid var(--border);box-shadow:none}.dart-breakdown{color:var(--text-dim);min-height:16px;font-size:12px}.dart-buttons{gap:8px;display:grid}.dart-buttons.cols-2{grid-template-columns:repeat(2,1fr)}.dart-buttons.cols-3{grid-template-columns:repeat(3,1fr)}.dart-buttons.cols-4{grid-template-columns:repeat(4,1fr)}.dart-buttons.cols-5{grid-template-columns:repeat(5,1fr)}.dart-btn{border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);border:2px solid var(--border);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:18px 8px;font-size:20px;font-weight:700;transition:all .12s}.dart-btn:active:not(:disabled){background:var(--accent);border-color:var(--accent);transform:scale(.94)}.dart-btn:disabled{opacity:.25}.dart-btn-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:600;display:block}.dart-actions{gap:8px;display:flex}.dart-actions>*{flex:1}.halved-overlay{z-index:100;background:#e74c3ceb;justify-content:center;align-items:center;animation:.1s ease-out fadeIn;display:flex;position:fixed;inset:0}.halved-overlay h1{color:#fff;font-size:64px;font-weight:900;animation:.5s ease-out shake}.newbest-overlay{z-index:100;background:#2ecc71eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.newbest-overlay h1{font-size:48px;font-weight:900;animation:.6s ease-in-out infinite pulse}.newbest-overlay p{font-size:24px;font-weight:700}.board-badge{background:var(--bg-input);border:1px solid var(--border);letter-spacing:4px;color:var(--text-dim);border-radius:50px;padding:5px 14px;font-size:13px;font-weight:900;display:inline-block}.section-title{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-bottom:16px;font-size:12px;font-weight:600}.game-header{text-align:center;padding:8px 0 4px}.game-round-target{color:var(--accent);font-size:40px;font-weight:900;line-height:1.1}.game-round-desc{color:var(--text-dim);margin-top:4px;font-size:13px}.game-round-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-bottom:2px;font-size:11px}.game-current-player{color:var(--yellow);text-align:center;padding:4px 0;font-size:22px;font-weight:900}.stack-xs>*+*{margin-top:8px}.stack-sm>*+*{margin-top:12px}.stack-md>*+*{margin-top:20px}.stack-lg>*+*{margin-top:32px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.text-sm{font-size:13px}.font-bold{font-weight:700}.w-full{width:100%}.gap-8{gap:8px}.gap-12{gap:12px}.landing-dart-icon{margin-bottom:8px;font-size:96px;animation:.6s ease-out dartLand}@keyframes dartLand{0%{opacity:0;transform:translateY(-40px)rotate(-20deg)}60%{opacity:1;transform:translateY(4px)rotate(5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.hs-container{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);padding:24px 20px 20px;position:relative;overflow:hidden}.hs-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hs-dartboard{opacity:.08;width:200px;height:200px;animation:60s linear infinite dartboardSpin;position:absolute;top:-30px;right:-40px}@keyframes dartboardSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hs-flying-dart{opacity:0;animation:4s ease-in-out infinite dartFly;position:absolute}@keyframes dartFly{0%{opacity:0;transform:translate(0)rotate(30deg)}10%{opacity:.6}50%{opacity:.6;transform:translate(calc(50vw - 40px))rotate(30deg)scale(.8)}60%{opacity:0;transform:translate(50vw)rotate(30deg)scale(.6)}to{opacity:0}}.hs-sparkle{background:var(--yellow);opacity:0;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite sparkle;position:absolute}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}}.hs-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex;position:relative}.hs-trophy{font-size:44px;animation:2s ease-in-out infinite trophyBounce}@keyframes trophyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hs-title{color:var(--text);margin-top:4px;font-size:26px;font-weight:900}.hs-subtitle{text-transform:uppercase;letter-spacing:3px;color:var(--text-dim);margin-top:2px;font-size:12px}.hs-add-btn{background:var(--accent);color:#fff;position:relative}.hs-warning{border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-dim);background:#e74c3c1a;margin-bottom:16px;padding:14px 16px;font-size:12px;line-height:1.6;position:relative}.hs-warning-title{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:14px;font-weight:900}.hs-empty{text-align:center;color:var(--text-dim);padding:32px 0;font-size:16px;font-weight:600;position:relative}.hs-list{list-style:none;position:relative}.hs-entry{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 0;animation:.4s ease-out both entrySlide;display:flex}.hs-entry:last-child{border-bottom:none}@keyframes entrySlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hs-entry.gold{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1c40f14 0%,#0000 80%);margin:0 -10px;padding:14px 10px}.hs-rank-badge{flex-shrink:0}.hs-rank{background:var(--bg-input);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:900;display:flex}.hs-rank.gold{color:#000;background:linear-gradient(135deg,#f1c40f,#f39c12);animation:2s ease-in-out infinite goldGlow;box-shadow:0 0 20px #f1c40f66}@keyframes goldGlow{0%,to{box-shadow:0 0 15px #f1c40f4d}50%{box-shadow:0 0 30px #f1c40f99}}.hs-rank.silver{color:#000;background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.hs-rank.bronze{color:#000;background:linear-gradient(135deg,#e67e22,#cd7f32)}.hs-player-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hs-player-name{cursor:pointer;font-size:16px;font-weight:700;transition:color .15s}.hs-player-name:hover{color:var(--accent)}.hs-champion-label{text-transform:uppercase;letter-spacing:2px;color:var(--yellow);font-size:10px;font-weight:700}.hs-score-wrap{cursor:pointer;align-items:baseline;gap:4px;transition:transform .15s;display:flex}.hs-score-wrap:active{transform:scale(.95)}.hs-score{color:var(--accent);font-size:28px;font-weight:900}.hs-pts{color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:600}.confirm-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;padding:28px 24px}.confirm-box.text-center{text-align:center}.confirm-box h3{margin-bottom:8px;font-size:20px;font-weight:900}.confirm-box p{color:var(--text-dim);margin-bottom:20px;font-size:14px;line-height:1.5}.confirm-actions{gap:8px;display:flex}.confirm-actions>*{flex:1}.theme-toggle{background:var(--bg-input);border:2px solid var(--border);cursor:pointer;border-radius:30px;flex-shrink:0;width:56px;height:30px;padding:0;transition:background .3s,border-color .3s;position:relative;overflow:hidden}.theme-toggle-knob{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55);display:flex;position:absolute;top:2px;left:2px}.theme-toggle-knob.light{transform:translate(26px)}.player-select-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=340px){.player-select-grid{grid-template-columns:repeat(2,1fr)}}.player-select-card{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}.player-select-card:active{transform:scale(.96)}.player-select-card.selected{border-color:var(--accent);background:rgba(var(--accent), .08);box-shadow:0 0 16px var(--accent-glow);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow), inset 0 0 0 1px var(--accent-glow)}.player-select-avatar{position:relative}.player-select-check{background:var(--accent);color:#fff;border:2px solid var(--bg-input);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px}.player-select-name{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.player-select-card.selected .player-select-name{color:var(--accent)}.game-start-btn.ready{animation:2s ease-in-out infinite startBtnPulse}@keyframes startBtnPulse{0%,to{box-shadow:0 4px 15px var(--accent-glow)}50%{box-shadow:0 6px 30px var(--accent-glow), 0 0 40px var(--accent-glow)}}.avatar-edit-hint{opacity:0!important}:hover>.avatar-edit-hint,:active>.avatar-edit-hint{opacity:1!important}.online-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite onlinePulse;display:inline-block;box-shadow:0 0 6px #2ecc7199}@keyframes onlinePulse{0%,to{box-shadow:0 0 4px #2ecc7166}50%{box-shadow:0 0 10px #2ecc71cc}}