: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__art{object-fit:cover;object-position:center;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.game-card__accent{z-index:1;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--art .game-card__accent{background:linear-gradient(0deg, #080a0eeb 0%, #080a0e8c 34%, #080a0e1f 66%, #080a0e59 100%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 26%, transparent), transparent 62%)}.game-card__body{z-index:2;gap:calc(var(--space) * .5);flex-direction:column;display:flex;position:relative}.game-card--art{min-height:160px}.game-card--art .game-card__name{text-shadow:0 1px 6px #000000bf}.game-card--art .game-card__tagline{color:color-mix(in srgb, var(--text) 82%, transparent);text-shadow:0 1px 4px #000000b3}.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)}.settings-card{gap:calc(var(--space) * 1.25);padding:calc(var(--space) * 2.25);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.settings-card__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.8rem;font-weight:700}.settings-list{gap:calc(var(--space) * .25);flex-direction:column;margin:0;display:flex}.settings-row{justify-content:space-between;align-items:baseline;gap:calc(var(--space) * 2);padding:calc(var(--space) * 1) 0;border-bottom:1px solid var(--border);display:flex}.settings-row:last-child{border-bottom:none}.settings-row__label{color:var(--text-muted);margin:0;font-size:.95rem}.settings-row__value{text-align:right;color:var(--text);word-break:break-word;margin:0;font-weight:600}.settings-row__value--copyable{align-items:center;gap:calc(var(--space) * 1);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.settings-row__value--copyable code{color:var(--text);word-break:break-all;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.crosshair-card__code-row{align-items:flex-start;gap:calc(var(--space) * 1.5);flex-wrap:wrap;display:flex}.crosshair-card__code{min-width:0;padding:calc(var(--space) * 1.25) calc(var(--space) * 1.5);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;-webkit-user-select:text;user-select:text;flex:12ch;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.95rem;line-height:1.4}.crosshair-card__empty{color:var(--text-muted);margin:0;font-style:italic}.copy-button{min-height:40px;padding:calc(var(--space) * 1) calc(var(--space) * 1.75);font:inherit;color:color-mix(in srgb, var(--accent) 90%, var(--text));background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border));border-radius:var(--radius);cursor:pointer;white-space:nowrap;flex:none;font-size:.85rem;font-weight:700;transition:color .15s,background .15s,border-color .15s}.copy-button:hover{border-color:var(--accent)}.copy-button.is-copied{color:#0b0d12;background:var(--accent);border-color:var(--accent)}.sourced-at{color:var(--text-muted);margin:0;font-size:.82rem}.sourced-at__link{color:color-mix(in srgb, var(--accent) 80%, var(--text));text-underline-offset:2px;text-decoration:underline}.stat-hero{gap:calc(var(--space) * 1.5);padding:calc(var(--space) * 2.5);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), color-mix(in srgb, var(--accent-2) 8%, var(--surface)) 70%, var(--surface));grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.stat-hero__stat{gap:calc(var(--space) * .5);flex-direction:column;min-width:0;display:flex}.stat-hero__value{letter-spacing:-.02em;color:var(--text);overflow-wrap:anywhere;font-size:2rem;font-weight:800;line-height:1}.stat-hero__label{letter-spacing:.03em;color:var(--text-muted);font-size:.78rem;font-weight:600}.stat-hero__scale{color:color-mix(in srgb, var(--accent) 70%, var(--text-muted))}.keybind-grid__list{gap:calc(var(--space) * .5) calc(var(--space) * 2);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0;display:grid}.keybind-grid__row{justify-content:space-between;align-items:baseline;gap:calc(var(--space) * 1.5);padding:calc(var(--space) * .75) 0;border-bottom:1px solid var(--border);display:flex}.keybind-grid__action{color:var(--text-muted);margin:0;font-size:.9rem}.keybind-grid__key{color:var(--text);margin:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;font-weight:700}.player-detail{gap:calc(var(--space) * 2);flex-direction:column;display:flex}.player-detail__header{align-items:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 2);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:flex}.player-detail__header .avatar{width:64px;height:64px}.player-detail__ident{gap:calc(var(--space) * .5);flex-direction:column;min-width:0;display:flex}.player-detail__name{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.5rem;font-weight:800;line-height:1.1}.player-detail__realname{color:var(--text-muted);margin:0;font-size:.9rem}.player-detail__meta{align-items:center;gap:calc(var(--space) * 1);margin-top:calc(var(--space) * .25);flex-wrap:wrap;display:flex}.player-detail__flag{border-radius:2px;flex:0 0 20px;width:20px;line-height:0;display:inline-flex;overflow:hidden}.player-detail__flag svg{width:100%;height:auto;display:block}.player-detail__team{color:var(--text-muted);font-size:.85rem}.player-detail__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}.player-detail__body,.fps-layout,.cod-layout,.lol-layout{gap:calc(var(--space) * 2);flex-direction:column;display:flex}.detail-notfound,.detail-soon{align-items:center;gap:calc(var(--space) * .75);padding:calc(var(--space) * 5) 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}.detail-notfound__title,.detail-soon__title{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.detail-notfound__subtle,.detail-soon__subtle{max-width:32ch;color:var(--text-muted);margin:0}.controller-card__stick{gap:calc(var(--space) * .5);padding:calc(var(--space) * 1.75) calc(var(--space) * 2);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), color-mix(in srgb, var(--accent-2) 8%, var(--surface)) 70%, var(--surface));flex-direction:column;display:flex}.controller-card__stick-value{letter-spacing:-.02em;color:var(--text);overflow-wrap:anywhere;font-size:1.6rem;font-weight:800;line-height:1}.controller-card__stick-label{letter-spacing:.03em;color:var(--text-muted);font-size:.78rem;font-weight:600}.controller-note{padding:calc(var(--space) * 1.25) calc(var(--space) * 2);color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 4%, var(--surface));margin:0;font-size:.9rem}.role-badge{padding:calc(var(--space) * .85) calc(var(--space) * 1.75);letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 90%, var(--text));background:color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));border-radius:999px;align-self:flex-start;margin:0;font-size:.9rem;font-weight:700}.stat-block{gap:calc(var(--space) * 2);padding:calc(var(--space) * 2.5);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), color-mix(in srgb, var(--accent-2) 8%, var(--surface)) 70%, var(--surface));flex-direction:column;display:flex}.stat-block__hero{gap:calc(var(--space) * .5);flex-direction:column;display:flex}.stat-block__value{letter-spacing:-.02em;color:var(--text);overflow-wrap:anywhere;font-size:2.4rem;font-weight:800;line-height:1}.stat-block__label{letter-spacing:.03em;color:var(--text-muted);font-size:.78rem;font-weight:600}.stat-block__grid{gap:calc(var(--space) * 1.5);grid-template-columns:repeat(3,1fr);display:grid}.stat-block__stat{gap:calc(var(--space) * .25);flex-direction:column;min-width:0;display:flex}.stat-block__stat-value{color:var(--text);overflow-wrap:anywhere;font-size:1.35rem;font-weight:800;line-height:1}.stat-block__stat-label{letter-spacing:.02em;color:var(--text-muted);font-size:.72rem;font-weight:600}.champion-pool__list{gap:calc(var(--space) * 1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.champion-chip{align-items:center;gap:calc(var(--space) * 1);padding:calc(var(--space) * .5) calc(var(--space) * 1.5) calc(var(--space) * .5) calc(var(--space) * .5);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;display:inline-flex}.champion-chip__tile{color:#fff;text-shadow:0 1px 2px #00000059;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:800;display:inline-flex;overflow:hidden}.champion-chip__tile--img{object-fit:cover;background:var(--surface-2)}.champion-chip__tile-inner{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.champion-chip__name{color:var(--text);font-size:.95rem;font-weight:600}.champion-pool__empty{color:var(--text-muted);margin:0;font-style:italic}.rune-card__list{gap:calc(var(--space) * 1.5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rune-card__champ{gap:calc(var(--space) * .5);padding-bottom:calc(var(--space) * 1.5);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.rune-card__champ:last-child{border-bottom:none;padding-bottom:0}.rune-card__champ-name{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 80%, var(--text-muted));margin:0;font-size:.78rem;font-weight:700}.rune-card__keystone{align-items:center;gap:calc(var(--space) * .75);letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.15rem;font-weight:800;display:flex}.rune-card__keystone-icon{object-fit:contain;background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));border-radius:50%;flex:none;width:30px;height:30px}.rune-card__keystone-icon--empty{display:none}.rune-card__trees{color:var(--text-muted);margin:0;font-size:.9rem}.rune-card__tree-sep{color:var(--border)}.rune-card__shards{gap:calc(var(--space) * .75);margin:calc(var(--space) * .25) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.rune-card__shard{align-items:center;gap:calc(var(--space) * .5);padding:calc(var(--space) * .25) calc(var(--space) * 1) calc(var(--space) * .25) calc(var(--space) * .4);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:.78rem;font-weight:600;display:inline-flex}.rune-card__shard-icon{object-fit:contain;border-radius:50%;flex:none;width:20px;height:20px}.rune-card__shard-icon--empty{display:none}.rune-card__shard--empty{color:var(--text-muted);padding-left:calc(var(--space) * 1)}.rune-card__empty{color:var(--text-muted);margin:0;font-style:italic}.item-build__list{gap:calc(var(--space) * 1.5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item-build__champ{gap:calc(var(--space) * .75);flex-direction:column;display:flex}.item-build__champ-name{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 80%, var(--text-muted));margin:0;font-size:.78rem;font-weight:700}.item-build__path{align-items:center;gap:calc(var(--space) * .5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.item-build__item{align-items:center;gap:calc(var(--space) * .5);display:inline-flex}.item-build__item-name{padding:calc(var(--space) * .5) calc(var(--space) * 1.25);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;font-weight:600}.item-build__icon{border-radius:var(--radius);object-fit:cover;background:var(--surface-2);border:1px solid var(--border);width:34px;height:34px;display:block}.item-build__arrow{color:color-mix(in srgb, var(--accent) 70%, var(--text-muted));font-weight:700}.item-build__empty{color:var(--text-muted);margin:0;font-style:italic}.champion-builds__list{gap:calc(var(--space) * 2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.champion-builds__champ{gap:var(--space);padding-bottom:calc(var(--space) * 2);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.champion-builds__champ:last-child{border-bottom:none;padding-bottom:0}.champion-builds__head{align-items:center;gap:calc(var(--space) * 1);display:flex}.champion-builds__name{letter-spacing:-.01em;color:var(--text);font-size:1.05rem;font-weight:800}.champion-builds__tag{padding:calc(var(--space) * .25) calc(var(--space) * 1);letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 85%, var(--text));background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;margin-left:auto;font-size:.68rem;font-weight:700}.champion-builds__body{gap:var(--space);padding-left:calc(var(--space) * .5);flex-direction:column;display:flex}.champion-builds__spells{align-items:center;gap:calc(var(--space) * .75);color:var(--text);margin:0;font-size:.9rem;font-weight:600;display:flex}.champion-builds__spells-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.champion-builds__spell{align-items:center;display:inline-flex}.champion-builds__spell-icon{border-radius:var(--radius);object-fit:cover;background:var(--surface-2);border:1px solid var(--border);width:24px;height:24px;display:block}.champion-builds__spell-name{padding:calc(var(--space) * .25) calc(var(--space) * .75);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;font-weight:600}.champion-builds__empty,.champion-builds__notpublished{color:var(--text-muted);margin:0;font-style:italic}