:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7fb;background:#10131a}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#20283a,#10131a 60%)}button{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:0}.app-shell__content{width:min(100%,480px);display:grid;gap:32px;text-align:center;padding:24px}.home-hero{display:flex;flex-direction:column;align-items:center;gap:12px}.home-hero__dartboard{width:120px;height:120px;filter:drop-shadow(0 0 18px rgba(82,183,136,.35))}.home-hero__title{margin:0;font-size:2.4rem;font-weight:900;letter-spacing:.12em;line-height:1.1;color:#f5f7fb;text-transform:uppercase}.home-hero__subtitle{margin:0;font-size:.95rem;color:#8892b0;letter-spacing:.04em}.home-actions{display:grid;gap:12px}.home-btn{width:100%;padding:16px 20px;border:0;border-radius:999px;font-size:1rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s}.home-btn--primary{background:#52b788;color:#081c15;box-shadow:0 0 20px #52b78866}.home-btn--primary:hover{background:#40c07a;box-shadow:0 0 28px #52b78899;transform:translateY(-1px)}.home-btn--secondary{background:transparent;color:#8892b0;border:1px solid #3e4d6b}.home-btn--secondary:hover{background:#1e2a3a;color:#f5f7fb;border-color:#52b788}.home-btn--danger{width:100%;padding:12px 20px;border:1px solid #8b3a3a;border-radius:999px;background:transparent;color:#b04a4a;font-size:.85rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:background .15s,border-color .15s,color .15s;margin-top:8px}.home-btn--danger:hover{background:#2a1010;border-color:#e74c3c;color:#e74c3c}.home-back-btn{background:transparent;color:#8892b0;border:1px solid #3e4d6b;border-radius:999px;padding:10px 20px;cursor:pointer;font-size:.9rem;transition:background .15s,color .15s}.home-back-btn:hover{background:#1e2a3a;color:#f5f7fb}.home-loading{color:#8892b0;font-size:.9rem}.stats-list{width:min(100%,480px);display:flex;flex-direction:column;gap:20px;padding:32px 24px;text-align:left}.stats-list__title{margin:0;font-size:1.6rem;font-weight:900;letter-spacing:.12em;color:#f5f7fb;text-align:center}.stats-list__empty{color:#8892b0;text-align:center;font-size:.95rem}.stats-list__items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.stats-list__row{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#131b28;border:1px solid #3e4d6b;border-left:3px solid #52b788;border-radius:8px;color:#f5f7fb;font:inherit;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;box-sizing:border-box}.stats-list__row:hover{background:#1e2a3a;border-color:#52b788}.stats-list__name{font-weight:700;font-size:1.05rem;min-width:80px}.stats-list__summary{color:#8892b0;font-size:.85rem;flex:1}.stats-list__avg{color:#52b788;font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums}.stats-detail{width:min(100%,480px);display:flex;flex-direction:column;gap:24px;padding:32px 24px;text-align:left}.stats-detail__title{margin:0;font-size:1.6rem;font-weight:900;letter-spacing:.12em;color:#f5f7fb;text-align:center}.stats-detail__empty{color:#8892b0;text-align:center;font-size:.95rem}.stats-detail__grid{display:grid;gap:8px;margin:0}.stats-detail__item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#131b28;border:1px solid #3e4d6b;border-radius:8px}.stats-detail__item dt{color:#8892b0;font-size:.9rem;font-weight:600}.stats-detail__item dd{margin:0;color:#f5f7fb;font-weight:800;font-size:1.1rem;font-variant-numeric:tabular-nums}.active-match{display:flex;flex-direction:row;width:100%;height:100vh;height:100dvh;padding:0;box-sizing:border-box}.active-match__sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;padding:20px 16px;background:#0a0e16;overflow-y:auto;gap:12px}.back-to-home-btn{background:transparent;color:#8892b0;border:1px solid #3e4d6b;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;align-self:flex-start;transition:background .15s,color .15s}.back-to-home-btn:hover{background:#2a3650;color:#f5f7fb}.player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.player-card{background:#1e2638;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px}.player-card--current{background:#1e2638;box-shadow:inset 0 0 0 2px #52b788;flex-direction:column;align-items:stretch;gap:10px}.player-card--compact{background:#141a2a;flex-direction:column;align-items:stretch;gap:6px}.player-card__header{display:flex;align-items:center;gap:10px}.player-card__icon{font-size:1.2rem}.player-card__name{font-weight:700;color:#f5f7fb;flex:1}.player-card__score{font-weight:800;color:#52b788;font-size:1.3rem;font-variant-numeric:tabular-nums}.player-card--compact .player-card__score{font-size:1rem}.dart-slots{display:flex;align-items:center;gap:6px}.dart-slot{display:inline-flex;align-items:center;justify-content:center;width:48px;height:32px;border-radius:6px;font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums}.dart-slot--empty{background:#2a3650;color:#4a5878}.dart-slot--filled{background:#2a3650;color:#f5f7fb}.turn-total{margin-left:auto;font-size:1.1rem;font-weight:800;color:#52b788;font-variant-numeric:tabular-nums}.previous-turn{display:flex;align-items:center;gap:4px;font-size:.8rem;font-variant-numeric:tabular-nums;color:#4a5878}.previous-turn__dart{font-weight:600}.previous-turn__total{color:#4a5878;margin-left:2px}.player-card__actions{display:flex;gap:8px}.undo-btn,.next-throw-btn{flex:1;border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:700;cursor:pointer;border:0;transition:background .15s,opacity .15s}.undo-btn{background:#e74c3c;color:#fff}.undo-btn:hover:not(:disabled){background:#c0392b}.next-throw-btn{background:#3e4d6b;color:#f5f7fb}.next-throw-btn:hover:not(:disabled){background:#4e5d7b}.undo-btn:disabled,.next-throw-btn:disabled{opacity:.4;cursor:not-allowed}.active-match__board-panel{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;padding:16px;position:relative}.active-match__board-panel>svg{width:100%;height:100%}.win-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0e16eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:32px;text-align:center}.win-overlay__confetti{font-size:4rem;line-height:1}.win-overlay__title{font-size:2.2rem;font-weight:800;color:#52b788;margin:0}.win-overlay__actions{display:flex;gap:12px;margin-top:8px}.win-overlay__undo-btn,.win-overlay__home-btn{border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;border:0;transition:background .15s,opacity .15s}.win-overlay__undo-btn{background:#2a3650;color:#f5f7fb}.win-overlay__undo-btn:hover{background:#3e4d6b}.win-overlay__home-btn{background:#52b788;color:#081c15}.win-overlay__home-btn:hover{background:#409972}@media (max-width: 767px){.active-match__sidebar{width:260px;padding:12px 10px}.dart-slot{width:38px;height:28px;font-size:.85rem}.player-card__name{font-size:.95rem}.player-card__score{font-size:1.1rem}}.setup-form{width:min(100%,480px);display:flex;flex-direction:column;gap:28px;padding:32px 24px;text-align:left}.setup-form__title{margin:0;font-size:1.6rem;font-weight:900;letter-spacing:.12em;color:#f5f7fb;text-align:center}.setup-section{display:flex;flex-direction:column;gap:10px}.setup-label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8892b0}.setup-score-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-score-tile{padding:18px 0;border:1px solid #3e4d6b;border-radius:10px;background:#131b28;color:#8892b0;font-size:1.4rem;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.setup-score-tile--active{background:#0d2218;border-color:#52b788;color:#52b788;box-shadow:0 0 14px #52b7884d}.setup-score-tile:hover:not(.setup-score-tile--active){background:#1e2a3a;border-color:#5a6a88;color:#c8d0e0}.setup-stepper{display:flex;align-items:center;gap:0;border:1px solid #3e4d6b;border-radius:10px;overflow:hidden;background:#131b28}.setup-stepper__btn{width:56px;height:56px;background:transparent;border:none;color:#8892b0;font-size:1.6rem;font-weight:300;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.setup-stepper__btn:hover:not(:disabled){background:#1e2a3a;color:#52b788}.setup-stepper__btn:disabled{opacity:.3;cursor:not-allowed}.setup-stepper__value{flex:1;text-align:center;font-size:1.8rem;font-weight:800;color:#f5f7fb}.setup-player-inputs{display:flex;flex-direction:column;gap:8px}.setup-player-input-wrap{display:flex;flex-direction:column;gap:6px}.setup-player-input{width:100%;padding:14px 16px;background:#131b28;border:1px solid #3e4d6b;border-left:3px solid #52b788;border-radius:8px;color:#f5f7fb;font:inherit;font-size:1rem;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;outline:none}.setup-player-input::placeholder{color:#4a5878}.setup-player-input:focus{border-color:#52b788;box-shadow:0 0 0 2px #52b78833}.name-suggestions{display:flex;flex-wrap:wrap;gap:4px}.name-suggestion-chip{background:#1e2a3a;color:#8892b0;border:1px solid #3e4d6b;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.name-suggestion-chip:hover{background:#2a3650;color:#f5f7fb;border-color:#52b788}.setup-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#131b28;border:1px solid #3e4d6b;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.setup-toggle-label{font-size:1rem;font-weight:600;color:#c8d0e0}.setup-toggle__input{position:absolute;opacity:0;width:0;height:0}.setup-toggle__track{display:inline-flex;align-items:center;width:44px;height:24px;border-radius:999px;background:#2a3650;border:1px solid #3e4d6b;padding:2px;box-sizing:border-box;transition:background .2s,border-color .2s;position:relative}.setup-toggle--on .setup-toggle__track{background:#52b788;border-color:#52b788}.setup-toggle__thumb{display:block;width:18px;height:18px;border-radius:50%;background:#8892b0;transition:transform .2s,background .2s;position:absolute;left:2px}.setup-toggle--on .setup-toggle__thumb{transform:translate(20px);background:#081c15}.setup-submit{width:100%;padding:18px;background:#52b788;color:#081c15;border:none;border-radius:999px;font-size:1.1rem;font-weight:800;letter-spacing:.06em;cursor:pointer;box-shadow:0 0 20px #52b78866;transition:background .15s,box-shadow .15s,transform .1s}.setup-submit:hover{background:#40c07a;box-shadow:0 0 28px #52b78899;transform:translateY(-1px)}