:root{--bg:#0b0d12;--surface:#14171f;--surface-2:#1c2029;--text:#e7e9ef;--text-muted:#9aa0ac;--border:#ffffff14;--accent:#5b8cff;--accent-2:#8f6bff;--radius:10px;--radius-lg:18px;--space:8px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}[data-game=cs2]{--accent:#f2a900;--accent-2:#ffcf4d}[data-game=valorant]{--accent:#ff4655;--accent-2:#ff7a85}[data-game=lol]{--accent:#c8aa6e;--accent-2:#e4cf9a}[data-game=fortnite]{--accent:#9d5cff;--accent-2:#c79bff}[data-game=cod]{--accent:#6fae3a;--accent-2:#9bd06b}*,:before,:after{box-sizing:border-box}.app-shell{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);padding-top:calc(var(--space) * 2 + env(safe-area-inset-top));padding-right:calc(var(--space) * 2 + env(safe-area-inset-right));padding-bottom:calc(var(--space) * 2 + env(safe-area-inset-bottom));padding-left:calc(var(--space) * 2 + env(safe-area-inset-left));flex-direction:column;display:flex}.app-header{align-items:baseline;gap:calc(var(--space) * 1.5);padding:calc(var(--space) * 2) calc(var(--space) * 2.5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.app-header__title{letter-spacing:-.02em;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:700}.app-content{gap:calc(var(--space) * 2);padding:calc(var(--space) * 3) 0;flex-direction:column;flex:1;display:flex}.screen-heading{margin:0 0 calc(var(--space) * 1);letter-spacing:-.01em;color:var(--text);font-size:1.25rem;font-weight:700}.screen-subtle{color:var(--text-muted);margin:0}.game-grid{gap:calc(var(--space) * 2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.game-card{min-height:132px;padding:calc(var(--space) * 2);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 8%, var(--surface));border:1px solid var(--border);border-left:3px solid color-mix(in srgb, var(--accent) 70%, transparent);color:var(--text);align-items:flex-end;text-decoration:none;transition:border-color .15s,transform .1s;display:flex;position:relative;overflow:hidden}.game-card:active{transform:scale(.98)}.game-card:hover{border-color:var(--accent);border-left-color:var(--accent)}.game-card__accent{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 34%, transparent), color-mix(in srgb, var(--accent-2) 12%, transparent) 55%, transparent 78%);pointer-events:none;position:absolute;inset:0}.game-card__body{z-index:1;gap:calc(var(--space) * .5);flex-direction:column;display:flex;position:relative}.game-card__name{font-size:1.15rem;font-weight:700;line-height:1.15}.game-card__tagline{color:var(--text-muted);font-size:.8rem;font-weight:500}.roster-search{width:100%;padding:calc(var(--space) * 1.5) calc(var(--space) * 2);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}.roster-search::placeholder{color:var(--text-muted)}.roster-search:focus{border-color:var(--accent)}.filter-chips{gap:calc(var(--space) * 1);flex-wrap:wrap;display:flex}.filter-chip{min-height:40px;padding:calc(var(--space) * 1) calc(var(--space) * 1.75);font:inherit;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;font-size:.82rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.filter-chip:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));color:var(--text)}.filter-chip.is-active{color:color-mix(in srgb, var(--accent) 85%, var(--text));background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.roster-noresults{margin:calc(var(--space) * 2) 0;padding:calc(var(--space) * 4) calc(var(--space) * 2);text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 4%, var(--surface))}.player-grid{gap:calc(var(--space) * 2);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.player-card{align-items:center;gap:calc(var(--space) * 1.5);padding:calc(var(--space) * 1.5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);color:var(--text);text-decoration:none;transition:border-color .15s,transform .1s;display:flex}.player-card:hover{border-color:var(--accent)}.player-card:active{transform:scale(.98)}.player-card__body{gap:calc(var(--space) * .5);flex-direction:column;min-width:0;display:flex}.player-card__name{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.15;overflow:hidden}.player-card__team{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.player-card__meta{align-items:center;gap:calc(var(--space) * .75);margin-top:calc(var(--space) * .25);display:flex}.player-card__flag{border-radius:2px;flex:0 0 18px;width:18px;line-height:0;display:inline-flex;overflow:hidden}.player-card__flag svg{width:100%;height:auto;display:block}.player-card__role{letter-spacing:.02em;padding:2px calc(var(--space) * .75);color:color-mix(in srgb, var(--accent) 85%, var(--text));background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:999px;font-size:.72rem;font-weight:600}.avatar{border-radius:var(--radius);flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.avatar__img{object-fit:cover;width:100%;height:100%;display:block}.avatar__initials{color:#fff;letter-spacing:.01em;text-shadow:0 1px 2px #00000059;font-size:1.05rem;font-weight:700}.roster-empty{align-items:center;gap:calc(var(--space) * .75);padding:calc(var(--space) * 6) calc(var(--space) * 2);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 5%, var(--surface));flex-direction:column;display:flex}.roster-empty__title{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.roster-empty__subtle{max-width:32ch;color:var(--text-muted);margin:0}.back-button{align-self:flex-start;align-items:center;gap:calc(var(--space) * .75);padding:calc(var(--space) * 1) calc(var(--space) * 1.75);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:var(--accent);font:inherit;cursor:pointer;font-weight:600;display:inline-flex}.back-button:hover{border-color:var(--accent)}