.match-entry{--match-entry-ink:#1f2937;--match-entry-muted:#6b7280;--match-entry-paper:#f7f1e7;--match-entry-surface:#fffaf2;--match-entry-border:#e7dccb;--match-entry-accent:#b45309;--match-entry-accent-soft:#fef3c7;--match-entry-shadow:0 18px 35px #0f172a1f;--match-entry-soft-shadow:0 12px 22px #0f172a14;--match-entry-radius:18px;color:var(--match-entry-ink);width:100%;box-shadow:var(--match-entry-shadow);background:linear-gradient(160deg,#f7f1e7 0%,#fbf6ef 45%,#fffaf2 100%);border-radius:24px;flex-direction:column;gap:20px;padding:24px;display:flex}:root.dark .match-entry,.dark .match-entry{--match-entry-ink:#f5f0e6;--match-entry-muted:#9ca3af;--match-entry-paper:#1c1917;--match-entry-surface:#262524;--match-entry-border:#3f3a36;--match-entry-accent:#f59e0b;--match-entry-accent-soft:#451a03;--match-entry-shadow:0 18px 35px #0006;--match-entry-soft-shadow:0 12px 22px #0000004d;background:linear-gradient(160deg,#1c1917 0%,#262524 45%,#292725 100%)}.match-entry__section{border-radius:var(--match-entry-radius);border:1px solid var(--match-entry-border);background:#ffffffeb;flex-direction:column;gap:16px;padding:20px;animation:.4s both match-entry-rise;display:flex}:root.dark .match-entry__section,.dark .match-entry__section{background:#262524f2}.match-entry__section--parts{background:#fff7e4;border:1px solid #f2d6a2}:root.dark .match-entry__section--parts,.dark .match-entry__section--parts{background:#451a03;border-color:#92400e}.match-entry__section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.match-entry__section-title{margin:0;font-size:18px}.match-entry__section-subtitle{color:var(--match-entry-muted);margin:6px 0 0;font-size:13px}.match-entry__pill{background:var(--match-entry-accent-soft);color:#92400e;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}:root.dark .match-entry__pill,.dark .match-entry__pill{color:#fbbf24}.match-entry__setup-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.match-entry__panel{background:#fffdf8;border:1px solid #f0e5d6;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}:root.dark .match-entry__panel,.dark .match-entry__panel{border-color:var(--match-entry-border);background:var(--match-entry-surface)}.match-entry__panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--match-entry-muted);font-size:12px}.match-entry__fields{gap:12px;display:grid}.match-entry__field{flex-direction:column;gap:6px;display:flex}.match-entry__label{text-transform:uppercase;letter-spacing:.08em;color:var(--match-entry-muted);font-size:12px}.match-entry__input,.match-entry__select{color:var(--match-entry-ink);background:#fff;border:1px solid #d9cbb9;border-radius:12px;outline:none;min-height:44px;padding:10px 12px;font-size:14px;transition:border .2s,box-shadow .2s}:root.dark .match-entry__input,.dark .match-entry__input,:root.dark .match-entry__select,.dark .match-entry__select{border-color:var(--match-entry-border);background:var(--match-entry-surface);color:var(--match-entry-ink)}.match-entry input:disabled,.match-entry select:disabled,.match-entry button:disabled{opacity:.6;cursor:not-allowed}.match-entry__input:focus,.match-entry__select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.match-entry__input--center{text-align:center}.match-entry__slider{width:100%}.match-entry__button{cursor:pointer;background:#fff;border:1px solid #d1c3b0;border-radius:10px;min-height:44px;padding:10px 14px;font-size:13px;transition:transform .15s,box-shadow .2s}:root.dark .match-entry__button,.dark .match-entry__button{border-color:var(--match-entry-border);background:var(--match-entry-surface);color:var(--match-entry-ink)}.match-entry__button:hover,.match-entry__button:focus-visible{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.match-entry__button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.match-entry__button--ghost{background:#f8f4ee}:root.dark .match-entry__button--ghost,.dark .match-entry__button--ghost{background:#3f3a36}.match-entry__button--subtle{background:#fff3dc;border-color:#f0d29b}:root.dark .match-entry__button--subtle,.dark .match-entry__button--subtle{background:#451a03;border-color:#92400e}.match-entry__button--primary{color:#fff;background:#b45309;border-color:#b45309}:root.dark .match-entry__button--primary,.dark .match-entry__button--primary{color:#1c1917;background:#f59e0b;border-color:#f59e0b}.match-entry__actions{padding-bottom:env(safe-area-inset-bottom,0);justify-content:flex-end;display:flex}.match-entry__help{color:var(--match-entry-muted);font-size:12px}.match-entry__empty{color:var(--match-entry-muted);background:#fdf3e6;border-radius:12px;padding:10px 12px;font-size:13px}:root.dark .match-entry__empty,.dark .match-entry__empty{background:var(--match-entry-surface)}.match-entry__metrics{gap:12px;display:grid}.side-count{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.side-count__option{cursor:pointer;background:#fffaf2;border:1px solid #d1c3b0;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 14px;font-size:14px;display:inline-flex}:root.dark .side-count__option,.dark .side-count__option{border-color:var(--match-entry-border);background:var(--match-entry-surface);color:var(--match-entry-ink)}.side-count__option[data-active=true]{background:#fef3c7;border-color:#f59e0b}:root.dark .side-count__option[data-active=true],.dark .side-count__option[data-active=true]{background:#451a03;border-color:#f59e0b}.side-count__stepper{background:#fffdf8;border:1px solid #e2d2bf;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}:root.dark .side-count__stepper,.dark .side-count__stepper{border-color:var(--match-entry-border);background:var(--match-entry-surface);color:var(--match-entry-ink)}.side-entry-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.side-entry-card{box-shadow:var(--match-entry-soft-shadow);background:#fff;border:1px solid #e7dccb;border-radius:18px;flex-direction:column;gap:12px;padding:16px;animation:.4s both match-entry-rise;display:flex}:root.dark .side-entry-card,.dark .side-entry-card{border-color:var(--match-entry-border);background:var(--match-entry-surface)}.side-entry-card[data-winner=true]{border-color:#34d399;box-shadow:0 14px 26px #10b9812e}:root.dark .side-entry-card[data-winner=true],.dark .side-entry-card[data-winner=true]{box-shadow:0 14px 26px #10b98140}.side-entry-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.side-entry-card__label{text-transform:uppercase;letter-spacing:.1em;color:var(--match-entry-muted);font-size:11px}.side-entry-card__title{font-size:16px;font-weight:600}.side-entry-card__placement{color:var(--match-entry-muted);flex-direction:column;align-items:flex-end;font-size:12px;display:flex}.side-entry-card__placement-value{color:#0f766e;font-size:18px;font-weight:700}:root.dark .side-entry-card__placement-value,.dark .side-entry-card__placement-value{color:#34d399}.side-entry-card__placement-note{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.side-entry-card__metrics{gap:12px;display:grid}.segment-entry{flex-direction:column;gap:16px;display:flex}.segment-entry__block{background:#fffdf6;border:1px solid #eadbc7;border-radius:16px;flex-direction:column;gap:14px;padding:14px;display:flex}:root.dark .segment-entry__block,.dark .segment-entry__block{border-color:var(--match-entry-border);background:var(--match-entry-surface)}.segment-entry__block-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.segment-entry__title{font-size:15px;font-weight:600}.segment-entry__description{color:var(--match-entry-muted);margin-top:4px;font-size:12px}.segment-entry__controls{align-items:center;gap:8px;font-size:13px;display:inline-flex}.segment-entry__rows{flex-direction:column;gap:12px;display:flex}.segment-entry-row{background:#fff;border:1px solid #eadbc7;border-radius:14px;transition:border .2s,box-shadow .2s;overflow:hidden}:root.dark .segment-entry-row,.dark .segment-entry-row{border-color:var(--match-entry-border);background:var(--match-entry-surface)}.segment-entry-row[data-expanded=true]{border-color:#f59e0b;box-shadow:0 12px 24px #f59e0b2e}.segment-entry-row__header{background:#fff7ea;justify-content:space-between;align-items:center;min-height:48px;padding:12px 14px;display:flex}:root.dark .segment-entry-row__header,.dark .segment-entry-row__header{background:#451a03}.segment-entry-row__toggle{cursor:pointer;color:var(--match-entry-ink);background:0 0;border:none;align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.segment-entry-row__toggle-icon{background:#fef3c7;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:inline-flex}:root.dark .segment-entry-row__toggle-icon,.dark .segment-entry-row__toggle-icon{background:#92400e}.segment-entry-row__body{opacity:0;max-height:0;transition:max-height .3s,opacity .3s;overflow:hidden}.segment-entry-row[data-expanded=true] .segment-entry-row__body{opacity:1;max-height:1200px;padding:12px 14px 16px}.segment-entry-row__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.segment-entry-row__side{background:#fffdf8;border:1px solid #f2e5d4;border-radius:14px;padding:10px}:root.dark .segment-entry-row__side,.dark .segment-entry-row__side{border-color:var(--match-entry-border);background:#1c1917}.segment-entry-row__side-title{margin-bottom:8px;font-size:13px;font-weight:600}.segment-entry-row__metrics{gap:10px;display:grid}.parts-breakdown{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.parts-card{border:1px solid #0000;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex;box-shadow:0 10px 18px #0f172a14}.parts-card__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.parts-card__icon{color:#111827;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.parts-card__label{text-transform:uppercase;letter-spacing:.1em;color:#6b7280;font-size:11px}.parts-card__value{color:#111827;font-size:15px;font-weight:600}:root.dark .parts-card__value,.dark .parts-card__value{color:var(--match-entry-ink)}.parts-card__meta{color:#4b5563;font-size:12px}:root.dark .parts-card__meta,.dark .parts-card__meta{color:var(--match-entry-muted)}.parts-card__note{color:#4b5563;font-size:12px}:root.dark .parts-card__note,.dark .parts-card__note{color:var(--match-entry-muted)}.parts-card--termination{background:#fff6d6;border-color:#f6d189}:root.dark .parts-card--termination,.dark .parts-card--termination{background:#451a03;border-color:#92400e}.parts-card--termination .parts-card__icon{background:#fef3c7}:root.dark .parts-card--termination .parts-card__icon,.dark .parts-card--termination .parts-card__icon{color:#fef3c7;background:#92400e}.parts-card--metrics{background:#ecfdf3;border-color:#bbf7d0}:root.dark .parts-card--metrics,.dark .parts-card--metrics{background:#052e16;border-color:#166534}.parts-card--metrics .parts-card__icon{background:#d1fae5}:root.dark .parts-card--metrics .parts-card__icon,.dark .parts-card--metrics .parts-card__icon{color:#d1fae5;background:#166534}.parts-card--segments{background:#fff2e0;border-color:#fed7aa}:root.dark .parts-card--segments,.dark .parts-card--segments{background:#431407;border-color:#9a3412}.parts-card--segments .parts-card__icon{background:#fed7aa}:root.dark .parts-card--segments .parts-card__icon,.dark .parts-card--segments .parts-card__icon{color:#fed7aa;background:#9a3412}.parts-card--ranking{background:#eef7ff;border-color:#bfdbfe}:root.dark .parts-card--ranking,.dark .parts-card--ranking{background:#0c1e35;border-color:#1e40af}.parts-card--ranking .parts-card__icon{background:#dbeafe}:root.dark .parts-card--ranking .parts-card__icon,.dark .parts-card--ranking .parts-card__icon{color:#dbeafe;background:#1e40af}.metric-input{flex-direction:column;gap:6px;display:flex}.metric-input__label-row{align-items:center;gap:8px;display:flex}.metric-input__label{font-size:12px;font-weight:600}.metric-input__field{align-items:center;gap:8px;display:flex}.metric-input__unit{color:var(--match-entry-muted);font-size:12px}.metric-input__field--stepper .match-entry__input{max-width:100px}.metric-input__field--slider{flex-direction:column;align-items:stretch}.metric-input__field--stopwatch{flex-direction:column;align-items:flex-start}.metric-input__actions{gap:8px;display:flex}.metric-input__value{font-size:14px;font-weight:600}.metric-input__toggle{cursor:pointer;background:#fff;border:1px solid #d1c3b0;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:13px;display:inline-flex}:root.dark .metric-input__toggle,.dark .metric-input__toggle{border-color:var(--match-entry-border);background:var(--match-entry-surface);color:var(--match-entry-ink)}.metric-input__toggle-text{font-size:13px}.metric-input__toggle-indicator{background:#fef3c7;border:1px solid #f59e0b;border-radius:50%;width:20px;height:20px}.metric-input__toggle[aria-pressed=true] .metric-input__toggle-indicator{background:#34d399;border-color:#059669}.metric-input__placement-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px;width:100%;display:grid}.metric-input__placement{cursor:pointer;background:#fff;border:1px solid #d1c3b0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:10px;font-weight:600;display:flex}:root.dark .metric-input__placement,.dark .metric-input__placement{border-color:var(--match-entry-border);background:var(--match-entry-surface);color:var(--match-entry-ink)}.metric-input__placement[data-selected=true]{background:#fef3c7;border-color:#f59e0b}:root.dark .metric-input__placement[data-selected=true],.dark .metric-input__placement[data-selected=true]{background:#451a03;border-color:#f59e0b}.metric-input__unsupported{color:#b91c1c;font-size:12px}.live-ranking{flex-direction:column;gap:12px;display:flex}.live-ranking__header{flex-wrap:wrap;gap:8px;display:flex}.live-ranking__key{background:#e0f2fe;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}:root.dark .live-ranking__key,.dark .live-ranking__key{color:#bae6fd;background:#0c4a6e}.live-ranking__direction{color:#0369a1;font-weight:600}:root.dark .live-ranking__direction,.dark .live-ranking__direction{color:#7dd3fc}.live-ranking__body{flex-direction:column;gap:10px;display:flex}.live-ranking__row{background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:60px minmax(100px,1fr) minmax(0,2fr);align-items:center;gap:12px;padding:12px 14px;animation:.3s both match-entry-rise;display:grid}:root.dark .live-ranking__row,.dark .live-ranking__row{border-color:var(--match-entry-border);background:var(--match-entry-surface)}.live-ranking__row[data-winner=true]{background:#f0fdf4;border-color:#34d399}:root.dark .live-ranking__row[data-winner=true],.dark .live-ranking__row[data-winner=true]{background:#052e16;border-color:#34d399}.live-ranking__placement{color:#0f766e;font-weight:700}:root.dark .live-ranking__placement,.dark .live-ranking__placement{color:#34d399}.live-ranking__name{word-break:break-word;font-weight:600}.live-ranking__scores{flex-wrap:wrap;gap:8px;display:flex}.live-ranking__score{background:#f8fafc;border-radius:10px;flex-direction:column;min-width:80px;padding:6px 8px;font-size:11px;display:flex}:root.dark .live-ranking__score,.dark .live-ranking__score{background:#1c1917}.live-ranking__empty{color:var(--match-entry-muted);background:#fdf3e6;border-radius:12px;padding:12px;font-size:13px}:root.dark .live-ranking__empty,.dark .live-ranking__empty{background:var(--match-entry-surface)}@keyframes match-entry-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.match-entry{border-radius:20px;gap:16px;padding:16px}.match-entry__section{padding:16px}.match-entry__section-title{font-size:16px}.match-entry__setup-grid,.side-entry-grid,.parts-breakdown,.segment-entry-row__grid{grid-template-columns:1fr}.live-ranking__row{grid-template-columns:50px 1fr;padding:12px}.live-ranking__scores{grid-column:1/-1;margin-top:8px}.live-ranking__score{flex:1;min-width:70px}}@media (max-width:380px){.match-entry,.match-entry__section,.side-entry-card,.segment-entry__block{padding:12px}}