.main-content.cg-advanced {
  padding:30px 32px 80px;
  background:radial-gradient(circle at 78% -12%,#1b7a4525,transparent 42%),radial-gradient(circle at 5% 108%,#ffffff09,transparent 34%),#08090c;
}
html.cg-games-overview-root,html.cg-games-overview-root body { height:100%; overflow:hidden; }
html.cg-games-overview-root body { min-height:0; }
html.cg-games-overview-root .main-content {
  height:100vh;
  min-height:0;
  overflow:hidden;
  padding:24px 32px;
}
.games-overview {
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:16px;
  height:100%;
  min-height:0;
}
.games-head {
  position:relative;
  z-index:20;
  display:grid;
  grid-template-columns:minmax(210px,.56fr) minmax(420px,1.3fr) auto;
  align-items:center;
  gap:24px;
  margin-bottom:0;
}
.games-head > div > small {
  color:#42b66f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.19em;
}
.games-head h1 {
  margin:6px 0 4px;
  font-size:38px;
  letter-spacing:-.045em;
}
.games-head p {
  margin:0;
  color:#949ba6;
  font-size:12px;
}
.games-head p b {
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  background:#42b66f;
  box-shadow:0 0 12px #42b66f;
}
.games-head-actions {
  display:flex;
  align-items:center;
  gap:9px;
}
.games-search,.game-detail-search { position:relative;z-index:40;min-width:0; }
.games-search label,.game-detail-search label {
  display:flex;
  min-height:50px;
  align-items:center;
  gap:11px;
  padding:0 13px;
  border:1px solid #42b66f59;
  border-top-color:#ffffff3b;
  border-radius:15px;
  background:linear-gradient(135deg,#ffffff14,#11151dd9 28%,#0a0d12ed);
  box-shadow:inset 0 1px 0 #ffffff1c,0 18px 38px #0005,0 0 26px #1b7a4517;
  backdrop-filter:blur(24px) saturate(150%);
}
.games-search label>span,.game-detail-search label>span { color:#58d98b;font-size:25px;font-weight:900;line-height:1;transform:rotate(-15deg); }
.games-search input,.game-detail-search input {
  width:100%;min-width:0;border:0;outline:0;color:#f7faf8;background:transparent;
  font:inherit;font-size:13px;font-weight:760;
}
.games-search input::placeholder,.game-detail-search input::placeholder { color:#7d8792; }
.games-search label>button,.game-detail-search label>button {
  flex:none;width:30px;height:30px;border:1px solid #ffffff18;border-radius:9px;color:#aab2bc;background:#090c11;font:700 20px/1 inherit;cursor:pointer;
}
.games-search-results,.game-detail-search-results {
  position:absolute;z-index:100;top:calc(100% + 8px);right:0;left:0;max-height:min(64vh,570px);overflow:auto;
  padding:7px;border:1px solid #42b66f56;border-radius:17px;background:rgba(9,12,17,.97);
  box-shadow:0 28px 80px #000c,inset 0 1px 0 #ffffff15;backdrop-filter:blur(28px);
  scrollbar-color:#2d8f55 transparent;scrollbar-width:thin;
}
.games-search-results[hidden],.game-detail-search-results[hidden] { display:none; }
.games-search-results>a,.game-detail-search-result {
  display:grid;width:100%;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:9px;border:1px solid transparent;border-radius:12px;color:#f1f4f2;background:transparent;text-align:left;text-decoration:none;cursor:pointer;
}
.game-detail-search-result { font:inherit; }
.games-search-results>a:hover,.games-search-results>a.is-active,.game-detail-search-result:hover,.game-detail-search-result.is-active {
  border-color:#42b66f55;background:linear-gradient(110deg,#1b7a4530,#ffffff08);
}
.games-search-results>a>span:nth-child(2),.game-detail-search-result>span:nth-child(2) { display:grid;gap:3px;min-width:0; }
.games-search-results strong,.game-detail-search-result strong { overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.games-search-results small,.game-detail-search-result small { overflow:hidden;color:#828d98;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.games-search-results em,.game-detail-search-result em { color:#58cf85;font-size:9px;font-style:normal;font-weight:850;text-align:right; }
.games-search-result-image,.games-search-result-emoji {
  position:relative;display:grid;width:58px;height:46px;place-items:center;overflow:hidden;border:1px solid #ffffff16;border-radius:10px;background:radial-gradient(circle,#ffffff13,#090c11);
}
.games-search-result-image img { position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain; }
.games-search-result-image img+img { opacity:.22;filter:grayscale(1); }
.games-search-result-image img:only-child { opacity:1;filter:none; }
.games-search-result-image.is-fortnite { background:#fff; }
.games-search-result-emoji { color:#fff;font-size:22px; }
.games-search-empty { margin:0;padding:22px;color:#87919d;font-size:12px;text-align:center; }
.games-rights,.game-detail-rights { display:block;color:#74808c;font-size:10px;line-height:1.45; }
.games-rights a,.game-detail-rights a { color:#64c88a; }
.games-head-actions > a,.games-head-actions > button {
  padding:12px 16px;
  border:1px solid #2a9257;
  border-radius:12px;
  color:#eafff1;
  background:#1b7a4530;
  font:inherit;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}
.games-head-actions > button:disabled {
  cursor:wait;
  opacity:.55;
}
.games-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  min-height:0;
  gap:12px;
}
.game-card {
  --game:#1b7a45;
  --game-soft:#1b7a4529;
  position:relative;
  display:flex;
  min-height:0;
  overflow:hidden;
  padding:20px;
  border:1px solid color-mix(in srgb,var(--game) 50%,#ffffff24);
  border-top-color:color-mix(in srgb,var(--game) 72%,#ffffff33);
  border-radius:22px;
  background:linear-gradient(132deg,#ffffff1d 0,#ffffff07 16%,transparent 36%),radial-gradient(circle at 92% -5%,var(--game-soft),transparent 42%),linear-gradient(145deg,rgba(36,40,50,.68),rgba(11,13,18,.86));
  box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #0008,0 20px 52px #0006;
  backdrop-filter:blur(28px) saturate(155%);
  flex-direction:column;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.game-card:hover,.game-card:focus-visible {
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--game) 78%,#ffffff38);
  box-shadow:inset 0 1px 0 #ffffff2f,inset 0 -1px 0 #0008,0 24px 62px #0009,0 0 26px var(--game-soft);
  outline:none;
}
.game-card::after {
  content:"";
  position:absolute;
  right:-55px;
  bottom:-70px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:var(--game-soft);
  filter:blur(12px);
  pointer-events:none;
}
.game-card::before {
  content:"";position:absolute;z-index:0;inset:0;opacity:.18;pointer-events:none;
  background-image:linear-gradient(115deg,transparent 0 48%,#ffffff0b 48% 49%,transparent 49%),radial-gradient(circle at 12% 18%,#ffffff18 0 1px,transparent 1.5px);
  background-size:100% 100%,23px 23px;
}
.game-card-art { position:absolute;z-index:0;right:-5%;bottom:-8%;width:34%;height:62%;opacity:.42;filter:drop-shadow(0 16px 22px #000c);pointer-events:none;transform:rotate(3deg); }
.game-card-art img { width:100%;height:100%;object-fit:contain;object-position:right bottom; }
.game-card:hover .game-card-art { opacity:.55;transform:rotate(1deg) scale(1.035);transition:opacity .22s ease,transform .22s ease; }
.game-card.is-fortnite::before { background-image:linear-gradient(120deg,transparent 0 47%,#9876ff17 47% 48%,transparent 48%),linear-gradient(30deg,#9876ff0d 12%,transparent 12% 88%,#9876ff0d 88%);background-size:100% 100%,52px 52px; }
.game-card.is-fall-guys::before { background-image:radial-gradient(circle at 20% 25%,#fff 0 2px,transparent 3px),radial-gradient(circle at 80% 70%,#24d8eb 0 5px,transparent 6px);background-size:46px 46px,78px 78px; }
.game-card.is-brawl-stars::before { background-image:repeating-conic-gradient(from 8deg at 86% 22%,#ffd12b13 0 8deg,transparent 8deg 18deg); }
.game-card.is-clash-royale::before { background-image:linear-gradient(45deg,#f3ba340d 25%,transparent 25% 75%,#258dda0c 75%);background-size:38px 38px; }
.game-card.is-clash-of-clans::before { background-image:radial-gradient(circle at 90% 12%,#ff9d3930 0 1px,transparent 2px);background-size:18px 18px; }
.game-card.is-fortnite { --game:#7446e8; --game-soft:#7446e832; grid-column:span 3; }
.game-card.is-fall-guys { --game:#e8379c; --game-soft:#27d5e92c; grid-column:span 3; }
.game-card.is-brawl-stars { --game:#ec3a2d; --game-soft:#ffd12b26; grid-column:span 2; }
.game-card.is-clash-royale { --game:#258dda; --game-soft:#f3ba3429; grid-column:span 2; }
.game-card.is-clash-of-clans { --game:#a84332; --game-soft:#db9e3729; grid-column:span 2; }
.game-card header {
  position:relative;
  z-index:1;
  display:flex;
  min-height:112px;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.game-card header img {
  display:block;
  width:min(210px,52%);
  height:82px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 8px 13px #0008);
}
.game-card.is-fall-guys header img { width:min(300px,64%); height:104px; }
.game-card.is-brawl-stars header img { width:min(230px,61%); height:112px; }
.game-card.is-clash-of-clans header img { width:min(245px,62%); height:104px; }
.game-card.is-fortnite header img { padding:0;background:transparent;filter:drop-shadow(0 8px 13px #0008); }
.game-card header > div { display:grid; justify-items:end; gap:5px; text-align:right; }
.game-card header b {
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--game) 52%,#ffffff22);
  border-radius:9px;
  color:#c4cad3;
  background:#07090daa;
  font-size:10px;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.game-card.is-prepared header b { color:#79e8a6; border-color:#42b66f70; background:#123822a8; }
.game-card.is-live header b { color:#91f0b7; border-color:#42d9828f; background:#123f26d9; box-shadow:0 0 16px #31d27820; }
.game-card.is-error header b { color:#ff9d9d; border-color:#ff5e5e78; background:#421919c7; }
.game-card.is-waiting header b { color:#80d9ff; border-color:#39a9df70; background:#123247c7; }
.game-card.is-partial header b { color:#ffc06b; border-color:#ff970f70; }
.game-card header small { color:#dce1e7; font-size:12px; font-weight:750; }
.game-metrics {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:8px;
  row-gap:12px;
  margin-top:18px;
}
.game-card.is-fall-guys .game-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.game-metrics span {
  display:grid;
  min-height:66px;
  align-content:center;
  gap:5px;
  padding:10px 11px;
  border:1px solid #ffffff15;
  border-radius:12px;
  background:#080a0fc2;
}
.game-metrics small { display:flex;align-items:center;gap:6px;overflow:hidden;color:#8f97a3;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.game-metrics small i { flex:none;font-style:normal;font-size:14px;line-height:1;filter:saturate(1.08); }
.game-metrics strong { color:#f8f9fa; font-size:22px; letter-spacing:-.035em; }
.game-card footer {
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-top:auto;
  padding-top:16px;
  color:#7f8792;
  font-size:9px;
}
.game-card footer span { color:color-mix(in srgb,var(--game) 70%,#ffffff); font-weight:800; }
.game-card footer small { margin-left:auto;max-width:48%;text-align:right; }
.game-card footer em { color:#f5f7fa;font-style:normal;font-weight:850;white-space:nowrap; }

.game-detail {
  --game:#1b7a45;
  --game-soft:#1b7a4530;
  position:relative;
  min-height:calc(100vh - 60px);
}
.game-detail::before {
  content:"";
  position:fixed;
  z-index:-1;
  inset:0 0 0 270px;
  background:radial-gradient(circle at 82% -8%,var(--game-soft),transparent 42%),radial-gradient(circle at 8% 105%,var(--game-soft),transparent 38%);
  pointer-events:none;
}
.game-detail.is-fortnite { --game:#7446e8;--game-soft:#7446e832; }
.game-detail.is-fall-guys { --game:#e8379c;--game-soft:#27d5e929; }
.game-detail.is-brawl-stars { --game:#ec3a2d;--game-soft:#ffd12b22; }
.game-detail.is-clash-royale { --game:#258dda;--game-soft:#f3ba3423; }
.game-detail.is-clash-of-clans { --game:#a84332;--game-soft:#db9e3723; }
.game-detail-hero {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  width:min(820px,100%);
  margin:0 auto;
  min-height:118px;
  padding:14px 18px 16px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--game) 58%,#ffffff22);
  border-radius:25px;
  background:linear-gradient(130deg,#ffffff1a,transparent 24%),radial-gradient(circle at 92% 0,var(--game-soft),transparent 48%),rgba(17,20,27,.82);
  box-shadow:inset 0 1px 0 #ffffff2a,0 25px 65px #0007;
}
.game-detail-hero::after { content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background:linear-gradient(118deg,transparent 44%,var(--game-soft) 44% 45%,transparent 45%); }
.game-detail-hero>*:not(.game-detail-hero-art) { position:relative;z-index:2; }
.game-detail-hero-art { position:absolute;z-index:1;right:1%;bottom:-38%;display:block;width:46%;height:175%;opacity:.085;pointer-events:none;filter:saturate(.82) drop-shadow(0 22px 28px #000c);transform:rotate(-4deg); }
.game-detail-hero-art img,.game-detail-hero-visual,.game-detail-hero-visual img { display:block;width:100%;height:100%;object-fit:contain;object-position:center; }
.game-detail-search { width:min(820px,100%);max-width:none;margin:9px auto 0; }
.game-detail>.game-detail-search { display:none; }
.cosmetics-section[open] { overflow:visible; }
.cosmetics-body>.game-detail-search.is-cosmetics-search { display:block;width:100%;max-width:none;margin:13px 0 11px; }
.cosmetics-body>.game-detail-search.is-cosmetics-search label { min-height:46px; }
.cosmetics-body>.game-detail-search.is-cosmetics-search .game-detail-search-results { z-index:90; }
.game-detail-search label { min-height:48px;border-color:color-mix(in srgb,var(--game) 55%,#ffffff28);box-shadow:inset 0 1px 0 #ffffff1e,0 14px 34px #0005,0 0 22px var(--game-soft); }
.game-detail-search label>span,.game-detail-search-results em,.game-detail-search+small { color:color-mix(in srgb,var(--game) 72%,#fff); }
.game-detail-search>small { display:block;margin:7px 5px 0;color:#69737f;font-size:9px;text-align:right; }
.game-detail-search-results { border-color:color-mix(in srgb,var(--game) 50%,#ffffff20); }
.game-detail.is-fortnite .game-detail-hero { background:linear-gradient(128deg,#ffffff17,transparent 22%),radial-gradient(circle at 88% 0,#6e35d953,transparent 48%),linear-gradient(135deg,#151827e8,#19122be8); }
.game-detail.is-fall-guys .game-detail-hero { background:radial-gradient(circle at 80% 12%,#25dbea3b,transparent 28%),radial-gradient(circle at 96% 86%,#ec3ba645,transparent 33%),linear-gradient(135deg,#12242ce8,#17131fe8); }
.game-detail.is-brawl-stars .game-detail-hero { background:repeating-conic-gradient(from 0deg at 93% 40%,#ffd12b11 0 7deg,transparent 7deg 15deg),linear-gradient(135deg,#25181ce8,#17131ae8); }
.game-detail.is-clash-royale .game-detail-hero { background:linear-gradient(45deg,#258dda11 25%,transparent 25% 75%,#f3ba3410 75%) 0/48px 48px,linear-gradient(135deg,#142533e8,#171a27e8); }
.game-detail.is-clash-of-clans .game-detail-hero { background:radial-gradient(circle at 92% 20%,#f09a3d42,transparent 27%),linear-gradient(135deg,#261a18e8,#171619e8); }
.game-detail-back { position:relative;align-self:flex-start;padding:7px 12px;border:1px solid color-mix(in srgb,var(--game) 68%,#ffffff42);border-radius:10px;color:#fff;background:color-mix(in srgb,var(--game) 28%,#0b0e14);box-shadow:inset 0 1px 0 #ffffff25,0 5px 16px #0005;font-size:13px;font-weight:900;text-decoration:none; }
.game-detail-back:hover { border-color:color-mix(in srgb,var(--game) 78%,#fff);background:color-mix(in srgb,var(--game) 38%,#10141b); }
.game-detail-brand { display:flex;align-items:center;justify-content:flex-start;gap:20px;min-width:0; }
.game-detail-brand>img { flex:none;width:clamp(175px,17vw,230px);height:86px;object-fit:contain;object-position:left center;filter:drop-shadow(0 9px 14px #0009); }
.game-detail.is-fortnite .game-detail-brand>img { padding:0;background:transparent;filter:drop-shadow(0 9px 14px #0009); }
.game-detail-identity small { color:color-mix(in srgb,var(--game) 68%,#fff);font-size:12px;font-weight:900;letter-spacing:.18em; }
.game-detail-identity h1 { margin:3px 0 6px;font-size:clamp(32px,3vw,42px);line-height:1;letter-spacing:-.05em;white-space:nowrap; }
.game-detail-identity p { display:flex;align-items:center;gap:10px;margin:0; }
.game-detail-identity p b { padding:5px 9px;border:1px solid #42d98275;border-radius:8px;color:#91f0b7;background:#123f26c4;font-size:10px;text-transform:uppercase; }
.game-detail-identity p span { color:#c6ccd5;font-size:13px;font-weight:750; }
.fortnite-stat-controls {
  margin-top:13px;
  padding:19px;
  border:1px solid color-mix(in srgb,var(--game) 48%,#ffffff22);
  border-radius:20px;
  background:linear-gradient(135deg,#7446e817,rgba(14,16,23,.88) 42%,#15121fda);
  box-shadow:inset 0 1px 0 #ffffff18,0 18px 42px #0004;
}
.fortnite-stat-controls[hidden] { display:none; }
.fortnite-stat-controls>header { display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:15px; }
.fortnite-stat-controls>header small { color:#a78bff;font-size:10px;font-weight:900;letter-spacing:.17em; }
.fortnite-stat-controls>header h2 { margin:4px 0 0;color:#f7f5ff;font-size:20px;letter-spacing:-.025em; }
.fortnite-stat-controls>header p { max-width:54%;margin:0;color:#aaa5b9;font-size:11px;text-align:right;line-height:1.45; }
.fortnite-filter-grid { display:grid;grid-template-columns:1.05fr 1.25fr 1fr 1.05fr .85fr;gap:8px; }
.fortnite-filter-grid label { display:grid;gap:6px; }
.fortnite-filter-grid label>span { color:#aaa6b6;font-size:10px;font-weight:780; }
.fortnite-filter-grid select {
  width:100%;
  min-height:44px;
  padding:0 34px 0 12px;
  border:1px solid #ffffff20;
  border-radius:11px;
  color:#f6f3ff;
  background:#090b11;
  font:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.fortnite-filter-grid select:focus { outline:2px solid #8a62f2;outline-offset:1px;border-color:#a986ff; }
.fortnite-stat-controls>aside { margin-top:12px;padding-top:11px;border-top:1px solid #ffffff10;color:#777180;font-size:10px;line-height:1.45; }
.game-detail-top { display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));column-gap:13px;row-gap:18px;margin-top:18px; }
.game-detail-top>span,.game-detail-section .detail-stat {
  display:grid;
  align-content:center;
  gap:8px;
  min-height:96px;
  padding:15px 16px;
  border:1px solid #ffffff18;
  border-top-color:#ffffff2b;
  border-radius:15px;
  background:linear-gradient(145deg,#ffffff0d,rgba(12,15,21,.86));
  box-shadow:inset 0 1px 0 #ffffff10;
}
.detail-stat:has(.detail-stat-visual) { grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px; }
.detail-stat:has(.detail-stat-visual) .detail-stat-visual { grid-row:1/-1; }
.detail-stat-visual { display:grid;width:58px;height:58px;place-items:center; }
.detail-stat-visual img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 9px #0009); }
.game-detail-top small,.detail-stat small { display:flex;align-items:center;gap:7px;color:#aeb5bf;font-size:13px;font-weight:720; }
.game-detail-top small i,.detail-stat small i { font-style:normal;font-size:18px; }
.game-detail-top strong,.detail-stat strong { color:#fafafa;font-size:25px;letter-spacing:-.035em;overflow-wrap:anywhere; }
.detail-stat em { color:#66707d;font-size:8px;font-style:normal;overflow-wrap:anywhere; }
.game-detail-message { margin:18px 0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--game) 40%,#ffffff18);border-radius:13px;color:#aeb5bf;background:var(--game-soft);font-size:12px; }
.game-detail-message:empty { display:none; }
.game-detail-sections { display:grid;gap:15px;margin-top:15px; }
.game-detail-section { overflow:hidden;border:1px solid color-mix(in srgb,var(--game) 30%,#ffffff18);border-radius:18px;background:rgba(15,18,25,.76);box-shadow:inset 0 1px 0 #ffffff12,0 18px 45px #0004; }
.game-detail-section>summary { display:flex;align-items:center;gap:11px;padding:18px 19px;cursor:pointer;list-style:none;color:#f4f5f7;font-size:18px;font-weight:880; }
.game-detail-section>summary::-webkit-details-marker { display:none; }
.game-detail-section>summary::after { content:"＋";margin-left:auto;color:color-mix(in srgb,var(--game) 72%,#fff);font-size:20px; }
.game-detail-section[open]>summary::after { content:"−"; }
.game-detail-section>summary i { font-style:normal;font-size:22px; }
.game-detail-section>summary small { color:#8c95a1;font-size:11px;font-weight:650; }
.game-detail-section-body { padding:0 14px 15px; }
.game-detail-sortbar { display:flex;justify-content:flex-start;margin:0 2px 12px; }
.game-detail-sortbar label { display:flex;align-items:center;gap:8px;color:#a5adb8;font-size:12px;font-weight:750; }
.game-detail-sortbar select { min-height:36px;padding:0 34px 0 11px;border:1px solid color-mix(in srgb,var(--game) 50%,#ffffff20);border-radius:10px;background:#090b11;color:#f4f5f7;font:inherit;font-size:12px;font-weight:800;cursor:pointer; }
.game-detail-section-description { margin:0 5px 12px;color:#7f8792;font-size:11px;line-height:1.5; }
.game-detail-stat-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px; }
.game-detail-card-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:12px;align-items:stretch; }
.game-detail-card-grid.is-brawlers,.game-detail-card-grid.is-cards,.game-detail.is-clash-royale .game-detail-card-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.detail-entry { position:relative;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;padding:14px;border:1px solid #ffffff16;border-radius:14px;background:linear-gradient(145deg,#ffffff0b,rgba(8,11,16,.9)); }
.detail-entry>*:not(.detail-entry-background) { position:relative;z-index:2; }
.detail-entry-background { position:absolute;z-index:1;inset:0;display:block;overflow:hidden;opacity:.12;pointer-events:none;mask-image:linear-gradient(100deg,transparent 0 25%,#000 58% 100%); }
.detail-entry-background img { width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:saturate(.8) contrast(.9) drop-shadow(0 12px 18px #0008);transform:scale(1.1) translate(3%,4%); }
.detail-entry.is-section-brawlers:hover .detail-entry-background { opacity:.17;transition:opacity .18s ease; }
.detail-entry-top { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:84px; }
.detail-entry-top>header { flex:1;min-width:0;margin:0; }
.detail-entry-visual { display:grid;flex:none;align-self:flex-start;width:86px;height:86px;margin-top:-4px;margin-right:-2px;opacity:.98; }
.detail-entry-visual img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #000b); }
.detail-entry:hover .detail-entry-visual { transform:scale(1.05) rotate(1deg);transition:transform .18s ease; }
.detail-entry.is-section-brawlers .detail-entry-top,.game-detail.is-clash-royale .detail-entry:not(.is-section-battles) .detail-entry-top { display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:158px;text-align:center; }
.detail-entry.is-section-brawlers .detail-entry-top>header,.game-detail.is-clash-royale .detail-entry:not(.is-section-battles) .detail-entry-top>header { position:static;order:2;width:100%;min-height:42px; }
.detail-entry.is-section-brawlers .detail-entry-visual,.game-detail.is-clash-royale .detail-entry:not(.is-section-battles) .detail-entry-visual { position:static;order:1;flex:0 0 108px;width:108px;height:108px;margin:0 auto;align-self:center; }
.detail-entry.is-section-brawlers h3 { font-size:24px;line-height:1.05; }
.game-detail.is-clash-royale .detail-entry:not(.is-section-battles) h3 { position:static;font-size:19px;line-height:1.12;overflow-wrap:anywhere; }
.game-detail.is-clash-royale .detail-entry:not(.is-section-battles) .detail-entry-stats { margin-top:auto; }
.fortnite-rank-mark { position:static;flex:none;align-self:flex-start;display:grid;width:78px;height:78px;place-items:center;color:#b89bff;text-align:center; }
.fortnite-rank-mark i { display:grid;width:52px;height:52px;place-items:center;border:3px solid currentColor;transform:rotate(45deg);background:#161122;box-shadow:inset 0 0 18px currentColor,0 0 20px #7f55eb55;font-style:normal; }
.fortnite-rank-mark i::first-letter { transform:rotate(-45deg); }
.fortnite-rank-mark small { margin-top:4px;color:#d8cef7;font-size:8px;font-weight:850; }
.fortnite-rank-mark[data-rank="bronze"]{color:#bd754f}.fortnite-rank-mark[data-rank="silver"]{color:#ccd7df}.fortnite-rank-mark[data-rank="gold"]{color:#f4c84d}.fortnite-rank-mark[data-rank="platinum"]{color:#6ce4db}.fortnite-rank-mark[data-rank="diamond"]{color:#58adff}.fortnite-rank-mark[data-rank="elite"]{color:#9f73ff}.fortnite-rank-mark[data-rank="champion"]{color:#f49cff}.fortnite-rank-mark[data-rank="unreal"]{color:#f7e7ff}
.is-search-target { animation:game-search-target 1.15s ease 2;border-color:color-mix(in srgb,var(--game) 82%,#fff)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--game) 55%,transparent),0 0 30px var(--game-soft)!important; }
@keyframes game-search-target { 0%,100%{transform:scale(1)}50%{transform:scale(1.018)} }
.detail-entry.is-victory { border-color:#42d98260;background:linear-gradient(145deg,#42d98215,rgba(8,11,16,.9)); }
.detail-entry.is-defeat { border-color:#ff5d6860;background:linear-gradient(145deg,#ff5d6812,rgba(8,11,16,.9)); }
.detail-entry.is-draw { border-color:#ffc45d55; }
.detail-entry header { display:block;min-height:0;margin:0; }
.detail-entry h3 { margin:0;color:#f6f7f8;font-size:17px;line-height:1.1; }
.detail-entry header small { display:block;margin-top:5px;color:#8a939f;font-size:11px;line-height:1.25; }
.detail-entry-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%; }
.detail-entry-stats span { display:grid;gap:3px;min-width:0;padding:8px;border:1px solid #ffffff10;border-radius:9px;background:#06080ca8; }
.detail-entry-stats small { color:#9aa3ae;font-size:10.5px;font-weight:720;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.detail-entry-stats strong { color:#edf0f3;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.detail-entry p { margin:0;color:#737d89;font-size:9px;line-height:1.45; }
.game-detail-source { display:flex;justify-content:space-between;gap:20px;padding:18px 3px 0;color:#66707c;font-size:10px; }
.game-detail-source span { color:color-mix(in srgb,var(--game) 70%,#fff);font-weight:800; }

@media(max-width:1180px) {
  html.cg-games-overview-root,html.cg-games-overview-root body { height:auto; overflow:auto; }
  html.cg-games-overview-root .main-content { height:auto;min-height:100vh;overflow:visible; }
  .games-overview { height:auto; }
  .games-grid { grid-template-rows:auto; }
  .game-card.is-fortnite,.game-card.is-fall-guys,.game-card.is-brawl-stars,.game-card.is-clash-royale { grid-column:span 3; }
  .game-card.is-clash-of-clans { grid-column:1/-1; }
  .game-card.is-fall-guys .game-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .game-card { min-height:350px; }
  .games-head { grid-template-columns:minmax(0,1fr) auto; }
  .games-search { grid-column:1/-1;grid-row:2; }
  .game-detail-hero { align-items:flex-start; }
  .fortnite-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:900px) {
  .main-content.cg-advanced { padding:18px 12px 92px; }
  .games-head { grid-template-columns:1fr;align-items:stretch; }
  .games-search { grid-column:auto;grid-row:auto; }
  .games-head-actions { display:grid; grid-template-columns:1fr 1fr; }
  .games-head-actions > a,.games-head-actions > button { text-align:center; }
  .games-grid { grid-template-columns:1fr; }
  .game-card.is-fortnite,.game-card.is-fall-guys,.game-card.is-brawl-stars,.game-card.is-clash-royale,.game-card.is-clash-of-clans { grid-column:auto; }
  .game-card { min-height:350px; padding:17px; }
  .game-card header img { width:min(190px,52%); height:72px; }
  .game-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .game-detail::before { inset:0; }
  .game-detail-hero { gap:7px;width:100%;padding:10px 13px 12px; }
  .game-detail-brand { justify-content:flex-start;gap:10px; }
  .game-detail-brand>img { width:min(120px,31vw);height:50px; }
  .game-detail-identity h1 { font-size:28px; }
  .game-detail-identity p span { max-width:35vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .game-detail-hero-art { right:-8%;width:58%;opacity:.07; }
  .games-search-results>a,.game-detail-search-result { grid-template-columns:48px minmax(0,1fr); }
  .games-search-results em,.game-detail-search-result em { display:none; }
  .games-search-result-image,.games-search-result-emoji { width:48px;height:43px; }
  .fortnite-stat-controls>header { align-items:start;flex-direction:column; }
  .fortnite-stat-controls>header p { max-width:none;text-align:left; }
  .fortnite-filter-grid { grid-template-columns:1fr 1fr; }
  .game-detail-top { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .game-detail-card-grid { grid-template-columns:1fr; }
  .game-detail-card-grid.is-brawlers,.game-detail-card-grid.is-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .game-detail-source { flex-direction:column; }
}

/* 4.9.9 · paginierte Cosmetics-Sammlungen */
.cosmetics-body { display:grid;gap:13px; }
.cosmetics-counts { display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px; }
.cosmetics-count {
  display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;column-gap:9px;
  min-height:76px;padding:10px 12px;border:1px solid #ffffff14;border-radius:12px;color:inherit;background:#080b10bd;font:inherit;text-align:left;cursor:pointer;
}
.cosmetics-count:hover,.cosmetics-count.is-active { border-color:color-mix(in srgb,var(--game) 72%,#fff);background:color-mix(in srgb,var(--game) 17%,#080b10);box-shadow:0 0 22px var(--game-soft); }
.cosmetics-count:focus-visible { outline:2px solid color-mix(in srgb,var(--game) 78%,#fff);outline-offset:2px; }
.cosmetics-count>i { grid-row:1/4;font-size:22px;font-style:normal; }
.cosmetics-count>small { overflow:hidden;color:#8d97a3;font-size:10px;font-weight:760;text-overflow:ellipsis;white-space:nowrap; }
.cosmetics-count>strong { color:#f6f8f9;font-size:18px;letter-spacing:-.025em; }
.cosmetics-count>em { overflow:hidden;color:#66717d;font-size:8px;font-style:normal;font-weight:720;text-overflow:ellipsis;white-space:nowrap; }
.cosmetics-toolbar { display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap; }
.cosmetics-ownership { min-width:108px;height:40px;padding:0 14px;border:1px solid #ffffff19;border-radius:11px;color:#a9b2bd;background:#080b10;font:inherit;font-size:11px;font-weight:820;cursor:pointer; }
.cosmetics-ownership:hover,.cosmetics-ownership.is-active { border-color:color-mix(in srgb,var(--game) 70%,#fff);color:#fff;background:color-mix(in srgb,var(--game) 18%,#080b10); }
.cosmetics-ownership:focus-visible { outline:2px solid color-mix(in srgb,var(--game) 78%,#fff);outline-offset:2px; }
.cosmetics-status { min-height:18px;margin:0;color:#7e8995;font-size:10px; }
.cosmetics-item-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:10px;content-visibility:auto; }
.cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(12,minmax(0,1fr));gap:7px; }
.cosmetics-item-grid[data-category="skins"] { grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); }
.cosmetics-item {
  position:relative;display:grid;grid-template-rows:minmax(0,150px) 52px;min-width:0;overflow:hidden;border:1px solid #ffffff16;border-radius:14px;background:linear-gradient(145deg,#ffffff0c,#080b10 46%);box-shadow:inset 0 1px 0 #ffffff0c;
}
.cosmetics-item[data-category="pins"],.cosmetics-item[data-category="player-icons"],.cosmetics-item[data-category="sprays"],.cosmetics-item[data-category="emotes"] { grid-template-rows:auto 42px; }
.cosmetics-item[data-category="pins"] .cosmetics-item-media,.cosmetics-item[data-category="player-icons"] .cosmetics-item-media,.cosmetics-item[data-category="sprays"] .cosmetics-item-media,.cosmetics-item[data-category="emotes"] .cosmetics-item-media { aspect-ratio:1; }
.cosmetics-item[data-category="skins"] .cosmetics-item-media { min-height:0; }
.cosmetics-item.is-owned { border-color:color-mix(in srgb,var(--game) 45%,#ffffff24); }
.cosmetics-item.is-missing { opacity:.48;filter:grayscale(1);transition:opacity .16s ease,filter .16s ease,transform .16s ease,border-color .16s ease; }
.cosmetics-item.is-missing:hover,.cosmetics-item.is-missing:focus-within { opacity:1;filter:none; }
.cosmetics-item.is-missing:hover { transform:translateY(-1px); }
.cosmetics-item.is-missing:focus-within { outline:2px solid color-mix(in srgb,var(--game) 72%,#fff);outline-offset:2px; }
.cosmetics-item.is-unknown { border-style:dashed;opacity:.78; }
.cosmetics-item-media { position:relative;display:grid;min-width:0;place-items:center;overflow:hidden;padding:10px;background:radial-gradient(circle at 50% 42%,#ffffff12,transparent 68%); }
.cosmetics-item-media>img { display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 9px 12px #000a); }
.cosmetics-set-art { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;height:100%;min-width:0;overflow:hidden; }
/* 5.0.5 · Complete costumes are an official upper+lower pair. Both verified
   FallGuysStore cards stay fully visible; no dark/raw render and no crop may
   turn a set into an upper-only preview. */
.cosmetics-set-piece { position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden;border:1px solid #ffffff1b;border-radius:9px;background:radial-gradient(circle at 50% 38%,#ffffff14,transparent 70%),#05070b88; }
.cosmetics-set-piece>img { display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;filter:drop-shadow(0 8px 10px #000a); }
.cosmetics-set-piece>small { display:block;padding:3px 4px;color:#c8d0db;background:#05070bcc;font-size:7px;font-weight:900;letter-spacing:.04em;text-align:center;text-transform:uppercase; }
.cosmetics-set-art.is-complete-costume::after { content:none; }
.cosmetics-item[data-category="full-costumes"] .cosmetics-item-media { padding:6px; }
.cosmetics-missing-art {
  display:grid;width:min(62%,86px);aspect-ratio:1;place-items:center;border:1px dashed #ffffff28;border-radius:22%;
  color:color-mix(in srgb,var(--game) 66%,#fff);background:#05070a88;font-size:clamp(22px,3vw,42px);filter:grayscale(.35);
}
.cosmetics-title-art {
  position:relative;isolation:isolate;display:grid;width:100%;height:100%;min-height:94px;place-items:center;overflow:hidden;padding:18px 12px;
  border:1px solid color-mix(in srgb,var(--game) 48%,#ffffff20);border-radius:11px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--game) 34%,#172b58),#75b7f0 53%,color-mix(in srgb,var(--game) 26%,#17356b));
  box-shadow:inset 0 -5px 0 #07152a66,inset 0 2px 0 #ffffff38;
}
.cosmetics-title-art.is-prestige { border-color:#f0b8ff70;background:linear-gradient(135deg,#2c0d42,#7d2a9d 52%,#dd87f2); }
.cosmetics-title-art.is-plus { border-color:#98efff70;background:linear-gradient(135deg,#082d48,#1c80a9 52%,#73dfff); }
.cosmetics-title-art.is-trusted-creator { border-color:#a6ffe070;background:linear-gradient(135deg,#073b32,#16836d 52%,#72e7bc); }
.cosmetics-title-art.is-super-creator { border-color:#ffd19a70;background:linear-gradient(135deg,#4e2109,#c75c17 52%,#ffc16c); }
.cosmetics-title-art>img { position:absolute;z-index:-1;right:-7%;bottom:-32%;width:58%;height:128%;object-fit:contain;opacity:.2;filter:saturate(.8); }
.cosmetics-title-art>span { color:#fff;font-size:clamp(12px,1.05vw,18px);font-weight:950;line-height:1.12;text-align:center;text-shadow:0 2px 0 #000,0 0 8px #0009;overflow-wrap:anywhere; }
.cosmetics-title-art>small { position:absolute;right:7px;bottom:6px;color:#fff;font-size:7px;font-style:italic;font-weight:950;text-shadow:0 2px 0 #000; }
.cosmetics-animation { position:absolute;z-index:2;right:6px;top:6px;display:grid;width:24px;height:24px;place-items:center;padding:0;border:1px solid #ffffff32;border-radius:50%;color:#fff;background:#05070be8;font:inherit;font-size:9px;font-weight:900;line-height:1;cursor:default;pointer-events:none;box-shadow:0 3px 9px #000a; }
.cosmetics-item.is-animating .cosmetics-animation { color:#81f0ad;border-color:#42d98275; }
.cosmetics-item-copy { display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:center;gap:3px;min-width:0;min-height:0;padding:7px 10px 8px;border-top:1px solid #ffffff0d; }
.cosmetics-item-copy strong { display:-webkit-box;overflow:hidden;color:#f4f6f8;font-size:11px;line-height:1.18;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.cosmetics-item-copy small { color:#808a96;font-size:9px;font-weight:750; }
.cosmetics-item.is-owned .cosmetics-item-copy small { color:#67dc96; }
.detail-entry.is-section-brawlers { cursor:pointer; }
.detail-entry.is-section-brawlers:focus-visible,.detail-entry.is-section-brawlers.is-cosmetics-active { outline:2px solid color-mix(in srgb,var(--game) 80%,#fff);outline-offset:2px;border-color:color-mix(in srgb,var(--game) 75%,#fff);box-shadow:0 0 30px var(--game-soft); }

/* 4.9.12 · Klick-Dialog statt unruhigem Mausover-Popover. */
html.has-brawler-cosmetics-dialog { overflow:hidden; }
.brawler-cosmetics-layer { position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:16px;pointer-events:auto; }
.brawler-cosmetics-layer[hidden] { display:none; }
.brawler-cosmetics-backdrop { position:absolute;display:block;inset:0;width:100%;height:100%;padding:0;border:0;background:#020308b8;backdrop-filter:blur(5px);cursor:default; }
.brawler-cosmetics-popover {
  position:relative;display:grid;width:min(66.666vw,1120px);min-width:min(760px,calc(100vw - 32px));max-height:min(86dvh,880px);grid-template-rows:auto minmax(0,1fr);overflow:hidden;
  border:1px solid color-mix(in srgb,var(--game,#ec3a2d) 58%,#ffffff32);border-radius:18px;background:rgba(10,13,19,.975);
  box-shadow:0 28px 80px #000d,inset 0 1px 0 #ffffff18;backdrop-filter:blur(26px);pointer-events:auto;
}
.brawler-cosmetics-popover-head { display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;border-bottom:1px solid #ffffff12;background:linear-gradient(110deg,color-mix(in srgb,var(--game,#ec3a2d) 17%,transparent),transparent 68%); }
.brawler-cosmetics-head { display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:1px solid #ffffff1a;border-radius:13px;background:#07090e; }
.brawler-cosmetics-head img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px #000b); }
.brawler-cosmetics-popover-head>div { min-width:0; }
.brawler-cosmetics-popover-head small { color:color-mix(in srgb,var(--game,#ec3a2d) 72%,#fff);font-size:8px;font-weight:900;letter-spacing:.13em; }
.brawler-cosmetics-popover-head h2 { overflow:hidden;margin:2px 0 1px;color:#fff;font-size:22px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap; }
.brawler-cosmetics-popover-head p { margin:0;color:#8b95a1;font-size:10px; }
.brawler-cosmetics-close { display:grid;width:34px;height:34px;place-items:center;border:1px solid #ffffff1c;border-radius:10px;color:#fff;background:#07090dbd;font:inherit;font-size:22px;line-height:1;cursor:pointer; }
.brawler-cosmetics-close:hover,.brawler-cosmetics-close:focus-visible { border-color:color-mix(in srgb,var(--game,#ec3a2d) 70%,#fff);outline:0; }
.brawler-cosmetics-popover-body { display:grid;align-content:start;gap:14px;min-height:140px;overflow:auto;padding:13px;overscroll-behavior:contain; }
.brawler-cosmetics-message { margin:auto;padding:28px 15px;color:#939daa;font-size:12px;line-height:1.55;text-align:center; }
.brawler-cosmetics-message.is-error { color:#ff8b91; }
.brawler-cosmetics-group { display:grid;gap:8px; }
.brawler-cosmetics-group>h3 { display:flex;align-items:center;gap:8px;margin:0;color:#f3f5f7;font-size:13px; }
.brawler-cosmetics-group>h3 small { min-width:25px;padding:2px 6px;border-radius:99px;color:#9fa8b3;background:#ffffff0d;font-size:9px;text-align:center; }
.brawler-cosmetics-grid { grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px;content-visibility:visible; }
.brawler-cosmetics-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(12,minmax(0,1fr)); }
.brawler-cosmetics-grid[data-category="skins"] { grid-template-columns:repeat(auto-fill,minmax(145px,1fr)); }
.brawler-cosmetics-grid .cosmetics-item.is-compact { grid-template-rows:auto 40px;border-radius:11px; }
.brawler-cosmetics-grid .cosmetics-item.is-compact .cosmetics-item-media { min-height:74px;aspect-ratio:1;padding:6px; }
.brawler-cosmetics-grid .cosmetics-item.is-compact[data-category="skins"] { grid-template-rows:minmax(0,166px) 46px; }
.brawler-cosmetics-grid .cosmetics-item.is-compact[data-category="skins"] .cosmetics-item-media { min-height:0;aspect-ratio:auto; }
.brawler-cosmetics-grid .cosmetics-item.is-compact .cosmetics-item-copy { gap:2px;padding:5px 7px 6px; }
.brawler-cosmetics-grid .cosmetics-item.is-compact .cosmetics-item-copy strong { font-size:9px; }
.brawler-cosmetics-grid .cosmetics-item.is-compact .cosmetics-item-copy small { font-size:7px; }
.brawler-cosmetics-grid .cosmetics-animation { right:4px;top:4px;width:20px;height:20px;font-size:7px; }

@media(max-width:900px) {
  .cosmetics-counts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cosmetics-toolbar { grid-template-columns:1fr; }
  .cosmetics-item-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .cosmetics-item { grid-template-rows:minmax(0,118px) 48px; }
  .cosmetics-item-copy strong { font-size:11px; }
  .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(5,minmax(0,1fr));gap:4px; }
  .cosmetics-item-grid[data-category="skins"] { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
  .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) .cosmetics-item { grid-template-rows:auto auto;border-radius:8px; }
  .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) .cosmetics-item-media { aspect-ratio:1;padding:4px; }
  .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) .cosmetics-item-copy { gap:1px;padding:4px; }
  .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) .cosmetics-item-copy strong { font-size:7.5px; }
  .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) .cosmetics-item-copy small { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
  .cosmetics-item-grid[data-category="skins"] .cosmetics-item { grid-template-rows:minmax(0,116px) 46px;border-radius:10px; }
  .cosmetics-item-grid[data-category="skins"] .cosmetics-item-media { min-height:0;aspect-ratio:auto;padding:5px; }
  .cosmetics-item-grid[data-category="skins"] .cosmetics-item-copy { padding:6px; }
  .cosmetics-item-grid[data-category="skins"] .cosmetics-item-copy strong { font-size:9px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }

  .brawler-cosmetics-layer { padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom)); }
  .brawler-cosmetics-popover { width:calc(100vw - 16px);min-width:0;max-height:min(86dvh,800px);border-radius:16px; }
  .brawler-cosmetics-popover-head { grid-template-columns:52px minmax(0,1fr) auto;padding:10px 11px; }
  .brawler-cosmetics-head { width:52px;height:52px; }
  .brawler-cosmetics-popover-head h2 { font-size:20px; }
  .brawler-cosmetics-popover-body { padding:10px;padding-bottom:calc(12px + env(safe-area-inset-bottom)); }
  .brawler-cosmetics-grid { gap:4px; }
  .brawler-cosmetics-grid[data-category="skins"] { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
  .brawler-cosmetics-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .brawler-cosmetics-grid .cosmetics-item.is-compact .cosmetics-item-media { min-height:0; }
  .brawler-cosmetics-grid .cosmetics-item.is-compact[data-category="skins"] { grid-template-rows:minmax(0,112px) 44px; }
}

/* 5.0.0: The card name is an independent row. It cannot be pushed behind or
   clipped by the complete Clash Royale artwork. */
.game-detail.is-clash-royale .detail-entry.is-clash-card {
  grid-template-rows:minmax(190px,auto) minmax(52px,auto) auto;
  overflow:visible;
}
.game-detail.is-clash-royale .is-clash-card .clash-card-identity {
  display:grid;
  min-height:190px;
  grid-template-rows:1fr;
  overflow:visible;
}
.game-detail.is-clash-royale .is-clash-card .clash-card-identity>.detail-entry-visual {
  grid-row:1;
}
.game-detail.is-clash-royale .is-clash-card .clash-card-caption {
  position:relative;
  z-index:3;
  display:grid;
  align-content:center;
  min-width:0;
  min-height:52px;
  padding:4px 8px 7px;
  text-align:center;
  visibility:visible;
  opacity:1;
}
.game-detail.is-clash-royale .is-clash-card .clash-card-caption h3 {
  display:block;
  overflow:visible;
  margin:0;
  color:#fff;
  font-size:17px;
  font-weight:900;
  line-height:1.15;
  overflow-wrap:anywhere;
  white-space:normal;
  -webkit-line-clamp:unset;
}
.game-detail.is-clash-royale .is-clash-card .clash-card-caption small {
  display:block;
  margin-top:4px;
  color:#8f99a5;
  font-size:10px;
}
@media(max-width:900px) {
  .game-detail.is-clash-royale .detail-entry.is-clash-card { grid-template-rows:minmax(176px,auto) minmax(48px,auto) auto; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-identity { min-height:176px; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-caption h3 { font-size:16px; }
}
@media(max-width:430px) {
  .fortnite-filter-grid { grid-template-columns:1fr; }
  .game-card header { align-items:flex-start; flex-direction:column; }
  .game-card header > div { justify-items:start; text-align:left; }
  .game-card header img { width:220px; max-width:100%; }
}

@media(max-width:1680px){.game-detail-card-grid.is-brawlers,.game-detail-card-grid.is-cards,.game-detail.is-clash-royale .game-detail-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1320px){.game-detail-card-grid.is-brawlers,.game-detail-card-grid.is-cards,.game-detail.is-clash-royale .game-detail-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.detail-entry-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.game-detail-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.game-detail-card-grid.is-brawlers,.game-detail-card-grid.is-cards,.game-detail.is-clash-royale .game-detail-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-entry.is-section-brawlers .detail-entry-top{min-height:0;align-items:center}.detail-entry.is-section-brawlers .detail-entry-visual{flex-basis:78px;width:78px;height:78px;margin:0 auto;align-self:center}.detail-entry.is-section-cards .detail-entry-top{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;text-align:center}.detail-entry.is-section-cards .detail-entry-top>header{position:static;order:2;width:100%}.detail-entry.is-section-cards .detail-entry-visual{position:static;order:1;flex-basis:112px;width:112px;height:112px;margin:0 auto;align-self:center}.detail-entry.is-section-cards .detail-entry-stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.detail-entry-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.game-detail-card-grid.is-brawlers,.game-detail-card-grid.is-cards,.game-detail.is-clash-royale .game-detail-card-grid{grid-template-columns:1fr}.detail-entry.is-section-brawlers,.detail-entry.is-section-cards{padding:12px}.detail-entry.is-section-brawlers .detail-entry-top{gap:10px}.detail-entry.is-section-brawlers .detail-entry-visual{flex-basis:72px;width:72px;height:72px}.detail-entry.is-section-brawlers .detail-entry-stats,.detail-entry.is-section-cards .detail-entry-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-entry.is-section-cards .detail-entry-visual{flex-basis:124px;width:124px;height:124px;margin-top:0}.detail-entry.is-section-cards h3{font-size:20px}.detail-entry.is-section-cards header small{font-size:12px}}

/* 4.9.9: Card artwork and card names occupy physically separate rows. */
.game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards) .detail-entry-top {
  display:grid!important;
  grid-template-rows:124px minmax(54px,auto);
  align-items:start;
  gap:12px;
  min-height:190px;
  text-align:center;
}
.game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards) .detail-entry-artwork-slot {
  display:grid;
  grid-row:1;
  width:100%;
  height:124px;
  place-items:center;
  overflow:hidden;
}
.game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards) .detail-entry-artwork-slot .detail-entry-visual {
  position:static;
  display:grid;
  width:112px;
  height:112px;
  margin:0;
  place-items:center;
  transform:none!important;
}
.game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards) .detail-entry-artwork-slot img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards) .detail-entry-top>header {
  position:static;
  z-index:3;
  display:flex;
  grid-row:2;
  flex-direction:column;
  justify-content:flex-start;
  width:100%;
  min-height:54px;
  padding-top:1px;
  background:transparent;
}
.game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards) .detail-entry-top h3 {
  position:static;
  margin:0;
  font-size:19px;
  line-height:1.18;
  overflow-wrap:anywhere;
}
.game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards):hover .detail-entry-visual { transform:none!important; }

@media(max-width:900px) {
  .game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards) .detail-entry-top {
    grid-template-rows:132px minmax(58px,auto);
    min-height:202px;
  }
  .game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards) .detail-entry-artwork-slot { height:132px; }
  .game-detail.is-clash-royale .detail-entry:is(.is-section-cards,.is-section-deck,.is-section-support-cards) .detail-entry-artwork-slot .detail-entry-visual { width:120px;height:120px; }
}

/* 4.9.12: kompakte Clash-Karten mit klar getrennter Grafik, Bezeichnung und Werten. */
.game-detail.is-clash-royale .detail-entry.is-clash-card {
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:minmax(144px,1fr) auto auto;
  align-items:stretch;
  gap:9px;
  min-height:356px;
  padding:12px;
}
.is-clash-card .clash-card-identity {
  display:grid;
  grid-template-rows:minmax(144px,1fr) auto;
  align-items:center;
  min-width:0;
  overflow:hidden;
  padding:10px 8px 9px;
  border:1px solid #ffffff10;
  border-radius:12px;
  background:linear-gradient(145deg,#ffffff0a,#06080cb8);
}
.game-detail.is-clash-royale .is-clash-card .detail-entry-visual {
  position:static;
  display:grid;
  align-self:center;
  width:150px;
  max-width:100%;
  height:184px;
  margin:0 auto;
  place-items:center;
  transform:none!important;
}
.game-detail.is-clash-royale .is-clash-card .detail-entry-visual img { width:100%;height:100%;object-fit:contain;object-position:center; }
.is-clash-card .clash-card-identity header { min-width:0;width:100%;text-align:center; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity h3 {
  display:-webkit-box;
  overflow:hidden;
  margin:3px 0 0;
  color:#f8fafb;
  font-size:17px;
  line-height:1.12;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.is-clash-card .clash-card-identity header small { margin-top:4px;font-size:9px; }
.is-clash-card .clash-card-data { display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:8px;min-width:0; }
.is-clash-card .clash-card-level {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:11px 12px;
  border:1px solid color-mix(in srgb,var(--game) 58%,#ffffff22);
  border-radius:11px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--game) 20%,#080b11),#080b11);
  box-shadow:inset 0 1px 0 #ffffff12;
}
.is-clash-card .clash-card-level small { color:#b6c4d1;font-size:11px;font-weight:850;white-space:nowrap; }
.is-clash-card .clash-card-level strong { color:#fff;font-size:30px;line-height:1;letter-spacing:-.04em; }
.is-clash-card .detail-entry-card-stats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;min-width:0; }
.is-clash-card .detail-entry-card-stats>span { display:grid;align-content:center;gap:3px;min-width:0;min-height:58px;padding:8px;border:1px solid #ffffff10;border-radius:9px;background:#06080ca8; }
.is-clash-card .detail-entry-card-stats small { overflow:hidden;color:#9aa3ae;font-size:9.5px;font-weight:760;line-height:1.15;text-overflow:ellipsis;white-space:nowrap; }
.is-clash-card .detail-entry-card-stats strong { overflow:hidden;color:#edf0f3;font-size:15px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap; }
.game-detail.is-clash-royale .detail-entry.is-clash-card>p { grid-column:1/-1; }

@media(min-width:1181px) and (max-width:1480px) {
  .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
  .brawler-cosmetics-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(10,minmax(0,1fr)); }
}
@media(min-width:901px) and (max-width:1180px) {
  .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
  .brawler-cosmetics-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(8,minmax(0,1fr)); }
}
@media(max-width:900px) {
  .game-detail.is-clash-royale .detail-entry.is-clash-card { grid-template-columns:1fr;grid-template-rows:auto auto;gap:9px;min-height:340px;padding:9px; }
  .game-detail.is-clash-royale .is-clash-card .detail-entry-visual { width:138px;height:170px; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-identity h3 { font-size:15px; }
  .is-clash-card .clash-card-level { padding:9px; }
  .is-clash-card .clash-card-level small { font-size:9px; }
  .is-clash-card .clash-card-level strong { font-size:25px; }
  .is-clash-card .detail-entry-card-stats>span { min-height:54px;padding:7px; }
  .is-clash-card .detail-entry-card-stats small { font-size:8px; }
  .is-clash-card .detail-entry-card-stats strong { font-size:13px; }
}

/* 4.9.16: Stable cosmetics switching keeps the current grid mounted while a
   replacement page is fetched. No empty intermediate layout, no reload flash. */
.cosmetics-sync-note { display:grid;grid-template-columns:minmax(160px,.32fr) minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--game) 38%,#ffffff18);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--game) 10%,#080b10),#080b10); }
.cosmetics-sync-note strong { color:#f2f5f7;font-size:12px; }
.cosmetics-sync-note span { color:#8f9aa6;font-size:10px;line-height:1.5; }
.cosmetics-item-grid.is-updating { cursor:progress; }

/* 4.9.16: Explicit placement wins over the legacy generic order rule. The
   complete Clash Royale artwork is always row 1, name row 2, stats below. */
.game-detail.is-clash-royale .detail-entry.is-clash-card { grid-template-rows:auto auto;min-height:430px; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity { grid-template-rows:190px minmax(46px,auto);align-content:start;overflow:hidden; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity>.detail-entry-visual { grid-row:1;order:0;align-self:center;width:158px;height:188px;margin:0 auto; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity>header { grid-row:2;order:0;align-self:start; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity>.detail-entry-visual img { max-width:100%;max-height:100%;object-fit:contain;object-position:center; }

@media(max-width:900px) {
  .cosmetics-sync-note { grid-template-columns:1fr;gap:5px;padding:10px; }
  .game-detail.is-clash-royale .detail-entry.is-clash-card { min-height:410px; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-identity { grid-template-rows:176px minmax(42px,auto); }
  .game-detail.is-clash-royale .is-clash-card .clash-card-identity>.detail-entry-visual { width:146px;height:174px; }
}

/* 5.0.0 final cascade: artwork, visible name, then statistics. */
.game-detail.is-clash-royale .detail-entry.is-clash-card { grid-template-rows:minmax(190px,auto) minmax(52px,auto) auto;overflow:visible; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity { grid-row:1;min-height:190px;grid-template-rows:1fr;overflow:visible; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity>.detail-entry-visual { grid-row:1; }
.game-detail.is-clash-royale .is-clash-card .clash-card-caption { position:relative;z-index:3;grid-row:2;display:grid;align-content:center;min-width:0;min-height:52px;padding:4px 8px 7px;text-align:center;visibility:visible;opacity:1; }
.game-detail.is-clash-royale .is-clash-card .clash-card-caption h3 { display:block;overflow:visible;margin:0;color:#fff;font-size:17px;font-weight:900;line-height:1.15;overflow-wrap:anywhere;white-space:normal;-webkit-line-clamp:unset; }
.game-detail.is-clash-royale .is-clash-card .clash-card-caption small { display:block;margin-top:4px;color:#8f99a5;font-size:10px; }
.game-detail.is-clash-royale .is-clash-card .clash-card-data { grid-row:3; }
@media(max-width:900px) {
  .game-detail.is-clash-royale .detail-entry.is-clash-card { grid-template-rows:minmax(176px,auto) minmax(48px,auto) auto; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-identity { min-height:176px;grid-template-rows:1fr; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-caption h3 { font-size:16px; }
}


/* 5.0.6 Quellenkarten · erhaltener 5.0.5-Stil: maximal sechs Karten, vollständige zentrierte Motive
   und eine große, gut lesbare Bezeichnung in der blauen Kartenbox. */
.game-detail.is-fall-guys .cosmetics-item-grid,
.game-detail.is-fall-guys .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
.game-detail.is-fall-guys .cosmetics-item-grid[data-category="skins"] { grid-template-columns:repeat(6,minmax(0,1fr));gap:12px; }
.game-detail.is-fall-guys .cosmetics-item {
  grid-template-rows:minmax(0,268px) 84px;border:2px solid #74bcff;border-radius:12px;
  background:#173fba;box-shadow:0 9px 24px #0412478f,inset 0 0 0 1px #ffffff40;
}
.game-detail.is-fall-guys .cosmetics-item-media {
  isolation:isolate;min-width:0;min-height:0;padding:10px 10px 22px;
  background:linear-gradient(145deg,#2faee8,#1e55cc 68%,#1735a4);
}
.game-detail.is-fall-guys .cosmetics-item-media::before {
  content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,#ffffff22,transparent 38%,#09208955);pointer-events:none;
}
.game-detail.is-fall-guys .cosmetics-item-media>img {
  position:relative;z-index:1;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;
  object-fit:contain;object-position:center center;filter:drop-shadow(0 9px 8px #0412489e);
}
.game-detail.is-fall-guys .cosmetics-item[data-category="nameplates"] .cosmetics-item-media>img,
.game-detail.is-fall-guys .cosmetics-item[data-category="nicknames"] .cosmetics-item-media>img { width:98%;max-width:98%;height:auto; }
.game-detail.is-fall-guys .cosmetics-item:is([data-category="emotes"],[data-category="celebrations"]) .cosmetics-item-media>img {
  max-width:86%;max-height:78%;padding:7px;border:3px solid #9c89ff;border-radius:9px;background:linear-gradient(145deg,#7044df,#30258d);box-shadow:0 7px 18px #07124eaa;
}
.game-detail.is-fall-guys .cosmetics-fg-category-tag {
  position:absolute;z-index:4;left:9px;bottom:7px;color:#fff;font-size:8px;font-style:italic;font-weight:950;letter-spacing:.055em;text-shadow:0 2px 1px #06134f,0 0 5px #06134f;
}
.game-detail.is-fall-guys .cosmetics-fg-preview-label {
  position:absolute;z-index:4;right:8px;bottom:7px;color:#fff;font-size:7px;font-style:italic;font-weight:950;letter-spacing:.04em;text-shadow:0 2px 1px #06134f,0 0 5px #06134f;
}
.game-detail.is-fall-guys .cosmetics-item-copy {
  grid-template-rows:minmax(0,1fr) auto;align-content:center;gap:4px;padding:9px 12px 10px;
  border-top:2px solid #7fc4ff;background:linear-gradient(180deg,#17399f,#101e67);
}
.game-detail.is-fall-guys .cosmetics-item-copy strong {
  align-self:center;color:#fff;font-size:20px;font-weight:950;line-height:1.08;text-shadow:0 2px 0 #081146;
  -webkit-line-clamp:2;
}
.game-detail.is-fall-guys .cosmetics-item-copy small { color:#a9c6ff;font-size:9px;font-weight:800;line-height:1.1; }
.game-detail.is-fall-guys .cosmetics-item.is-pending { border-style:solid;opacity:1;filter:none; }
.game-detail.is-fall-guys .cosmetics-item.is-missing { opacity:1;filter:none; }
.game-detail.is-fall-guys .cosmetics-item.is-missing:hover,.game-detail.is-fall-guys .cosmetics-item.is-missing:focus-within { opacity:1;filter:none; }
@media(max-width:1180px) {
  .game-detail.is-fall-guys .cosmetics-item-grid,
  .game-detail.is-fall-guys .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
  .game-detail.is-fall-guys .cosmetics-item-grid[data-category="skins"] { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .game-detail.is-fall-guys .cosmetics-item { grid-template-rows:minmax(0,196px) 70px; }
  .game-detail.is-fall-guys .cosmetics-item-copy strong { font-size:16px; }
}
@media(max-width:900px) {
  .game-detail.is-fall-guys .cosmetics-item-grid,
  .game-detail.is-fall-guys .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
  .game-detail.is-fall-guys .cosmetics-item-grid[data-category="skins"] { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .game-detail.is-fall-guys .cosmetics-item { grid-template-rows:minmax(0,164px) 64px; }
  .game-detail.is-fall-guys .cosmetics-item-media { padding:8px 8px 21px; }
  .game-detail.is-fall-guys .cosmetics-item-copy { padding:7px 9px 8px; }
  .game-detail.is-fall-guys .cosmetics-item-copy strong { font-size:15px; }
}

/* Einheitliche Cosmetics-Arbeitsansicht: elf große Kacheln in den dichten
   Kategorien und eine kompakte Vier-Spalten-Liste. */
.cosmetics-toolbar { align-items:center; }
.cosmetics-display-controls { display:flex;align-items:center;gap:8px;margin-left:auto; }
.cosmetics-sort { display:flex;align-items:center;gap:8px;min-height:42px;padding:0 8px 0 12px;border:1px solid #ffffff19;border-radius:11px;background:#080b10; }
.cosmetics-sort>span { color:#8e99a5;font-size:10px;font-weight:820; }
.cosmetics-sort select { min-height:32px;border:0;outline:0;color:#f1f5f7;background:#11161d;font:inherit;font-size:12px;font-weight:820;cursor:pointer; }
.cosmetics-view-toggle { display:flex;gap:4px;padding:4px;border:1px solid #ffffff19;border-radius:11px;background:#080b10; }
.cosmetics-view { min-height:32px;padding:0 11px;border:0;border-radius:8px;color:#929da9;background:transparent;font:inherit;font-size:11px;font-weight:850;cursor:pointer; }
.cosmetics-view:hover,.cosmetics-view.is-active { color:#fff;background:color-mix(in srgb,var(--game) 24%,#12171e); }
.cosmetics-item-grid { grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:11px; }
.cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(11,minmax(0,1fr));gap:8px; }
.brawler-cosmetics-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(11,minmax(0,1fr));gap:8px; }
.cosmetics-item { grid-template-rows:minmax(0,164px) 58px; }
.cosmetics-item[data-category="pins"],.cosmetics-item[data-category="player-icons"],.cosmetics-item[data-category="sprays"],.cosmetics-item[data-category="emotes"] { grid-template-rows:auto 50px; }
.cosmetics-item-copy { gap:4px;padding:8px 10px 9px; }
.cosmetics-item-copy strong { display:block;overflow:hidden;color:#f8fafb;font-size:13px;font-weight:900;line-height:1.18;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:unset; }
.cosmetics-item-copy small { overflow:hidden;font-size:11px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap; }
.cosmetics-item.is-owned .cosmetics-item-copy small { color:#55e88f; }
.cosmetics-item.is-missing .cosmetics-item-copy small { color:#ff666f; }
.cosmetics-item.is-pending .cosmetics-item-copy small,.cosmetics-item.is-unknown .cosmetics-item-copy small { color:#f0c56b; }
.cosmetics-item.is-missing { opacity:1;filter:none; }
.cosmetics-item.is-missing .cosmetics-item-media { opacity:.62;filter:grayscale(.82);transition:opacity .16s ease,filter .16s ease; }
.cosmetics-item.is-missing:hover .cosmetics-item-media,.cosmetics-item.is-missing:focus-within .cosmetics-item-media { opacity:1;filter:none; }
.brawler-cosmetics-grid .cosmetics-item.is-compact .cosmetics-item-copy strong { overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
.brawler-cosmetics-grid .cosmetics-item.is-compact .cosmetics-item-copy small { font-size:9px;font-weight:900; }
.cosmetics-pager { display:flex;justify-content:center;align-items:center;gap:12px;min-height:44px; }
.cosmetics-pager>:is(button,span)[hidden] { display:none; }
.cosmetics-page-button { min-width:130px;min-height:42px;padding:0 16px;border:1px solid color-mix(in srgb,var(--game) 60%,#ffffff22);border-radius:11px;color:#fff;background:color-mix(in srgb,var(--game) 18%,#080b10);font:inherit;font-size:12px;font-weight:850;cursor:pointer; }
.cosmetics-page-button:disabled { opacity:.4;cursor:not-allowed; }
.cosmetics-page-number { color:#a7b1bc;font-size:12px;font-weight:800; }

/* Listenansicht: Bild links, Bezeichnung und Besitz rechts, vier Einträge je
   Reihe. Die Kategorie-Spezialregeln dürfen diese feste Geometrie nicht mehr
   auf zwölf schmale Spalten zurücksetzen. */
.cosmetics-item-grid.is-list-view,
.cosmetics-item-grid.is-list-view:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
.cosmetics-item-grid.is-list-view[data-category="skins"],
.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view,
.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view[data-category="skins"] { grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }
.cosmetics-item-grid.is-list-view .cosmetics-item,
.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view .cosmetics-item { grid-template-columns:92px minmax(0,1fr);grid-template-rows:86px;min-height:86px;border-width:1px;border-radius:12px; }
.cosmetics-item-grid.is-list-view .cosmetics-item-media,
.cosmetics-item-grid.is-list-view .cosmetics-item:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) .cosmetics-item-media,
.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view .cosmetics-item-media { width:92px;height:86px;min-height:0;aspect-ratio:auto;padding:7px; }
.cosmetics-item-grid.is-list-view .cosmetics-item-copy,
.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view .cosmetics-item-copy { align-content:center;gap:6px;min-width:0;padding:10px 11px;border-top:0;border-left:1px solid #ffffff14; }
.cosmetics-item-grid.is-list-view .cosmetics-item-copy strong,
.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view .cosmetics-item-copy strong { font-size:14px;line-height:1.16;text-shadow:none; }
.cosmetics-item-grid.is-list-view .cosmetics-item-copy small,
.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view .cosmetics-item-copy small { font-size:11px;line-height:1.15; }
.cosmetics-item-grid.is-list-view .cosmetics-fg-category-tag,
.cosmetics-item-grid.is-list-view .cosmetics-fg-preview-label { display:none; }
.cosmetics-item-grid.is-list-view .cosmetics-title-art { min-height:0;padding:5px; }
.cosmetics-item-grid.is-list-view .cosmetics-title-art>span { font-size:10px; }
.cosmetics-item-grid.is-list-view .cosmetics-title-art>small { display:none; }
.cosmetics-item-grid.is-list-view .cosmetics-set-art { gap:3px; }
.cosmetics-item-grid.is-list-view .cosmetics-set-piece>small { display:none; }

/* Fall Guys behält in der Kachelansicht exakt den blauen Quellenkartenstil. */
.game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy strong { display:block;overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:unset; }
.game-detail.is-fall-guys .cosmetics-item.is-owned .cosmetics-item-copy small { color:#55f29a; }
.game-detail.is-fall-guys .cosmetics-item.is-missing .cosmetics-item-copy small { color:#ff737b; }

@media(min-width:1181px) and (max-width:1480px) {
  .cosmetics-item-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]):not(.is-list-view) { grid-template-columns:repeat(9,minmax(0,1fr)); }
}
@media(max-width:1180px) {
  .cosmetics-item-grid.is-list-view,
  .cosmetics-item-grid.is-list-view:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
  .cosmetics-item-grid.is-list-view[data-category="skins"],
  .game-detail.is-fall-guys .cosmetics-item-grid.is-list-view { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy strong { font-size:16px; }
}
@media(max-width:900px) {
  .cosmetics-toolbar { align-items:stretch; }
  .cosmetics-display-controls { display:grid;grid-template-columns:1fr auto;width:100%;margin-left:0; }
  .cosmetics-sort { justify-content:space-between; }
  .cosmetics-sort select,.cosmetics-view { font-size:16px; }
  .cosmetics-item-grid.is-list-view,
  .cosmetics-item-grid.is-list-view:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
  .cosmetics-item-grid.is-list-view[data-category="skins"],
  .game-detail.is-fall-guys .cosmetics-item-grid.is-list-view,
  .game-detail.is-fall-guys .cosmetics-item-grid.is-list-view:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
  .game-detail.is-fall-guys .cosmetics-item-grid.is-list-view[data-category="skins"] { grid-template-columns:1fr;gap:7px; }
  .cosmetics-item-grid.is-list-view .cosmetics-item,
  .game-detail.is-fall-guys .cosmetics-item-grid.is-list-view .cosmetics-item { grid-template-columns:84px minmax(0,1fr);grid-template-rows:78px;min-height:78px; }
  .cosmetics-item-grid.is-list-view .cosmetics-item-media,
  .game-detail.is-fall-guys .cosmetics-item-grid.is-list-view .cosmetics-item-media { width:84px;height:78px; }
  .cosmetics-item-grid.is-list-view .cosmetics-item-copy strong,
  .game-detail.is-fall-guys .cosmetics-item-grid.is-list-view .cosmetics-item-copy strong { font-size:14px; }
  .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy strong { font-size:10px; }
  .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy small { font-size:9px; }
  .cosmetics-item-grid:not(.is-list-view):is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
  .cosmetics-item-grid:not(.is-list-view):is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) .cosmetics-item { grid-template-rows:auto 48px; }
  .cosmetics-item-grid:not(.is-list-view):is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) .cosmetics-item-copy small { position:static;width:auto;height:auto;overflow:hidden;clip-path:none;white-space:nowrap; }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy strong { font-size:15px; }
  .cosmetics-pager { justify-content:space-between;gap:7px; }
  .cosmetics-page-button { min-width:0;min-height:46px; }
}

/* 5.0.6 · Webseitenweite Cosmetics-Suche auf der Games-Seite. */
.games-overview { grid-template-rows:auto auto minmax(0,1fr) auto; }
.games-cosmetics-finder { position:relative;z-index:35;display:grid;grid-template-columns:auto minmax(300px,1fr);align-items:center;gap:10px;min-width:0; }
.games-cosmetics-filter { display:flex;align-items:center;gap:5px;min-width:0; }
.games-cosmetics-filter button { display:flex;align-items:center;gap:6px;min-height:40px;padding:5px 9px;border:1px solid #ffffff17;border-radius:10px;color:#8f9aa6;background:#090c11;font:inherit;font-size:10px;font-weight:850;cursor:pointer; }
.games-cosmetics-filter button:hover,.games-cosmetics-filter button.is-active { border-color:#42b66f70;color:#fff;background:#1b7a4533; }
.games-cosmetics-filter img { width:26px;height:24px;object-fit:contain; }
.games-cosmetics-input { display:flex;min-width:0;min-height:44px;align-items:center;gap:10px;padding:0 12px;border:1px solid #42b66f59;border-radius:12px;background:linear-gradient(135deg,#ffffff12,#0a0d12ed);box-shadow:inset 0 1px 0 #ffffff1c; }
.games-cosmetics-input>span { font-size:18px; }
.games-cosmetics-input input { width:100%;min-width:0;border:0;outline:0;color:#fff;background:transparent;font:inherit;font-size:13px;font-weight:760; }
.games-cosmetics-input button { flex:none;width:30px;height:30px;border:1px solid #ffffff18;border-radius:8px;color:#aab2bc;background:#090c11;font:700 20px/1 inherit;cursor:pointer; }
.games-cosmetics-results { position:absolute;z-index:100;top:calc(100% + 7px);right:0;width:min(760px,100%);max-height:min(64vh,570px);overflow:auto;padding:7px;border:1px solid #42b66f56;border-radius:17px;background:rgba(9,12,17,.98);box-shadow:0 28px 80px #000c; }
.games-cosmetics-results[hidden] { display:none; }
.games-cosmetics-results>a { display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;border:1px solid transparent;border-radius:12px;color:#f1f4f2;text-decoration:none; }
.games-cosmetics-results>a:hover,.games-cosmetics-results>a.is-active { border-color:#42b66f55;background:linear-gradient(110deg,#1b7a4530,#ffffff08); }
.games-cosmetics-results>a>span:nth-child(2) { display:grid;gap:4px;min-width:0; }
.games-cosmetics-results strong,.games-cosmetics-results small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.games-cosmetics-results strong { color:#fff;font-size:13px; }
.games-cosmetics-results small { color:#89939f;font-size:10px; }
.games-cosmetics-results em { font-size:11px;font-style:normal;font-weight:900;white-space:nowrap; }
.games-cosmetics-results em.is-owned { color:#55e88f; }
.games-cosmetics-results em.is-missing { color:#ff666f; }
.games-cosmetics-results em.is-unknown { color:#f0c56b; }
.games-cosmetic-result-preview { position:relative;display:grid;width:64px;height:52px;place-items:center;overflow:hidden;border:1px solid #ffffff16;border-radius:10px;background:#080b10; }
.games-cosmetic-result-preview>img:first-child { width:100%;height:100%;object-fit:contain; }
.games-cosmetic-result-logo { position:absolute;right:2px;bottom:2px;width:22px!important;height:18px!important;padding:2px;border-radius:5px;background:#05070be8;object-fit:contain; }

/* 5.0.9: Epic-Login bleibt außerhalb des Dashboards. Der lokale Bereich zeigt
   bewusst keine Konto-, Passwort- oder 2FA-Eingabefelder. */
.fortnite-locker-sync { display:grid;gap:12px;padding:17px 18px;border:1px solid #9a78ff66;border-radius:15px;background:radial-gradient(circle at 100% 0,#8d62ff2b,transparent 46%),linear-gradient(135deg,#171229,#0b0d14 62%);box-shadow:inset 0 1px 0 #ffffff13,0 14px 35px #0004; }
.fortnite-locker-sync>header { display:flex;align-items:center;justify-content:space-between;gap:18px; }
.fortnite-locker-sync>header small { color:#ac91ff;font-size:9px;font-weight:950;letter-spacing:.16em; }
.fortnite-locker-sync>header h3 { margin:4px 0 0;color:#fff;font-size:18px;letter-spacing:-.02em; }
.fortnite-locker-trust { flex:none;padding:7px 10px;border:1px solid #55e88f55;border-radius:999px;color:#71efa2;background:#13341f99;font-size:10px;font-weight:900; }
.fortnite-locker-description,.fortnite-locker-last,.fortnite-locker-status { margin:0;line-height:1.5; }
.fortnite-locker-description { max-width:1000px;color:#b8b4c4;font-size:11px; }
.fortnite-locker-last { color:#8f88a1;font-size:10px;font-weight:750; }
.fortnite-locker-actions { display:flex;align-items:center;gap:9px;flex-wrap:wrap; }
.fortnite-locker-start,.fortnite-locker-cancel,.fortnite-locker-login-link { min-height:39px;padding:0 14px;border:1px solid #ffffff1d;border-radius:10px;font:inherit;font-size:11px;font-weight:900;text-decoration:none;cursor:pointer; }
.fortnite-locker-start { color:#fff;border-color:#a984ff80;background:linear-gradient(135deg,#7045de,#9c72ff);box-shadow:0 8px 20px #6d43da36; }
.fortnite-locker-start:disabled { opacity:.56;cursor:progress; }
.fortnite-locker-login-link { display:inline-flex;align-items:center;color:#160f28;border-color:#cfbcff;background:#e6ddff; }
.fortnite-locker-login-link[hidden],.fortnite-locker-cancel[hidden] { display:none; }
.fortnite-locker-cancel { color:#cac4d7;background:#121019; }
.fortnite-locker-status { color:#c1b9d6;font-size:10px;font-weight:780; }
.fortnite-locker-status.is-success { color:#55e88f; }
.fortnite-locker-status.is-error { color:#ff737b; }

/* Das gelieferte Fortnite-Wortbild ist schwarz. Auf allen dunklen
   Dashboard-Flächen wird exakt dieses Asset weiß dargestellt. */
.game-card.is-fortnite header img,
.game-detail.is-fortnite .game-detail-brand>img,
.game-detail.is-fortnite .game-detail-hero-art>img,
.games-search-result-image.is-fortnite img,
.games-cosmetic-result-logo[src*="/games/fortnite.png"] { filter:brightness(0) invert(1) drop-shadow(0 8px 13px #0008)!important; }
.games-search-result-image.is-fortnite { background:#12131b; }
[data-cosmetics-game="fortnite"] img { filter:brightness(0) invert(1)!important; }

@media(max-width:900px) {
  .fortnite-locker-sync { padding:14px; }
  .fortnite-locker-sync>header { align-items:flex-start;flex-direction:column;gap:9px; }
  .fortnite-locker-trust { white-space:normal; }
  .fortnite-locker-actions>* { width:100%;justify-content:center;text-align:center; }
}
@media(max-width:1180px) {
  .games-cosmetics-finder { grid-template-columns:1fr; }
  .games-cosmetics-filter { overflow-x:auto;padding-bottom:2px; }
  .games-cosmetics-results { left:0;width:100%; }
}
@media(max-width:900px) {
  html.cg-games-overview-root,html.cg-games-overview-root body { height:auto;overflow:auto; }
  html.cg-games-overview-root .main-content { height:auto;min-height:100dvh;overflow:visible;padding:18px 14px 45px; }
  .games-overview { height:auto;grid-template-rows:auto auto auto auto; }
  .games-cosmetics-filter button { flex:none;min-height:44px; }
  .games-cosmetics-filter button span { display:none; }
  .games-cosmetics-filter button:first-child span { display:inline; }
  .games-cosmetics-input input { font-size:16px; }
  .games-cosmetics-results>a { grid-template-columns:56px minmax(0,1fr); }
  .games-cosmetics-results em { grid-column:2; }
  .games-cosmetic-result-preview { width:56px;height:48px;grid-row:1/3; }
}

/* 5.0.14 · Ein durchgängiger Gegenstandsindex, vollständige Kategorien
   ohne Pager und stabile, größere Beschriftungen. */
.games-head>.games-cosmetics-finder { display:block;width:100%;z-index:40; }
.games-head>.games-cosmetics-finder .games-cosmetics-input { min-height:50px;border-top-color:#ffffff3b;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff1c,0 18px 38px #0005,0 0 26px #1b7a4517;backdrop-filter:blur(24px) saturate(150%); }
.games-catalog-filterbar { position:relative;z-index:18;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px;scrollbar-width:none; }
.games-catalog-filterbar::-webkit-scrollbar { display:none; }
.games-cosmetics-results,.games-search-results,.game-detail-search-results { overscroll-behavior:contain; }

.game-card:is(.is-brawl-stars,.is-clash-royale,.is-clash-of-clans) header img { transform:translateY(-14px); }

.game-detail-section>summary { min-width:0;overflow:hidden;font-size:clamp(21px,1.45vw,25px);line-height:1.12;white-space:nowrap; }
.game-detail-section>summary .game-detail-section-title { flex:0 1 auto;min-width:0;overflow:hidden;font:inherit;text-overflow:ellipsis;white-space:nowrap; }
.game-detail-section>summary small { min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap; }
.detail-entry h3 { min-width:0;overflow:hidden;font-size:clamp(18px,1.2vw,22px);line-height:1.12;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal; }
.cosmetics-count>small { font-size:12px; }
.cosmetics-item-copy strong { font-size:15px; }
.cosmetics-item-copy small { font-size:12px; }

.fortnite-locker-sync.fortnite-locker-compact { display:block;justify-self:end;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none; }
.fortnite-locker-compact .fortnite-locker-actions { justify-content:flex-end;gap:7px; }
.fortnite-locker-compact .fortnite-locker-start,.fortnite-locker-compact .fortnite-locker-cancel,.fortnite-locker-compact .fortnite-locker-login-link { min-height:36px;padding:0 12px;font-size:10px;white-space:nowrap; }
.fortnite-locker-compact .fortnite-locker-status { max-width:520px;margin:7px 0 0;text-align:right; }
.fortnite-locker-status[hidden] { display:none; }
.cosmetics-sync-note:has(.fortnite-locker-compact) { grid-template-columns:minmax(160px,.26fr) minmax(0,1fr) auto; }

/* Clash-Royale-Karten beginnen direkt oben in ihrer Kartenbox. Die Grafik
   behält ihr Seitenverhältnis; Name und Werte liegen in eigenen Zeilen. */
.game-detail.is-clash-royale .detail-entry.is-clash-card { grid-template-rows:158px 46px auto;gap:7px;min-height:0;padding:10px;overflow:hidden; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity { grid-row:1;display:grid;height:158px;min-height:158px;grid-template-rows:158px;align-content:start;overflow:hidden;padding:0 6px;border-radius:11px; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity>.detail-entry-visual { grid-row:1;align-self:start;width:150px;height:174px;margin:-18px auto 0;transform:none!important; }
.game-detail.is-clash-royale .is-clash-card .clash-card-identity>.detail-entry-visual img { width:100%;height:100%;object-fit:contain;object-position:center top; }
.game-detail.is-clash-royale .is-clash-card .clash-card-caption { grid-row:2;min-height:46px;padding:3px 6px 6px; }
.game-detail.is-clash-royale .is-clash-card .clash-card-caption h3 { overflow:hidden;font-size:20px;line-height:1.12;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal; }
.game-detail.is-clash-royale .is-clash-card .clash-card-data { grid-row:3; }

@media(max-width:1180px) {
  .games-head { grid-template-columns:minmax(200px,.55fr) minmax(340px,1.2fr); }
  .games-head-actions { grid-column:1/-1;justify-content:flex-end; }
}
@media(max-width:900px) {
  .games-head { grid-template-columns:1fr;gap:12px; }
  .games-head>.games-cosmetics-finder,.games-head-actions { grid-column:1; }
  .games-head-actions { justify-content:stretch; }
  .games-catalog-filterbar button { flex:none; }
  .game-card:is(.is-brawl-stars,.is-clash-royale,.is-clash-of-clans) header img { transform:translateY(-9px); }
  .game-detail-section>summary { padding:16px 14px;font-size:20px; }
  .game-detail-section>summary small { font-size:11px; }
  .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy strong { font-size:13px; }
  .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy small { font-size:11px; }
  .cosmetics-sync-note:has(.fortnite-locker-compact) { grid-template-columns:1fr; }
  .fortnite-locker-sync.fortnite-locker-compact { justify-self:stretch; }
  .fortnite-locker-compact .fortnite-locker-actions { justify-content:stretch; }
  .fortnite-locker-compact .fortnite-locker-actions>* { width:auto;flex:1; }
  .fortnite-locker-compact .fortnite-locker-status { text-align:left; }
  .game-detail.is-clash-royale .detail-entry.is-clash-card { grid-template-rows:144px 42px auto;min-height:0; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-identity { height:144px;min-height:144px;grid-template-rows:144px; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-identity>.detail-entry-visual { width:136px;height:158px;margin:-15px auto 0; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-caption { min-height:42px; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-caption h3 { font-size:17px; }
}

/* 5.0.14 · Einheitliche Ingame-Informationen fuer jeden Gegenstand und jede
   Spieleinheit. Das Tooltip liegt als Portal direkt unter body, damit es von
   den bewusst beschnittenen Kartenbildern niemals abgeschnitten wird. */
.game-info-tooltip { position:fixed;z-index:10000;width:min(430px,calc(100vw - 20px));max-height:min(72vh,640px);overflow:hidden;padding:16px 17px;border:1px solid color-mix(in srgb,var(--game,#7d9fff) 58%,#ffffff2b);border-top-color:color-mix(in srgb,var(--game,#7d9fff) 78%,#fff);border-radius:16px;color:#f4f7fb;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--game,#7d9fff) 18%,transparent),transparent 46%),rgba(7,10,15,.985);box-shadow:0 24px 70px #000d,inset 0 1px 0 #ffffff19;pointer-events:none;backdrop-filter:blur(24px) saturate(145%); }
.game-info-tooltip[hidden] { display:none; }
.game-info-tooltip header { display:grid;gap:4px; }
.game-info-tooltip-kicker { color:color-mix(in srgb,var(--game,#8ba6ff) 78%,#fff);font-size:9px;font-weight:950;letter-spacing:.14em; }
.game-info-tooltip h3 { margin:0;color:#fff;font-size:20px;line-height:1.15; }
.game-info-tooltip-description { margin:11px 0 0;color:#eef2f7;font-size:13px;font-weight:650;line-height:1.48;white-space:pre-line; }
.game-info-tooltip-grid { display:grid;grid-template-columns:minmax(105px,.72fr) minmax(0,1.28fr);gap:5px 12px;margin:12px 0 0;padding-top:10px;border-top:1px solid #ffffff15; }
.game-info-tooltip-grid dt,.game-info-tooltip-grid dd { margin:0;font-size:11px;line-height:1.3; }
.game-info-tooltip-grid dt { color:#8f9aa7;font-weight:760; }
.game-info-tooltip-grid dd { color:#fff;font-weight:850;text-align:right;overflow-wrap:anywhere; }
.game-info-tooltip-note { margin:9px 0 0;color:#b7c0ca;font-size:10px;line-height:1.42; }
.game-info-tooltip footer { margin-top:11px;padding-top:9px;border-top:1px solid #ffffff12;color:#7f8995;font-size:9px;font-weight:720;line-height:1.35; }
[data-has-ingame-info="1"]:focus-visible { outline:2px solid color-mix(in srgb,var(--game,#87a5ff) 75%,#fff);outline-offset:3px; }

.brawler-official-info { display:grid;gap:11px;margin-bottom:17px;padding:16px;border:1px solid color-mix(in srgb,var(--game) 55%,#ffffff20);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--game) 13%,transparent),#090c12c9);box-shadow:inset 0 1px 0 #ffffff12; }
.brawler-official-info>small { color:color-mix(in srgb,var(--game) 74%,#fff);font-size:9px;font-weight:950;letter-spacing:.15em; }
.brawler-metadata-grid { display:grid;grid-template-columns:repeat(2,minmax(120px,.75fr) minmax(0,1.25fr));gap:7px 12px;margin:0;padding:12px;border:1px solid #ffffff13;border-radius:12px;background:#070a10a8; }
.brawler-metadata-grid dt,.brawler-metadata-grid dd { margin:0;font-size:11px;line-height:1.35; }
.brawler-metadata-grid dt { color:#8f9aa7;font-weight:780; }
.brawler-metadata-grid dd { color:#fff;font-weight:880;overflow-wrap:anywhere; }
.brawler-official-description { margin:0;color:#f3f6fa;font-size:14px;font-weight:680;line-height:1.5;white-space:pre-line; }
.brawler-official-abilities { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.brawler-official-abilities article { padding:11px 12px;border:1px solid #ffffff13;border-radius:11px;background:#070a10b8; }
.brawler-official-abilities h4 { margin:0;color:#fff;font-size:11px;line-height:1.3; }
.brawler-official-abilities p { margin:6px 0 0;color:#aeb7c2;font-size:10px;line-height:1.42; }
.brawler-official-info footer { color:#7f8994;font-size:9px;font-weight:720; }

@media(max-width:900px) {
  .game-info-tooltip { max-height:min(62vh,520px);padding:14px; }
  .game-info-tooltip h3 { font-size:17px; }
  .brawler-metadata-grid { grid-template-columns:minmax(105px,.72fr) minmax(0,1.28fr); }
  .brawler-official-abilities { grid-template-columns:1fr; }
}

/* 5.0.19 · finale Mobile-/Tablet-Kaskade. Sie ersetzt die über Jahre
   angesammelten Einzel-Breakpoints durch eine eindeutige Geometrie am Ende
   der Datei und verhindert Seitenbreiten oberhalb des Viewports. */
.game-detail,.game-detail-sections,.game-detail-section,.game-detail-section-body,.cosmetics-body,.cosmetics-counts,.cosmetics-toolbar,.cosmetics-item-grid,.cosmetics-auto-loader { max-width:100%; }
.cosmetics-body { container-type:inline-size; }
.cosmetics-auto-loader { display:flex;width:min(100%,420px);min-height:1px;align-items:center;justify-content:center;gap:10px;margin:1px auto;color:#aeb5c0;font:800 13px/1.3 inherit;text-align:center; }
.cosmetics-auto-loader.is-loading { min-height:48px;margin:10px auto 2px; }
.cosmetics-auto-loader.is-loading::before { content:"";width:16px;height:16px;flex:0 0 16px;border:2px solid #ffffff2b;border-top-color:var(--game-color,#8f68ff);border-radius:50%;animation:cosmetics-auto-loader-spin .7s linear infinite; }
.cosmetics-auto-loader[hidden] { display:none!important; }
@keyframes cosmetics-auto-loader-spin { to { transform:rotate(360deg); } }

@media(max-width:900px) {
  html,body { max-width:100%;overflow-x:hidden; }
  input,select,textarea { font-size:16px!important; }
  .main-content.cg-advanced { width:100%;max-width:100%;padding:16px 12px calc(94px + env(safe-area-inset-bottom));overflow-x:hidden; }
  html.cg-games-overview-root .main-content { width:100%;max-width:100%;padding:16px 12px calc(94px + env(safe-area-inset-bottom));overflow-x:hidden; }
  .games-overview,.games-head,.games-grid,.game-card,.game-detail { width:100%;max-width:100%; }
  .games-head { grid-template-columns:minmax(0,1fr);gap:12px; }
  .games-head>* { grid-column:1!important;grid-row:auto!important; }
  .games-head-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%; }
  .games-head-actions>* { min-width:0;text-align:center; }
  .games-cosmetics-finder,.games-cosmetics-input,.games-catalog-filterbar { width:100%;max-width:100%; }
  .games-grid { grid-template-columns:minmax(0,1fr); }
  .game-card { grid-column:auto!important;min-height:330px; }
  .game-detail::before { inset:0; }
  .game-detail-hero,.game-detail-search { width:100%;max-width:100%; }
  .game-detail-hero { padding:11px 13px 13px; }
  .game-detail-brand { width:100%;gap:10px; }
  .game-detail-brand>img { width:min(145px,34vw);height:58px; }
  .game-detail-identity { flex:1;min-width:0; }
  .game-detail-identity h1 { overflow:hidden;font-size:clamp(25px,6vw,33px);text-overflow:ellipsis;white-space:nowrap; }
  .game-detail-identity p { flex-wrap:wrap;gap:6px; }
  .game-detail-identity p span { max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere; }
  .fortnite-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .game-detail-top { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .game-detail-section>summary { width:100%;padding:15px 13px;gap:8px; }
  .game-detail-section>summary .game-detail-section-title { font-size:clamp(18px,4.5vw,22px); }
  .game-detail-section-body { width:100%;padding:0 10px 12px;overflow:hidden; }
  .game-detail-section-body.cosmetics-body { overflow:visible; }
  .game-detail-card-grid,.game-detail-card-grid.is-brawlers,.game-detail-card-grid.is-cards,.game-detail.is-clash-royale .game-detail-card-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .detail-entry { min-width:0;padding:10px; }
  .detail-entry-stats { grid-template-columns:repeat(2,minmax(0,1fr));gap:5px; }
  .detail-entry-stats span { padding:6px; }
  .detail-entry-stats small { font-size:9px; }
  .detail-entry-stats strong { font-size:13px; }
  .cosmetics-counts { grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
  .cosmetics-count { min-width:0;padding:9px; }
  .cosmetics-toolbar { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px; }
  .cosmetics-ownership { width:100%;min-width:0;padding-inline:6px; }
  .cosmetics-display-controls { grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;margin:0;gap:7px; }
  .cosmetics-sort,.cosmetics-view-toggle { width:100%;min-width:0; }
  .cosmetics-sort { padding-left:9px; }
  .cosmetics-sort select { min-width:0;width:100%;font-size:16px; }
  .cosmetics-view-toggle { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cosmetics-view { min-width:0;padding-inline:6px;font-size:14px; }
  .cosmetics-status { overflow-wrap:anywhere; }
  .cosmetics-item-grid:not(.is-list-view) { grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
  .cosmetics-item-grid:not(.is-list-view):is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(5,minmax(0,1fr));gap:5px; }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view),
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view):is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view)[data-category="skins"] { grid-template-columns:repeat(4,minmax(0,1fr));gap:7px; }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item { grid-template-rows:minmax(0,172px) 64px; }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy strong { font-size:14px; }
  .cosmetics-item-grid.is-list-view,.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brawler-cosmetics-popover { width:calc(100vw - 16px);min-width:0;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .brawler-cosmetics-grid[data-category="skins"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .brawler-cosmetics-grid:is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .game-info-tooltip { width:calc(100vw - 16px);max-height:min(62dvh,520px); }
}

@media(max-width:600px) {
  .games-head h1 { font-size:32px; }
  .game-card { min-height:315px;padding:15px; }
  .game-card header { min-height:92px; }
  .game-card header img { max-width:58%; }
  .game-metrics,.game-card.is-fall-guys .game-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .game-detail-top>span,.game-detail-section .detail-stat { min-height:86px;padding:11px; }
  .game-detail-top strong,.detail-stat strong { font-size:21px; }
  .game-detail-section>summary small { display:none; }
  .cosmetics-display-controls { grid-template-columns:minmax(0,1fr); }
  .cosmetics-item-grid:not(.is-list-view) { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
  .cosmetics-item-grid:not(.is-list-view):is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]) { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view),
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view):is([data-category="pins"],[data-category="player-icons"],[data-category="sprays"],[data-category="emotes"]),
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view)[data-category="skins"] { grid-template-columns:repeat(3,minmax(0,1fr));gap:5px; }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item { grid-template-rows:minmax(0,118px) 54px;border-width:1.5px;border-radius:9px; }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-media { padding:5px 5px 17px; }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy { padding:5px 6px 6px;border-top-width:1.5px; }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy strong { font-size:12px;line-height:1.05; }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) .cosmetics-item-copy small { font-size:8px; }
  .game-detail.is-fall-guys .cosmetics-fg-category-tag { left:5px;bottom:4px;font-size:6px; }
  .game-detail.is-fall-guys .cosmetics-fg-preview-label { right:5px;bottom:4px;font-size:5.5px; }
  .cosmetics-item-grid.is-list-view,.game-detail.is-fall-guys .cosmetics-item-grid.is-list-view { grid-template-columns:minmax(0,1fr); }
  .game-detail.is-clash-royale .detail-entry.is-clash-card { grid-template-rows:124px 40px auto;padding:7px; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-identity { height:124px;min-height:124px;grid-template-rows:124px; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-identity>.detail-entry-visual { width:116px;height:138px;margin:-13px auto 0; }
  .game-detail.is-clash-royale .is-clash-card .clash-card-caption h3 { font-size:14px; }
  .is-clash-card .clash-card-level strong { font-size:22px; }
  .is-clash-card .detail-entry-card-stats { grid-template-columns:minmax(0,1fr); }
}

@media(max-width:360px) {
  .main-content.cg-advanced,html.cg-games-overview-root .main-content { padding-inline:9px; }
  .games-head-actions { grid-template-columns:minmax(0,1fr); }
  .game-detail-brand>img { width:min(112px,32vw);height:48px; }
  .game-detail-identity h1 { font-size:24px; }
  .game-detail-top { gap:7px; }
  .game-detail-top small,.detail-stat small { font-size:11px; }
  .cosmetics-count>small { font-size:10px; }
  .cosmetics-toolbar { gap:5px; }
  .cosmetics-ownership { font-size:10px; }
  .game-detail-card-grid,.game-detail-card-grid.is-brawlers,.game-detail-card-grid.is-cards,.game-detail.is-clash-royale .game-detail-card-grid { gap:6px; }
}

@media(max-width:290px) {
  .game-detail-top,.cosmetics-counts,.game-detail-card-grid,.game-detail-card-grid.is-brawlers,.game-detail-card-grid.is-cards,.game-detail.is-clash-royale .game-detail-card-grid { grid-template-columns:minmax(0,1fr); }
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view),
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view)[data-category="skins"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-height:520px) and (orientation:landscape) and (max-width:900px) {
  .main-content.cg-advanced { padding-bottom:78px; }
  .brawler-cosmetics-popover { max-height:calc(100dvh - 12px); }
  .game-detail-hero { min-height:96px; }
}

@container (max-width:540px) {
  .cosmetics-item-grid:not(.is-list-view) { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cosmetics-item-grid.is-list-view { grid-template-columns:minmax(0,1fr); }
}

@container (max-width:330px) {
  .game-detail.is-fall-guys .cosmetics-item-grid:not(.is-list-view) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (prefers-reduced-motion:reduce) {
  .game-card,.detail-entry,.cosmetics-item,.cosmetics-auto-loader,.cosmetics-auto-loader::before,.brawler-cosmetics-popover { transition:none!important;animation:none!important;scroll-behavior:auto!important; }
}