:root{--court: #1f6b53;--court-deep: #14503c;--court-line: rgba(255, 255, 255, .82);--shuttle: #f8f6ee;--shuttle-edge: #e4dfcf;--ink: #1b352b;--ink-soft: #5d7268;--on-green: #eef4ee;--on-green-soft: #b9cfc2;--amber: #ffb734;--amber-ink: #2b1f04;--win: #1e8a5f;--loss: #c64f37;--font-display: "Barlow Condensed", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, monospace;--radius-frame: 0;--radius-chip: 2px;--radius-control: 3px;--radius-card: 4px;--radius-pill: 99px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);font-size:14px;color:var(--on-green);background:var(--court);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cursor-pointer{cursor:pointer}:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.app-shell{min-height:100vh;padding:14px}@media(max-width:560px){.app-shell{padding:8px}}.court-frame{max-width:860px;margin:0 auto;border:1.5px solid var(--court-line);border-radius:var(--radius-frame);padding:14px;display:flex;flex-direction:column;gap:12px}@media(max-width:560px){.court-frame{padding:10px}}.court-header{position:relative;overflow:hidden;padding:12px 0 16px}.court-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.07),transparent 70%);pointer-events:none}.court-markings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.page-title{position:relative;font-family:var(--font-display);font-weight:700;font-size:44px;line-height:.95;letter-spacing:.035em;text-transform:uppercase;color:var(--on-green)}@media(max-width:560px){.page-title{font-size:34px}}.page-subtitle{position:relative;margin-top:6px;font-size:12.5px;color:var(--on-green-soft)}.loading-line{font-size:13px;color:var(--on-green-soft)}.tab-nav{display:flex;flex-wrap:wrap;gap:6px}.tab-btn{padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-control);background:transparent;font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-green);transition:background .15s,color .15s,border-color .15s}.tab-btn:hover:not(.tab-btn--active){color:#fff;border-color:#fff9}.tab-btn--active{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}.card{background:var(--shuttle);border:1px solid var(--shuttle-edge);border-radius:var(--radius-card);padding:16px;color:var(--ink)}.card--deep{background:var(--court-deep);border-color:#ffffff1f;color:var(--on-green)}.card-title{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.card--deep .card-title{color:var(--on-green)}.btn-amber{padding:9px 16px;border:none;border-radius:var(--radius-control);background:var(--amber);font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-ink);transition:filter .15s}.btn-amber:hover{filter:brightness(1.05)}.btn-ghost{padding:6px 10px;border:1px solid var(--shuttle-edge);border-radius:var(--radius-chip);background:transparent;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--ink-soft);transition:background .15s,color .15s,border-color .15s}.btn-ghost:hover:not(:disabled){border-color:var(--ink-soft);color:var(--ink)}.btn-ghost--armed{background:var(--loss);border-color:var(--loss);color:#fff}.btn-remove{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-chip);background:transparent;font-size:16px;line-height:1;color:var(--ink-soft);transition:background .15s,color .15s}.btn-remove:hover{background:#c64f371f;color:var(--loss)}.text-input,.select-input{padding:9px 11px;border:1px solid #cfc9b6;border-radius:var(--radius-control);background:#fff;font-family:var(--font-body);font-size:14px;color:var(--ink);min-width:0}.text-input::placeholder{color:var(--ink-soft)}.select-input{flex:1}.add-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.add-row .text-input{flex:1;min-width:140px}.record-section{display:flex;flex-direction:column;gap:12px}.picker-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.picker-row .select-input{flex:1;min-width:120px}.vs-divider{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);flex-shrink:0}@media(max-width:560px){.picker-row{flex-direction:column;align-items:stretch}.vs-divider{text-align:center;width:100%;padding:4px 0;border-top:1px solid var(--shuttle-edge);border-bottom:1px solid var(--shuttle-edge)}}.record-hint{font-size:13px;color:var(--ink-soft)}.score-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.score-row .text-input{flex:1;min-width:100px}.odds-bar{display:flex;flex-direction:column;gap:6px}.odds-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink)}.odds-labels .mono{font-family:var(--font-mono);font-size:12px}.odds-track{height:10px;border-radius:var(--radius-pill);background:#ded8c4;overflow:hidden}.odds-fill{height:100%;border-radius:var(--radius-pill);background:var(--court);transition:width .15s}.outcomes{display:flex;flex-wrap:wrap;gap:10px}.outcome-btn{flex:1;min-width:160px;padding:14px 16px;border:1.5px solid var(--ink);border-radius:var(--radius-card);background:#fff;text-align:left;transition:transform .1s,box-shadow .1s}.outcome-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--amber)}.outcome-title{display:block;font-family:var(--font-display);font-weight:700;font-size:19px;text-transform:uppercase;color:var(--ink);line-height:1.1}.outcome-delta{display:block;margin-top:4px;font-family:var(--font-mono);font-size:13px;font-weight:600}.outcome-delta--win{color:var(--win)}.outcome-delta--loss{color:var(--loss)}.table-scroll{overflow-x:auto;margin:0 -4px;padding:0 4px}.standings-table{width:100%;min-width:480px;border-collapse:collapse;font-size:13.5px}.standings-table thead th{padding:9px 10px;border-bottom:2px solid var(--ink);font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);text-align:left;white-space:nowrap}.standings-table tbody td{padding:9px 10px;border-bottom:1px solid #e8e3d3;vertical-align:middle}.standings-table tbody tr:last-child td{border-bottom:none}.standings-table tbody tr.leader-row{background:#ffb7342e}.standings-table .mono{font-family:var(--font-mono);font-weight:600;font-size:15px}.standings-table .name-cell{font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings-table .meta{font-size:11.5px;color:var(--ink-soft)}.form-dots{display:inline-flex;gap:4px;align-items:center}.form-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.form-dot--win{background:var(--win)}.form-dot--loss{background:var(--loss)}.form-dot--empty{background:transparent;border:1px solid #cfc9b6}.chip{display:inline-block;padding:2px 6px;border-radius:var(--radius-chip);background:#efe9d4;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6d6240}.flash{padding:10px 14px;border-radius:var(--radius-card);border-left:3px solid;font-size:13.5px;animation:flash-in .18s ease-out}.flash--ok{background:var(--shuttle);border-left-color:var(--amber);color:var(--ink)}.flash--err{background:#fdeae5;border-left-color:var(--loss);color:#7e2d1c}@keyframes flash-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chart-wrap{height:320px;width:100%}.chart-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.legend-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);background:#ffffff0f;font-size:12px;color:var(--on-green);cursor:pointer;transition:opacity .15s}.legend-chip--off{opacity:.4}.legend-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.explainer{margin-top:14px;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.explainer summary{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--on-green);cursor:pointer;list-style:none}.explainer summary::-webkit-details-marker{display:none}.explainer-body{margin-top:10px;font-size:13px;line-height:1.55;color:var(--on-green-soft)}.explainer-body p+p{margin-top:8px}.history-list{display:flex;flex-direction:column;gap:8px;list-style:none}.history-row{padding:12px 14px;border:1px solid var(--shuttle-edge);border-radius:var(--radius-card);background:#fff}.history-headline{font-weight:600;font-size:14px;color:var(--ink)}.history-meta{margin-top:4px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-soft)}.history-actions{margin-top:8px}.empty-state{font-size:13.5px;color:var(--ink-soft);line-height:1.5}.card--deep .empty-state{color:var(--on-green-soft)}.app-footer{font-size:12px;color:var(--on-green-soft);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding-top:4px}.app-footer--warn{color:#f5c4b8}.footer-actions{display:flex;gap:8px;align-items:center}.delta-pos{color:var(--win)}.delta-neg{color:var(--loss)}