:root{color:#e7ece9;font-synthesis:none;--panel:#13191e;--line:#263039;--muted:#8d9ba5;--green:#62d6a4;--red:#ff6b72;--gold:#f3b63f;background:#0b0f12;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 25% 0,#17231f 0,#0b0f12 34rem);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,.button,select,input{color:#f5fffa;cursor:pointer;font:inherit;background:#1a4938;border:1px solid #3f6f5b;border-radius:7px;padding:.65rem .9rem}button:disabled{opacity:.5;cursor:default}.secondary,.language,select{border-color:var(--line);background:#151c21}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#0b0f12e0;align-items:center;gap:2rem;height:68px;padding:0 max(24px,50vw - 600px);display:flex;position:sticky;top:0}.brand{font-size:1.15rem;font-weight:800}.brand span{color:var(--green)}nav{gap:1.25rem;display:flex}nav a{color:var(--muted)}nav a.active{color:#fff}.top-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}main{width:min(1200px,100% - 32px);margin:0 auto;padding:3.5rem 0 6rem}h1{letter-spacing:-.04em;margin:.25rem 0;font-size:clamp(2rem,5vw,3.6rem)}h2{margin:2.5rem 0 1rem}h3{text-transform:capitalize;margin-top:0}.eyebrow{color:var(--green);letter-spacing:.13em;font-size:.74rem;font-weight:700}.muted{color:var(--muted)}.hero-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.hero-profile{justify-content:flex-start;align-items:center}.hero-profile>img{border-radius:10px;width:184px}.filters{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.tier-filter,.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tier-filter button,.tabs button{border-color:var(--line);background:0 0}.tier-filter button.active,.tabs button.active{border-color:var(--green);color:var(--green);background:#14251f}.table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.78rem 1rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}tbody tr:hover{background:#182126}.hero-cell{align-items:center;gap:.75rem;font-weight:650;display:flex}.hero-cell img{object-fit:cover;border-radius:4px;width:62px;height:35px}.hero-cell small{color:var(--gold);font-weight:400;display:block}.tier{border-radius:6px;place-items:center;width:30px;height:30px;font-weight:900;display:inline-grid}.tier-S{color:#ffb9b9;background:#763138}.tier-A{color:#ffd28e;background:#6a4521}.tier-B{color:#ddec99;background:#4a5224}.tier-C{color:#9aefcf;background:#255249}.tier-D{color:#b4c1c9;background:#323b42}.positive,.strength{color:var(--green)}.negative,.weakness{color:var(--red)}.state,.notice{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:1rem}.state.error{color:var(--red);border-color:#69353a}.notice{color:#f7d377;border-color:#675528}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem;display:grid}.metric-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.15rem}.metric-card{flex-direction:column;gap:.4rem;display:flex}.metric-card span,.metric-card small{color:var(--muted)}.metric-card strong{font-size:1.7rem}.split-grid,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.build-row,.matchup-row{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;gap:.75rem;padding:.65rem 0;display:grid}.matchup-row span{flex-direction:column;display:flex}.matchup-row small{color:var(--muted)}.identity{align-items:center;gap:1rem;display:flex}.identity img{border-radius:8px;width:72px}.profile-head{align-items:center}.hero-picker{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:.45rem;max-height:310px;margin-bottom:1rem;display:grid;overflow:auto}.hero-picker button{border-color:var(--line);text-align:left;background:#11171b;align-items:center;gap:.45rem;padding:.35rem;display:flex}.hero-picker button.selected{border-color:var(--green);background:#173328}.hero-picker img{object-fit:cover;width:42px;height:25px}.compare{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.compare div{flex-direction:column;display:flex}.compare span,.compare small{color:var(--muted);font-size:.74rem}.compare strong{font-size:1.25rem}.insight{margin-bottom:0}.match-list{border:1px solid var(--line);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.match-list a{background:var(--panel);border-bottom:1px solid var(--line);grid-template-columns:36px 1fr 100px 75px 130px;align-items:center;gap:.75rem;padding:.7rem 1rem;display:grid}.match-list a:hover{background:#182126}.result{border-radius:4px;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.result.win{color:var(--green);background:#17372d}.result.loss{color:var(--red);background:#3c2024}.match-list small{color:var(--muted)}.finding{border-top:1px solid var(--line);flex-direction:column;gap:.2rem;padding:.8rem 0;display:flex}.finding span{color:var(--muted)}.chart{margin-top:1rem}.login-card{text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:12px;max-width:520px;margin:5rem auto;padding:2.5rem}.overview{color:var(--green);background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:0;padding:.75rem}.collector-form{flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.collector-form h2{width:100%;margin:0}.collector-form label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.collector-form input,.collector-form select{border-color:var(--line);background:#0f1519}.admin-table{margin-bottom:2rem}.job-status{font-weight:700}.job-status.ready{color:var(--green)}.job-status.failed{color:var(--red)}.job-status.running{color:var(--gold)}.admin-section-title{justify-content:space-between;align-items:center;display:flex}.checkbox{color:var(--muted);gap:.5rem;display:flex}.checkbox input{width:auto}.error-list{flex-direction:column;gap:.5rem;display:flex}.error-list details{background:var(--panel);border:1px solid #593039;border-radius:8px;padding:.9rem}.error-list details.resolved{opacity:.55;border-color:var(--line)}.error-list summary{cursor:pointer;grid-template-columns:70px 170px 1fr auto;gap:.75rem;display:grid}.error-list pre{white-space:pre-wrap;color:#c8d0d5;background:#090c0e;max-height:300px;padding:.75rem;overflow:auto}.error-level{text-transform:uppercase;color:var(--red)}.error-level.warning{color:var(--gold)}.database-browser{margin:2rem 0}.database-browser .admin-section-title h2{margin-bottom:.25rem}.database-hint{margin:0 0 1rem;font-size:.85rem}.database-search{gap:.45rem;display:flex}.database-search input{border-color:var(--line);background:#0f1519;min-width:220px}.database-tabs{scrollbar-width:thin;gap:.4rem;padding:.15rem 0 .7rem;display:flex;overflow-x:auto}.database-tabs button{border-color:var(--line);background:#11171b;flex:none;align-items:center;gap:.55rem;padding:.45rem .65rem;font-size:.78rem;display:flex}.database-tabs button.active{border-color:var(--green);color:var(--green);background:#14251f}.database-tabs small{min-width:24px;color:var(--muted);background:#090c0e;border-radius:10px;place-items:center;padding:.12rem .3rem;display:inline-grid}.database-table{max-height:520px;overflow:auto}.database-table th{z-index:1;background:#13191e;position:sticky;top:0}.database-table td{text-overflow:ellipsis;max-width:260px;font-size:.82rem;overflow:hidden}.database-table tbody tr{cursor:pointer}.database-pagination{color:var(--muted);justify-content:space-between;align-items:center;padding:.65rem .15rem;font-size:.82rem;display:flex}.database-pagination div{gap:.35rem;display:flex}.database-pagination button{padding:.35rem .7rem}.database-modal{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030608d1;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.database-modal article{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(760px,100%);max-height:min(760px,90vh);padding:1rem;overflow:hidden;box-shadow:0 20px 70px #000}.database-modal header{justify-content:space-between;align-items:center;display:flex}.database-modal header h3{text-transform:none;margin:.2rem 0}.database-modal header small{color:var(--green)}.database-modal header button{padding:.35rem .7rem;font-size:1.2rem}.database-modal pre{color:#c8d0d5;white-space:pre-wrap;overflow-wrap:anywhere;background:#090c0e;border-radius:8px;max-height:65vh;margin-bottom:0;padding:1rem;font-size:.78rem;overflow:auto}@media (width<=700px){.topbar{gap:.8rem;padding:0 14px}nav{display:none}.button{font-size:.8rem}.hero-heading{flex-direction:column;align-items:flex-start}.split-grid{grid-template-columns:1fr}.match-list a{grid-template-columns:32px 1fr 80px}.match-list a span:nth-of-type(2),.match-list small{display:none}.hero-profile>img{width:130px}}