:root{--felt-1: #0d5036;--felt-2: #073522;--felt-edge: #052a1b;--rail: #5a3a1a;--rail-hi: #7a5226;--gold: #d8b257;--gold-deep: #a47e2a;--gold-soft: rgba(216, 178, 87, .16);--cream: #f6efe0;--cream-2: #fbf6ea;--ink: #221b10;--ink-soft: #6a5d49;--line: #e2d6b8;--line-soft: #ece2c8;--win: #1d6b3a;--win-soft: #c8e6cf;--pos: #a23a2a;--pos-soft: #f6dad4;--danger: #a23a2a;--shadow-1: 0 1px 0 rgba(0,0,0,.04), 0 12px 30px rgba(0,0,0,.22);--shadow-2: 0 1px 0 rgba(0,0,0,.05), 0 4px 14px rgba(0,0,0,.18);--radius: 14px;--radius-sm: 10px;--radius-pill: 999px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--cream);background:radial-gradient(140% 90% at 50% -10%,rgba(255,255,255,.06) 0%,transparent 55%),radial-gradient(120% 80% at 50% 110%,rgba(0,0,0,.55) 0%,transparent 60%),radial-gradient(1200px 700px at 50% 40%,var(--felt-1) 0%,var(--felt-2) 65%,var(--felt-edge) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1,"ss01" 1}button{font:inherit;cursor:pointer;border:1px solid transparent;background:transparent;color:inherit;border-radius:var(--radius-sm);padding:9px 14px;transition:background .12s ease,transform 60ms ease,border-color .12s ease,box-shadow .12s ease;font-weight:500}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#e6c168 0%,var(--gold) 60%,var(--gold-deep) 100%);color:#2a1c00;font-weight:700;border:1px solid #8e6a1e;box-shadow:inset 0 1px #ffffff8c,0 1px #0003,0 6px 16px #0000004d;letter-spacing:.01em}button.primary:hover:not(:disabled){filter:brightness(1.05)}button.primary.big{padding:16px 22px;font-size:16px;width:100%;border-radius:var(--radius)}button.ghost{background:#ffffff0f;color:var(--cream);border:1px solid rgba(255,255,255,.14)}button.ghost:hover{background:#ffffff1a}button.ghost.danger{color:#f3b9b1;background:#a23a2a2e;border-color:#a23a2a59}button.ghost.danger:hover{background:#a23a2a52}button.ghost.tiny{padding:2px 7px;font-size:11px;border-radius:var(--radius-pill)}.panel button.ghost{background:#0000000a;color:var(--ink);border:1px solid rgba(0,0,0,.1)}.panel button.ghost:hover{background:#00000012}.panel button.ghost.danger{background:#a23a2a14;color:var(--danger);border-color:#a23a2a4d}.panel button.ghost.danger:hover{background:#a23a2a29}input[type=text],select{font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);width:100%;font-feature-settings:"tnum" 1}input[type=text]:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.app{min-height:100%;display:flex;flex-direction:column}.app-header{padding:14px 22px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#0000002e,#0000),#07352299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gold-deep);box-shadow:0 1px #ffffff0a,0 6px 16px #00000040}.title-btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:.01em;color:var(--cream);padding:6px 10px}.title-btn:hover{background:#ffffff0d}.logo{font-size:22px;color:var(--gold);text-shadow:0 1px 0 rgba(0,0,0,.4)}.title-word{color:var(--gold)}.top-nav{margin-left:auto;display:flex;gap:4px}.nav-link{background:transparent;color:#f6efe0c7;padding:8px 14px;border-radius:var(--radius-pill);font-weight:600;border:1px solid transparent}.nav-link:hover{background:#ffffff0f;color:var(--cream)}.nav-link.on{background:var(--gold-soft);color:var(--gold);border-color:#d8b25759}main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:26px 22px 90px}.panel{background:linear-gradient(180deg,var(--cream-2),var(--cream));color:var(--ink);border-radius:var(--radius);border:1px solid var(--gold-deep);box-shadow:var(--shadow-1);position:relative}.panel:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:calc(var(--radius) - 3px);border:1px solid rgba(216,178,87,.45);pointer-events:none}.empty{text-align:center;padding:36px 24px;color:var(--ink-soft);display:flex;flex-direction:column;gap:8px;align-items:center}.empty-title{color:var(--ink);font-weight:700;font-size:18px;margin:0}.muted{color:var(--ink-soft)}.muted.small{font-size:13px}.error{color:var(--danger);font-size:13px;margin:0}h1{font-size:26px;margin:0 0 10px;font-weight:800;letter-spacing:-.01em}h2{margin:0 0 10px;font-size:18px}h3{margin:0 0 8px;font-size:15px}main>*>h1{color:var(--cream)}.panel h1,.panel h2,.panel h3{color:var(--ink)}.list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.list-head h1{margin:0}.head-actions{display:flex;gap:10px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#f6efe099;margin:18px 0 10px}.cards{list-style:none;padding:0;margin:0;display:grid;gap:12px}.match-card{display:flex;align-items:stretch;background:linear-gradient(180deg,var(--cream-2),var(--cream));border:1px solid var(--gold-deep);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-2);position:relative}.match-card:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:calc(var(--radius) - 3px);border:1px solid rgba(216,178,87,.45);pointer-events:none}.match-card-body{flex:1;text-align:left;padding:16px 18px 14px;display:flex;flex-direction:column;gap:8px;background:transparent;color:var(--ink);border-radius:0}.match-card-body:hover{background:#00000008}.match-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-card-title{font-weight:700;font-size:17px;letter-spacing:-.01em}.match-card-meta{color:var(--ink-soft);font-size:13px}.status-pill{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:3px 9px;border-radius:var(--radius-pill);border:1px solid transparent}.status-pill.active{background:#1d6b3a1f;color:var(--win);border-color:#1d6b3a66}.status-pill.ended{background:#6a5d491f;color:var(--ink-soft);border-color:#6a5d4959}.standings{list-style:none;padding:8px 0 0;margin:4px 0 0;display:grid;gap:4px;border-top:1px dashed var(--line)}.standings li{display:grid;grid-template-columns:22px 1fr auto auto;align-items:baseline;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);font-size:14px;background:transparent;transition:background .12s ease}.standings li.lead{background:var(--gold-soft);font-weight:600}.standings li.lead .pos{color:var(--gold-deep)}.standings .pos{color:var(--ink-soft);font-weight:700;font-size:12px;font-feature-settings:"tnum" 1}.standings .player{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings .wins{font-size:11px;color:var(--win);font-weight:700;letter-spacing:.04em;min-width:24px;text-align:right}.standings .score{font-weight:800;font-feature-settings:"tnum" 1;font-size:15px;min-width:36px;text-align:right}.match-card-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft);padding-top:6px;border-top:1px dashed var(--line)}.match-card-stats strong{color:var(--ink);font-weight:700;font-feature-settings:"tnum" 1}.match-card-roster{font-size:13px;color:var(--ink);padding-top:4px;border-top:1px dashed var(--line)}.card-del{border:0;border-left:1px solid rgba(216,178,87,.45);border-radius:0;padding:0 18px;background:transparent;color:var(--danger);display:flex;align-items:center;justify-content:center;min-width:52px}.card-del:hover{background:#a23a2a1a;color:var(--danger)}.del-icon{display:block}.new-match{padding:26px;display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:700}.recall{display:flex;flex-direction:column;gap:8px}.recall-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:700}.recall-chips{display:flex;flex-wrap:wrap;gap:8px}.recall-chip{background:#fff;border:1px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.recall-chip:hover:not(:disabled){background:var(--gold-soft);border-color:var(--gold)}.recall-chip.used{background:#1d6b3a1a;border-color:#1d6b3a59;color:var(--win)}.chip-meta{font-size:11px;color:var(--ink-soft);font-weight:500}.players-field{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.players-field legend{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:700;padding:0;margin-bottom:4px}.player-rows{list-style:none;padding:0;margin:0;display:grid;gap:8px}.player-rows li{display:grid;grid-template-columns:1fr auto;gap:8px}.actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.match-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.match-head h1{margin:0;color:var(--cream)}.match-sub{color:#f6efe0b8;margin:4px 0 0;font-size:14px}.match-actions{display:flex;gap:8px;flex-wrap:wrap}.scoreboard{padding:14px;overflow-x:auto}.sb-grid{display:grid;grid-template-columns:80px repeat(var(--cols),minmax(120px,1fr));gap:8px;align-items:stretch;min-width:100%}.sb-player-head{text-align:center;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);padding:8px 6px 10px;border-bottom:1px solid var(--line-soft)}.sb-player-head.leader{color:var(--win)}.sb-player-name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-empty{grid-column:1 / -1;text-align:center;color:var(--ink-soft);padding:28px 12px}.sb-empty p{margin:0}.sb-empty p+p{margin-top:4px}.sb-round-label{font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 6px;color:var(--ink);background:#00000008;border-radius:var(--radius-sm)}.sb-round-label span{letter-spacing:.04em}.sb-cell{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;padding:6px;align-items:stretch;transition:border-color .12s ease,background .12s ease}.sb-cell.is-winner{background:var(--win-soft);border-color:var(--win)}.sb-cell.is-pos{background:var(--pos-soft);border-color:var(--pos)}.sb-input{width:100%;text-align:center;font-size:22px;font-weight:800;border:0;background:transparent;color:var(--ink);padding:4px 0 0;outline:none;font-feature-settings:"tnum" 1}.sb-input:disabled{color:var(--ink)}.sb-cell.is-winner .sb-input{color:var(--win)}.sb-cell.is-pos .sb-input{color:var(--pos)}.sb-cell-actions{display:flex;gap:4px;justify-content:center}.sb-mini{flex:1;font-size:11px;font-weight:700;padding:4px 0;border-radius:var(--radius-pill);border:1px solid;background:#fff}.sb-mini.win{color:var(--win);border-color:#1d6b3a80}.sb-mini.win:hover{background:var(--win-soft)}.sb-mini.pen{color:var(--pos);border-color:#a23a2a80}.sb-mini.pen:hover{background:var(--pos-soft)}.sb-total-label{font-weight:800;color:var(--ink);padding:10px 6px 0;text-transform:uppercase;font-size:12px;letter-spacing:.08em;border-top:1px solid var(--gold-deep);margin-top:4px}.sb-total-cell{border-top:1px solid var(--gold-deep);margin-top:4px;padding-top:10px;text-align:center;font-weight:800;font-size:22px;color:var(--ink);font-feature-settings:"tnum" 1}.sb-total-cell.leader{color:var(--win)}.add-round-row{margin-top:18px}.analytics .list-head h1{color:var(--cream)}.sort-field{display:flex;align-items:center;gap:8px}.sort-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#f6efe0b3}.sort-field select{width:auto;min-width:200px;padding:8px 10px}.stat-cards{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stat-card{padding:18px 18px 16px}.stat-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.stat-card h2{margin:0;font-size:20px;color:var(--ink)}.stat-card-headline{text-align:right;line-height:1}.big-number{display:block;font-size:30px;font-weight:800;color:var(--win);font-feature-settings:"tnum" 1}.big-label{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0}.stat{display:flex;justify-content:space-between;align-items:baseline;gap:6px;border-top:1px dashed var(--line);padding-top:6px}.stat dt{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.stat dd{margin:0;font-weight:700;font-feature-settings:"tnum" 1}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#2a1c00;color:var(--cream);border:1px solid var(--gold);padding:12px 18px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0006;z-index:100;font-size:14px;max-width:90vw}.toast-close{background:transparent;border:0;color:var(--gold);font-size:20px;line-height:1;padding:0 4px;cursor:pointer}@media (max-width: 640px){main{padding:18px 14px 90px}.app-header{padding:12px 14px}.title-word{display:none}.match-head{flex-direction:column}.match-actions{width:100%}.list-head{flex-direction:column;align-items:stretch}.head-actions{justify-content:flex-end}.sb-grid{grid-template-columns:56px repeat(var(--cols),minmax(96px,1fr));gap:6px}.sb-input,.sb-total-cell{font-size:18px}.sb-player-head{font-size:11px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px;z-index:1000;animation:modal-fade .14s ease-out}.modal{max-width:420px;width:100%;padding:22px 22px 18px;animation:modal-pop .16s cubic-bezier(.2,.9,.3,1.3)}.modal-title{margin:0 0 8px;color:var(--ink);font-size:18px}.modal-body{margin:0 0 18px;color:var(--ink-soft);font-size:14px;line-height:1.45}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions .primary.danger{background:linear-gradient(180deg,#c95643 0%,var(--danger) 60%,#7a2a1e 100%);border-color:#6b2519;color:var(--cream-2)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chart-panel{background:linear-gradient(180deg,#ffffff0a,#0000002e),var(--felt-2);border:1px solid rgba(216,178,87,.25);border-radius:var(--radius);padding:16px 14px 12px;margin-top:16px;box-shadow:var(--shadow-2)}.chart-head{margin-bottom:8px}.chart-title{margin:0;font-size:14px;color:var(--gold);letter-spacing:.04em;text-transform:uppercase}.chart-sub{margin:4px 0 0;color:#f6efe08c}.chart-svg-wrap{width:100%;overflow:hidden}.chart-svg{width:100%;height:auto;display:block}.chart-grid{stroke:#ffffff14;stroke-width:1}.chart-zero{stroke:#d8b2578c;stroke-width:1;stroke-dasharray:3 3}.chart-axis{fill:#f6efe099;font-size:11px}.chart-legend{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.chart-legend-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--cream)}.chart-legend-btn:hover{background:#ffffff14}.chart-legend-btn.off{opacity:.45}.chart-swatch{width:12px;height:12px;border-radius:3px;border:1px solid}