:root{--court:oklch(42% .066 154);--court-deep:oklch(33% .058 154);--court-light:oklch(50% .072 154);--court-winner:oklch(46% .085 154);--purple:oklch(31% .145 343);--purple-bright:oklch(42% .17 343);--purple-tint:oklch(96% .022 343);--ink:oklch(24% .012 154);--ink-soft:oklch(40% .014 154);--muted:oklch(50% .014 154);--bg:oklch(98.5% .004 154);--surface:oklch(100% 0 0);--surface-sunk:oklch(96.5% .006 154);--on-court:oklch(99% .006 110);--on-court-muted:oklch(86% .02 145);--border:oklch(90% .008 154);--border-strong:oklch(83% .012 154);--danger:oklch(52% .17 27);--danger-tint:oklch(96% .03 27);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 1px 2px oklch(42% .066 154/.06), 0 1px 3px oklch(42% .066 154/.05);--shadow-md:0 4px 12px oklch(42% .066 154/.08), 0 2px 4px oklch(42% .066 154/.06);--shadow-lg:0 18px 48px oklch(33% .058 154/.22);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--z-sticky:100;--z-modal-backdrop:200;--z-modal:210;--font-serif:"Fraunces", Georgia, "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);height:100%;overflow:hidden}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--ink)}#root{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:var(--bg);height:100%;overflow-y:auto}#root:has(.match-screen){background:var(--court-deep)}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:none}input,select{font:inherit}a{color:inherit}.masthead{z-index:var(--z-sticky);background:var(--court-deep);color:var(--on-court);padding:max(14px, env(safe-area-inset-top)) 16px 14px;box-shadow:var(--shadow-md);position:sticky;top:0}.masthead-inner{align-items:center;gap:11px;max-width:640px;margin:0 auto;display:flex}.masthead-mark{flex:none;place-items:center;width:30px;height:30px;display:grid}.wordmark{font-family:var(--font-serif);letter-spacing:-.012em;color:var(--on-court);font-size:1.32rem;font-weight:600;line-height:1}.wordmark em{color:var(--on-court-muted);font-style:italic;font-weight:500}.masthead-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--on-court-muted);margin-left:auto;font-size:11px;font-weight:600}main{max-width:640px;padding:24px 16px calc(48px + env(safe-area-inset-bottom));margin:0 auto}main h1{font-family:var(--font-serif);letter-spacing:-.018em;text-wrap:balance;color:var(--ink);font-size:1.85rem;font-weight:600;line-height:1.08}main h2{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);margin:30px 0 12px;font-size:1.18rem;font-weight:600}main ul{padding:0;list-style:none}.btn-primary,.btn-ghost{letter-spacing:.01em;border-radius:var(--radius-sm);min-height:48px;transition:background .18s var(--ease-out-quart), border-color .18s var(--ease-out-quart), transform .12s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart);justify-content:center;align-items:center;gap:7px;padding:13px 22px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--court);color:var(--on-court);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--court-light);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background:var(--court-deep);transform:translateY(1px)}.btn-primary:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--surface);color:var(--court);border:1px solid var(--border-strong)}.btn-ghost:hover:not(:disabled){border-color:var(--court);background:var(--surface-sunk)}.btn-ghost:active:not(:disabled){transform:translateY(1px)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-small{min-height:36px;padding:7px 13px;font-size:13px;font-weight:600}.btn-full{width:100%}.btn-danger{color:var(--danger);border-color:var(--border)}.btn-danger:hover:not(:disabled){background:var(--danger-tint);border-color:var(--danger)}.back-btn{color:var(--court);border-radius:var(--radius-sm);transition:background .15s var(--ease-out-quart);align-items:center;gap:5px;margin-bottom:18px;margin-left:-4px;padding:8px 12px 8px 8px;font-size:14px;font-weight:600;display:inline-flex}.back-btn:hover{background:var(--surface-sunk)}:where(button,a,input,select,label.player-check):focus-visible{outline:2.5px solid var(--purple-bright);outline-offset:2px;border-radius:var(--radius-sm)}.form-group{margin-bottom:18px}.form-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:700;display:block}input[type=text],input:not([type]),input[type=number],select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);min-height:48px;transition:border-color .15s var(--ease-out-quart), box-shadow .15s var(--ease-out-quart);padding:12px 14px;font-size:16px}input[type=text]:focus,input:not([type]):focus,input[type=number]:focus,select:focus{border-color:var(--court);outline:none;box-shadow:0 0 0 3px oklch(42% .066 154/.14)}input::placeholder{color:var(--muted)}input[type=text],input:not([type]){width:100%;max-width:300px}input[type=number]{width:96px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23335839' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;width:100%;padding-right:36px}.empty-state{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:12px;padding:40px 24px}.empty-state p{color:var(--ink-soft);max-width:38ch;margin:0 auto;font-size:15px;line-height:1.5}.empty-state p:first-child{font-family:var(--font-serif);color:var(--ink);margin-bottom:6px;font-size:1.15rem;font-weight:600}.text-muted{color:var(--ink-soft);font-size:14px;line-height:1.5}.home h1{margin-bottom:4px}.home-lede{color:var(--ink-soft);margin-bottom:22px;font-size:14px}.home-nav{gap:10px;margin-bottom:8px;display:flex}.home-nav .btn-primary{flex:1}.session-list{flex-direction:column;gap:10px;display:flex}.session-list li{border:none;padding:0}.session-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;width:100%;box-shadow:var(--shadow-sm);transition:border-color .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart), transform .12s var(--ease-out-quart);flex-direction:column;align-items:flex-start;padding:16px 18px;display:flex}.session-card:hover{border-color:var(--court);box-shadow:var(--shadow-md)}.session-card:active{transform:translateY(1px)}.session-card-name{font-family:var(--font-serif);letter-spacing:-.008em;color:var(--ink);font-size:1.12rem;font-weight:600}.session-card-meta{color:var(--muted);margin-top:3px;font-size:13px;font-weight:500}.roster h1,.new-session h1{margin-bottom:20px}.roster-add{align-items:center;gap:8px;margin-bottom:18px;display:flex}.roster-add input{flex:1;max-width:none}.roster-archived{border-top:1px solid var(--border);margin-top:28px;padding-top:8px}.player-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin:0;overflow:hidden}.player-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.player-item:last-child{border-bottom:none}.player-item--archived{opacity:.6}.player-item--selected{background:oklch(96% .018 154)}.player-name{color:var(--ink);align-items:center;gap:9px;font-size:15px;font-weight:600;display:inline-flex}.player-check{cursor:pointer;color:var(--ink);flex:1;align-items:center;gap:12px;min-height:24px;font-size:15px;font-weight:600;display:flex}.player-check input[type=checkbox]{width:22px;height:22px;accent-color:var(--court);flex:none}.player-picker{margin:26px 0 24px}.player-picker h2{align-items:baseline;gap:10px;margin-top:0;display:flex}.player-picker-count{font-family:var(--font-sans);color:var(--court);background:oklch(95% .02 154);border-radius:99px;padding:3px 9px;font-size:13px;font-weight:700}.player-list--check{margin:14px 0 0}.session-header{margin-bottom:8px}.session-header h1{margin-bottom:6px}.session-badge{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.session-status-dot{background:var(--court);border-radius:50%;width:7px;height:7px}.session-status-dot--ended{background:var(--muted)}.session-section{margin-bottom:28px}.session-section>.btn-small{margin-top:10px}.match-list{flex-direction:column;gap:8px;display:flex}.match-list li{border:none;padding:0}.match-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;width:100%;box-shadow:var(--shadow-sm);transition:border-color .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart), transform .12s var(--ease-out-quart);grid-template-columns:auto 1fr auto;align-items:center;gap:4px 14px;padding:13px 16px;display:grid}.match-item:hover{border-color:var(--court);box-shadow:var(--shadow-md)}.match-item:active{transform:translateY(1px)}.match-item--live{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple), var(--shadow-sm)}.match-item-number{font-family:var(--font-serif);color:var(--muted);width:32px;font-size:1.05rem;font-weight:600}.match-item-score{grid-column:2;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:14px;font-weight:600;display:grid}.match-item-team{color:var(--ink);line-height:1.25}.match-item-score .match-item-team:first-child{text-align:right}.match-item-vs{font-family:var(--font-serif);font-variant-numeric:tabular-nums;color:var(--court);text-align:center;white-space:nowrap;font-size:1.3rem;font-weight:600}.match-item-label{color:var(--muted);grid-column:1/-1;padding-left:46px;font-size:12px;font-weight:600}.match-item--live .match-item-label{color:var(--purple);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:6px;display:inline-flex}.match-item--live .match-item-label:before{content:"";background:var(--purple);width:7px;height:7px;animation:live-pulse 1.6s var(--ease-out-quart) infinite;border-radius:50%}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.session-next{background:var(--court-deep);color:var(--on-court);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px}.session-next h2{color:var(--on-court);font-family:var(--font-serif);margin:0 0 14px}.session-next .btn-primary{background:var(--on-court);color:var(--court-deep)}.session-next .btn-primary:hover:not(:disabled),.session-next .btn-primary:active:not(:disabled){background:var(--on-court-muted)}.session-next .btn-ghost{color:var(--on-court);background:0 0;border-color:oklch(100% 0 0/.35)}.session-next .btn-ghost:hover:not(:disabled){border-color:var(--on-court);background:oklch(100% 0 0/.1)}.assignment-editor{flex-direction:column;gap:14px;display:flex}.assignment-side{flex-direction:column;gap:8px;display:flex}.assignment-label{color:var(--on-court-muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700}.assignment-side select{width:100%;color:var(--on-court);background-color:oklch(100% 0 0/.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");border-color:oklch(100% 0 0/.28)}.assignment-side select option{color:var(--ink)}.assignment-vs{text-align:center;font-family:var(--font-serif);color:var(--on-court-muted);font-size:1.05rem;font-style:italic;font-weight:600}.assignment-actions{gap:8px;margin-top:6px;display:flex}.assignment-actions .btn-primary{flex:1}.pool-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin:0;overflow:hidden}.pool-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pool-item:last-child{border-bottom:none}.pool-add{align-items:center;gap:8px;margin-top:12px;display:flex}.pool-add select{flex:1}.badge-live{letter-spacing:.07em;text-transform:uppercase;background:var(--purple-tint);color:var(--purple);border-radius:99px;align-items:center;gap:5px;padding:3px 9px 3px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-live:before{content:"";background:var(--purple);border-radius:50%;width:6px;height:6px}.session-actions{border-top:1px solid var(--border);gap:10px;margin-top:4px;padding-top:22px;display:flex}.session-actions .btn-primary{flex:1}table.standings{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:14px;overflow:hidden}table.standings th{text-align:left;color:var(--on-court);background:var(--court);text-transform:uppercase;letter-spacing:.07em;padding:11px 14px;font-size:11px;font-weight:700}table.standings td{text-align:left;border-bottom:1px solid var(--border);color:var(--ink);padding:12px 14px;font-weight:500}table.standings tbody tr:last-child td{border-bottom:none}table.standings tbody tr:nth-child(2n) td{background:var(--surface-sunk)}.standings-rank{width:36px;font-family:var(--font-serif);color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.standings-name{font-weight:600}.standings-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}th.standings-num{text-align:right}.standings-leader td{color:var(--purple);font-weight:700;background:var(--purple-tint)!important}.standings-leader .standings-rank{color:var(--purple)}.match-screen{background:var(--court-deep);min-height:100dvh;color:var(--on-court);flex-direction:column;max-width:none;padding:0;display:flex}.match-nav{padding:max(12px, env(safe-area-inset-top)) 16px 12px;justify-content:space-between;align-items:center;display:flex}.match-back{color:var(--on-court);border-radius:var(--radius-sm);transition:background .15s var(--ease-out-quart);align-items:center;gap:5px;padding:8px 12px 8px 8px;font-size:15px;font-weight:600;display:inline-flex}.match-back:hover{background:oklch(100% 0 0/.1)}.match-game-counter{color:var(--on-court-muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}.match-outcome{text-align:center;font-family:var(--font-serif);letter-spacing:-.01em;color:var(--on-court);text-wrap:balance;padding:6px 16px 14px;font-size:1.3rem;font-weight:600}.match-court{flex:1;gap:4px;min-height:0;padding:0 10px;display:flex}.match-side{background:var(--court);color:var(--on-court);border-radius:var(--radius-lg);min-height:240px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.08), var(--shadow-md);transition:background .15s var(--ease-out-quart), opacity .2s var(--ease-out-quart), transform .1s var(--ease-out-quart);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:28px 14px;display:flex;position:relative;overflow:hidden}.match-side:after{content:"";background:oklch(100% 0 0/.14);height:2px;position:absolute;bottom:58px;left:14px;right:14px}.match-side:active:not(:disabled){background:var(--court-light);transform:scale(.992)}.match-side:disabled{cursor:default}.match-side--done{opacity:.72}.match-side--winner{opacity:1;background:var(--purple);box-shadow:inset 0 1px 0 oklch(100% 0 0/.12), 0 0 0 2px oklch(100% 0 0/.18), var(--shadow-lg)}.match-side--winner:after{background:oklch(100% 0 0/.2)}.match-net{background:repeating-linear-gradient(oklch(100% 0 0/.55) 0 8px,#0000 8px 16px);border-radius:2px;align-self:stretch;width:4px;margin:32px 0}.match-team{letter-spacing:.01em;color:var(--on-court-muted);text-align:center;z-index:1;max-width:100%;font-size:14px;font-weight:600;line-height:1.3}.match-points{font-family:var(--font-serif);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;z-index:1;font-size:clamp(3.6rem,19vw,6rem);font-weight:600;line-height:.9}.match-points--win{letter-spacing:-.01em;font-size:clamp(2rem,9vw,2.6rem);font-style:italic;font-weight:600}.match-points--draw{opacity:.85;font-size:clamp(1.6rem,7vw,2rem);font-style:italic;font-weight:500}.match-games{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.09em;color:var(--on-court-muted);z-index:1;align-items:baseline;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.match-games b{font-family:var(--font-serif);font-variant-numeric:tabular-nums;color:var(--on-court);font-size:1.5rem;font-weight:600}.match-games.pulse{animation:game-pulse .45s var(--ease-out-expo)}@keyframes game-pulse{0%{transform:scale(1)}30%{transform:scale(1.32)}to{transform:scale(1)}}.match-controls{padding:22px 16px calc(26px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.match-btn{border-radius:var(--radius-sm);min-height:50px;transition:background .15s var(--ease-out-quart), border-color .15s var(--ease-out-quart), transform .1s var(--ease-out-quart);padding:15px 22px;font-size:15px;font-weight:600}.match-btn:active{transform:translateY(1px)}.match-btn--undo{color:var(--on-court);background:oklch(100% 0 0/.12);border:1px solid oklch(100% 0 0/.28)}.match-btn--undo:hover{background:oklch(100% 0 0/.2)}.match-btn--cancel{color:var(--on-court-muted);background:0 0;border:1px solid oklch(100% 0 0/.22)}.match-btn--cancel:hover{color:var(--on-court);border-color:oklch(100% 0 0/.45)}.match-btn--done{background:var(--on-court);color:var(--court-deep);font-weight:700}.match-btn--done:hover{background:var(--on-court-muted)}.share-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:overlay-in .2s var(--ease-out-quart);background:oklch(20% .02 154/.78);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}}.share-preview{border-radius:var(--radius-md);max-height:90vh;box-shadow:var(--shadow-lg);z-index:var(--z-modal);animation:sheet-in .32s var(--ease-out-expo);overflow-y:auto}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.share-actions{background:var(--court-deep);border-radius:var(--radius-md) var(--radius-md) 0 0;gap:8px;padding:12px;display:flex;position:sticky;top:0}.share-actions button{color:var(--on-court);background:var(--court);border-radius:var(--radius-sm);min-height:48px;transition:background .15s var(--ease-out-quart);border:none;flex:1;padding:13px 16px;font-weight:600}.share-actions button:hover{background:var(--court-light)}.share-actions button:last-child{background:oklch(100% 0 0/.14)}.share-actions button:last-child:hover{background:oklch(100% 0 0/.24)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.match-item--live .match-item-label:before,.badge-live:before{animation:none}}