:root{--bg-base:#0d0e12;--bg-surface:#14161e;--bg-elevated:#1e2130;--bg-hover:#252840;--border:#2a2d40;--border-dim:#1e2030;--primary:#5d8af8;--primary-dim:#3a60c8;--gold:#e8a838;--green:#3ecf8e;--red:#e5534b;--amber:#f0b429;--text-1:#e8e9ed;--text-2:#8b8fa8;--text-3:#555870;--font-sans:system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm:4px;--radius:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;outline:none}input{font-family:var(--font-mono);font-size:inherit;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-1);border-radius:var(--radius-sm);padding:6px 10px}input:focus{outline:1px solid var(--primary)}.screen{flex-direction:column;height:100%;display:flex;overflow:hidden}.screen-body{flex:1;padding:24px;overflow-y:auto}.btn{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 18px;font-weight:600;transition:background .12s,opacity .12s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dim)}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-1)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-blue{color:var(--primary);background:#1e3a8a}.badge-gold{color:var(--gold);background:#3d2e00}.badge-green{color:var(--green);background:#0a3d28}.badge-red{color:var(--red);background:#3d1010}.badge-muted{background:var(--bg-elevated);color:var(--text-2)}.mono{font-family:var(--font-mono)}.divider{background:var(--border);height:1px}.fa-row{grid-template-columns:1fr auto 1fr;grid-template-areas:"name pos contract";align-items:center;gap:12px;padding:10px 14px;display:grid}.fa-row-name{grid-area:name}.fa-row-pos{grid-area:pos}.fa-row-contract{grid-area:contract}@media (width<=520px){.fa-row{grid-template-columns:1fr auto;grid-template-areas:"name pos""contract contract";gap:6px 8px}}.box-score{flex-direction:column;gap:5px;display:flex}.bs-player{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:7px 9px}.bs-player-head{align-items:baseline;gap:8px;display:flex}.bs-pos{font-family:var(--font-mono);color:var(--text-3);flex-shrink:0;min-width:11px;font-size:11px}.bs-hero{color:var(--text-1);word-break:break-word;flex:1;min-width:0;font-size:13px;font-weight:700}.bs-kda{font-family:var(--font-mono);color:var(--text-2);white-space:nowrap;flex-shrink:0;font-size:12px}.bs-sub{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;margin-top:3px;padding-left:19px;display:flex}.bs-name{color:var(--text-3);word-break:break-word;min-width:0;font-size:12px}.bs-stats{flex-wrap:wrap;gap:12px;display:flex}.bs-stat{font-family:var(--font-mono);color:var(--text-2);white-space:nowrap;font-size:11px}.bs-stat-label{color:var(--text-3);margin-right:3px;font-size:9px}@media (width<=520px){.match-detail-overlay{padding:8px}.match-detail-card{padding:12px}}.fa-offer-grid{grid-template-columns:1fr 100px 100px;gap:12px;margin-bottom:14px;display:grid}@media (width<=520px){.fa-offer-grid{grid-template-columns:1fr 1fr}.fa-offer-grid>:first-child{grid-column:1/-1}}.player-name-btn{color:inherit;font-weight:700;font-size:inherit;background:0 0;border-radius:2px;padding:0;text-decoration:none;transition:color .1s}.player-name-btn:hover{color:var(--primary)}.ratings-btn{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-3);z-index:999;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s,color .1s;display:inline-flex;position:relative}.ratings-btn:hover{background:var(--bg-elevated);color:var(--primary)}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:10px;font-size:11px;font-weight:700}