:root{--text:#3a3540;--text-muted:#6b6375;--bg:#f4f3ec;--card-bg:#fff;--border:#e5e4e7;--accent:#aa3bff;--accent-hover:#8f1fe0;--error:#d1263b;--success:#1a8a4a;--warning:#b8860b;--info:#1d6fd1;--shadow:#00000014 0 10px 15px -3px, #0000000a 0 4px 6px -2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e5e4e7;--text-muted:#9ca3af;--bg:#16171d;--card-bg:#1f2028;--border:#2e303a;--accent:#c084fc;--accent-hover:#d8adfd;--error:#ff6b7a;--success:#4ade80;--warning:#fbbf24;--info:#60a5fa;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0 0 .5rem;font-size:1.75rem}h3{margin:0}h4{color:var(--text-muted);margin:0 0 .35rem;font-size:.95rem}p{margin:0}ul{margin:0;padding-left:1.1rem}.page{min-height:100svh;padding:2rem 1rem}.page-centered{justify-content:center;align-items:center;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:.5rem;width:100%;max-width:400px;padding:2rem;display:flex}label{color:var(--text-muted);margin-top:.5rem;font-size:.9rem}input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.6rem .75rem;font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.7rem 1rem;font-size:1rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--error);font-size:.9rem}.hint{color:var(--text-muted);font-size:.85rem}.report-header{text-align:center;max-width:3840px;margin:0 auto 1.5rem}.opponent-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:1rem;max-width:3840px;margin:0 auto;display:grid}.opponent-card{text-align:left;gap:.75rem;max-width:none}.opponent-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.role-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);white-space:nowrap;border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.opponent-section li{margin-bottom:.2rem;font-size:.9rem}.champion-stat-scroll{max-height:8.5rem;padding-right:.4rem;overflow-y:auto}.winrate{font-weight:700}.winrate--low{color:var(--error)}.winrate--mid{color:var(--warning)}.winrate--high{color:var(--success)}.winrate--elite{color:var(--info)}.games{font-weight:700}.games--low{color:var(--error)}.games--mid{color:var(--warning)}.games--high{color:var(--success)}.games--elite{color:var(--info)}.alert-badges{flex-wrap:wrap;gap:.35rem;display:flex}.alert-badge{white-space:nowrap;border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.alert-badge--main{color:var(--success);background:color-mix(in srgb, var(--success) 15%, transparent)}.alert-badge--onetrick{color:#d4a017;background:#d4a0172e}.alert-badge--cringe{color:var(--error);background:color-mix(in srgb, var(--error) 15%, transparent)}.alert-badge--lover{color:var(--info);background:color-mix(in srgb, var(--info) 15%, transparent)}.team-row-label{max-width:3840px;margin:1.5rem auto .75rem;padding:0 .5rem;font-size:1.1rem}.centered-hint{text-align:center;grid-column:1/-1}.contested-strip{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;max-width:3840px;margin:1.5rem auto;padding:1rem 1.25rem}.contested-section+.contested-section{margin-top:1.25rem}.contested-strip h2{margin:0 0 .75rem;font-size:1.05rem}.contested-list{flex-wrap:wrap;gap:.75rem;display:flex}.contested-pick{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid #0000;border-radius:8px;flex-direction:column;gap:.15rem;min-width:180px;padding:.5rem .75rem;display:flex}.contested-pick-champ{color:var(--accent);font-weight:700}.contested-pick-detail{color:var(--text-muted);font-size:.8rem}.contested-pick--we-can-steal{background:color-mix(in srgb, var(--success) 12%, transparent);border-color:color-mix(in srgb, var(--success) 35%, transparent)}.contested-pick--we-can-steal .contested-pick-champ{color:var(--success)}.contested-pick--they-can-steal{background:color-mix(in srgb, var(--error) 12%, transparent);border-color:color-mix(in srgb, var(--error) 35%, transparent)}.contested-pick--they-can-steal .contested-pick-champ{color:var(--error)}.contested-pick--ban{background:color-mix(in srgb, var(--text-muted) 12%, transparent);border-color:color-mix(in srgb, var(--text-muted) 35%, transparent)}.contested-pick--ban .contested-pick-champ{color:var(--text-muted)}