:root{color:#eef2ff;background:#070a11;font-family:Inter,Noto Sans SC,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:22px;background:radial-gradient(circle at 18% 12%,rgba(14,165,233,.17),transparent 28%),radial-gradient(circle at 78% 8%,rgba(16,185,129,.13),transparent 26%),linear-gradient(180deg,#111827,#070a11 72%)}.topbar,.input-panel,.results{width:min(1120px,100%);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow{margin:0 0 7px;color:#67e8f9;font-size:12px;font-weight:700;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,4vw,42px);line-height:1.12}.status-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:8px 12px;color:#cbd5e1;background:#0f172ab8}.input-panel,.result-card,.error-panel,.loading-panel{border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0f172ac7;box-shadow:0 16px 50px #0000003d}.input-panel{padding:22px}.panel-heading,.section-title{display:flex;align-items:center;gap:10px}.panel-heading h2,.section-title h2{margin:0;font-size:18px}.panel-heading p{margin:5px 0 0;color:#94a3b8}.count-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0;padding:6px;border-radius:8px;background:#0206178c}.count-switch button{min-height:42px;border:0;border-radius:6px;color:#94a3b8;background:transparent;cursor:pointer}.count-switch button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2)}.name-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:16px}.name-field{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;min-height:54px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#02061773;overflow:hidden}.name-field span{display:grid;place-items:center;height:100%;color:#67e8f9;font-weight:800;background:#0ea5e914}.name-field input{min-width:0;height:100%;border:0;outline:0;padding:0 12px;color:#eef2ff;background:transparent}.name-field input::placeholder{color:#64748b}.primary-button{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);font-weight:800;cursor:pointer}.primary-button:disabled{cursor:not-allowed;opacity:.55}.helper,.muted{color:#94a3b8}.helper{margin:12px 0 0;font-size:13px}.error-panel,.loading-panel{width:min(1120px,100%);margin:14px auto 0;padding:14px}.error-panel{display:flex;align-items:center;gap:8px;color:#fecaca;background:#7f1d1d73}.loading-panel{display:flex;align-items:center;gap:8px;color:#cbd5e1}.spin{animation:spin .85s linear infinite}.results{display:grid;gap:14px;margin-top:14px}.summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.metric{min-width:0;border:1px solid rgba(148,163,184,.16);border-radius:8px;padding:12px;background:#0f172ac7}.metric span{display:block;margin-bottom:6px;color:#94a3b8;font-size:12px}.metric strong{display:block;overflow-wrap:anywhere;font-size:18px}.muted-metric strong{color:#94a3b8}.result-card{padding:18px}.result-card.primary{border-color:#67e8f94d}.confidence-note,.comparison-note,.partial-panel,.warning{border:1px solid rgba(250,204,21,.22);border-radius:8px;padding:11px 12px;color:#fde68a;background:#713f123d}.confidence-note{margin:12px 0}.comparison-note{margin:12px 0 0}.partial-panel{display:grid;gap:8px}.partial-panel ul{margin:0;padding-left:20px}.partial-panel li+li{margin-top:5px}.shared-metrics,.leader-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.match-list{display:grid;gap:8px}.match-row{display:grid;grid-template-columns:94px minmax(0,1fr);gap:12px;align-items:start;border:1px solid rgba(148,163,184,.14);border-radius:8px;padding:12px;background:#02061752}.match-meta strong,.match-meta span{display:block}.match-meta strong{font-size:20px}.match-meta span{margin-top:3px;color:#94a3b8;font-size:13px}.participant-grid{display:grid;gap:6px;min-width:0}.participant-grid span{overflow-wrap:anywhere;color:#cbd5e1}.participant-grid b{color:#eef2ff}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:12px}.player-card{border:1px solid rgba(148,163,184,.14);border-radius:8px;padding:14px;background:#02061752}.player-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.player-card-header h3{margin-bottom:6px}.player-card-header span{flex:0 0 auto;border-radius:999px;padding:4px 8px;color:#bae6fd;background:#0ea5e91f;font-size:12px;font-weight:800}.mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.role-notes{margin:14px 0 0;padding-left:20px;color:#cbd5e1}.role-notes li+li{margin-top:6px}.warning{margin:12px 0}.markdown-view{margin:12px 0 0;color:#dbeafe;line-height:1.75}.markdown-view h3,.markdown-view h4,.markdown-view h5{margin:16px 0 8px;color:#f8fafc}.markdown-view h3:first-child,.markdown-view h4:first-child,.markdown-view h5:first-child{margin-top:0}.markdown-view p{margin-bottom:10px}.markdown-view ul{margin:8px 0 12px;padding-left:20px}.markdown-view li+li{margin-top:5px}.markdown-table-wrap{width:100%;overflow-x:auto;margin:12px 0;border:1px solid rgba(148,163,184,.16);border-radius:8px}.markdown-view table{width:100%;min-width:520px;border-collapse:collapse}.markdown-view th,.markdown-view td{padding:9px 10px;border-bottom:1px solid rgba(148,163,184,.14);text-align:left;vertical-align:top}.markdown-view th{color:#e0f2fe;background:#0ea5e914}.markdown-view tr:last-child td{border-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.app-shell{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.summary-strip,.shared-metrics,.leader-row{grid-template-columns:repeat(2,minmax(0,1fr))}.match-row{grid-template-columns:1fr}}@media(max-width:520px){.input-panel,.result-card{padding:16px}.summary-strip,.shared-metrics,.leader-row,.mini-metrics{grid-template-columns:1fr}}