:root {
  --bg: #09090f;
  --panel: rgba(16, 16, 25, 0.88);
  --panel-2: rgba(18, 18, 28, 0.92);
  --line: rgba(255,255,255,.07);
  --line-strong: rgba(255,255,255,.12);
  --text: #f5f5fb;
  --muted: #a7a4b6;
  --muted-2: #868392;
  --purple: #7C3AED;
  --purple-light: #b289ff;
  --cyan: #36d7e6;
  --green: #4ee7a6;
  --danger: #f46d78;
  --gold: #ffca7a;
  --radius-lg: 28px;
  --shell: min(100% - 56px, 1280px);
}
* { box-sizing: border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(124,58,237,.16), transparent 28%),
    radial-gradient(circle at bottom left, rgba(43,211,238,.07), transparent 25%),
    linear-gradient(180deg, #09090f, #0a0a12 40%, #09090f 100%);
  font: 500 14px/1.5 Inter, system-ui, sans-serif;
  overflow-x:hidden;
}
a { color:inherit; text-decoration:none; }
button, input, select { font: inherit; }
button { border:0; }
img { display:block; max-width:100%; }
.shell { width:var(--shell); margin:0 auto; }
.page-noise, .ambient { position:fixed; inset:0; pointer-events:none; z-index:-2; }
.page-noise { opacity:.08; background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.55) 1px, transparent 0); background-size:26px 26px; }
.ambient { z-index:-1; filter:blur(90px); opacity:.45; }
.ambient-one { width:360px; height:360px; left:-120px; top:240px; background:rgba(124,58,237,.22); }
.ambient-two { width:320px; height:320px; right:-120px; top:80px; background:rgba(67,206,229,.11); }
.modal-open { overflow:hidden; }
.site-header {
  width:var(--shell);
  height:84px;
  margin:14px auto 0;
  padding:0 18px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  position:sticky;
  top:12px;
  z-index:100;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(12,12,18,.8);
  backdrop-filter:blur(18px);
}
.brand { display:flex; align-items:center; gap:12px; }
.brand-logo { width:42px; height:42px; }
.brand-word { font:800 21px/1 Manrope, sans-serif; letter-spacing:.08em; }
.brand-word span { color:var(--purple-light); }
.main-nav { justify-self:center; display:flex; align-items:center; gap:8px; }
.nav-link { padding:12px 14px; color:var(--muted); border-radius:12px; font-size:13px; font-weight:700; }
.nav-link:hover, .nav-link.active { color:white; background:rgba(124,58,237,.09); }
.header-search { min-width:185px; height:46px; display:flex; align-items:center; justify-content:center; gap:10px; color:#d9d4ea; background:rgba(255,255,255,.03); border:1px solid var(--line); border-radius:14px; cursor:pointer; }
.header-search:hover { border-color:var(--line-strong); }
.header-search svg { width:18px; height:18px; }
.header-search kbd { padding:3px 7px; color:#b5b1c3; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.035); font-size:11px; }
.hero { min-height:780px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:32px; align-items:center; padding:56px 0 70px; }
.eyebrow, .section-kicker, .mini-kicker, .server-kicker {
  display:flex; align-items:center; gap:10px; color:#b18cff; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.15em;
}
.pulse-dot { width:8px; height:8px; border-radius:50%; background:var(--purple-light); box-shadow:0 0 0 8px rgba(178,137,255,.12); }
.hero h1 { margin:18px 0 18px; font:800 clamp(56px, 7vw, 78px)/.95 Manrope, sans-serif; letter-spacing:-.05em; }
.hero h1 span { color:#d7c8ff; }
.hero-text { max-width:630px; margin:0; color:var(--muted); font-size:16px; line-height:1.8; }
.hero-actions { display:flex; gap:14px; margin:28px 0 30px; }
.primary-button, .secondary-button { height:52px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 22px; border-radius:16px; font-weight:800; }
.primary-button { color:white; background:linear-gradient(90deg, #7C3AED, #9f67ff); box-shadow:0 16px 36px rgba(124,58,237,.28); }
.primary-button svg { width:18px; height:18px; }
.secondary-button { color:#ede8ff; background:rgba(255,255,255,.03); border:1px solid rgba(159,103,255,.18); }
.hero-stats { display:flex; gap:24px; }
.hero-stats.single-stat div { min-width:320px; }
.hero-stats div { padding:18px 22px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.02); }
.hero-stats strong { display:block; font:800 48px/1 Manrope, sans-serif; }
.hero-stats span { display:block; margin-top:8px; color:var(--muted-2); font-size:14px; }
.server-orbit-card { min-height:580px; position:relative; border:1px solid rgba(124,58,237,.18); border-radius:34px; background:linear-gradient(180deg, rgba(17,17,27,.92), rgba(10,10,16,.94)); overflow:hidden; }
.orbit-ring { position:absolute; inset:auto; border-radius:50%; border:1px solid rgba(124,58,237,.14); }
.ring-one { width:400px; height:400px; right:-130px; top:-130px; }
.ring-two { width:540px; height:540px; left:-230px; bottom:-280px; border-color:rgba(55,215,230,.09); }
.server-card-inner { position:relative; z-index:2; min-height:100%; padding:28px; display:flex; flex-direction:column; }
.server-card-topline { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.server-badge, .server-live { height:34px; display:inline-flex; align-items:center; gap:9px; padding:0 12px; border-radius:12px; font-size:11px; font-weight:800; }
.server-badge { background:rgba(124,58,237,.09); color:#d6bcff; border:1px solid rgba(159,103,255,.18); }
.server-live { color:#c8c5d4; background:rgba(255,255,255,.03); border:1px solid var(--line); }
.server-live i { width:8px; height:8px; border-radius:50%; background:#777486; }
.server-live.online i { background:var(--green); box-shadow:0 0 0 7px rgba(78,231,166,.11); }
.server-live.offline i { background:var(--danger); box-shadow:0 0 0 7px rgba(244,109,120,.11); }
.server-logo-row { display:grid; grid-template-columns:94px 1fr; gap:18px; align-items:center; margin:42px 0 18px; }
.alterprac-logo { width:94px; height:94px; filter:drop-shadow(0 16px 34px rgba(124,58,237,.24)); }
.server-logo-row h2 { margin:8px 0 0; font:800 48px/1.03 Manrope, sans-serif; letter-spacing:-.05em; }
.server-description { max-width:540px; margin:0 0 28px; color:var(--muted); font-size:15px; line-height:1.8; }
.server-addresses { display:grid; gap:12px; margin-top:auto; }
.ip-row { min-height:58px; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:0 18px; color:white; background:rgba(255,255,255,.025); border:1px solid var(--line); border-radius:16px; cursor:pointer; }
.ip-row:hover { border-color:rgba(159,103,255,.22); background:rgba(124,58,237,.055); }
.ip-row small { display:block; color:var(--muted-2); font-size:10px; margin-bottom:3px; }
.ip-row strong { font-size:16px; }
.ip-row svg { width:18px; height:18px; }
.server-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; color:var(--muted-2); font-size:12px; }
.server-footer-actions { padding-top:12px; border-top:1px solid var(--line); }
.server-online b { color:white; }
.text-action-link { display:inline-flex; align-items:center; gap:8px; color:#d8c4ff; font-weight:800; }
.rankings-section { padding:20px 0 40px; scroll-margin-top:120px; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.section-heading h2 { margin:8px 0 10px; font:800 40px/1 Manrope, sans-serif; letter-spacing:-.04em; }
.section-heading p:not(.section-kicker) { margin:0; color:var(--muted); max-width:760px; }
.season-chip { height:40px; display:inline-flex; align-items:center; gap:10px; padding:0 14px; color:#cfc5e7; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.03); font-size:12px; }
.season-chip span { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 8px rgba(78,231,166,.10); }
.ranking-main.full-width { width:100%; }
.ranking-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; border:1px solid var(--line); border-radius:24px; background:var(--panel); }
.kit-tabs { display:flex; gap:10px; flex-wrap:wrap; }
.kit-tab { height:50px; display:inline-flex; align-items:center; gap:10px; padding:0 16px; color:#c8c4d5; background:rgba(255,255,255,.02); border:1px solid var(--line); border-radius:16px; cursor:pointer; font-weight:700; }
.kit-tab:hover, .kit-tab.active { color:white; border-color:rgba(159,103,255,.24); background:linear-gradient(180deg, rgba(124,58,237,.12), rgba(255,255,255,.02)); }
.kit-tab img { width:28px; height:28px; image-rendering:pixelated; }
.overall-icon { width:28px; height:28px; display:grid; place-items:center; color:#d4bbff; font-weight:800; }
.square-button { width:46px; height:46px; display:grid; place-items:center; color:var(--muted); background:rgba(255,255,255,.025); border:1px solid var(--line); border-radius:14px; cursor:pointer; }
.square-button:hover { color:white; border-color:var(--line-strong); }
.square-button svg { width:17px; height:17px; }
.podium { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:20px 0 10px; }
.podium-card { min-height:150px; position:relative; display:flex; align-items:center; gap:14px; padding:18px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); border-radius:20px; overflow:hidden; cursor:pointer; transition:.2s ease; }
.podium-card:hover { transform:translateY(-3px); border-color:rgba(159,103,255,.28); }
.podium-card.first { background:linear-gradient(145deg,rgba(124,58,237,.16),rgba(255,255,255,.018)); }
.podium-card::after { content:attr(data-rank); position:absolute; right:8px; bottom:-18px; font-family:Manrope,sans-serif; font-weight:800; font-size:86px; color:rgba(255,255,255,.045); }
.podium-card[data-rank="1"] { border-color:rgba(255,204,112,.36); }
.podium-card[data-rank="2"] { border-color:rgba(203,213,225,.26); }
.podium-card[data-rank="3"] { border-color:rgba(196,123,75,.27); }
.podium-avatar { width:54px; height:54px; border-radius:15px; image-rendering:pixelated; background:#242331; }
.podium-place { display:flex; align-items:center; gap:7px; color:var(--gold); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.podium-name { margin:8px 0; font-size:16px; font-weight:800; }
.podium-meta { display:flex; align-items:center; gap:7px; color:var(--muted-2); font-size:11px; }
.leaderboard-card { margin:10px 0 0; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:var(--panel); }
.leaderboard-head, .leaderboard-row { display:grid; grid-template-columns:58px minmax(230px,1.5fr) 110px minmax(210px,1fr) 100px 36px; align-items:center; column-gap:12px; }
.leaderboard-head { min-height:48px; padding:0 18px; color:#656373; background:rgba(255,255,255,.018); border-bottom:1px solid var(--line); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; }
.leaderboard-row { min-height:74px; padding:0 18px; border-bottom:1px solid rgba(255,255,255,.05); cursor:pointer; transition:.18s ease; }
.leaderboard-row:last-child { border-bottom:0; }
.leaderboard-row:hover { background:rgba(124,58,237,.055); }
.leaderboard-row.top-one { background:linear-gradient(90deg, rgba(255,199,90,.10), transparent 62%); box-shadow:inset 3px 0 #f5c45b; }
.leaderboard-row.top-two { background:linear-gradient(90deg, rgba(205,216,232,.075), transparent 62%); box-shadow:inset 3px 0 #cbd5e1; }
.leaderboard-row.top-three { background:linear-gradient(90deg, rgba(199,125,79,.085), transparent 62%); box-shadow:inset 3px 0 #c47b4b; }
.rank-number { color:var(--muted-2); font-size:16px; font-weight:800; }
.player-cell { min-width:0; display:flex; align-items:center; gap:12px; }
.player-avatar { width:40px; height:40px; border-radius:10px; image-rendering:pixelated; background:#242331; }
.player-data { min-width:0; display:flex; flex-direction:column; gap:4px; }
.player-data strong { font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.player-data small { display:flex; align-items:center; gap:7px; color:var(--muted-2); font-size:10px; }
.active-dot { width:6px; height:6px; border-radius:50%; background:var(--green); }
.active-dot.inactive { background:var(--muted-2); }
.region-badge { display:inline-flex; align-items:center; gap:6px; color:#aaa7b7; font-size:11px; }
.region-badge i { width:20px; height:14px; display:grid; place-items:center; border-radius:4px; color:white; background:rgba(255,255,255,.06); border:1px solid var(--line); font-style:normal; font-size:7px; font-weight:800; }
.tiers-cell { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tier-badge { min-width:50px; height:28px; display:inline-flex; align-items:center; justify-content:center; padding:0 8px; border-radius:9px; font-size:10px; font-weight:800; letter-spacing:.04em; border:1px solid transparent; }
.tier-badge.ht1, .tier-badge.lt1 { color:#ffe2a6; background:rgba(255,193,76,.09); border-color:rgba(255,193,76,.2); }
.tier-badge.ht2, .tier-badge.lt2 { color:#c8b2ff; background:rgba(124,58,237,.11); border-color:rgba(159,103,255,.2); }
.tier-badge.ht3, .tier-badge.lt3 { color:#a8e8ee; background:rgba(56,217,230,.08); border-color:rgba(56,217,230,.16); }
.tier-badge.ht4, .tier-badge.lt4 { color:#b5e7c9; background:rgba(78,231,166,.075); border-color:rgba(78,231,166,.14); }
.tier-badge.ht5, .tier-badge.lt5 { color:#b5b2c1; background:rgba(255,255,255,.04); border-color:var(--line); }
.points-cell { display:flex; flex-direction:column; gap:4px; }
.points-cell strong { font-size:15px; }
.points-cell small { color:var(--muted-2); font-size:9px; }
.row-arrow { width:28px; height:28px; display:grid; place-items:center; color:#5f5d6b; }
.empty-state { padding:60px 20px; text-align:center; }
.empty-state span { display:block; color:#6f6b7d; font-size:36px; }
.empty-state strong { display:block; margin:12px 0 6px; }
.empty-state p { margin:0; color:var(--muted-2); font-size:11px; }
.kit-board { margin-top:16px; }
.kit-board-banner { min-height:104px; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid rgba(124,58,237,.24); border-radius:20px; background:linear-gradient(115deg, rgba(44,19,99,.96), rgba(25,25,39,.96)); overflow:hidden; position:relative; }
.kit-board-banner::after { content:""; width:240px; height:240px; position:absolute; right:-70px; top:-120px; border-radius:50%; background:rgba(92,47,197,.38); filter:blur(35px); }
.kit-board-banner.op { background:linear-gradient(115deg, rgba(6,78,71,.92), rgba(25,25,39,.96)); border-color:rgba(45,212,191,.25); }
.kit-board-banner.op::after { background:rgba(45,212,191,.28); }
.kit-board-title { display:flex; align-items:center; gap:16px; position:relative; z-index:2; }
.kit-board-title img { width:64px; height:64px; image-rendering:pixelated; }
.kit-board-title small { color:#b9b4c8; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }
.kit-board-title h3 { margin:4px 0 0; font-family:Silkscreen, Manrope, sans-serif; font-size:28px; text-transform:uppercase; }
.kit-board-banner > p { max-width:420px; position:relative; z-index:2; margin:0; color:#c0bdca; font-size:13px; line-height:1.6; text-align:right; }
.kit-info-module { margin-top:16px; padding:18px; border:1px solid var(--line); border-radius:20px; background:var(--panel); }
.kit-info-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.info-tab { height:36px; padding:0 14px; color:#c8c4d5; background:rgba(255,255,255,.03); border:1px solid var(--line); border-radius:12px; cursor:pointer; }
.info-tab.active, .info-tab:hover { color:white; border-color:rgba(159,103,255,.22); background:rgba(124,58,237,.08); }
.kit-info-panel { min-height:240px; border:1px solid var(--line); border-radius:18px; padding:18px; background:rgba(255,255,255,.02); }
.kit-info-panel h4 { margin:0 0 16px; font:700 16px/1.2 Inter, sans-serif; }
.points-groups { display:grid; gap:12px; }
.points-group strong { display:block; margin-bottom:8px; color:#ece8f7; }
.points-group div { display:flex; gap:10px; flex-wrap:wrap; }
.points-group span { display:inline-flex; align-items:center; height:32px; padding:0 12px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid var(--line); color:#dfd9eb; font-size:13px; }
.points-group.t1 span { color:#ffd77f; }
.points-group.t2 span { color:#d9e1ec; }
.points-group.t3 span { color:#d99a71; }
.text-panel p { margin:0 0 12px; color:var(--muted); line-height:1.7; }
.text-panel a { color:#8ec5ff; text-decoration:underline; }
.testing-kit-panel { display:grid; place-items:center; padding:14px; }
.testing-kit-panel img { width:min(100%, 320px); border-radius:14px; box-shadow:0 18px 40px rgba(0,0,0,.25); }
.tier-columns { display:grid; grid-template-columns:repeat(5,minmax(180px,1fr)); margin-top:16px; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:rgba(12,12,20,.65); }
.tier-column { min-height:620px; border-right:1px solid var(--line-strong); }
.tier-column:last-child { border-right:0; }
.tier-column-head { height:66px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line); background:rgba(255,255,255,.018); }
.tier-column-head strong { font-family:Silkscreen, Manrope, sans-serif; font-size:19px; }
.tier-group { padding:14px 12px 10px; }
.tier-group + .tier-group { border-top:1px solid rgba(255,255,255,.055); }
.tier-group-label { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; color:#797687; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.tier-player { width:100%; min-height:43px; display:flex; align-items:center; gap:9px; padding:6px 7px; border-radius:10px; color:#d8d5df; background:transparent; cursor:pointer; text-align:left; transition:.16s ease; }
.tier-player:hover { color:white; background:rgba(124,58,237,.09); }
.tier-player img { width:29px; height:29px; border-radius:7px; image-rendering:pixelated; background:#232330; }
.tier-player span { min-width:0; display:flex; flex-direction:column; gap:2px; }
.tier-player strong { font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tier-player small { color:#6e6b7d; font-size:8px; }
.tier-empty { padding:10px 7px; color:#545160; font-size:9px; }
.testing-section { padding:40px 0 110px; scroll-margin-top:110px; }
.testing-header { min-height:190px; display:flex; align-items:center; justify-content:space-between; gap:40px; padding:36px 42px; border:1px solid rgba(124,58,237,.22); border-radius:30px; background:linear-gradient(135deg, rgba(124,58,237,.16), rgba(14,14,23,.88) 48%, rgba(34,211,238,.055)); overflow:hidden; position:relative; }
.testing-header::after { content:""; width:360px; height:360px; position:absolute; right:-140px; top:-170px; border-radius:50%; background:rgba(124,58,237,.24); filter:blur(50px); }
.testing-header h2 { margin:10px 0 9px; font:800 44px/1 Manrope,sans-serif; letter-spacing:-.04em; }
.testing-header p:not(.section-kicker) { max-width:650px; margin:0; color:var(--muted); font-size:14px; line-height:1.65; }
.testing-header > img { width:116px; height:116px; position:relative; z-index:2; filter:drop-shadow(0 20px 35px rgba(124,58,237,.28)); }
.testing-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr); gap:22px; margin-top:22px; }
.testing-steps { list-style:none; margin:0; padding:12px; border:1px solid var(--line); border-radius:26px; background:rgba(15,15,24,.72); }
.testing-steps li { min-height:105px; display:grid; grid-template-columns:64px 1fr; align-items:center; gap:6px; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.055); }
.testing-steps li:last-child { border-bottom:0; }
.testing-steps li > span { color:#8f63ee; font:700 16px Silkscreen, monospace; }
.testing-steps h3 { margin:0 0 7px; font-size:15px; }
.testing-steps p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.test-networks { padding:25px; border:1px solid var(--line); border-radius:26px; background:rgba(15,15,24,.72); }
.test-networks h3 { margin:7px 0 20px; font:800 25px Manrope,sans-serif; }
.network-card { min-height:84px; display:grid; grid-template-columns:56px 1fr auto; align-items:center; gap:12px; padding:13px; margin-bottom:10px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.022); transition:.2s ease; }
.network-card:not(.disabled):hover { transform:translateY(-2px); border-color:rgba(159,103,255,.35); background:rgba(124,58,237,.07); }
.network-card img { width:54px; height:54px; image-rendering:pixelated; }
.network-card span { display:flex; flex-direction:column; gap:5px; }
.network-card strong { font-size:13px; }
.network-card small { color:var(--muted-2); font-size:9px; line-height:1.45; }
.network-card > b { color:#b48cff; font-size:14px; }
.network-card.disabled { opacity:.55; cursor:not-allowed; }
.network-card.disabled > b { padding:5px 7px; border:1px solid var(--line); border-radius:7px; font-size:8px; }
.test-server-note { display:flex; align-items:center; gap:12px; margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }
.test-server-note img { width:52px; height:52px; }
.test-server-note div { display:flex; flex-direction:column; gap:5px; }
.test-server-note strong { font-size:11px; }
.test-server-note small { color:var(--muted-2); font-size:9px; }
.site-footer { min-height:120px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; border-top:1px solid var(--line); color:var(--muted-2); }
.footer-brand { display:flex; align-items:center; gap:12px; }
.footer-brand img { width:36px; height:36px; }
.footer-brand div { display:flex; flex-direction:column; gap:3px; }
.footer-brand strong { color:white; font-family:Manrope,sans-serif; font-size:13px; letter-spacing:.08em; }
.footer-brand small, .site-footer p, .footer-links { font-size:9px; }
.footer-links { justify-self:end; display:flex; gap:18px; }
.footer-links a:hover { color:white; }
.search-overlay, .profile-overlay { position:fixed; inset:0; z-index:200; display:grid; place-items:start center; padding:9vh 20px 30px; visibility:hidden; opacity:0; transition:.2s ease; }
.search-overlay.open, .profile-overlay.open { visibility:visible; opacity:1; }
.overlay-backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; background:rgba(3,3,7,.76); backdrop-filter:blur(9px); cursor:default; }
.search-panel, .profile-panel { position:relative; z-index:2; width:min(680px,100%); border:1px solid var(--line-strong); background:linear-gradient(180deg,#161622,#101018); border-radius:26px; box-shadow:0 34px 100px rgba(0,0,0,.58); transform:translateY(-10px) scale(.98); transition:.22s ease; }
.open .search-panel, .open .profile-panel { transform:translateY(0) scale(1); }
.search-panel { padding:24px; }
.search-panel-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:18px; }
.search-panel h2 { margin:7px 0 0; font-family:Manrope,sans-serif; font-size:26px; letter-spacing:-.035em; }
.close-button { width:38px; height:38px; display:grid; place-items:center; color:#8f8c9a; background:rgba(255,255,255,.03); border:1px solid var(--line); border-radius:11px; cursor:pointer; font-size:22px; line-height:1; }
.close-button:hover { color:white; border-color:var(--line-strong); }
.search-input-wrap { height:54px; display:flex; align-items:center; gap:12px; padding:0 13px 0 16px; border:1px solid rgba(159,103,255,.25); background:rgba(124,58,237,.07); border-radius:15px; }
.search-input-wrap svg { width:19px; height:19px; color:#a786ef; }
.search-input-wrap input { flex:1; min-width:0; color:white; background:transparent; border:0; outline:0; font-size:13px; }
.search-input-wrap input::placeholder { color:#706d7c; }
.search-hint { padding:32px 10px 14px; color:var(--muted-2); text-align:center; font-size:10px; }
.search-results { display:grid; gap:7px; margin-top:12px; max-height:350px; overflow:auto; }
.search-result { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:12px; padding:10px; color:white; background:rgba(255,255,255,.02); border:1px solid var(--line); border-radius:13px; cursor:pointer; text-align:left; }
.search-result:hover { background:rgba(124,58,237,.07); border-color:rgba(159,103,255,.2); }
.search-result img { width:42px; height:42px; image-rendering:pixelated; border-radius:10px; }
.search-result div { display:flex; flex-direction:column; gap:5px; }
.search-result strong { font-size:12px; }
.search-result small { color:var(--muted-2); font-size:9px; }
.search-result > span { color:var(--purple-light); font-size:12px; }
.profile-overlay { place-items:center; padding-top:30px; }
.profile-panel { width:min(760px,100%); padding:0; overflow:hidden; }
.profile-close { position:absolute; z-index:5; top:16px; right:16px; }
.profile-hero { position:relative; display:grid; grid-template-columns:auto 1fr; gap:22px; align-items:center; min-height:190px; padding:34px; background:linear-gradient(145deg,rgba(124,58,237,.2),rgba(17,17,27,.95) 65%); border-bottom:1px solid var(--line); overflow:hidden; }
.profile-hero::after { content:""; position:absolute; width:280px; height:280px; right:-120px; top:-100px; border:1px solid rgba(159,103,255,.15); border-radius:50%; box-shadow:0 0 0 42px rgba(124,58,237,.03),0 0 0 84px rgba(124,58,237,.02); }
.profile-avatar { width:96px; height:96px; position:relative; z-index:2; image-rendering:pixelated; border-radius:22px; background:#282638; }
.profile-heading { position:relative; z-index:2; }
.profile-heading p { margin:0 0 6px; color:#bda4f5; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.profile-heading h2 { margin:0 0 10px; font-family:Manrope,sans-serif; font-size:32px; letter-spacing:-.04em; }
.profile-heading span { display:inline-flex; align-items:center; gap:7px; color:#a09dac; font-size:10px; }
.profile-body { padding:24px; }
.profile-bio { margin:0 0 20px; color:#9b98a8; font-size:12px; line-height:1.65; }
.profile-tier-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:20px; }
.profile-tier-card { display:flex; align-items:center; justify-content:space-between; padding:16px; background:rgba(255,255,255,.025); border:1px solid var(--line); border-radius:15px; }
.profile-tier-card span { display:flex; flex-direction:column; gap:5px; }
.profile-tier-card small { color:var(--muted-2); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.profile-tier-card strong { font-size:13px; }
.profile-stats { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:15px; overflow:hidden; }
.profile-stats div { padding:15px; text-align:center; border-right:1px solid var(--line); }
.profile-stats div:last-child { border-right:0; }
.profile-stats strong { display:block; font-size:15px; }
.profile-stats small { display:block; margin-top:5px; color:var(--muted-2); font-size:8px; }
.history-toggle-wrap { margin-top:20px; }
.history-toggle-button { height:42px; padding:0 18px; color:white; background:rgba(124,58,237,.14); border:1px solid rgba(159,103,255,.22); border-radius:13px; cursor:pointer; font-weight:800; }
.history-toggle-button:hover { background:rgba(124,58,237,.20); }
.profile-history { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.profile-history h3 { margin:0 0 14px; font:800 17px Manrope,sans-serif; }
.history-list { display:grid; gap:9px; }
.history-item { display:grid; grid-template-columns:88px 64px 1fr; align-items:center; gap:10px; padding:11px 12px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.018); }
.history-item time { color:#777486; font-size:9px; }
.history-item p { margin:0; display:flex; flex-direction:column; gap:3px; min-width:0; }
.history-item strong { font-size:10px; }
.history-item small { color:var(--muted-2); font-size:8px; line-height:1.4; }
.match-result {
  min-width:52px; height:26px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:8px; font-size:10px; font-weight:800; letter-spacing:.04em;
  border:1px solid var(--line); background:rgba(255,255,255,.04); color:#cfcbdc;
}
.match-result.match-win { color:#9cf0c8; background:rgba(78,231,166,.12); border-color:rgba(78,231,166,.28); }
.match-result.match-loss { color:#ffb0b8; background:rgba(244,109,120,.12); border-color:rgba(244,109,120,.28); }
.match-result.match-draw { color:#ffd89a; background:rgba(255,202,122,.1); border-color:rgba(255,202,122,.24); }
.match-video-link { color:#9f9cff; font-weight:700; }
.match-video-link:hover { color:#c4c0ff; }
.history-empty { padding:16px; color:var(--muted-2); font-size:12px; text-align:center; border:1px dashed var(--line); border-radius:12px; }
.toast { position:fixed; z-index:300; left:50%; bottom:28px; transform:translate(-50%,20px); color:white; background:#181824; border:1px solid rgba(159,103,255,.25); border-radius:12px; padding:11px 16px; box-shadow:0 16px 42px rgba(0,0,0,.35); opacity:0; visibility:hidden; transition:.2s ease; font-size:11px; }
.toast.show { opacity:1; visibility:visible; transform:translate(-50%,0); }
@media (max-width: 1180px) {
  .site-header { grid-template-columns:1fr auto; }
  .main-nav { display:none; }
  .hero { grid-template-columns:1fr; min-height:auto; }
  .testing-grid { grid-template-columns:1fr; }
}
@media (max-width: 900px) {
  :root { --shell:min(100% - 24px, 1280px); }
  .header-search { min-width:44px; width:44px; }
  .header-search span, .header-search kbd { display:none; }
  .hero h1 { font-size:48px; }
  .server-logo-row h2 { font-size:36px; }
  .hero-stats.single-stat div { min-width:0; width:100%; }
  .podium { grid-template-columns:1fr; }
  .leaderboard-card { overflow-x:auto; }
  .leaderboard-head, .leaderboard-row { min-width:820px; }
  .kit-board-banner { flex-direction:column; align-items:flex-start; }
  .kit-board-banner > p { text-align:left; }
  .tier-columns { overflow-x:auto; grid-template-columns:repeat(5,240px); }
  .site-footer { grid-template-columns:1fr; justify-items:center; text-align:center; padding:28px 0; }
  .footer-links { justify-self:center; }
}
@media (max-width: 640px) {
  .hero-actions { flex-direction:column; align-items:stretch; }
  .section-heading { flex-direction:column; align-items:flex-start; }
  .kit-tabs { width:100%; overflow:auto; }
  .profile-tier-grid, .profile-stats { grid-template-columns:1fr; }
  .history-item { grid-template-columns:72px 54px 1fr; }
}

/* AlterTiers 3.1 refinements */
.site-header {
  height: 78px;
  margin-top: 10px;
  padding-inline: 16px;
  border-radius: 21px;
}
.brand-logo { width: 38px; height: 38px; }
.header-search { height: 43px; }
.nav-link { padding-block: 10px; }

.hero {
  min-height: 700px;
  grid-template-columns: minmax(0,1.12fr) minmax(350px,.88fr);
  gap: 28px;
  padding-top: 42px;
}
.compact-server-card {
  min-height: 500px;
  max-width: 560px;
  justify-self: end;
}
.compact-server-card .server-card-inner { padding: 24px; }
.compact-server-card .server-logo-row {
  grid-template-columns: 82px 1fr;
  margin: 30px 0 14px;
  gap: 16px;
}
.compact-server-card .server-logo-row h2 { font-size: 41px; }
.compact-server-card .server-description {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.65;
}
.compact-server-card .ip-row { min-height: 54px; }
.compact-server-card .server-addresses { gap: 10px; }
.user-server-icon {
  width: 82px;
  height: 82px;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 16px 36px rgba(124,58,237,.18);
  filter: none;
}

.kit-board-banner { overflow: visible; }
.kit-banner-actions {
  position: relative;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  min-width: 0;
}
.kit-banner-actions > p {
  max-width: 430px;
  margin: 0;
  color: #c0bdca;
  font-size: 13px;
  line-height: 1.55;
  text-align: right;
}
.kit-help { position: relative; flex: 0 0 auto; }
.kit-help-button {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(124,58,237,.18);
  border: 1px solid rgba(178,137,255,.34);
  border-radius: 12px;
  cursor: help;
  font: 800 18px/1 Manrope, sans-serif;
  box-shadow: 0 10px 26px rgba(0,0,0,.2);
}
.kit-help-button:hover,
.kit-help.pinned .kit-help-button {
  background: rgba(124,58,237,.28);
  border-color: rgba(196,163,255,.58);
}
.kit-info-popover {
  position: absolute;
  z-index: 50;
  width: min(590px, calc(100vw - 52px));
  max-height: min(720px, 76vh);
  right: 0;
  top: calc(100% + 12px);
  padding: 15px;
  border: 1px solid rgba(178,137,255,.25);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(20,19,31,.99), rgba(12,12,20,.99));
  box-shadow: 0 30px 80px rgba(0,0,0,.58);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-7px) scale(.985);
  transform-origin: top right;
  transition: .16s ease;
  overflow: auto;
}
.kit-help:hover .kit-info-popover,
.kit-help:focus-within .kit-info-popover,
.kit-help.pinned .kit-info-popover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.kit-info-tabs { margin-bottom: 10px; }
.kit-info-content { min-width: 0; }
.kit-info-panel.compact-help-panel {
  min-height: 0;
  padding: 15px;
}
.help-note {
  margin: -4px 0 14px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.55;
}
.compact-points {
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 12px;
}
.compact-points .points-group:last-child { grid-column: 1 / -1; }
.upgrade-table {
  display: grid;
  gap: 6px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.upgrade-table > strong {
  margin-bottom: 3px;
  color: #dcd7e8;
  font-size: 11px;
}
.upgrade-table span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 9px;
  background: rgba(255,255,255,.018);
}
.upgrade-table b { color: #bbb6c7; font-size: 10px; }
.upgrade-table em {
  color: #b895ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}
.popover-discord-link {
  display: inline-flex;
  margin-top: 5px;
  padding: 9px 12px;
  border: 1px solid rgba(124,58,237,.25);
  border-radius: 10px;
  color: #d8c5ff !important;
  background: rgba(124,58,237,.09);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none !important;
}
.popover-soon {
  display: inline-flex;
  margin-top: 5px;
  color: var(--muted-2);
  font-size: 10px;
}
.testing-kit-panel.compact-help-panel h4 {
  justify-self: start;
  width: 100%;
}
.testing-kit-panel.compact-help-panel img {
  width: min(100%, 460px);
}

.tier-group + .tier-group { border-top: 0; }
.tier-group.high-group {
  margin: 10px 9px 5px;
  padding: 12px 10px 10px;
  border: 1px solid rgba(159,103,255,.20);
  border-radius: 14px;
  background:
    linear-gradient(150deg, rgba(124,58,237,.13), rgba(124,58,237,.035)),
    rgba(255,255,255,.008);
  box-shadow: inset 0 0 28px rgba(124,58,237,.025);
}
.tier-group.high-group .tier-group-label { color: #c4a7ff; }
.tier-group.high-group .tier-player:hover { background: rgba(124,58,237,.13); }
.tier-group.low-group {
  padding-top: 12px;
  background: transparent;
}
.tier-group.low-group .tier-group-label { color: #777483; }

.profile-title-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.profile-title-row h2 { margin-bottom: 0; }
.profile-total-points {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  color: #e4d8ff;
  background: rgba(124,58,237,.12);
  border: 1px solid rgba(159,103,255,.24);
  border-radius: 11px;
  font-size: 12px;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .compact-server-card { max-width: none; justify-self: stretch; }
}
@media (max-width: 900px) {
  .kit-banner-actions { width: 100%; justify-content: space-between; }
  .kit-banner-actions > p { text-align: left; }
  .kit-info-popover { right: 0; }
}
@media (max-width: 640px) {
  .compact-points { grid-template-columns: 1fr; }
  .compact-points .points-group:last-child { grid-column: auto; }
  .kit-info-popover { position: fixed; top: 86px; right: 12px; left: 12px; width: auto; max-height: calc(100vh - 110px); }
}

/* AlterTiers 3.2 refinements */
.hero-stats.single-stat { margin-top: 24px; }
.hero-stats.single-stat div {
  width: fit-content;
  min-width: 220px;
  max-width: 270px;
  padding: 12px 16px;
  border-radius: 15px;
}
.hero-stats.single-stat strong { font-size: 34px; }
.hero-stats.single-stat span { margin-top: 5px; font-size: 10px; line-height: 1.35; }

.user-server-icon {
  width: 88px;
  height: 88px;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 16px 26px rgba(124,58,237,.22));
}

.kit-tier-pair {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.kit-tier-pair > img {
  width: 23px;
  height: 23px;
  object-fit: contain;
  image-rendering: pixelated;
}

.points-only-list { display: grid; gap: 8px; }
.points-only-list > div {
  min-height: 42px;
  display: grid;
  grid-template-columns: 78px 1fr;
  align-items: center;
  gap: 10px;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 11px;
  background: rgba(255,255,255,.018);
}
.points-only-list > div > strong { color: #d7d2e1; font-size: 11px; }
.points-only-list > div > span {
  display: grid;
  grid-template-columns: auto minmax(62px,1fr) auto minmax(62px,1fr);
  align-items: center;
  gap: 7px;
}
.points-only-list b { color: #aaa5b7; font-size: 10px; font-weight: 700; }
.points-only-list .tier-badge { min-width: 44px; height: 24px; }
.upgrade-table, .help-note { display: none !important; }

.tier-group, .tier-group-label, .high-group, .low-group { display: none !important; }
.tier-player-list {
  display: grid;
  align-content: start;
  gap: 2px;
  padding: 10px 9px 14px;
}
.tier-player-list .tier-player {
  min-height: 48px;
  padding: 7px 9px;
  border: 1px solid transparent;
}
.tier-player-list .tier-player.high-player {
  color: #dfd0ff;
  background: linear-gradient(90deg, rgba(124,58,237,.13), rgba(124,58,237,.025));
  border-color: rgba(159,103,255,.16);
}
.tier-player-list .tier-player.high-player strong {
  color: #d6bdff;
  text-shadow: 0 0 18px rgba(159,103,255,.25);
}
.tier-player-list .tier-player.low-player { color: #d8d5df; }
.tier-player-list .tier-player.low-player:hover { background: rgba(255,255,255,.035); }
.tier-player-list .tier-player.high-player:hover { background: linear-gradient(90deg, rgba(124,58,237,.20), rgba(124,58,237,.055)); }

@media (max-width: 640px) {
  .hero-stats.single-stat div { width: 100%; max-width: none; }
  .points-only-list > div { grid-template-columns: 1fr; }
}


/* AlterTiers 3.3 — requested refinements */
html {
  scrollbar-width: thin;
  scrollbar-color: #8f63ee #11111a;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #8f63ee #11111a;
}
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track {
  background: #11111a;
  border-left: 1px solid rgba(255,255,255,.035);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #a47cff, #6d3fd1);
  border: 3px solid #11111a;
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #bb99ff, #8050e7); }
::-webkit-scrollbar-corner { background: #11111a; }

/* Smaller first-screen typography */
.hero {
  min-height: 610px;
  padding-top: 30px;
  padding-bottom: 48px;
}
.hero h1 {
  max-width: 720px;
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: clamp(44px, 5.3vw, 62px);
  line-height: .98;
}
.hero-text {
  max-width: 580px;
  font-size: 14px;
  line-height: 1.65;
}
.eyebrow { font-size: 9px; }
.hero-actions { margin: 22px 0 20px; }
.primary-button, .secondary-button { height: 46px; padding-inline: 18px; font-size: 12px; }
.hero-stats.single-stat { margin-top: 16px; }
.hero-stats.single-stat div {
  min-width: 170px;
  max-width: 205px;
  padding: 9px 12px;
  border-radius: 13px;
}
.hero-stats.single-stat strong { font-size: 27px; }
.hero-stats.single-stat span { font-size: 8px; }

/* Circular tier-list logo without changing its symbol */
.brand-logo, .footer-brand img, .testing-header > img {
  border-radius: 50%;
}

/* Smaller AlterPrac logo and more compact server copy */
.compact-server-card { min-height: 440px; }
.compact-server-card .server-card-inner { padding: 21px; }
.compact-server-card .server-logo-row {
  grid-template-columns: 62px 1fr;
  gap: 13px;
  margin: 22px 0 12px;
}
.user-server-icon {
  width: 58px;
  height: 58px;
}
.compact-server-card .server-logo-row h2 { font-size: 32px; }
.compact-server-card .server-kicker { font-size: 8px; }
.compact-server-card .server-description { font-size: 11px; line-height: 1.55; }
.server-badge, .server-live { height: 30px; font-size: 9px; }

/* RU and EU addresses in one line */
.combined-addresses { display: block; }
.dual-ip-row {
  min-height: 62px;
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
  overflow: hidden;
}
.ip-segment {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 15px;
  color: white;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.ip-segment:hover { background: rgba(124,58,237,.07); }
.ip-segment span { min-width: 0; }
.ip-segment small {
  display: block;
  margin-bottom: 3px;
  color: #aa8ce9;
  font-size: 9px;
  font-weight: 800;
}
.ip-segment strong {
  display: block;
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ip-segment svg { width: 16px; height: 16px; flex: 0 0 auto; }
.ip-divider { width: 1px; margin-block: 10px; background: var(--line); }

/* Exact uploaded Minecraft kit icons */
.kit-tab img, .kit-board-title img, .network-card img, .kit-tier-pair > img {
  object-fit: contain;
  image-rendering: pixelated;
}
.kit-tab img { width: 31px; height: 31px; }
.kit-board-title img { width: 58px; height: 58px; }
.kit-tier-pair > img { width: 25px; height: 25px; }
.network-card img { padding: 7px; }

/* Russian helper tabs */
.info-tab { font-size: 11px; }

/* Big datasets remain usable */
.leaderboard-body {
  max-height: 820px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.tier-columns {
  max-height: 850px;
  overflow: auto;
  overscroll-behavior: contain;
}
.tier-column { min-height: 850px; }

@media (max-width: 900px) {
  .hero { padding-top: 24px; }
  .hero h1 { font-size: 43px; }
  .dual-ip-row { grid-template-columns: 1fr; }
  .ip-divider { width: auto; height: 1px; margin: 0 12px; }
  .ip-segment { min-height: 54px; }
}

/* AlterTiers 3.4 — one-screen landing, compact test-kit help, 496-player public snapshot */
@media (min-width: 1000px) and (min-height: 700px) {
  .hero {
    min-height: calc(100svh - 104px);
    height: calc(100svh - 104px);
    padding-top: 14px;
    padding-bottom: 24px;
    align-items: center;
  }
}
.hero-copy { align-self:center; }
.hero h1 { max-width:700px; }
.hero-stats.single-stat { width:max-content; }
.hero-stats.single-stat div {
  min-width:148px;
  max-width:178px;
  padding:8px 11px;
}
.hero-stats.single-stat strong { font-size:25px; }
.hero-stats.single-stat span { max-width:150px; font-size:7.5px; line-height:1.35; }

.compact-server-card {
  min-height:0 !important;
  height:auto;
  max-width:520px;
  align-self:center;
}
.compact-server-card .server-card-inner {
  min-height:0;
  padding:18px 20px 17px;
}
.compact-server-card .server-card-topline { margin-bottom:0; }
.compact-server-card .server-logo-row { margin:18px 0 10px; }
.compact-server-card .server-description { margin-bottom:14px; }
.compact-server-card .dual-ip-row { min-height:56px; }
.compact-server-card .server-footer { margin-top:12px; padding-top:11px; }
.compact-server-card .ring-one { width:330px; height:330px; }
.compact-server-card .ring-two { width:400px; height:400px; bottom:-255px; }

/* Small information popup: all three tabs fit without internal scrolling. */
.kit-info-popover {
  width:min(390px, calc(100vw - 42px));
  max-height:none;
  padding:10px;
  border-radius:16px;
  overflow:visible;
}
.kit-info-tabs { display:flex; gap:6px; margin-bottom:8px; }
.info-tab { height:31px; padding:0 10px; font-size:10px; border-radius:10px; }
.kit-info-panel.compact-help-panel,
.mini-popover-panel { padding:10px; border-radius:13px; }
.kit-info-panel h4 { margin:0 0 9px; font-size:12px; }
.mini-popover-panel p { margin-bottom:8px; font-size:10px; line-height:1.5; }
.compact-points-list { display:grid; gap:5px; }
.compact-points-list > div {
  min-height:29px;
  display:grid;
  grid-template-columns:58px 1fr;
  align-items:center;
  gap:7px;
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.016);
}
.compact-points-list > div > strong { font-size:9px; }
.compact-points-list > div > span { display:flex; align-items:center; gap:5px; }
.compact-points-list .tier-badge { min-width:37px; height:20px; padding:0 5px; font-size:8px; }
.compact-points-list b { color:#c9c4d5; font-size:8px; }
.testing-kit-panel.compact-help-panel { display:block; }
.testing-kit-panel.compact-help-panel img {
  width:auto;
  max-width:100%;
  height:auto;
  max-height:245px;
  margin:0 auto;
  object-fit:contain;
  border-radius:10px;
  box-shadow:0 12px 26px rgba(0,0,0,.25);
}
.popover-discord-link { margin-top:3px; padding:7px 9px; font-size:9px; }

/* Public player list density. */
.leaderboard-body { max-height:720px; }
.tier-columns { max-height:760px; }
.tier-column { min-height:760px; }
.tier-player { min-height:39px; }
.tier-player strong { font-size:10px; }
.tier-player small { font-size:7.5px; }
.profile-total-points {
  position:relative;
  z-index:2;
  justify-self:end;
  min-width:112px;
  padding:12px 14px;
  text-align:right;
  border:1px solid rgba(178,137,255,.2);
  border-radius:14px;
  background:rgba(124,58,237,.09);
}
.profile-total-points strong { display:block; font:800 25px/1 Manrope,sans-serif; }
.profile-total-points span { display:block; margin-top:5px; color:#9e99ad; font-size:8px; }
.profile-hero { grid-template-columns:auto 1fr auto; }
.history-source-dot { color:#b58cff; font-size:20px; text-align:center; }

@media (max-width: 900px) {
  .hero { height:auto; min-height:auto; padding:36px 0 56px; }
  .compact-server-card { max-width:none; }
  .kit-info-popover { position:fixed; top:82px; right:10px; left:10px; width:auto; max-height:calc(100svh - 96px); overflow:auto; }
  .testing-kit-panel.compact-help-panel img { max-height:52svh; }
  .profile-hero { grid-template-columns:auto 1fr; }
  .profile-total-points { grid-column:1 / -1; justify-self:stretch; text-align:left; }
}


/* AlterTiers 3.5 refinements */
.hero-stats.single-stat { display:none !important; }
.tier-player-list .tier-player.high-player {
  background: transparent !important;
  box-shadow: inset 2px 0 rgba(178,137,255,.42) !important;
}
.tier-player-list .tier-player.high-player strong { color:#d9ccf7 !important; }
.tier-player-list .tier-player.high-player:hover { background:rgba(124,58,237,.045) !important; }
.tier-player-list .tier-player.low-player:hover { background:rgba(255,255,255,.025) !important; }
.tier-player > span { flex:1; }
.tier-player > span small { display:none !important; }
.retired-tier-tag {
  flex:0 0 auto;
  margin-left:auto;
  padding:3px 7px;
  color:#bdb7c9;
  border:1px solid rgba(255,255,255,.11);
  border-radius:7px;
  background:rgba(255,255,255,.035);
  font-size:8px;
  font-style:normal;
  font-weight:800;
}
.tier-badge.retired-tier {
  color:#d4cfdd;
  border-color:rgba(255,255,255,.15);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
}
.player-data small { text-transform:none; }
.server-online b { min-width:34px; display:inline-block; text-align:right; }


/* AlterTiers 3.6 — full player renders, cleaner kit rows, neutral navigation and motion */
.nav-link,
.nav-link.active {
  color: var(--muted);
  background: transparent;
}
.nav-link:hover,
.nav-link.active:hover {
  color: #fff;
  background: rgba(124,58,237,.075);
}
.header-search kbd { display:none !important; }

/* Only the help button remains on kit banners. */
.kit-banner-actions > p { display:none !important; }
.kit-banner-actions { min-width:auto; }

/* Full Minecraft characters in the overall top. */
.podium-card {
  min-height:168px;
  padding:14px 18px 14px 10px;
}
.podium-character {
  width:82px;
  height:132px;
  flex:0 0 82px;
  object-fit:contain;
  object-position:center bottom;
  border-radius:12px;
  background:rgba(24, 22, 36, 0.55);
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.38));
}
.leaderboard-row { min-height:78px; }
.leaderboard-character {
  width:42px;
  height:62px;
  flex:0 0 42px;
  object-fit:contain;
  object-position:center bottom;
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.34));
}
.player-name-line {
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.player-name-line strong {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.player-name-line .active-dot { flex:0 0 auto; }

/* Cleaner and more readable kit player rows. */
.tier-player-list {
  gap:5px;
  padding:10px 9px 18px;
}
.tier-player-list .tier-player {
  min-height:46px;
  gap:10px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:11px;
  background:rgba(255,255,255,.014);
  transition:background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.tier-player-list .tier-player:hover {
  transform:translateX(2px);
  border-color:rgba(255,255,255,.085);
}
.tier-player-list .tier-player img {
  width:31px;
  height:31px;
  flex:0 0 31px;
  border-radius:8px;
}
.tier-player-name {
  min-width:0;
  flex:1;
  display:block !important;
}
.tier-player-name strong {
  display:block;
  color:#e7e4ee;
  font-size:11.5px !important;
  font-weight:650;
  line-height:1.2;
  letter-spacing:.008em;
  text-shadow:none !important;
}
.tier-player-list .tier-player.high-player {
  background:rgba(124,58,237,.025) !important;
  border-color:rgba(178,137,255,.075) !important;
  box-shadow:inset 2px 0 rgba(178,137,255,.34) !important;
}
.tier-player-list .tier-player.high-player strong { color:#dcd2f4 !important; }
.tier-player-list .tier-player.high-player:hover { background:rgba(124,58,237,.055) !important; }
.tier-player-list .tier-player.low-player:hover { background:rgba(255,255,255,.032) !important; }
.tier-status-dot {
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 4px rgba(78,231,166,.08);
}
.tier-status-dot.inactive {
  background:#777482;
  box-shadow:0 0 0 4px rgba(119,116,130,.07);
}
.retired-tier-tag { margin-left:0; }

/* Tab and section entrance animations. */
.kit-tab,
.info-tab,
.nav-link,
.history-toggle-button,
.square-button,
.primary-button,
.secondary-button {
  transition:transform .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.kit-tab:active,
.info-tab:active,
.history-toggle-button:active,
.square-button:active,
.primary-button:active,
.secondary-button:active { transform:scale(.97); }
.view-enter { animation:viewEnter .36s cubic-bezier(.22,.75,.25,1) both; }
@keyframes viewEnter {
  from { opacity:0; transform:translateY(8px); filter:blur(2px); }
  to { opacity:1; transform:translateY(0); filter:blur(0); }
}
.leaderboard-row,
.tier-player { animation:rowReveal .28s ease both; }
.leaderboard-row:nth-child(-n+12),
.tier-player:nth-child(-n+12) { animation-delay:calc(var(--row-index, 0) * 15ms); }
@keyframes rowReveal {
  from { opacity:0; transform:translateY(4px); }
  to { opacity:1; transform:translateY(0); }
}

/* Smooth expandable tier history. */
.history-toggle-button[aria-expanded="true"] {
  background:rgba(124,58,237,.23);
  border-color:rgba(178,137,255,.38);
  box-shadow:0 9px 26px rgba(124,58,237,.12);
}
.profile-history.history-collapsible {
  max-height:0;
  margin-top:0;
  padding-top:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(-8px);
  border-top-color:transparent;
  transition:max-height .45s cubic-bezier(.22,.75,.25,1), opacity .28s ease, transform .35s ease, margin-top .35s ease, padding-top .35s ease, border-color .25s ease;
}
.profile-history.history-collapsible.is-open {
  max-height:min(70vh, 900px);
  overflow:auto;
  margin-top:20px;
  padding-top:18px;
  opacity:1;
  transform:translateY(0);
  border-top-color:var(--line);
}
.profile-history.history-collapsible .history-item {
  opacity:0;
  transform:translateY(5px);
  transition:opacity .22s ease, transform .25s ease;
}
.profile-history.history-collapsible.is-open .history-item {
  opacity:1;
  transform:translateY(0);
}
.profile-history.history-collapsible.is-open .history-item:nth-child(2) { transition-delay:.045s; }
.profile-history.history-collapsible.is-open .history-item:nth-child(3) { transition-delay:.09s; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* AlterTiers 3.7 — minimal kit columns, head avatars and stable hover help */

/* Normal leaderboard rows use compact player heads; only podium uses full renders. */
.leaderboard-character { display:none !important; }
.leaderboard-row .player-avatar {
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:9px;
  object-fit:cover;
  image-rendering:pixelated;
  background:#211f2c;
  filter:none;
}
.player-name-line .active-dot,
.tier-status-dot,
.retired-tier-tag { display:none !important; }

/* Kit icon and tier are stacked vertically in the overall table. */
.tiers-cell {
  display:flex;
  align-items:flex-start;
  gap:15px;
}
.kit-tier-pair {
  min-width:47px;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
}
.kit-tier-pair > img {
  width:25px;
  height:25px;
  object-fit:contain;
  image-rendering:pixelated;
}
.kit-tier-pair .tier-badge {
  min-width:43px;
  height:23px;
  padding:0 6px;
  font-size:8.5px;
  border-radius:7px;
}

/* The first three cards keep almost-full Minecraft characters. */
.podium-card {
  min-height:184px;
  padding:13px 20px 13px 8px;
}
.podium-character {
  width:96px;
  height:152px;
  flex:0 0 96px;
  object-fit:contain;
  object-position:center bottom;
  background:rgba(24, 22, 36, 0.65);
  border-radius:14px;
}

/* Minimal five-column kit table in AlterTiers colors. */
.tier-columns {
  display:grid;
  grid-template-columns:repeat(5, minmax(190px,1fr));
  gap:0;
  margin-top:16px;
  border:1px solid rgba(178,137,255,.11);
  border-radius:20px;
  overflow:hidden;
  background:#0e0d16;
}
.tier-column {
  min-height:620px;
  border-right:1px solid rgba(255,255,255,.075);
  background:rgba(13,12,21,.88);
}
.tier-column:last-child { border-right:0; }
.tier-column-head {
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(124,58,237,.12);
}
.tier-column:nth-child(1) .tier-column-head { background:linear-gradient(180deg,rgba(165,112,14,.36),rgba(113,76,10,.27)); }
.tier-column:nth-child(2) .tier-column-head { background:linear-gradient(180deg,rgba(70,100,145,.32),rgba(48,67,98,.25)); }
.tier-column:nth-child(3) .tier-column-head { background:linear-gradient(180deg,rgba(129,65,34,.33),rgba(91,47,27,.25)); }
.tier-column:nth-child(4) .tier-column-head { background:linear-gradient(180deg,rgba(78,68,135,.34),rgba(55,48,96,.26)); }
.tier-column:nth-child(5) .tier-column-head { background:linear-gradient(180deg,rgba(75,63,126,.29),rgba(48,42,82,.25)); }
.tier-column-head strong {
  color:#f2eff9;
  font:800 15px/1 Manrope,sans-serif;
  letter-spacing:.01em;
  text-transform:none;
}
.tier-player-list {
  display:grid;
  align-content:start;
  gap:0 !important;
  padding:0 !important;
}
.tier-player-list .tier-player {
  width:100%;
  min-height:42px !important;
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px 11px !important;
  color:#dcd9e5;
  background:#171624 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:left;
  transform:none !important;
}
.tier-player-list .tier-player:last-child { border-bottom:0 !important; }
.tier-player-list .tier-player:hover {
  color:white;
  background:#211e32 !important;
}
.tier-player-list .tier-player img {
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  border-radius:6px !important;
  image-rendering:pixelated;
  background:#242230;
}
.tier-player-name { min-width:0; flex:1; }
.tier-player-name strong {
  display:block;
  color:#e9e6ef !important;
  font-size:11.5px !important;
  font-weight:650 !important;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:none !important;
}
.tier-player-list .tier-player.high-player {
  background:#191727 !important;
  box-shadow:inset 2px 0 rgba(171,129,255,.38) !important;
}
.tier-player-list .tier-player.high-player strong { color:#d9d0ee !important; }
.tier-player-list .tier-player.high-player:hover { background:#231f36 !important; }
.tier-player-list .tier-player.low-player:hover { background:#201e2d !important; }

/* Invisible bridge + delayed JS state keeps the question menu open while moving to it. */
.kit-help::after {
  content:"";
  position:absolute;
  top:100%;
  right:0;
  width:min(390px, calc(100vw - 42px));
  height:16px;
  pointer-events:auto;
}
.kit-help.hover-open .kit-info-popover,
.kit-help:hover .kit-info-popover,
.kit-help:focus-within .kit-info-popover,
.kit-help.pinned .kit-info-popover {
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.kit-info-popover { pointer-events:none; }

@media (max-width:900px) {
  .tier-columns { grid-template-columns:repeat(5,220px); overflow-x:auto; }
  .podium-character { width:86px; height:138px; flex-basis:86px; }
}

/* AlterTiers 3.8 — leaderboard and kit-table refinements */

/* The podium owns ranks 1–3, so the regular table begins at rank 4. */
.podium-tiers {
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:7px 0 8px;
}
.podium-kit-tier {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
.podium-kit-tier > img {
  width:22px;
  height:22px;
  object-fit:contain;
  image-rendering:pixelated;
}
.podium-kit-tier .tier-badge {
  min-width:42px;
  height:22px;
  padding:0 6px;
  font-size:8px;
  border-radius:7px;
}

/* Retired tiers keep their score but are visually quieter in the overall ranking. */
.tier-badge.retired-tier {
  opacity:.58 !important;
  filter:saturate(.68);
  border-style:dashed;
}

/* All five kit-table headers use one consistent AlterTiers color. */
.tier-column .tier-column-head,
.tier-column:nth-child(1) .tier-column-head,
.tier-column:nth-child(2) .tier-column-head,
.tier-column:nth-child(3) .tier-column-head,
.tier-column:nth-child(4) .tier-column-head,
.tier-column:nth-child(5) .tier-column-head {
  background:linear-gradient(180deg,rgba(124,58,237,.25),rgba(66,35,114,.18)) !important;
  border-bottom:1px solid rgba(178,137,255,.14) !important;
}
.tier-column-head strong { color:#e9ddff !important; }

/* Smaller heads and cleaner, easier-to-scan player rows. */
.tier-player-list .tier-player {
  min-height:39px !important;
  padding:5px 10px !important;
  gap:9px !important;
  background:#15141f !important;
  border-bottom:1px solid rgba(255,255,255,.045) !important;
}
.tier-player-list .tier-player img {
  width:23px !important;
  height:23px !important;
  flex:0 0 23px !important;
  border-radius:5px !important;
}
.tier-player-name strong {
  font-size:11px !important;
  font-weight:650 !important;
  letter-spacing:.005em;
}

/* High tiers are clearly distinct, while low tiers remain neutral. */
.tier-player-list .tier-player.high-player {
  background:linear-gradient(90deg,rgba(124,58,237,.19),rgba(27,24,41,.96) 68%) !important;
  box-shadow:inset 3px 0 rgba(178,137,255,.78) !important;
}
.tier-player-list .tier-player.high-player strong {
  color:#f0e9ff !important;
  font-weight:760 !important;
}
.tier-player-list .tier-player.high-player:hover {
  background:linear-gradient(90deg,rgba(124,58,237,.27),rgba(34,29,52,.98) 72%) !important;
}
.tier-player-list .tier-player.low-player {
  background:#15141f !important;
  box-shadow:none !important;
}
.tier-player-list .tier-player.low-player:hover { background:#1d1b29 !important; }

.tier-level-mark {
  min-width:22px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:0;
  margin-left:auto;
  line-height:1;
  user-select:none;
}
.tier-level-mark i {
  display:block;
  font-style:normal;
  font-size:13px;
  font-weight:900;
}
.tier-level-mark.high-mark { color:#bfa2ff; }
.tier-level-mark.high-mark i + i { margin-left:-3px; }
.tier-level-mark.low-mark { color:#676475; }

/* Total points stay in profile statistics only. */
.profile-total-points { display:none !important; }

/* AlterTiers 3.9 — компактная таблица китов в стиле MyTiers */
.kit-board {
  width:100%;
}

.tier-columns {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  align-items:start !important;
  gap:12px !important;
  max-height:none !important;
  overflow:visible !important;
  padding:0 !important;
  margin-top:16px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.tier-column {
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
}

.tier-column .tier-column-head,
.tier-column:nth-child(1) .tier-column-head,
.tier-column:nth-child(2) .tier-column-head,
.tier-column:nth-child(3) .tier-column-head,
.tier-column:nth-child(4) .tier-column-head,
.tier-column:nth-child(5) .tier-column-head {
  height:48px !important;
  margin:0 0 5px !important;
  border:1px solid rgba(178,137,255,.13) !important;
  border-radius:11px 11px 5px 5px !important;
  background:linear-gradient(180deg,rgba(64,43,106,.92),rgba(43,31,70,.94)) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.035) !important;
}

.tier-column-head strong {
  color:#efe8ff !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.015em !important;
  text-transform:none !important;
}

.tier-player-list {
  display:grid !important;
  gap:2px !important;
  padding:0 !important;
  background:transparent !important;
}

.tier-player-list .tier-player,
.tier-player-list .tier-player.low-player,
.tier-player-list .tier-player.high-player {
  width:100% !important;
  min-height:37px !important;
  height:37px !important;
  display:grid !important;
  grid-template-columns:25px minmax(0,1fr) 18px !important;
  align-items:center !important;
  gap:8px !important;
  padding:4px 8px !important;
  margin:0 !important;
  color:#f4f1fb !important;
  border:1px solid rgba(255,255,255,.035) !important;
  border-radius:4px !important;
  background:#1a1928 !important;
  box-shadow:none !important;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease !important;
}

.tier-player-list .tier-player:hover,
.tier-player-list .tier-player.low-player:hover,
.tier-player-list .tier-player.high-player:hover {
  transform:translateX(2px) !important;
  border-color:rgba(178,137,255,.16) !important;
  background:#222036 !important;
}

.tier-player-list .tier-player img {
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  flex:0 0 25px !important;
  border-radius:4px !important;
  object-fit:cover !important;
  image-rendering:pixelated !important;
  background:#11111a !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) !important;
}

.tier-player-name {
  min-width:0 !important;
  display:block !important;
}

.tier-player-name strong {
  display:block !important;
  overflow:hidden !important;
  color:#f6f3fc !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-shadow:0 1px 1px rgba(0,0,0,.38) !important;
}

/* High Tier отличается только аккуратным фиолетовым акцентом и двойной стрелкой. */
.tier-player-list .tier-player.high-player {
  border-left:2px solid rgba(178,137,255,.62) !important;
  background:linear-gradient(90deg,rgba(124,58,237,.09),#1a1928 45%) !important;
}

.tier-player-list .tier-player.high-player strong {
  color:#fff !important;
  font-weight:760 !important;
}

.tier-level-mark {
  width:18px !important;
  min-width:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  gap:0 !important;
  opacity:.72 !important;
}

.tier-level-mark i {
  color:#77738d !important;
  font-family:Arial,sans-serif !important;
  font-size:12px !important;
  font-style:normal !important;
  font-weight:900 !important;
  line-height:.55 !important;
}

.tier-level-mark.high-mark i {
  color:#9992b6 !important;
}

.tier-level-mark.high-mark {
  flex-direction:column !important;
}

.tier-level-mark.high-mark i + i {
  margin:-4px 0 0 !important;
}

.tier-level-mark.low-mark i {
  color:#59566d !important;
}

@media (max-width:1100px) {
  .tier-columns {
    grid-template-columns:repeat(5,220px) !important;
    overflow-x:auto !important;
    padding-bottom:8px !important;
  }
}

/* ===== AlterTiers v4.0 final leaderboard polish ===== */

/* Общий топ: чуть крупнее текст и заметнее иконки китов */
.leaderboard-head,
.leaderboard-row {
  grid-template-columns: 64px minmax(270px, 1.65fr) 120px minmax(260px, 1.15fr) 112px 36px !important;
}

.leaderboard-head {
  font-size: 11px !important;
}

.leaderboard-row {
  min-height: 82px !important;
  padding: 0 20px !important;
}

.rank-number {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #f4f0ff !important;
}

.player-cell {
  gap: 14px !important;
}

.player-avatar,
.leaderboard-row .player-avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 11px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) !important;
}

.player-data strong {
  font-size: 16px !important;
  font-weight: 800 !important;
}

.kit-tier-pair,
.podium-kit-tier {
  gap: 8px !important;
}

.kit-tier-pair > img,
.podium-kit-tier > img {
  width: 28px !important;
  height: 28px !important;
  image-rendering: pixelated !important;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
}

.points-cell strong {
  font-size: 17px !important;
}

/* Цвета тиров ближе к MyTiers: активный с обводкой, retired без обводки */
.tier-badge {
  min-width: 48px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  border-width: 1px !important;
  border-style: solid !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}

.tier-badge.ht1, .tier-badge.lt1 {
  color: #ffd85f !important;
  background: rgba(93, 72, 18, .56) !important;
  border-color: rgba(255, 205, 80, .45) !important;
}
.tier-badge.ht2, .tier-badge.lt2 {
  color: #83c5ff !important;
  background: rgba(40, 61, 86, .60) !important;
  border-color: rgba(120, 171, 220, .38) !important;
}
.tier-badge.ht3, .tier-badge.lt3 {
  color: #f19a54 !important;
  background: rgba(80, 51, 24, .62) !important;
  border-color: rgba(223, 136, 66, .40) !important;
}
.tier-badge.ht4, .tier-badge.lt4 {
  color: #9fa6ff !important;
  background: rgba(50, 56, 107, .64) !important;
  border-color: rgba(124, 136, 232, .40) !important;
}
.tier-badge.ht5, .tier-badge.lt5 {
  color: #a99ef3 !important;
  background: rgba(42, 38, 77, .72) !important;
  border-color: rgba(122, 112, 208, .36) !important;
}

.tier-badge.retired-tier {
  opacity: .64 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Шапки Tier 1-5 как на референсе */
.tier-column.tier-column-1 .tier-column-head {
  background: #5b4a15 !important;
  border-color: rgba(255, 214, 96, .20) !important;
}
.tier-column.tier-column-2 .tier-column-head {
  background: #2c4462 !important;
  border-color: rgba(144, 188, 228, .18) !important;
}
.tier-column.tier-column-3 .tier-column-head {
  background: #64411e !important;
  border-color: rgba(236, 155, 94, .18) !important;
}
.tier-column.tier-column-4 .tier-column-head {
  background: #3b4277 !important;
  border-color: rgba(149, 157, 255, .18) !important;
}
.tier-column.tier-column-5 .tier-column-head {
  background: #342d64 !important;
  border-color: rgba(165, 152, 244, .18) !important;
}

.tier-column-head {
  min-height: 46px !important;
  height: 46px !important;
  border-radius: 18px 18px 0 0 !important;
  margin: 0 0 4px !important;
}

.tier-column-head strong {
  color: #f5f1fe !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Таблица китов в стиле MyTiers + более заметные High Tier */
.tier-columns {
  gap: 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.tier-column {
  min-height: auto !important;
  border: 0 !important;
  background: transparent !important;
}

.tier-player-list {
  gap: 0 !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-top: 0 !important;
  border-radius: 0 0 18px 18px !important;
  overflow: visible !important;
  background: rgba(13, 14, 23, .84) !important;
}

.tier-player-list .tier-player,
.tier-player-list .tier-player.low-player,
.tier-player-list .tier-player.high-player {
  position: relative !important;
  min-height: 39px !important;
  height: 39px !important;
  grid-template-columns: 24px minmax(0,1fr) 18px !important;
  gap: 9px !important;
  padding: 5px 9px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 0 !important;
  background: rgba(33, 34, 55, .84) !important;
}

.tier-player-list .tier-player:last-child { border-bottom: 0 !important; }

.tier-player-list .tier-player:hover,
.tier-player-list .tier-player.low-player:hover,
.tier-player-list .tier-player.high-player:hover {
  transform: none !important;
  background: rgba(53, 54, 84, .92) !important;
}

.tier-player-list .tier-player.high-player {
  background: linear-gradient(90deg, rgba(86, 66, 138, .33) 0%, rgba(38, 37, 60, .96) 62%) !important;
  box-shadow: inset 3px 0 0 rgba(183, 152, 255, .78) !important;
}

.tier-player-list .tier-player.high-player:hover {
  background: linear-gradient(90deg, rgba(97, 74, 160, .42) 0%, rgba(49, 48, 78, .98) 62%) !important;
}

.tier-player-list .tier-player.high-player strong {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.tier-player-list .tier-player img {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 5px !important;
}

.tier-player-name strong {
  font-size: 12px !important;
}

.tier-level-mark {
  opacity: .88 !important;
}

.tier-level-mark.high-mark {
  color: #cab6ff !important;
}

.tier-level-mark.high-mark i {
  color: #cab6ff !important;
}

.tier-level-mark.low-mark i {
  color: #5d5b6b !important;
}

/* Плашка тира при наведении слева */
.tier-hover-badge {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translate(calc(-100% - 8px), -50%) !important;
  min-width: 42px !important;
  height: 24px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  border-left: 3px solid rgba(255,255,255,.9) !important;
  background: rgba(255,255,255,.20) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .14s ease, transform .14s ease !important;
  z-index: 5 !important;
}

.tier-player:hover .tier-hover-badge {
  opacity: 1 !important;
  transform: translate(calc(-100% - 10px), -50%) !important;
}

.tier-hover-badge.is-high {
  background: rgba(255,255,255,.22) !important;
}

.tier-hover-badge.is-low {
  background: rgba(255,255,255,.15) !important;
}

@media (max-width: 1100px) {
  .leaderboard-head,
  .leaderboard-row {
    min-width: 900px !important;
  }

  .tier-columns {
    grid-template-columns: repeat(5, minmax(210px, 1fr)) !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
  }
}

/* ===== AlterTiers v4.1 micro-updates ===== */

/* Плавные анимации на навигации, табах, кнопках и карточках */
a,
button,
.nav-link,
.kit-tab,
.square-button,
.primary-button,
.secondary-button,
.search-result,
.leaderboard-row,
.podium-card,
.tier-player,
.history-toggle-button,
.ip-segment,
.network-card,
.close-button,
.info-tab,
.text-action-link,
.kit-help-button {
  transition:
    background-color .22s ease,
    color .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease,
    opacity .22s ease !important;
}

button:active,
.primary-button:active,
.secondary-button:active,
.kit-tab:active,
.square-button:active,
.history-toggle-button:active,
.kit-help-button:active {
  transform: scale(.98);
}

/* Хедер */
.main-nav .nav-link {
  position: relative;
}
.main-nav .nav-link::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 8px;
  height: 2px;
  border-radius: 999px;
  background: rgba(178,137,255,.72);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}
.main-nav .nav-link:hover::after,
.main-nav .nav-link.active::after {
  transform: scaleX(1);
}

/* Таб кнопки */
.overall-icon {
  width: 28px;
  height: 28px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.overall-icon img {
  width: 22px;
  height: 22px;
  display: block;
  filter: drop-shadow(0 2px 6px rgba(124,58,237,.25));
}

/* Серый стиль для Tier 1-5 */
.tier-column.tier-column-1 .tier-column-head,
.tier-column.tier-column-2 .tier-column-head,
.tier-column.tier-column-3 .tier-column-head,
.tier-column.tier-column-4 .tier-column-head,
.tier-column.tier-column-5 .tier-column-head {
  background: linear-gradient(180deg, rgba(75,78,92,.98), rgba(55,58,72,.98)) !important;
  border-color: rgba(255,255,255,.10) !important;
}
.tier-column-head strong {
  color: #f1f2f6 !important;
}

/* Плашка тира теперь внутри строки и сдвигает ник внутри колонки */
.tier-player-list {
  overflow: hidden !important;
}

.tier-player-list .tier-player,
.tier-player-list .tier-player.low-player,
.tier-player-list .tier-player.high-player {
  grid-template-columns: 0px 24px minmax(0,1fr) 18px !important;
  overflow: hidden !important;
}

.tier-player-list .tier-player:hover,
.tier-player-list .tier-player.low-player:hover,
.tier-player-list .tier-player.high-player:hover {
  grid-template-columns: 42px 24px minmax(0,1fr) 18px !important;
}

.tier-hover-badge {
  position: static !important;
  transform: none !important;
  min-width: 0 !important;
  width: 0 !important;
  height: 23px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-left: 2px solid rgba(255,255,255,.95) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.16) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  opacity: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  transition: width .18s ease, opacity .14s ease, margin-right .18s ease, padding .18s ease !important;
  z-index: auto !important;
  margin-right: 0 !important;
}

.tier-player:hover .tier-hover-badge {
  width: 42px !important;
  min-width: 42px !important;
  padding: 0 6px !important;
  opacity: 1 !important;
  margin-right: 2px !important;
}

/* Ещё мягче визуал переключений */
#overallView,
#kitBoard,
.profile-history,
.kit-info-popover,
.search-panel,
.profile-panel {
  transition: opacity .24s ease, transform .24s ease, max-height .26s ease !important;
}


/* ===== AlterTiers v4.2 requested tweaks ===== */

/* 1) Общий топ: отдельные слоты под киты */
.tiers-cell {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(112px, 1fr));
  gap: 10px !important;
  align-items: center !important;
}
.kit-tier-pair, .podium-kit-tier {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 6px 10px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(26,27,39,.96), rgba(19,20,31,.96)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.kit-tier-pair > img, .podium-kit-tier > img {
  width: 24px !important;
  height: 24px !important;
  padding: 3px !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

/* 2) Плашка тира при наведении — внутри строки, слева от ника */
.tier-player-list .tier-player,
.tier-player-list .tier-player.low-player,
.tier-player-list .tier-player.high-player {
  display: grid !important;
  grid-template-columns: 0px 24px minmax(0,1fr) 18px !important;
  align-items: center !important;
  gap: 8px !important;
}
.tier-player-list .tier-player:hover,
.tier-player-list .tier-player.low-player:hover,
.tier-player-list .tier-player.high-player:hover {
  grid-template-columns: 40px 24px minmax(0,1fr) 18px !important;
}
.tier-hover-badge {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 23px !important;
  border-left: 3px solid #f0f0f2 !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: max-width .18s ease, width .18s ease, opacity .14s ease, padding .18s ease, margin-right .18s ease !important;
}
.tier-player:hover .tier-hover-badge {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  opacity: 1 !important;
  padding: 0 6px !important;
  margin-right: 2px !important;
}

/* 3) TIER 1-5 — чёрные шапки и белый текст */
.tier-column .tier-column-head,
.tier-column:nth-child(1) .tier-column-head,
.tier-column:nth-child(2) .tier-column-head,
.tier-column:nth-child(3) .tier-column-head,
.tier-column:nth-child(4) .tier-column-head,
.tier-column:nth-child(5) .tier-column-head,
.tier-column.tier-column-1 .tier-column-head,
.tier-column.tier-column-2 .tier-column-head,
.tier-column.tier-column-3 .tier-column-head,
.tier-column.tier-column-4 .tier-column-head,
.tier-column.tier-column-5 .tier-column-head {
  background: linear-gradient(180deg, rgba(17,18,23,.98), rgba(10,11,16,.98)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.tier-column-head strong {
  color: #ffffff !important;
}

/* OP тестовый кит */
.testing-kit-panel.compact-help-panel img {
  max-width: 100% !important;
  width: min(100%, 320px) !important;
  background: rgba(0,0,0,.1);
}


/* ===== AlterTiers v4.3 tweaks ===== */
.tiers-cell{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(52px,auto));
  gap:12px !important;
  justify-content:start;
}
.kit-tier-pair,
.podium-kit-tier{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:auto !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}
.kit-tier-pair > img,
.podium-kit-tier > img{
  width:24px !important;
  height:24px !important;
  padding:4px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset !important;
}
.kit-tier-pair .tier-badge,
.podium-kit-tier .tier-badge{
  min-width:42px;
  text-align:center;
}
.profile-tier-grid{grid-template-columns:repeat(3,1fr) !important;}

.kit-board-banner.pot{
  background:linear-gradient(90deg, rgba(76,9,38,.95), rgba(35,12,24,.96), rgba(20,16,24,.96)) !important;
  border-color:rgba(255,85,132,.20) !important;
}

/* robust hover tier label inside the column */
.tier-hover-badge{display:none !important;}
.tier-player-list .tier-player,
.tier-player-list .tier-player.low-player,
.tier-player-list .tier-player.high-player{
  position:relative;
  display:grid !important;
  grid-template-columns:26px minmax(0,1fr) 14px !important;
  gap:10px !important;
  padding:10px 12px 10px 12px !important;
  overflow:hidden !important;
  transition:padding-left .18s ease, background .18s ease, border-color .18s ease, transform .18s ease !important;
}
.tier-player-list .tier-player:hover,
.tier-player-list .tier-player.low-player:hover,
.tier-player-list .tier-player.high-player:hover{
  padding-left:52px !important;
}
.tier-player-list .tier-player::before{
  content:attr(data-tier);
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:22px;
  border-left:2px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  border-radius:0 6px 6px 0;
  transition:opacity .16s ease;
}
.tier-player-list .tier-player:hover::before{opacity:1;}

/* cleaner, darker tier tables */
.tier-column,
.tier-column .tier-player-list{
  background:linear-gradient(180deg, rgba(10,10,15,.98), rgba(8,8,12,.98)) !important;
}
.tier-column .tier-column-head{
  background:linear-gradient(180deg, rgba(10,10,15,.98), rgba(8,8,12,.98)) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.tier-column-head strong{color:#fff !important;}

/* POT testing symbol */
.testing-kit-symbol-wrap{display:flex; justify-content:center; padding:8px 0 4px;}
.testing-kit-symbol{width:100px; height:100px; object-fit:contain;}

@media (max-width: 980px){
  .tiers-cell{grid-template-columns:repeat(2,minmax(52px,auto));}
  .profile-tier-grid{grid-template-columns:1fr !important;}
}

/* ===== AlterTiers v4.3.1 user tweaks ===== */
/* Bigger cut-out kit icons */
.kit-tab img,
.kit-board-title img,
.network-card img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.32));
}

/* Leaderboard kit slots: tighter, more harmonious icon/tier sizing */
.tiers-cell {
  grid-template-columns: repeat(3, minmax(42px, auto)) !important;
  gap: 8px !important;
}
.kit-tier-pair,
.podium-kit-tier {
  gap: 4px !important;
}
.kit-tier-pair > img,
.podium-kit-tier > img {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  object-fit: contain !important;
}
.kit-tier-pair .tier-badge,
.podium-kit-tier .tier-badge {
  min-width: 38px !important;
  height: 20px !important;
  padding: 0 4px !important;
  font-size: 9px !important;
  border-radius: 9px !important;
}

/* Show full nickname on hover together with tier label */
.tier-player-list .tier-player,
.tier-player-list .tier-player.low-player,
.tier-player-list .tier-player.high-player {
  grid-template-columns: 22px minmax(0,1fr) 14px !important;
  gap: 8px !important;
  overflow: visible !important;
}
.tier-player-list .tier-player:hover,
.tier-player-list .tier-player.low-player:hover,
.tier-player-list .tier-player.high-player:hover {
  padding-left: 48px !important;
}
.tier-player-list .tier-player::before {
  width: 28px !important;
  height: 21px !important;
  left: 10px !important;
}
.tier-player-list .tier-player img {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
}
.tier-player-name,
.tier-player-name strong {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  max-width: none !important;
}
.tier-player:hover .tier-player-name strong {
  position: relative;
  z-index: 2;
}

@media (max-width: 980px) {
  .tiers-cell {
    grid-template-columns: repeat(2, minmax(42px, auto)) !important;
  }
}

/* ===== AlterTiers v4.3.2 final icon + hover fixes ===== */
/* Cleaner, bigger kit icons in tabs and headers */
.kit-tab img,
.kit-board-title img,
.network-card img {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.28));
}

/* Harmonious leaderboard icon + tier sizing */
.kit-tier-pair,
.podium-kit-tier {
  gap: 4px !important;
}
.kit-tier-pair > img,
.podium-kit-tier > img {
  width: 28px !important;
  height: 28px !important;
  padding: 2px !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  box-shadow: none !important;
}
.kit-tier-pair .tier-badge,
.podium-kit-tier .tier-badge {
  min-width: 34px !important;
  height: 20px !important;
  padding: 0 5px !important;
  font-size: 9px !important;
  border-radius: 9px !important;
}
.tiers-cell {
  gap: 6px !important;
}

/* Hover row: tier label visible, right-side high/low mark hidden, nickname readable */
.tier-player-list .tier-player,
.tier-player-list .tier-player.low-player,
.tier-player-list .tier-player.high-player {
  grid-template-columns: 0px 22px minmax(0,1fr) 16px !important;
  gap: 8px !important;
  overflow: hidden !important;
}
.tier-player-list .tier-player:hover,
.tier-player-list .tier-player.low-player:hover,
.tier-player-list .tier-player.high-player:hover {
  grid-template-columns: 40px 22px minmax(0,1fr) 0px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.tier-player-list .tier-player img {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
}
.tier-hover-badge {
  z-index: 1 !important;
}
.tier-player .tier-level-mark {
  transition: opacity .16s ease, width .16s ease, min-width .16s ease, transform .16s ease !important;
}
.tier-player:hover .tier-level-mark {
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  transform: translateX(4px) !important;
}
.tier-player-name {
  min-width: 0 !important;
  overflow: hidden !important;
}
.tier-player-name strong {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.tier-player:hover .tier-player-name,
.tier-player:hover .tier-player-name strong {
  overflow: visible !important;
  text-overflow: clip !important;
}

/* ===== AlterTiers v4.3.3 emergency repair ===== */
/* Use the same user-supplied kit artwork everywhere without tearing/cropping. */
.kit-tab img,
.kit-board-title img,
.network-card img,
.kit-tier-pair > img,
.podium-kit-tier > img {
  object-fit: cover !important;
  object-position: center !important;
  image-rendering: auto !important;
  transform: none !important;
  clip-path: none !important;
}

.kit-tab img,
.kit-board-title img,
.network-card img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #0d0d14 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.26) !important;
  filter: none !important;
}

.kit-tier-pair > img,
.podium-kit-tier > img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  background: #0d0d14 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Restore the five-column kit table. */
.tier-columns {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(218px, 1fr)) !important;
  align-items: start !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 0 0 10px !important;
}

.tier-column {
  min-width: 218px !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 15px !important;
}

.tier-player-list {
  width: 100% !important;
  overflow: hidden !important;
}

/* Normal row: avatar, complete nickname, high/low marker. */
.tier-player-list .tier-player,
.tier-player-list .tier-player.low-player,
.tier-player-list .tier-player.high-player {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) 16px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 10px !important;
  overflow: hidden !important;
}

.tier-player-list .tier-player img {
  grid-column: 1 !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 6px !important;
}

.tier-player-name {
  grid-column: 2 !important;
  min-width: 0 !important;
  width: 100% !important;
  display: block !important;
  overflow: hidden !important;
}

.tier-player-name strong {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  color: #f6f3fc !important;
  font-size: 10.8px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.tier-level-mark {
  grid-column: 3 !important;
  justify-self: end !important;
  width: 16px !important;
  min-width: 16px !important;
}

/* Hover: tier appears inside the row; the nickname keeps enough room and the right marker disappears. */
.tier-player-list .tier-player::before {
  content: attr(data-tier) !important;
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  width: 34px !important;
  height: 22px !important;
  transform: translate(-5px, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-left: 2px solid rgba(255,255,255,.92) !important;
  border-radius: 0 6px 6px 0 !important;
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .16s ease, transform .16s ease !important;
  z-index: 2 !important;
}

.tier-player-list .tier-player:hover,
.tier-player-list .tier-player.low-player:hover,
.tier-player-list .tier-player.high-player:hover {
  grid-template-columns: 24px minmax(0, 1fr) 0 !important;
  padding-left: 50px !important;
  padding-right: 8px !important;
}

.tier-player-list .tier-player:hover::before {
  opacity: 1 !important;
  transform: translate(0, -50%) !important;
}

.tier-player:hover .tier-level-mark {
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.tier-player:hover .tier-player-name,
.tier-player:hover .tier-player-name strong {
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Hide the obsolete injected hover element; the pseudo-element above is the single source of truth. */
.tier-hover-badge {
  display: none !important;
}

@media (max-width: 1200px) {
  .tier-columns {
    grid-template-columns: repeat(5, 218px) !important;
  }
}

/* v4.3.4 fixes */
.ip-segment svg,
.ip-segment svg path {
  stroke: #ffffff !important;
  color: #ffffff !important;
  fill: none !important;
}
.ip-segment svg { opacity: .95; }

/* ===== AlterTiers v5: auth, i18n, profile-kit history, queues ===== */
.header-actions{display:flex;align-items:center;gap:10px}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.language-switch button{border:0;background:transparent;color:var(--muted);font:700 11px Inter,sans-serif;padding:7px 8px;border-radius:9px;cursor:pointer}.language-switch button.active{background:rgba(139,92,246,.18);color:#fff}.discord-auth-button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border-radius:12px;border:1px solid rgba(139,92,246,.35);background:linear-gradient(135deg,rgba(88,101,242,.92),rgba(124,58,237,.85));color:#fff;font:700 12px Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 9px 28px rgba(88,101,242,.14)}
.profile-kit-button{appearance:none;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.profile-kit-button:hover,.profile-kit-button.active{transform:translateY(-2px);border-color:rgba(139,92,246,.5)!important;background:rgba(139,92,246,.08)!important}.profile-history-filter{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 6px}.profile-history-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font:700 11px Inter,sans-serif;cursor:pointer}.profile-history-chip img{width:17px;height:17px;object-fit:contain}.profile-history-chip.active{color:#fff;border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.13)}
.queues-page{min-height:100vh}.queue-shell{padding-top:136px;padding-bottom:70px}.queue-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:38px 6px 34px}.queue-hero h1{margin:14px 0 12px;font:800 clamp(42px,6vw,76px)/.98 Manrope,sans-serif;letter-spacing:-.055em}.queue-hero p{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.queue-overview{display:flex;gap:10px}.queue-overview>div{min-width:126px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);text-align:center}.queue-overview strong{display:block;font:800 27px Manrope,sans-serif;color:#fff}.queue-overview span{display:block;margin-top:4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.queue-control-panel,.queue-security-note{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(124,58,237,.055),rgba(255,255,255,.02));box-shadow:0 20px 55px rgba(0,0,0,.18)}.queue-account{display:flex;align-items:center;gap:13px}.queue-account-icon,.queue-security-note>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(139,92,246,.35);border-radius:13px;background:rgba(139,92,246,.12);color:#a78bfa}.queue-account strong{display:block;font:750 13px Inter,sans-serif}.queue-account small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.queue-user-avatar{width:42px;height:42px;border-radius:13px;object-fit:cover}.queue-notify-control{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px}.queue-sound-button{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);padding:10px 13px;font:700 11px Inter,sans-serif;cursor:pointer}.queue-sound-button.active{border-color:rgba(139,92,246,.55);color:#fff;background:rgba(139,92,246,.13)}.queue-list{display:grid;gap:14px;margin:16px 0}.queue-card{position:relative;overflow:hidden;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:18px;padding:20px 22px;border:1px solid rgba(139,92,246,.22);border-radius:23px;background:linear-gradient(135deg,rgba(20,17,32,.94),rgba(11,10,19,.96));box-shadow:0 20px 60px rgba(0,0,0,.24)}.queue-card-glow{position:absolute;inset:auto auto -100px -90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 68%);pointer-events:none}.queue-kit-icon{position:relative;width:66px;height:66px;display:grid;place-items:center;border:1px solid rgba(139,92,246,.28);border-radius:20px;background:rgba(255,255,255,.025)}.queue-kit-icon img{width:48px;height:48px;object-fit:contain}.queue-card-main{min-width:0}.queue-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.queue-card-heading small{color:var(--muted);font:700 10px Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em}.queue-card-heading h2{margin:5px 0 0;font:800 21px Manrope,sans-serif}.queue-live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 14px #34d399}.queue-open-badge{padding:7px 9px;border-radius:999px;background:rgba(16,185,129,.1);color:#6ee7b7;font:700 10px Inter,sans-serif}.queue-progress{height:5px;margin:14px 0 10px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.queue-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a78bfa)}.queue-card-stats{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:11px}.queue-join-button{display:flex;align-items:center;gap:18px;padding:13px 17px;border:1px solid rgba(139,92,246,.38);border-radius:14px;background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;font:750 12px Inter,sans-serif;cursor:pointer}.queue-join-button:disabled{opacity:.42;cursor:not-allowed}.queue-empty,.queue-loading{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(139,92,246,.2);border-radius:24px;background:rgba(255,255,255,.015);color:var(--muted)}.queue-empty strong{color:#fff;font:800 17px Manrope,sans-serif}.queue-empty p{max-width:430px;margin:8px 0 0;font-size:12px}.queue-empty-symbol{font-size:34px;color:#a78bfa;margin-bottom:13px}.queue-security-note{justify-content:flex-start;margin-top:16px}.queue-security-note strong{display:block;font-size:12px}.queue-security-note p{margin:5px 0 0;color:var(--muted);font-size:11px}.queue-modal[hidden]{display:none}.queue-modal{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px}.queue-modal-backdrop{position:absolute;inset:0;background:rgba(3,3,8,.78);backdrop-filter:blur(12px)}.queue-modal-card{position:relative;z-index:1;width:min(430px,100%);padding:30px;border:1px solid rgba(139,92,246,.32);border-radius:26px;background:#11101b;box-shadow:0 35px 100px rgba(0,0,0,.55)}.queue-modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.queue-modal-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:rgba(139,92,246,.1);margin-bottom:18px}.queue-modal-icon img{width:52px;height:52px;object-fit:contain}.queue-modal-card h2{margin:0;font:800 27px Manrope,sans-serif}.queue-modal-card>p{color:var(--muted);font-size:12px;line-height:1.6}.queue-modal-card label{display:grid;gap:7px;margin-top:15px;color:#d9d5e6;font:700 11px Inter,sans-serif}.queue-modal-card select,.queue-modal-card input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#0c0b13;color:#fff;outline:none}.queue-modal-card select:focus,.queue-modal-card input:focus{border-color:#8b5cf6}.queue-submit{width:100%;justify-content:center;border:0;margin-top:19px}.queue-modal-error{min-height:18px;margin-top:10px;color:#fb7185;font-size:11px}.queue-toast-container,.toast-container{position:fixed;z-index:10000;right:20px;bottom:20px;display:grid;gap:8px}.queue-toast{padding:12px 15px;border:1px solid rgba(16,185,129,.35);border-radius:13px;background:#11151a;color:#d1fae5;font:650 12px Inter,sans-serif;box-shadow:0 15px 45px rgba(0,0,0,.4)}.queue-toast.error{border-color:rgba(244,63,94,.35);color:#fecdd3}.modal-open{overflow:hidden}
@media(max-width:900px){.header-actions .discord-auth-button{display:none}.queue-hero{align-items:flex-start;flex-direction:column}.queue-overview{width:100%}.queue-overview>div{flex:1}.queue-card{grid-template-columns:58px 1fr}.queue-kit-icon{width:54px;height:54px}.queue-kit-icon img{width:40px;height:40px}.queue-join-button{grid-column:1/-1;justify-content:center}.queue-control-panel{align-items:flex-start;flex-direction:column}.queue-notify-control{width:100%;justify-content:space-between}}
@media(max-width:620px){.queue-shell{padding-top:105px}.queue-hero h1{font-size:44px}.queue-overview{display:grid;grid-template-columns:1fr 1fr}.queue-card{padding:16px;gap:12px}.queue-card-stats{gap:8px 13px}.language-switch{display:none}}

/* AlterTiers 5.0.1 interface patch */
.site-header{transition:transform .22s ease,background-color .22s ease,border-color .22s ease}
.header-actions{gap:7px}
.discord-auth-button.compact-auth{min-height:36px;padding:0 12px;border-radius:11px;font-size:11px}
.header-search.compact-search,.header-search{min-width:0;width:auto;height:36px;padding:0 12px;border-radius:11px;font-size:11px}
.header-search.compact-search svg,.header-search svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.language-switch{padding:2px;border-radius:10px}.language-switch button{padding:5px 7px;font-size:10px}

/* Circular kit artwork without square overflow */
.kit-tab img,.kit-board-title img,.kit-tier-pair>img,.podium-kit-tier img,.profile-history-chip img,.queue-kit-icon img,.queue-modal-icon img,.testing-kit-symbol,.network-card img{border-radius:50%;object-fit:cover;transform:scale(1.08);background:#090812;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 18px rgba(124,58,237,.16);image-rendering:auto!important}
.overall-icon,.overall-icon img{border-radius:50%!important;overflow:hidden}
.kit-tab img{width:32px;height:32px}.kit-board-title img{width:60px;height:60px}.kit-tier-pair>img,.podium-kit-tier img{width:24px;height:24px}.profile-history-chip img{width:20px;height:20px}.queue-kit-icon{border-radius:50%}.queue-kit-icon img{width:58px;height:58px}.queue-modal-icon{border-radius:50%}.queue-modal-icon img{width:60px;height:60px}

/* Profile: clean score cards, icons stay only in match-history filters */
.profile-tier-grid{grid-template-columns:repeat(3,1fr)}
.profile-tier-card{min-height:92px;padding:17px 18px;background:linear-gradient(145deg,rgba(124,58,237,.055),rgba(255,255,255,.02));overflow:hidden}
.profile-tier-card>span{gap:8px}.profile-tier-card .tier-badge{margin-left:auto}
.profile-tier-card>img{display:none!important}
.profile-panel{width:min(800px,calc(100vw - 24px))}

/* Compact player controls */
.ranking-toolbar{align-items:center}.square-button{width:38px;height:38px;border-radius:11px}
.discord-auth-button,.header-search,.square-button,.profile-history-chip,.kit-tab{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.discord-auth-button:hover,.header-search:hover,.square-button:hover,.profile-history-chip:hover,.kit-tab:hover{transform:translateY(-1px)}

/* Smooth content transitions */
@keyframes altertiersViewEnter{0%{opacity:0;transform:translateY(10px) scale(.992);filter:blur(2px)}100%{opacity:1;transform:none;filter:none}}
.view-enter{animation:altertiersViewEnter .34s cubic-bezier(.22,.75,.2,1) both}
main>section,.docs-page,.api-shell,.queue-shell{animation:altertiersViewEnter .42s cubic-bezier(.22,.75,.2,1) both}

/* Docs and API pages use the complete site shell */
.docs-page,.api-shell{max-width:980px;margin:0 auto;padding-top:160px;padding-bottom:80px;text-align:left}
.docs-page h1,.api-hero h1{font:800 clamp(42px,6vw,72px)/1 Manrope,sans-serif;letter-spacing:-.055em;margin:15px 0}
.docs-page .lead,.api-hero>p{max-width:700px;color:var(--muted);font-size:15px;line-height:1.7}
.docs-actions,.api-actions{display:flex;justify-content:flex-start;gap:12px;margin-top:24px}
.api-preview-card{margin-top:30px;border:1px solid var(--line);border-radius:24px;background:rgba(13,12,21,.88);overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.api-preview-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);color:#d9d4e6}.api-preview-head span{color:var(--purple-light);font:700 11px monospace}
.api-preview-card pre{max-height:560px;margin:0;padding:22px;overflow:auto;color:#b9f6d2;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}

@media(max-width:1180px){.site-header .main-nav{display:flex;overflow-x:auto;justify-self:stretch}.site-header{grid-template-columns:auto minmax(0,1fr) auto}.nav-link{white-space:nowrap}}
@media(max-width:900px){.site-header .main-nav{display:none}.header-search.compact-search span{display:none}.header-search.compact-search{width:36px;padding:0}.profile-tier-grid{grid-template-columns:1fr}.docs-page,.api-shell{padding-top:115px}}

/* ===== AlterTiers v5.0.3 responsive profiles + refreshed icons ===== */
.mobile-menu-button{display:none;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#fff}
.mobile-menu-button span{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.site-header.mobile-open .mobile-menu-button span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header.mobile-open .mobile-menu-button span:nth-child(2){opacity:0}
.site-header.mobile-open .mobile-menu-button span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.header-actions{order:3}.main-nav{order:2}.brand{order:1}.mobile-menu-button{order:4}
.header-search.compact-search,.discord-auth-button.compact-auth{min-height:38px;height:38px;padding:0 12px;border-radius:11px;font-size:11px}
.header-search.compact-search{min-width:42px}.header-search.compact-search svg{width:17px;height:17px}

/* Icon artwork is already masked to a transparent circle. */
.kit-tab>img,.kit-board-title>img,.profile-history-chip img,.podium-kit-tier>img,.kit-tier-pair>img,.queue-kit-icon img,.queue-modal-icon img,.network-card>img{border-radius:50%!important;object-fit:cover!important;transform:scale(1.08);background:transparent!important;image-rendering:auto!important}
.kit-tab>img{width:34px!important;height:34px!important;margin:-5px 2px -5px -5px}
.kit-board-title>img{width:64px!important;height:64px!important}
.queue-kit-icon{border-radius:50%!important;overflow:hidden;padding:3px}.queue-kit-icon img{width:100%!important;height:100%!important}
.profile-history-chip img{width:25px!important;height:25px!important}
.network-card>img{width:54px!important;height:54px!important}

.profile-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.profile-stats div{min-width:0}.profile-stats strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-intro-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.profile-intro-row .profile-bio{margin:0;flex:1}
.profile-edit-button{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(139,92,246,.3);border-radius:11px;background:rgba(139,92,246,.1);color:#d9caff;font:750 10px Inter,sans-serif;cursor:pointer}
.profile-owner-badge{position:relative;z-index:2;justify-self:end;padding:7px 10px;border:1px solid rgba(78,231,166,.25);border-radius:999px;background:rgba(78,231,166,.08);color:#93edc2;font-size:9px;font-weight:800}
.profile-socials{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.profile-socials>strong{font-size:10px;color:var(--muted);white-space:nowrap}.profile-socials>div{display:flex;gap:8px;flex-wrap:wrap}
.profile-social-link{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);font-size:9px;font-weight:700;color:#d9d5e5;transition:.18s ease}
.profile-social-link:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.08)}
.profile-social-link span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(139,92,246,.14);color:#bda4ff;font-size:8px;text-transform:uppercase}
.profile-settings[hidden]{display:none}.profile-settings{margin:18px 0;padding:18px;border:1px solid rgba(139,92,246,.22);border-radius:16px;background:rgba(8,7,15,.55)}
.profile-settings-head h3{margin:0 0 5px;font:800 17px Manrope,sans-serif}.profile-settings-head p{margin:0 0 15px;color:var(--muted);font-size:10px;line-height:1.55}
.profile-settings label{display:grid;gap:6px}.profile-settings label>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.profile-settings input,.profile-settings textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#0c0b14;color:#fff;outline:none}.profile-settings textarea{min-height:78px;resize:vertical}
.profile-settings input:focus,.profile-settings textarea:focus{border-color:rgba(139,92,246,.6);box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.profile-social-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.profile-settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.profile-settings-actions .primary-button,.profile-settings-actions .secondary-button{min-height:39px;padding:0 15px}

/* Smoother page and tab transitions. */
main{animation:pageEnter .36s cubic-bezier(.2,.8,.2,1)}
#overallView,.kit-board{animation:viewFade .28s ease both}.kit-tab,.nav-link,.header-search,.discord-auth-button,.profile-tier-card,.leaderboard-row,.podium-card{transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease,opacity .2s ease}
@keyframes pageEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes viewFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:980px){
  :root{--shell:min(100% - 24px,1280px)}
  .site-header{grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:9px;height:66px;padding:0 12px;margin-top:6px}
  .brand-word{font-size:14px}.brand-logo{width:32px;height:32px}
  .mobile-menu-button{display:flex}
  .site-header .main-nav{display:none!important;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;padding:10px;overflow:visible;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:17px;background:rgba(12,11,20,.98);box-shadow:0 22px 60px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
  .site-header.mobile-open .main-nav{display:flex!important;animation:menuOpen .18s ease both}.main-nav .nav-link{width:100%;padding:12px 13px;border-radius:11px}
  @keyframes menuOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  .header-actions{justify-self:end;gap:5px}.language-switch{display:none}.header-actions .discord-auth-button{display:inline-flex!important}
  .header-search.compact-search span,.discord-auth-button.compact-auth{font-size:0}.header-search.compact-search{width:38px!important;min-width:38px!important;padding:0!important}.discord-auth-button.compact-auth{width:38px;min-width:38px;padding:0}.discord-auth-button.compact-auth::before{content:'◉';font-size:14px}
  .hero{grid-template-columns:1fr!important;gap:26px;min-height:auto!important;padding:62px 0 44px!important}.hero h1{font-size:clamp(40px,10vw,64px)!important}.hero-text{font-size:14px}.server-orbit-card{width:100%;max-width:none}
  .rankings-section{padding-top:45px}.ranking-toolbar{flex-wrap:wrap;gap:10px}.kit-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.kit-tabs::-webkit-scrollbar{display:none}.kit-tab{flex:0 0 auto}
  .testing-grid{grid-template-columns:1fr!important}.site-footer{grid-template-columns:1fr!important;text-align:center;justify-items:center;padding:28px 0}.footer-links{justify-self:center}
  .profile-panel{width:min(760px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;border-radius:22px}.profile-overlay{padding:8px;align-items:center}.profile-hero{grid-template-columns:auto 1fr;min-height:150px;padding:24px}.profile-owner-badge{display:none}.profile-body{padding:18px}.profile-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-stats div:nth-child(3){border-right:0}.profile-stats div:nth-child(n+4){border-top:1px solid var(--line)}
  .queue-shell{padding-top:96px}.queue-hero{flex-direction:column;align-items:flex-start}.queue-overview{width:100%}.queue-overview>div{flex:1}.queue-control-panel{flex-direction:column;align-items:stretch}.queue-notify-control{justify-content:space-between}.queue-card{grid-template-columns:64px 1fr}.queue-join-button{grid-column:1/-1;justify-content:center}
  .api-shell{padding-top:105px}.api-preview-card{overflow:hidden}.api-preview-card pre{max-width:100%;overflow:auto;font-size:11px}
}

@media(max-width:680px){
  :root{--shell:min(100% - 16px,1280px)}
  .site-header{left:8px;right:8px;width:auto}.brand-word{display:none}.mobile-menu-button{width:38px;height:38px}.hero{padding-top:82px!important}.hero-copy{text-align:left}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.hero-actions a{justify-content:center}.server-card-inner{padding:20px}.server-logo-row{align-items:flex-start}.server-logo-row h2{font-size:30px!important}.dual-ip-row{grid-template-columns:1fr}.ip-divider{display:none}
  .section-heading h2,.testing-header h2{font-size:36px!important}.ranking-toolbar{align-items:stretch}.kit-tabs{width:100%}.square-button{align-self:center}
  .podium{grid-template-columns:1fr!important}.podium-card{min-height:170px}.leaderboard-card{overflow:visible}.leaderboard-head{display:none!important}.leaderboard-row{min-width:0!important;min-height:0!important;grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-areas:'rank player points' 'rank tiers tiers'!important;gap:8px 10px!important;padding:14px!important;margin-bottom:8px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
  .leaderboard-row .rank-number{grid-area:rank;align-self:start}.leaderboard-row .player-cell{grid-area:player}.leaderboard-row .region-badge{display:none}.leaderboard-row .tiers-cell{grid-area:tiers;justify-content:flex-start;gap:10px}.leaderboard-row .points-cell{grid-area:points;text-align:right}.leaderboard-row .row-arrow{display:none}.leaderboard-row .player-avatar{width:38px!important;height:38px!important}.player-data strong{font-size:13px!important}.kit-tier-pair>img{width:24px!important;height:24px!important}
  .tier-columns{grid-template-columns:repeat(5,82vw)!important}.kit-board-banner{padding:16px}.kit-board-title>img{width:52px!important;height:52px!important}
  .profile-overlay{align-items:end;padding:0}.profile-panel{width:100%;max-height:92dvh;border-radius:22px 22px 0 0}.profile-hero{grid-template-columns:72px 1fr;padding:21px;min-height:128px}.profile-avatar{width:72px;height:72px;border-radius:17px}.profile-heading h2{font-size:25px}.profile-body{padding:15px}.profile-intro-row{flex-direction:column}.profile-edit-button{width:100%}.profile-tier-grid{grid-template-columns:1fr}.profile-tier-card{min-height:70px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stats div:nth-child(2n){border-right:0}.profile-stats div:nth-child(n+3){border-top:1px solid var(--line)}.profile-socials{align-items:flex-start;flex-direction:column}.profile-social-fields{grid-template-columns:1fr}.profile-history-filter{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px}.profile-history-chip,.history-toggle-button{flex:0 0 auto}.history-item{grid-template-columns:72px 1fr;grid-template-areas:'date result' 'text text'}.history-item time{grid-area:date}.history-item .match-result{grid-area:result;justify-self:end}.history-item p{grid-area:text}.search-overlay{padding:8px;align-items:end}.search-panel{border-radius:22px 22px 0 0;padding:18px;max-height:92dvh;overflow:auto}
  .queue-hero h1{font-size:40px!important}.queue-overview{display:grid;grid-template-columns:1fr 1fr}.queue-card{grid-template-columns:52px 1fr;padding:15px;gap:10px}.queue-kit-icon{width:50px;height:50px}.queue-card-heading{flex-direction:column;gap:8px}.queue-card-stats{gap:7px 11px}.queue-modal{padding:8px;align-items:end}.queue-modal-card{border-radius:22px 22px 0 0;padding:23px}
  .api-hero h1{font-size:42px!important}.api-actions{display:grid;grid-template-columns:1fr}.api-actions a{justify-content:center}
}


/* AlterTiers v5.0.4 — profile, queue and header refinements */
.header-actions { display:flex; align-items:center; gap:10px; }
.header-actions .language-switch { margin-left:auto; margin-right:2px; }
.icon-search-only {
  width:42px !important; min-width:42px !important; height:42px; padding:0 !important;
  display:inline-grid !important; place-items:center; border-radius:13px;
}
.icon-search-only svg { width:19px !important; height:19px !important; stroke:#fff !important; fill:none !important; stroke-width:2 !important; }
.discord-auth-button.authenticated { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.icon-only-socials { margin:14px 0 4px; }
.icon-only-socials > div { display:flex; gap:10px; flex-wrap:wrap; }
.icon-only-socials .profile-social-link {
  width:42px; height:42px; padding:0; border-radius:13px; display:grid; place-items:center;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.icon-only-socials .profile-social-link:hover { transform:translateY(-3px); border-color:rgba(167,139,250,.65); background:rgba(124,58,237,.14); }
.icon-only-socials svg { width:21px; height:21px; fill:#fff; }
.icon-only-socials svg .cut { fill:#11101a; }

.profile-tier-grid:empty { display:none; }
.profile-tier-card img, .profile-history-chip img, .kit-tab img, .queue-kit-icon img {
  object-fit:contain; filter:drop-shadow(0 8px 16px rgba(0,0,0,.28));
}

.enhanced-sound-control { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sound-select-wrap, .sound-volume-wrap { display:flex; align-items:center; gap:8px; }
.sound-select-wrap > span { font-size:10px; text-transform:uppercase; letter-spacing:.12em; opacity:.55; }
.sound-select-wrap select {
  height:38px; border:1px solid rgba(255,255,255,.09); color:#f8fafc; background:#11101a;
  border-radius:11px; padding:0 28px 0 10px; outline:none;
}
.sound-volume-wrap input { width:100px; accent-color:#8b5cf6; }
.sound-volume-wrap span { min-width:34px; font-size:11px; opacity:.7; }
.sound-test-button {
  width:38px; height:38px; border-radius:11px; border:1px solid rgba(255,255,255,.1);
  background:rgba(124,58,237,.12); color:#fff; cursor:pointer;
}
.queue-region-field { display:grid; gap:8px; }
.queue-region-field > span { font-weight:700; font-size:13px; }
.queue-region-buttons { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.queue-region-buttons button {
  min-height:42px; border:1px solid rgba(255,255,255,.1); border-radius:12px;
  background:#12111b; color:#cbd5e1; font-weight:800; cursor:pointer; transition:.18s ease;
}
.queue-region-buttons button:hover,.queue-region-buttons button.active {
  color:#fff; border-color:#8b5cf6; background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(76,29,149,.15));
  box-shadow:0 0 0 3px rgba(124,58,237,.08);
}
.queue-toast { opacity:0; transform:translateY(12px) scale(.98); transition:.22s ease; display:flex; align-items:flex-start; gap:10px; }
.queue-toast.visible,.queue-toast.show { opacity:1; transform:translateY(0) scale(1); }
.queue-toast p { margin:0; }
.queue-toast-dot { width:8px; height:8px; border-radius:50%; background:#8b5cf6; margin-top:6px; box-shadow:0 0 12px #8b5cf6; }
.queue-toast.error .queue-toast-dot { background:#fb7185; box-shadow:0 0 12px #fb7185; }

/* Separate authenticated account page */
.account-shell { padding-top:150px; padding-bottom:80px; max-width:980px; }
.account-hero { display:flex; align-items:center; gap:22px; margin-bottom:22px; }
.account-avatar-wrap {
  width:92px; height:92px; border-radius:26px; padding:3px;
  background:linear-gradient(135deg,#8b5cf6,#22d3ee); box-shadow:0 18px 55px rgba(79,70,229,.24);
}
.account-avatar-wrap img { width:100%; height:100%; object-fit:cover; border-radius:23px; background:#11101a; }
.account-hero h1 { margin:4px 0 3px; font:800 clamp(30px,5vw,48px)/1 Manrope,sans-serif; }
.account-hero p { margin:0; color:#9692a8; }
.account-card {
  border:1px solid rgba(255,255,255,.09); border-radius:26px; padding:28px;
  background:linear-gradient(145deg,rgba(24,22,36,.98),rgba(10,9,17,.98)); box-shadow:0 28px 100px rgba(0,0,0,.32);
}
.account-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:22px; margin-bottom:22px; }
.account-card-head h2 { margin:0 0 6px; font-size:22px; }
.account-card-head p { margin:0; color:#8f8b9f; }
.account-field { display:grid; gap:8px; }
.account-field > span,.account-social-field > span { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:#aaa5bc; }
.account-field textarea {
  min-height:120px; resize:vertical; border-radius:16px; border:1px solid rgba(255,255,255,.1);
  background:#0e0d16; color:#fff; padding:15px; font:500 14px/1.55 Inter,sans-serif; outline:none;
}
.account-field textarea:focus,.account-social-field input:focus { border-color:#8b5cf6; box-shadow:0 0 0 3px rgba(124,58,237,.1); }
.account-field small { color:#777287; }
.account-social-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
.account-social-field { display:grid; gap:8px; }
.account-social-field input {
  height:48px; border-radius:14px; border:1px solid rgba(255,255,255,.1); background:#0e0d16;
  color:#fff; padding:0 14px; outline:none;
}
.account-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; }
.danger-button {
  border:1px solid rgba(251,113,133,.25); background:rgba(190,24,93,.09); color:#fda4af;
  border-radius:14px; padding:12px 18px; font-weight:800; cursor:pointer;
}
.account-status { margin-top:12px; min-height:18px; color:#a78bfa; }

/* Analytics country distribution */
.analytics-country-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:14px; }
.country-stat-row {
  display:grid; grid-template-columns:42px 1fr auto; gap:10px; align-items:center;
  padding:12px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.018);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.country-stat-row:hover { transform:translateY(-2px); border-color:rgba(139,92,246,.45); background:rgba(124,58,237,.07); }
.country-stat-row .country-code { font-weight:900; color:#c4b5fd; }
.country-stat-row .country-bar { height:7px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
.country-stat-row .country-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#8b5cf6,#22d3ee); }
.country-stat-row strong { font-size:12px; }

@media (max-width: 900px) {
  .site-header { grid-template-columns:auto 1fr auto; }
  .header-actions { margin-left:auto; }
  .enhanced-sound-control { width:100%; justify-content:flex-start; }
  .queue-control-panel { align-items:flex-start; flex-direction:column; }
  .account-shell { padding-top:110px; }
}
@media (max-width: 640px) {
  .header-actions .language-switch { order:-1; }
  .icon-search-only { width:38px !important; min-width:38px !important; height:38px; }
  .discord-auth-button.authenticated { max-width:96px; }
  .queue-region-buttons { grid-template-columns:repeat(2,1fr); }
  .sound-select-wrap,.sound-volume-wrap { flex:1 1 140px; }
  .sound-volume-wrap input { width:100%; }
  .account-shell { padding:96px 14px 46px; }
  .account-hero { align-items:flex-start; }
  .account-avatar-wrap { width:72px; height:72px; border-radius:21px; }
  .account-avatar-wrap img { border-radius:18px; }
  .account-card { padding:18px; border-radius:20px; }
  .account-card-head { flex-direction:column; }
  .account-social-grid { grid-template-columns:1fr; }
  .account-actions { flex-direction:column; }
  .account-actions button { width:100%; }
  .analytics-country-grid { grid-template-columns:1fr; }
}


/* AlterTiers 5.0.5 */
@media (min-width: 901px){
  .main-nav{gap:18px}
  .nav-language-switch{margin:0 2px 0 8px;flex:0 0 auto}
  .header-actions{margin-left:0}
}
.kit-board-banner{z-index:20}
.kit-help{z-index:40}
.kit-info-popover{top:auto!important;bottom:calc(100% + 16px)!important;transform-origin:bottom right!important;z-index:120!important}
.kit-info-popover::after{top:100%!important;bottom:auto!important}
.profile-hero{position:relative}
.profile-hero-socials{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:3}
.profile-hero-socials .profile-socials{margin:0}
.profile-socials.icon-only-socials>div{display:flex;align-items:center;justify-content:center;gap:8px}
.profile-social-link{width:30px!important;height:30px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important;transition:transform .2s ease,box-shadow .2s ease!important}
.profile-social-link:hover{transform:translateY(-2px) scale(1.05)}
.profile-social-link svg{width:15px!important;height:15px!important;fill:#fff!important}
.profile-social-link.social-youtube{background:#ff0033!important;box-shadow:0 8px 20px rgba(255,0,51,.18)}
.profile-social-link.social-twitch{background:#9146ff!important;box-shadow:0 8px 20px rgba(145,70,255,.2)}
.profile-social-link.social-tiktok{background:linear-gradient(135deg,#25f4ee,#111 48%,#fe2c55)!important;box-shadow:0 8px 20px rgba(37,244,238,.14)}
.profile-social-link.social-discord{background:#5865f2!important;box-shadow:0 8px 20px rgba(88,101,242,.22)}
.profile-tier-mini-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.profile-tier-mini{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);cursor:pointer;color:#fff;transition:.2s ease}
.profile-tier-mini:hover,.profile-tier-mini.active{border-color:rgba(139,92,246,.58);background:rgba(139,92,246,.12);transform:translateY(-1px)}
.profile-tier-mini>img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.profile-tier-mini .tier-badge{min-width:42px;padding:5px 8px;font-size:10px}
.profile-history-filter .history-toggle-button{order:-1}
.podium-tiers:empty,.tiers-cell:empty,.profile-tier-mini-row:empty{display:none}
.global-queue-toast-container{position:fixed;z-index:20000;right:20px;bottom:20px;display:grid;gap:10px;pointer-events:none}
.global-queue-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;min-width:280px;max-width:min(390px,calc(100vw - 28px));padding:14px 16px;border:1px solid rgba(139,92,246,.52);border-radius:17px;background:rgba(13,11,25,.96);color:#fff;text-decoration:none;box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 32px rgba(124,58,237,.18);opacity:0;transform:translateY(16px) scale(.98);transition:.24s ease;backdrop-filter:blur(14px)}
.global-queue-toast.show{opacity:1;transform:none}.global-queue-toast:hover{border-color:#a78bfa;transform:translateY(-2px)}
.global-queue-toast-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6d28d9,#8b5cf6);font-size:19px}.global-queue-toast strong,.global-queue-toast small{display:block}.global-queue-toast strong{font-size:12px}.global-queue-toast small{margin-top:4px;color:var(--muted);font-size:10px}
.header-search svg,.table-search svg,.icon-search-only svg{stroke:#fff!important}
@media(max-width:900px){.nav-language-switch{margin-top:8px}.profile-hero-socials{position:static;transform:none;margin-top:14px}.global-queue-toast-container{right:14px;bottom:14px}.kit-info-popover{position:fixed!important;top:76px!important;bottom:auto!important}}

/* AlterTiers v5.0.6 */
.discord-auth-button:not(.authenticated){width:44px;min-width:44px;padding:0!important;display:grid;place-items:center}
.discord-login-icon{width:21px;height:21px;fill:#fff;display:block}
.profile-name-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.profile-name-line h2{margin:0}
.profile-hero-socials{position:static!important;transform:none!important;margin:0!important}
.profile-socials.icon-only-socials>div{gap:7px}
.profile-social-link{background:#fff!important;border:0!important;width:27px!important;height:27px!important;border-radius:8px!important;box-shadow:0 5px 14px rgba(0,0,0,.2)!important}
.profile-social-link svg{width:15px!important;height:15px!important}
.profile-social-link.social-youtube svg{fill:#ff0033!important}.profile-social-link.social-youtube svg .cut{fill:#fff!important}
.profile-social-link.social-twitch svg{fill:#9146ff!important}.profile-social-link.social-twitch svg .cut{fill:#fff!important}
.profile-social-link.social-tiktok svg{fill:#111!important}.profile-social-link.social-discord svg{fill:#5865f2!important}
.profile-owner-badge{position:static!important;margin:0!important}
.kit-board-banner.pot{background:linear-gradient(90deg,rgba(110,8,34,.96),rgba(48,8,20,.97),rgba(20,10,15,.98))!important;box-shadow:inset 0 0 60px rgba(255,20,72,.10)!important;border-color:rgba(255,48,96,.34)!important}
@media(max-width:700px){.profile-name-line{gap:9px}.profile-social-link{width:25px!important;height:25px!important}.profile-owner-badge{font-size:10px!important}}

.square-button svg{fill:none!important;stroke:#fff!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}


/* AlterTiers v5.1.0 — shared live/auth/runtime controls */
@media(max-width:980px){
  .site-header .main-nav .nav-language-switch{display:flex!important;align-self:flex-start;margin:8px 0 0!important}
}
.site-live-online{display:inline-flex;align-items:center;gap:6px;min-width:44px;height:38px;padding:0 10px;border:1px solid rgba(34,197,94,.18);border-radius:12px;background:rgba(34,197,94,.055);color:#d1fae5;font:750 11px Inter,sans-serif;white-space:nowrap}
.site-live-online i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.9)}
.site-live-online small{color:var(--muted);font-size:9px}
.discord-auth-button .discord-user-avatar{width:24px;height:24px;border-radius:8px;object-fit:cover}
[data-layout-hidden="true"]{display:none!important}
@media(max-width:680px){.site-live-online{height:38px;padding:0 8px}.site-live-online small{display:none}}
.profile-social-link img{width:16px;height:16px;object-fit:contain}
.profile-body-block{padding-top:8px!important;padding-bottom:8px!important}
.profile-body-block+.profile-body-block{padding-top:0!important}
.custom-content-section{width:100%;padding:28px 24px}.custom-content-card{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg,28px);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));box-shadow:0 24px 80px rgba(0,0,0,.18)}.custom-content-card:has(>img){grid-template-columns:minmax(180px,34%) minmax(0,1fr)}.custom-content-card>img{width:100%;max-height:300px;object-fit:contain;border-radius:18px}.custom-content-card h2{margin:8px 0 10px;font:800 clamp(26px,4vw,46px)/1.05 Manrope,sans-serif}.custom-content-card p{max-width:760px;margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.75}.custom-content-section.accent .custom-content-card{border-color:rgba(167,139,250,.25);background:radial-gradient(circle at 10% 0,rgba(124,58,237,.18),transparent 46%),rgba(255,255,255,.025)}
@media(max-width:720px){.custom-content-section{padding:18px 14px}.custom-content-card,.custom-content-card:has(>img){grid-template-columns:1fr;padding:22px}.custom-content-card>img{max-height:220px}}

/* AlterTiers v5.1.1 fixes */
.ranking-toolbar{position:relative;z-index:40}
.kit-tabs,.square-button{position:relative;z-index:42}
.kit-board-banner::after{pointer-events:none!important}
.kit-board-banner.pot::after{background:rgba(255,34,82,.42)!important;box-shadow:0 0 85px 34px rgba(255,20,72,.18)!important}
.discord-auth-button.authenticated{width:auto!important;max-width:220px!important;gap:8px;padding:0 12px!important;display:inline-flex!important}
.discord-auth-button .discord-user-name{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}
.profile-heading p{font-size:11px}
.profile-heading h2{font-size:35px}
.profile-heading>span{font-size:12px}
.profile-bio{font-size:14px;line-height:1.72}
.profile-stats strong{font-size:17px}
.profile-stats small{font-size:9px;line-height:1.35}
.profile-tier-mini-row{font-size:13px}
.history-item p strong{font-size:13px}.history-item p small{font-size:11px;line-height:1.55}
.profile-edit-button{display:inline-flex;align-items:center;gap:6px;margin-left:7px;padding:6px 10px;border:1px solid rgba(139,92,246,.32);border-radius:10px;background:rgba(124,58,237,.12);color:#ddd6fe;font:800 10px Inter,sans-serif;cursor:pointer}
.profile-edit-button:hover{background:rgba(124,58,237,.22);border-color:rgba(167,139,250,.5)}
.profile-settings{padding:20px!important}.profile-settings-form{display:grid;gap:14px}.profile-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profile-settings-head span{color:#bda4f5;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.profile-settings-head h3{margin:4px 0 0!important}.profile-settings-close{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:#fff;font-size:20px;cursor:pointer}.profile-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:900px){.discord-auth-button .discord-user-name{display:none}.discord-auth-button.authenticated{width:40px!important;min-width:40px!important;padding:0!important;justify-content:center}.profile-heading h2{font-size:29px}.profile-bio{font-size:13px}}
@media(max-width:620px){.profile-settings-grid{grid-template-columns:1fr}.profile-edit-button{font-size:0;width:32px;height:32px;padding:0;justify-content:center}.profile-edit-button::first-letter{font-size:14px}}
/* AlterTiers v5.1.1 — keep the authenticated Discord name visible on every viewport */
@media(max-width:900px){
  .discord-auth-button .discord-user-name{display:block!important;max-width:90px!important;font-size:10px!important}
  .discord-auth-button.authenticated{width:auto!important;min-width:0!important;padding:0 9px!important;justify-content:center}
}
@media(max-width:480px){
  .discord-auth-button .discord-user-name{max-width:66px!important}
}

/* AlterTiers v5.1.2 — profile, auth, layout and tooltip fixes */
@media (min-width: 901px) {
  .site-header .main-nav { gap: 16px; }
  .site-header .main-nav .nav-language-switch {
    margin-left: 28px !important;
    margin-right: 4px !important;
  }
  .site-header .header-actions { gap: 12px; }
}
.discord-auth-button.authenticated {
  min-width: 0 !important;
  max-width: 240px !important;
}
.discord-auth-button .discord-user-name {
  display: block !important;
  max-width: 156px !important;
}
.profile-hero {
  padding-right: 184px !important;
}
.profile-discord-verified {
  position: absolute;
  top: 24px;
  right: 26px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  padding: 0 11px;
  border: 1px solid rgba(88,101,242,.36);
  border-radius: 999px;
  background: rgba(88,101,242,.10);
  color: #dfe3ff;
  font: 800 10px/1 Inter,sans-serif;
  white-space: nowrap;
}
.profile-discord-verified img { width: 17px; height: 17px; object-fit: contain; }
.profile-social-link img { width: 18px !important; height: 18px !important; object-fit: contain; }
.profile-stats {
  grid-template-columns: .92fr .92fr 1.08fr 1.12fr 1.48fr !important;
}
.profile-stats > div { min-width: 0; padding-inline: 11px; }
.profile-stats > div:last-child strong {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  letter-spacing: -.02em;
}
.profile-stats > div:last-child small { white-space: nowrap; }
.profile-heading h2 { font-size: 36px; }
.profile-heading > span { font-size: 13px; }
.profile-bio { font-size: 14.5px; }
.ranking-toolbar, .kit-tabs, .kit-board, .kit-board-banner { isolation: auto !important; }
.kit-board-banner { z-index: 35 !important; overflow: visible !important; }
.kit-banner-actions, .kit-help { z-index: 10020 !important; }
.kit-info-popover {
  z-index: 100000 !important;
  position: absolute !important;
  top: auto !important;
  bottom: calc(100% + 16px) !important;
  right: 0 !important;
  filter: drop-shadow(0 30px 55px rgba(0,0,0,.62));
}
@media (max-width: 900px) {
  .profile-hero { padding-right: 22px !important; }
  .profile-discord-verified { position: static; grid-column: 2; justify-self: start; margin-top: 10px; }
  .profile-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .profile-stats > div:last-child { grid-column: 1 / -1; }
  .kit-info-popover { position: fixed !important; top: 76px !important; right: 12px !important; left: 12px !important; bottom: auto !important; width: auto !important; z-index: 100000 !important; }
}
@media (max-width: 520px) {
  .discord-auth-button .discord-user-name { max-width: 82px !important; }
  .profile-stats > div:last-child strong { font-size: 13px !important; }
}

/* AlterTiers public v5.1.3 */
.site-live-online{display:none!important}
.profile-hero.profile-hero-flex-layout{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:14px 18px;
  padding-right:30px!important;
}
.profile-hero-flex-layout .profile-hero-avatar{flex:0 0 auto}
.profile-hero-flex-layout .profile-hero-identity{flex:1 1 280px;min-width:200px}
.profile-hero-flex-layout .profile-hero-socials-part{flex:0 1 auto;margin-left:auto}
.profile-hero-flex-layout .profile-hero-socials-part:empty{display:none}
.profile-hero-flex-layout .profile-discord-verified{position:static!important;inset:auto!important;transform:none!important;margin-left:auto;flex:0 0 auto}
.profile-hero-flex-layout .profile-name-line{display:block!important}
.profile-hero-flex-layout .profile-hero-socials{position:static!important;transform:none!important;margin:0!important}
.season-chip b{font:inherit;color:inherit}
@media(max-width:760px){
  .profile-hero.profile-hero-flex-layout{padding-right:20px!important}
  .profile-hero-flex-layout .profile-hero-identity{flex-basis:calc(100% - 92px)}
  .profile-hero-flex-layout .profile-hero-socials-part,.profile-hero-flex-layout .profile-discord-verified{margin-left:90px}
}

/* AlterTiers public v5.1.4 — resilient free-position profile header */
@media (min-width: 761px) {
  .profile-hero.profile-hero-free-layout {
    display:block!important;
    position:relative!important;
    min-height:220px;
    padding:0!important;
    overflow:hidden;
  }
  .profile-hero-free-layout .profile-hero-part {
    position:absolute!important;
    left:var(--hero-x,50%)!important;
    top:var(--hero-y,50%)!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    z-index:3;
  }
  .profile-hero-free-layout .profile-hero-avatar { width:96px;height:96px; }
  .profile-hero-free-layout .profile-hero-identity { width:min(360px,42%);min-width:210px; }
  .profile-hero-free-layout .profile-hero-socials-part { width:max-content;max-width:34%; }
  .profile-hero-free-layout .profile-hero-verification { width:max-content; }
}
@media (max-width: 760px) {
  .profile-hero.profile-hero-free-layout { display:flex!important; }
  .profile-hero-free-layout .profile-hero-part { position:static!important;transform:none!important;inset:auto!important; }
}

/* AlterTiers public v5.1.5 — stable profile, scalable kit icons and FunPay */
.profile-social-link.social-tiktok{
  background:#050505!important;
  box-shadow:0 8px 20px rgba(0,0,0,.3)!important;
}
.profile-social-link.social-funpay{
  background:#16b86d!important;
  box-shadow:0 8px 20px rgba(22,184,109,.22)!important;
}
.profile-social-link.social-funpay svg{fill:#fff!important}
.profile-social-link.social-funpay img{filter:none!important}

.kit-tab>img,
.kit-board-title>img,
.profile-history-chip img,
.profile-tier-mini img,
.podium-kit-tier>img,
.kit-tier-pair>img,
.queue-kit-icon img,
.queue-modal-icon img,
.testing-kit-symbol,
.network-card>img{
  transform:scale(var(--kit-icon-scale,1.08))!important;
  transform-origin:center!important;
}

.account-social-field.social-funpay{
  position:relative;
  border:1px solid rgba(22,184,109,.28);
  border-radius:14px;
  padding:12px;
  background:rgba(22,184,109,.045);
}
.account-social-field.social-funpay>span{display:flex;align-items:center;justify-content:space-between;gap:10px}
.account-social-field.social-funpay em{font-style:normal;font-size:8px;color:#78ddb0;letter-spacing:0;text-transform:none}
.account-social-field.social-funpay small{font-size:10px;color:var(--muted);line-height:1.45}
.account-social-field.social-funpay.is-locked{filter:saturate(.45)}
.account-social-field.social-funpay.is-locked input{cursor:not-allowed;opacity:.6}
.account-social-field.social-funpay.is-enabled{box-shadow:0 0 0 2px rgba(22,184,109,.06)}

/* Standard mode is always the safe default; free positioning is opt-in only. */
.profile-hero.profile-hero-flex-layout:not(.profile-hero-free-layout){
  display:grid!important;
  grid-template-columns:96px minmax(220px,1fr) auto auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:190px!important;
  padding:30px 34px!important;
}
.profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-avatar{grid-column:1}
.profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-identity{grid-column:2;min-width:0!important}
.profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-socials-part{grid-column:3;margin:0!important;justify-self:end}
.profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-verification{grid-column:4;margin:0!important;justify-self:end}
@media(max-width:900px){
  .profile-hero.profile-hero-flex-layout:not(.profile-hero-free-layout){grid-template-columns:82px minmax(0,1fr) auto!important;padding:24px!important}
  .profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-avatar{width:82px;height:82px}
  .profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-socials-part{grid-column:2;margin:8px 0 0!important;justify-self:start}
  .profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-verification{grid-column:3;grid-row:1/3;align-self:start}
}
@media(max-width:620px){
  .profile-hero.profile-hero-flex-layout:not(.profile-hero-free-layout){grid-template-columns:72px minmax(0,1fr)!important;gap:14px!important;padding:20px!important}
  .profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-avatar{width:72px;height:72px}
  .profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-socials-part{grid-column:1/3;margin:4px 0 0!important}
  .profile-hero-flex-layout:not(.profile-hero-free-layout) .profile-hero-verification{grid-column:1/3;grid-row:auto;justify-self:start;margin:0!important}
}

/* AlterTiers public v5.1.6 — fixed profile canvas, inner kit scaling and overlay layers */
.profile-hero.profile-hero-free-layout{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
@media (min-width:761px){
  .profile-hero.profile-hero-free-layout{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    overflow:hidden!important;
    contain:layout paint;
  }
  .profile-hero-free-layout .profile-hero-part{max-height:calc(100% - 16px)!important}
}
.profile-discord-verified{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:31px!important;
  padding:0 11px!important;
  border:1px solid rgba(78,231,166,.36)!important;
  border-radius:999px!important;
  background:rgba(78,231,166,.075)!important;
  color:#d6ffec!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.profile-discord-verified>img{display:none!important}
.discord-verified-check{
  display:grid;place-items:center;width:18px;height:18px;border-radius:50%;
  background:#3edc91;color:#07150e;font-size:12px;line-height:1;font-weight:950;
  box-shadow:0 0 0 3px rgba(62,220,145,.12);
}

/* The outer circle never changes. Only the image inside uses the configured scale. */
.kit-icon-shell{
  position:relative;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;
  border-radius:50%;background:#090812;
  box-shadow:0 0 0 1px rgba(255,255,255,.07),0 0 18px rgba(124,58,237,.16);
}
.kit-icon-shell>img{
  display:block!important;width:78%!important;height:78%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  transform:scale(var(--kit-icon-inner-scale,1))!important;transform-origin:center!important;
  image-rendering:auto!important;
}
.kit-tab-icon-shell{width:34px;height:34px;margin:-5px 2px -5px -5px}
.kit-board-icon-shell{width:64px;height:64px}
.kit-tier-icon-shell{width:24px;height:24px}
.profile-tier-icon-shell{width:26px;height:26px}
.profile-history-icon-shell{width:20px;height:20px}
.kit-tab>.kit-icon-shell,.kit-board-title>.kit-icon-shell,.profile-tier-mini .kit-icon-shell,.profile-history-chip .kit-icon-shell,.kit-tier-pair .kit-icon-shell,.podium-kit-tier .kit-icon-shell{background:#090812!important}
.kit-tab>.kit-icon-shell>img,.kit-board-title>.kit-icon-shell>img,.profile-tier-mini .kit-icon-shell>img,.profile-history-chip .kit-icon-shell>img,.kit-tier-pair .kit-icon-shell>img,.podium-kit-tier .kit-icon-shell>img{background:transparent!important}
#kitBoardIcon{width:78%!important;height:78%!important;margin:0!important}
@media(max-width:560px){.kit-board-icon-shell{width:52px;height:52px}}

/* Tighter public social buttons. TikTok gets a slightly larger glyph. */
.profile-socials.icon-only-socials>div{gap:6px!important;padding:4px!important}
.profile-social-link{
  width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;
  border-radius:8px!important;padding:0!important;overflow:hidden!important;
}
.profile-social-link img{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;object-fit:contain!important}
.profile-social-link.social-tiktok{background:#050505!important}
.profile-social-link.social-tiktok img{width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important}
.profile-social-link.social-funpay img{width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important}

/* Keep kit help above the toolbar, tabs and search control in every kit. */
.rankings-section,.rankings-card,.kit-board{overflow:visible!important}
.kit-board{position:relative!important;z-index:500!important}
.kit-board-banner{position:relative!important;z-index:520!important;overflow:visible!important;isolation:isolate}
.kit-banner-actions,.kit-help{position:relative!important;z-index:540!important}
.kit-info-popover{z-index:1000000!important;isolation:isolate!important;filter:drop-shadow(0 24px 45px rgba(0,0,0,.55))}
.ranking-toolbar,.kit-tabs,.square-button{z-index:20!important}
.testing-kit-icon-shell{width:72px;height:72px;margin:0 auto}
.testing-kit-icon-shell .testing-kit-symbol{width:78%!important;height:78%!important;border-radius:0!important}
.profile-social-link.social-youtube,
.profile-social-link.social-twitch,
.profile-social-link.social-discord,
.profile-social-link.social-funpay{
  background:#fff!important;border:0!important;box-shadow:0 5px 13px rgba(0,0,0,.22)!important;
}
.profile-social-link.social-tiktok{background:#050505!important;border:0!important;box-shadow:0 5px 13px rgba(0,0,0,.28)!important}


/* AlterTiers public v5.1.7 — transparent auto-fitted kit art and clean social icons */
.profile-socials.icon-only-socials{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.profile-socials.icon-only-socials>div{padding:0!important;background:transparent!important;border:0!important;gap:7px!important}
.profile-social-link{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;border-radius:8px!important;padding:0!important;overflow:hidden!important}
.profile-social-link img,.profile-social-link svg{transform:scale(var(--social-icon-scale,1))!important;transform-origin:center!important}
.profile-social-link.social-youtube{background:#fff!important}
.profile-social-link.social-twitch{background:#fff!important}
.profile-social-link.social-discord{background:#fff!important}
.profile-social-link.social-funpay{background:#fff!important}
.profile-social-link.social-tiktok{background:#050505!important}
.profile-social-link.social-tiktok img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
.kit-icon-shell,.kit-icon-shell>img{background-color:transparent!important}
.kit-icon-shell>img{object-fit:contain!important}
.profile-discord-verified span{font-size:10px!important}

/* AlterTiers public v5.1.8 — two real queue sounds, balanced Discord icon and mobile queue polish */
.profile-social-link.social-discord img{
  width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;
}

@media(max-width:700px){
  .queue-shell{padding-top:92px!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:42px!important}
  .queue-hero{display:grid!important;gap:20px!important;padding:24px 0 22px!important}
  .queue-hero h1{font-size:clamp(38px,12vw,54px)!important;line-height:1!important;margin:10px 0!important}
  .queue-hero p{font-size:13px!important;line-height:1.55!important}
  .queue-overview{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .queue-overview>div{min-width:0!important;padding:13px 10px!important;border-radius:15px!important}
  .queue-overview strong{font-size:23px!important}
  .queue-control-panel{padding:14px!important;border-radius:17px!important;gap:14px!important}
  .queue-account{width:100%!important;min-width:0!important}
  .queue-account>div{min-width:0!important}
  .queue-account strong,.queue-account small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .enhanced-sound-control{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;gap:9px!important;align-items:center!important}
  .queue-sound-button{grid-column:1/-1!important;width:100%!important;min-height:41px!important}
  .sound-select-wrap{min-width:0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}
  .sound-select-wrap select{width:100%!important;min-width:0!important}
  .sound-volume-wrap{grid-column:1/-1!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important}
  .sound-volume-wrap input{width:100%!important;min-width:0!important}
  .sound-test-button{grid-column:2!important;grid-row:2!important;width:40px!important;height:40px!important}
  .queue-card{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;padding:16px!important;border-radius:19px!important}
  .queue-kit-icon{width:52px!important;height:52px!important;border-radius:16px!important}
  .queue-kit-icon img{width:38px!important;height:38px!important}
  .queue-card-heading{gap:8px!important}
  .queue-card-heading h2{font-size:18px!important}
  .queue-card-stats{gap:10px!important}
  .queue-join-button{grid-column:1/-1!important;width:100%!important;justify-content:center!important;margin-top:2px!important}
}

/* ===== AlterTiers v5.1.9: fast paint, Discord, verification and minimal kit navigation ===== */
html,body{background:#09090f!important}
.discord-auth-button.compact-auth{background:#5865f2!important;border-color:#7289da!important;box-shadow:0 10px 28px rgba(88,101,242,.28)!important}
.discord-auth-button.compact-auth:hover{background:#6571f5!important;transform:translateY(-1px)}
.queue-account-icon{background:linear-gradient(145deg,rgba(88,101,242,.28),rgba(88,101,242,.10))!important;border-color:rgba(88,101,242,.55)!important;color:#cdd2ff!important}

/* navigation inspired by compact tier networks, while retaining AlterTiers styling */
.kit-tabs{gap:4px!important;padding:5px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;background:rgba(10,9,17,.72)!important;backdrop-filter:blur(18px);overflow:visible!important}
.kit-tab{position:relative;min-width:92px;height:68px!important;padding:7px 16px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#77748a!important;font-size:11px!important;box-shadow:none!important}
.kit-tab:hover{color:#d8d4e4!important;background:rgba(255,255,255,.025)!important}
.kit-tab.active{color:#fff!important;background:linear-gradient(180deg,rgba(124,58,237,.13),rgba(124,58,237,.03))!important}
.kit-tab.active:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:99px;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);box-shadow:0 0 14px rgba(139,92,246,.7)}
.kit-tab .kit-icon-shell,.kit-tab .tab-icon{width:28px!important;height:28px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.kit-tab .kit-icon-shell img,.kit-tab .tab-icon img{width:28px!important;height:28px!important;object-fit:contain!important;background:transparent!important;border:0!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.32))}
.kit-tab .overall-icon img{width:25px!important;height:25px!important}

.verification-modal-card,.verification-code-card{overflow:hidden;background:linear-gradient(155deg,#151224,#0d0c15)!important}
.verification-modal-card:before,.verification-code-card:before{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(88,101,242,.22),transparent 70%);pointer-events:none}
.verification-mark{width:62px;height:62px;display:grid;place-items:center;margin-bottom:17px;border-radius:19px;background:linear-gradient(145deg,#5865f2,#7c3aed);font:900 27px Manrope,sans-serif;box-shadow:0 14px 36px rgba(88,101,242,.28)}
.verification-kicker{display:block;margin-bottom:8px;color:#a5b4fc;font:800 10px Inter,sans-serif;letter-spacing:.16em}
.verification-server{margin:18px 0 10px;padding:14px 16px;border:1px solid rgba(88,101,242,.34);border-radius:14px;background:rgba(88,101,242,.08);font:800 17px Manrope,sans-serif;color:#dce0ff;text-align:center}
.verification-command{width:100%;padding:16px;border:1px solid rgba(139,92,246,.42);border-radius:15px;background:#090811;color:#fff;font:800 19px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}
.verification-command:hover{border-color:#8b5cf6;background:#0d0b18}
.verification-timer{margin:17px 0 8px;text-align:center;font:900 46px/1 Manrope,sans-serif;letter-spacing:.02em;color:#fff}
.verification-code-card>small{display:block;color:var(--muted);text-align:center;line-height:1.55}

@media(max-width:760px){
  .kit-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;overflow:visible!important}
  .kit-tab{min-width:0!important;width:100%!important;padding:7px 4px!important;font-size:9px!important}
  .kit-tab.active:after{left:8px;right:8px}
  .verification-modal-card,.verification-code-card{padding:24px 20px!important}
}

/* v5.1.9 polish: queue verification, blue Discord, cleaner tabs */
.ranking-toolbar{padding:10px 12px;border-radius:24px;background:linear-gradient(180deg,rgba(9,10,18,.88),rgba(14,14,24,.82));backdrop-filter:blur(14px)}
.kit-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex:1 1 auto;min-width:0;padding:6px;border:1px solid rgba(255,255,255,.05);border-radius:18px;background:rgba(255,255,255,.018)}
.kit-tab{height:auto!important;min-height:68px;display:flex!important;flex-direction:column;justify-content:center;gap:7px;padding:10px 8px 12px!important;background:transparent!important;border:1px solid transparent!important;border-radius:14px!important;color:#a9a5bb!important;font-weight:800!important;font-size:12px!important;letter-spacing:.01em}
.kit-tab:hover{color:#f5f3ff!important;background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.05)!important}
.kit-tab.active{color:#fff!important;background:linear-gradient(180deg,rgba(124,58,237,.14),rgba(255,255,255,.03))!important;border-color:rgba(159,103,255,.18)!important;box-shadow:inset 0 -2px 0 #f0dd68!important}
.kit-tab img{width:26px!important;height:26px!important;object-fit:contain!important;background:transparent!important;image-rendering:auto!important;border-radius:0!important;box-shadow:none!important}
.kit-tab>img,.kit-board-title>img,.podium-kit-tier>img,.kit-tier-pair>img,.profile-history-chip img,.queue-kit-icon img,.queue-modal-icon img,.testing-kit-symbol,.network-card>img{background:transparent!important;border-radius:0!important;object-fit:contain!important;box-shadow:none!important;image-rendering:auto!important}
.overall-icon{width:26px!important;height:26px!important;border-radius:0!important;background:transparent!important;color:#e9d77a!important}
.square-button{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.03)!important}
.queue-account{gap:14px!important}.queue-account small{display:block;margin-top:4px;color:#a9a5bb}.queue-inline-verify{margin-left:auto;height:42px;padding:0 16px;border:1px solid rgba(88,101,242,.28);border-radius:14px;background:linear-gradient(180deg,rgba(88,101,242,.22),rgba(88,101,242,.10));color:#eef1ff;font:800 13px/1 Manrope,sans-serif;cursor:pointer;box-shadow:0 10px 26px rgba(88,101,242,.18)}.queue-inline-verify:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(88,101,242,.30),rgba(88,101,242,.14))}.queue-control-panel{align-items:stretch}.queue-account{min-height:84px}
.discord-auth-button.compact-auth{background:linear-gradient(180deg,#5865f2,#4d59e6)!important;border-color:rgba(114,137,218,.9)!important;box-shadow:0 12px 28px rgba(88,101,242,.30)!important}.discord-auth-button.compact-auth:hover{background:linear-gradient(180deg,#6672f6,#5662ea)!important}
.profile-social-link.social-discord,.icon-only-socials .profile-social-link.social-discord{background:#5865f2!important;border:0!important;box-shadow:0 10px 24px rgba(88,101,242,.24)!important}.profile-social-link.social-discord img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}.profile-social-link.social-discord svg{fill:#fff!important}
.verification-modal-card{max-width:510px}.verification-mark{width:68px;height:68px;border-radius:22px;background:linear-gradient(145deg,#5865f2,#7c3aed)!important;box-shadow:0 18px 38px rgba(88,101,242,.28)!important;font-size:26px!important}.verification-kicker{letter-spacing:.16em;color:#bfb6da}.verification-code-card{max-width:510px}.verification-command{font-size:20px!important;letter-spacing:.03em;min-height:58px;border-radius:16px!important;background:rgba(11,12,20,.86)!important}.verification-server{font-size:24px!important}.verification-code-card small{display:block;margin-top:10px;color:#aca6c4;line-height:1.55}
@media(max-width:900px){.kit-tabs{grid-template-columns:repeat(4,minmax(82px,1fr));overflow-x:auto;scrollbar-width:none}.kit-tabs::-webkit-scrollbar{display:none}}
@media(max-width:700px){.queue-account{flex-wrap:wrap}.queue-inline-verify{width:100%;margin-left:0}.kit-tabs{display:flex!important;padding:6px}.kit-tab{flex:1 0 88px}.ranking-toolbar{padding:8px 9px}.square-button{width:40px;height:40px}}

/* ===== AlterTiers v5.1.11: permanent verification access, aligned kits and profile tiers ===== */
.discord-auth-button.compact-auth:not(.authenticated){background:#5865f2!important;border-color:#7289da!important;box-shadow:0 10px 28px rgba(88,101,242,.32)!important}
.discord-auth-button.compact-auth:not(.authenticated) .discord-login-icon{width:22px!important;height:22px!important;fill:#fff!important}
.profile-social-link.social-discord,.icon-only-socials .profile-social-link.social-discord{background:#5865f2!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 22px rgba(88,101,242,.28)!important}
.profile-social-link.social-discord img{width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;object-fit:contain!important;transform:scale(var(--social-icon-scale,1))!important}

.queue-verification-panel{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;margin:16px 0;padding:18px 20px;border:1px solid rgba(139,92,246,.22);border-radius:20px;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(12,11,20,.94));box-shadow:0 18px 50px rgba(0,0,0,.2)}
.queue-verify-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#5865f2,#7c3aed);color:#fff;font:900 21px Manrope,sans-serif;box-shadow:0 12px 30px rgba(88,101,242,.25)}
.queue-verification-panel>div:nth-child(2){min-width:0}.queue-verification-panel span{display:block;margin-bottom:5px;color:#a9a1c4;font:800 9px Inter,sans-serif;letter-spacing:.13em}.queue-verification-panel strong{display:block;color:#fff;font:800 17px Manrope,sans-serif}.queue-verification-panel p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.queue-verify-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid rgba(114,137,218,.55);border-radius:13px;background:linear-gradient(180deg,#5865f2,#4d59e6);color:#fff!important;text-decoration:none;font:800 12px Inter,sans-serif;cursor:pointer;white-space:nowrap}.queue-verify-action:hover{background:linear-gradient(180deg,#6874f7,#5864eb);transform:translateY(-1px)}.queue-verify-action.secondary{background:rgba(255,255,255,.045);border-color:var(--line)}.queue-verification-panel.verified{border-color:rgba(52,211,153,.22);background:linear-gradient(135deg,rgba(16,185,129,.07),rgba(12,11,20,.94))}.queue-verification-panel.verified .queue-verify-symbol{background:linear-gradient(145deg,#10b981,#059669);box-shadow:0 12px 30px rgba(16,185,129,.2)}

.kit-tabs{align-items:stretch!important}.kit-tab{justify-content:center!important;align-items:center!important;text-align:center!important;line-height:1!important}.kit-tab .kit-icon-shell,.kit-tab .tab-icon{margin:0!important}.kit-tab[data-kit="op"],.kit-tab[data-kit="pot"]{text-transform:uppercase!important;letter-spacing:.04em!important}.kit-tab[data-kit="op"]{font-size:13px!important}

.profile-tier-mini-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:9px!important;width:100%;margin:0 0 18px!important}
.profile-tier-mini{min-height:52px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(124,58,237,.025))!important;box-shadow:none!important}
.profile-tier-mini:hover,.profile-tier-mini.active{transform:translateY(-1px)!important;border-color:rgba(139,92,246,.38)!important;background:linear-gradient(145deg,rgba(139,92,246,.11),rgba(255,255,255,.035))!important}
.profile-tier-mini .profile-tier-icon-shell{width:32px!important;height:32px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.profile-tier-mini .profile-tier-icon-shell>img{width:30px!important;height:30px!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.32));background:transparent!important}
.profile-tier-mini .tier-badge{justify-self:start!important;min-width:54px!important;padding:7px 10px!important;border-radius:10px!important;text-align:center!important}

@media(max-width:700px){.queue-verification-panel{grid-template-columns:48px minmax(0,1fr);padding:15px;gap:12px}.queue-verify-symbol{width:46px;height:46px;border-radius:15px}.queue-verify-action{grid-column:1/-1;width:100%;box-sizing:border-box}.profile-tier-mini-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-tier-mini{min-width:0!important}}


/* v5.1.12 — verification, sounds and compact public tiers */
.queue-verify-symbol{overflow:hidden!important;background:linear-gradient(145deg,rgba(124,58,237,.34),rgba(88,101,242,.22))!important;box-shadow:none!important}
.queue-verify-symbol img{display:block;width:34px;height:34px;object-fit:contain}
#soundChoice{color-scheme:dark;background:#0d0c15!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
#soundChoice option{background:#0d0c15!important;color:#fff!important;padding:8px}
#soundChoice option:checked{background:#6d28d9!important;color:#fff!important}
.profile-social-link.social-discord,.icon-only-socials .profile-social-link.social-discord{box-shadow:none!important;filter:none!important}
.profile-tier-compact-row{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 14px!important;width:100%}
.profile-tier-compact{appearance:none;display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;min-width:0!important;min-height:36px!important;padding:4px 7px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;color:#fff;box-shadow:none!important;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.profile-tier-compact:hover,.profile-tier-compact.active{border-color:rgba(139,92,246,.42)!important;background:rgba(139,92,246,.08)!important;transform:translateY(-1px)}
.profile-tier-compact .profile-tier-icon-shell{width:25px!important;height:25px!important;min-width:25px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.profile-tier-compact .profile-tier-icon-shell>img{width:24px!important;height:24px!important;background:transparent!important;object-fit:contain!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.28))}
.profile-tier-compact .tier-badge{min-width:0!important;padding:5px 7px!important;border-radius:8px!important;font-size:9px!important}
.kit-tab.active,.kit-tab[data-kit].active{box-shadow:inset 0 -2px 0 #8b5cf6!important;background:rgba(124,58,237,.09)!important;border-color:rgba(139,92,246,.28)!important;filter:none!important}
.kit-tab.active::before,.kit-tab.active::after,.kit-board::before,.kit-board::after{box-shadow:none!important;filter:none!important}
@media(max-width:700px){.profile-tier-compact-row{gap:6px!important}.profile-tier-compact{min-height:34px!important;padding:4px 6px!important}}


/* ===== AlterTiers v5.1.13: authoritative verification, controlled sounds and calm kit accents ===== */
.queue-account-loading,.verification-loading{opacity:.82}
.queue-account-loading .queue-account-icon,.verification-loading .queue-verify-symbol{animation:verificationPulse 1.4s ease-in-out infinite}
@keyframes verificationPulse{50%{opacity:.48;transform:scale(.96)}}
.queue-verification-panel.compact-verified{grid-template-columns:44px minmax(0,1fr);min-height:0;margin:12px 0;padding:12px 15px;gap:12px;border-color:rgba(52,211,153,.19);background:linear-gradient(135deg,rgba(16,185,129,.055),rgba(12,11,20,.95));box-shadow:none}
.queue-verification-panel.compact-verified .queue-verify-symbol{width:40px;height:40px;border-radius:13px;background:rgba(16,185,129,.13)!important;border:1px solid rgba(52,211,153,.23);color:#7ee2b8;box-shadow:none!important;font-size:17px}
.queue-verification-panel.compact-verified strong{font-size:14px}.queue-verification-panel.compact-verified p{margin-top:3px}

.sound-select-wrap{position:relative;display:flex!important;align-items:center!important;gap:8px!important}
.sound-dropdown{position:relative;min-width:92px}
.sound-choice-button{width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0d0c15;color:#fff;font:700 12px Manrope,sans-serif;cursor:pointer}
.sound-choice-button:hover,.sound-dropdown[data-open="true"] .sound-choice-button{border-color:rgba(139,92,246,.48);background:rgba(124,58,237,.08)}
.sound-choice-chevron{font-size:13px;color:#a9a3b9;transition:transform .16s ease}.sound-dropdown[data-open="true"] .sound-choice-chevron{transform:rotate(180deg)}
.sound-options{position:absolute;z-index:900;top:calc(100% + 7px);left:0;right:0;padding:5px;border:1px solid rgba(139,92,246,.27);border-radius:12px;background:#0d0c15;box-shadow:0 18px 38px rgba(0,0,0,.38)}
.sound-options button{width:100%;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:0;border-radius:8px;background:transparent;color:#d8d5e2;font:700 12px Manrope,sans-serif;cursor:pointer;text-align:left}
.sound-options button b{visibility:hidden;color:#c4b5fd}.sound-options button.selected b{visibility:visible}
.sound-options button.selected{background:rgba(255,255,255,.035);color:#fff;box-shadow:inset 0 0 0 1px rgba(167,139,250,.24)}.sound-options button:hover,.sound-options button.selected:hover{background:rgba(124,58,237,.30);color:#fff;box-shadow:none}

/* Every kit uses the same active-tab treatment. Icon artwork keeps its own shape. */
.kit-tab,.kit-tab[data-kit]{filter:none!important;text-shadow:none!important;box-shadow:none!important}
.kit-tab.active,.kit-tab[data-kit].active{background:linear-gradient(180deg,rgba(139,92,246,.105),rgba(139,92,246,.035))!important;border-color:rgba(167,139,250,.34)!important;box-shadow:inset 0 -2px 0 rgba(167,139,250,.92)!important;filter:none!important}
.kit-tab.active::before,.kit-tab.active::after{content:none!important;display:none!important;box-shadow:none!important;filter:none!important}
.kit-tab>.kit-icon-shell,.kit-tab>.tab-icon,.kit-tab img,.kit-tab .kit-icon-shell img{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;object-fit:contain!important;transform:none!important}
.kit-tab .kit-icon-shell img{transform:scale(var(--kit-icon-inner-scale,1))!important}

/* Subtle banner tones follow the mode icon without the old circular glow. */
.kit-board-banner,.kit-board-banner.op,.kit-board-banner.pot{--kit-accent:139,92,246;overflow:hidden!important;border-color:rgba(var(--kit-accent),.26)!important;background:linear-gradient(112deg,rgba(var(--kit-accent),.16),rgba(16,15,25,.96) 44%,rgba(11,11,18,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 36px rgba(0,0,0,.16)!important}
.kit-board-banner[data-kit="sword"]{--kit-accent:71,178,218}.kit-board-banner[data-kit="op"]{--kit-accent:113,71,180}.kit-board-banner[data-kit="pot"]{--kit-accent:191,74,92}
.kit-board-banner::before{content:""!important;display:block!important;position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--kit-accent),.075),transparent 58%);pointer-events:none;box-shadow:none!important;filter:none!important}
.kit-board-banner::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;filter:none!important}
.kit-board-title>.kit-icon-shell,.kit-board-title>img,.kit-board-title .kit-icon-shell>img{background:transparent!important;border-radius:0!important;border:0!important;box-shadow:none!important;filter:none!important;object-fit:contain!important}
@media(max-width:700px){.sound-options{left:auto;right:0;min-width:112px}.queue-verification-panel.compact-verified{grid-template-columns:40px minmax(0,1fr)}.queue-verification-panel.compact-verified .queue-verify-symbol{width:38px;height:38px}}


/* v5.1.14: keep interactive overlays above following sections. */
.queue-control-panel{position:relative!important;z-index:1200!important;overflow:visible!important}
.queue-notify-control,.sound-dropdown{position:relative;z-index:1210}
.sound-options{z-index:2147482000!important;pointer-events:auto!important}
.queue-verification-panel,.queue-list{position:relative;z-index:1}
.kit-info-popover.portal-open{display:block!important;position:fixed!important;inset:auto!important;z-index:2147483000!important;max-width:calc(100vw - 24px)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;clip-path:none!important;filter:none!important}

/* v5.1.15: verification synchronization is invisible and verified users leave no strip. */
.queue-verification-panel[hidden]{display:none!important;margin:0!important;padding:0!important;border:0!important;min-height:0!important}
.queue-verification-panel.verification-loading{display:none!important}

/* Public profile stays inside the account page. */
.account-public-profile-modal[hidden]{display:none!important}
.account-public-profile-modal{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;padding:18px}
.account-public-profile-backdrop{position:absolute;inset:0;background:rgba(3,3,8,.84);backdrop-filter:blur(14px)}
.account-public-profile-frame{position:relative;z-index:1;width:min(920px,calc(100vw - 24px));height:min(860px,calc(100dvh - 24px));overflow:hidden;border:1px solid rgba(167,139,250,.28);border-radius:26px;background:#0b0a13;box-shadow:0 35px 120px rgba(0,0,0,.68)}
.account-public-profile-frame iframe{display:block;width:100%;height:100%;border:0;background:#0b0a13}
.account-public-profile-close{position:absolute;z-index:4;top:12px;right:12px;width:40px;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(12,11,20,.92);color:#fff;font-size:23px;cursor:pointer}
.account-public-profile-close:hover{border-color:rgba(167,139,250,.5);background:rgba(124,58,237,.18)}
html.embedded-profile-mode body{overflow:hidden!important;background:#09090f!important}
html.embedded-profile-mode .site-header,html.embedded-profile-mode main,html.embedded-profile-mode footer,html.embedded-profile-mode .page-noise,html.embedded-profile-mode .ambient,html.embedded-profile-mode .search-overlay{display:none!important}
html.embedded-profile-mode .profile-overlay{position:fixed!important;inset:0!important;padding:12px!important;visibility:visible!important;opacity:1!important;background:#09090f!important}
html.embedded-profile-mode .profile-overlay-backdrop{display:none!important}
html.embedded-profile-mode .profile-panel{width:min(820px,100%)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
@media(max-width:700px){.account-public-profile-modal{padding:0}.account-public-profile-frame{width:100%;height:100dvh;border-radius:0;border:0}.account-public-profile-close{top:8px;right:8px}}


/* ===== AlterTiers v5.1.17: reliable help popup, clean account header and queue details ===== */
.discord-auth-button.compact-auth.authenticated,
.discord-auth-button.compact-auth.authenticated:hover,
.discord-auth-button.compact-auth[data-auth-managed].authenticated,
.discord-auth-button.compact-auth[data-auth-managed].authenticated:hover{
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.kit-info-popover.portal-open{
  display:block!important;
  position:fixed!important;
  z-index:2147483646!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  overflow:auto!important;
  max-height:min(76vh,720px)!important;
}
.kit-help-button{position:relative!important;z-index:2147483000!important}
.queue-empty-symbol{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 14px!important;
  border:1px solid rgba(167,139,250,.22)!important;
  border-radius:50%!important;
  background:rgba(124,58,237,.07)!important;
  font-size:0!important;
}
.queue-empty-symbol img{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
  display:block!important;
}
.queue-discord-account-icon img,
.queue-discord-symbol img{
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  display:block!important;
}
.queue-account:not(.queue-account-loading) small:empty{display:none!important}
.queue-verification-panel.login-needed{grid-template-columns:44px minmax(0,1fr) auto!important}
.queue-verification-panel.login-needed p{display:none!important}


/* ===== AlterTiers v5.1.18: single-layer public profile and guaranteed kit help ===== */
.account-public-profile-modal{
  display:block!important;
  padding:0!important;
  background:transparent!important;
}
.account-public-profile-backdrop{display:none!important}
.account-public-profile-frame{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.account-public-profile-frame iframe{
  width:100vw!important;
  height:100dvh!important;
  background:transparent!important;
}
.account-public-profile-close{display:none!important}
html.embedded-profile-mode,
html.embedded-profile-mode body{background:transparent!important}
html.embedded-profile-mode .profile-overlay{background:rgba(3,3,8,.78)!important;backdrop-filter:blur(12px)!important}
html.embedded-profile-mode .profile-panel{box-shadow:0 30px 90px rgba(0,0,0,.62)!important}

#kitInfoPopover.portal-open{
  display:block!important;
  position:fixed!important;
  inset:auto!important;
  z-index:2147483646!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  clip-path:none!important;
  filter:none!important;
  isolation:isolate!important;
  overflow:auto!important;
  max-height:calc(100dvh - 24px)!important;
}
#kitHelpButton{pointer-events:auto!important;cursor:help!important}


/* ===== AlterTiers v5.1.19: fixed coordinates that old inline handlers cannot override ===== */
#kitInfoPopover.portal-open,
#kitInfoPopover.kit-help-v5119-open{
  position:fixed!important;
  left:var(--kit-help-left,12px)!important;
  top:var(--kit-help-top,12px)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--kit-help-width,min(440px,calc(100vw - 24px)))!important;
  max-width:var(--kit-help-max-width,calc(100vw - 24px))!important;
  z-index:2147483646!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}


/* ===== AlterTiers v5.1.20: anchored kit help with no viewport-origin flash ===== */
#kitInfoPopover.portal-open.kit-help-v5120-mounted {
  position: fixed !important;
  inset: auto !important;
  left: var(--kit-help-left, 12px) !important;
  top: var(--kit-help-top, 12px) !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--kit-help-width, min(440px, calc(100vw - 24px))) !important;
  max-width: var(--kit-help-max-width, calc(100vw - 24px)) !important;
  z-index: 2147483646 !important;
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  filter: drop-shadow(0 24px 55px rgba(0,0,0,.58)) !important;
  transition: opacity .18s ease, transform .18s cubic-bezier(.2,.75,.3,1), visibility 0s linear .18s !important;
  will-change: transform, opacity;
}
#kitInfoPopover.portal-open.kit-help-v5120-mounted.kit-help-v5120-above {
  transform: translateY(8px) scale(.985) !important;
  transform-origin: var(--kit-help-arrow-x, calc(100% - 28px)) 100% !important;
}
#kitInfoPopover.portal-open.kit-help-v5120-mounted.kit-help-v5120-below {
  transform: translateY(-8px) scale(.985) !important;
  transform-origin: var(--kit-help-arrow-x, calc(100% - 28px)) 0 !important;
}
#kitInfoPopover.portal-open.kit-help-v5120-mounted.kit-help-v5120-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  transition-delay: 0s !important;
}
#kitInfoPopover.portal-open.kit-help-v5120-mounted::before {
  content: "";
  position: absolute;
  left: calc(var(--kit-help-arrow-x, calc(100% - 28px)) - 7px);
  width: 14px;
  height: 14px;
  background: #14131f;
  border: 1px solid rgba(178,137,255,.25);
  transform: rotate(45deg);
  pointer-events: none;
  z-index: -1;
}
#kitInfoPopover.portal-open.kit-help-v5120-mounted.kit-help-v5120-above::before {
  bottom: -7px;
  border-left-color: transparent;
  border-top-color: transparent;
}
#kitInfoPopover.portal-open.kit-help-v5120-mounted.kit-help-v5120-below::before {
  top: -7px;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
@media (max-width: 520px) {
  #kitInfoPopover.portal-open.kit-help-v5120-mounted {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
}


/* ===== AlterTiers v5.1.22: direct profiles, test link and calm action hovers ===== */
.kit-inline-test-link{display:inline-flex;align-items:center;color:#d8c8ff;font-weight:850;text-decoration:none;border-bottom:1px solid rgba(167,139,250,.48);transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;border-radius:6px;padding:1px 3px;margin:-1px -3px}
.kit-inline-test-link:hover,.kit-inline-test-link:focus-visible{color:#fff;border-color:#c4a8ff;background:rgba(124,58,237,.18);transform:translateY(-1px);outline:none}
.primary-button,.secondary-button,.danger-button,.account-public-profile-close,.profile-social-link,.profile-kit-button,.profile-history-chip,.history-toggle-button,.close-button,.account-shell button,.account-shell a[class*="button"]{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.primary-button:hover,.secondary-button:hover,.danger-button:hover,.profile-social-link:hover,.profile-kit-button:hover,.profile-history-chip:hover,.history-toggle-button:hover,.close-button:hover,.account-shell button:hover,.account-shell a[class*="button"]:hover{transform:translateY(-2px);border-color:rgba(180,151,255,.5);box-shadow:0 12px 28px rgba(0,0,0,.22),0 0 0 1px rgba(124,58,237,.08)}
html.public-profile-route body{min-height:100dvh}
html.public-profile-route.public-profile-ready body{visibility:visible}
html.public-profile-route .site-header,html.public-profile-route main,html.public-profile-route footer,html.public-profile-route .page-noise,html.public-profile-route .ambient,html.public-profile-route .search-overlay,html.public-profile-route .toast{display:none!important}
html.public-profile-route .profile-overlay{display:grid!important;position:fixed!important;inset:0!important;z-index:2147483000!important;visibility:visible!important;opacity:1!important;padding:18px!important;background:#09090f!important}
html.public-profile-route .profile-overlay-backdrop{display:none!important}
html.public-profile-route .profile-panel{max-height:calc(100dvh - 36px)!important}
html.public-profile-route.embedded-profile-mode .profile-overlay{padding:12px!important;background:rgba(3,3,8,.78)!important;backdrop-filter:blur(12px)!important}
@media(max-width:700px){html.public-profile-route .profile-overlay{padding:0!important}html.public-profile-route .profile-panel{width:100%!important;max-width:none!important;max-height:100dvh!important;border-radius:0!important}}


/* AlterTiers v5.1.23 — Discord header button without glow */
.discord-auth-button,
.discord-auth-button:hover,
.discord-auth-button.compact-auth,
.discord-auth-button.compact-auth:hover,
.discord-auth-button.compact-auth:not(.authenticated),
.discord-auth-button.authenticated {
  box-shadow: none !important;
  filter: none !important;
}

/* v5.1.28: footer copyright and reliable table wheel scrolling */
.site-footer p{line-height:1.65;text-align:center}
.site-footer [data-i18n="footer.copyright"]{color:#b6b2c5}