/* CZESTI_LOL_PORTAL_EUNE_V1 */
.cz-lol-page {
  margin:0;
  min-height:100vh;
  color:#edf3f7;
  background:#0c141e;
  font:15px system-ui,-apple-system,Segoe UI,Arial,sans-serif;
}

.cz-lol-page * {box-sizing:border-box}

.lol-shell {
  max-width:1320px;
  margin:auto;
  padding:0 30px;
}

.lol-header {
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.lol-back {
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
}

.lol-back img {
  width:46px;
  height:46px;
  object-fit:contain;
}

.lol-back span,
.lol-hero-content {
  display:flex;
  flex-direction:column;
}

.lol-back strong {font-size:16px}
.lol-back small {color:#9dabb9;font-size:10px;letter-spacing:.1em}

.lol-header-links {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.lol-header-links a {
  text-decoration:none;
  color:#c9d5df;
  border:1px solid #35424c;
  background:#19242d;
  padding:10px 17px;
  border-radius:9px;
  font-weight:700;
}

.lol-header-links a.lol-current {
  border-color:#d1a65d;
  color:#f0d49b;
}

.lol-hero {
  min-height:350px;
  position:relative;
  overflow:hidden;
  border:1px solid #6d593e;
  border-radius:20px;
  background:#182738;
  display:flex;
  align-items:end;
}

.lol-hero-image {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 35%;
}

.lol-hero-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    rgba(8,17,28,.98) 0%,
    rgba(8,17,28,.85) 36%,
    rgba(8,17,28,.22) 100%),
    linear-gradient(0deg,rgba(8,17,28,.7),transparent 60%);
}

.lol-hero-content {
  position:relative;
  z-index:1;
  padding:38px;
  max-width:720px;
  align-items:flex-start;
}

.lol-eyebrow {
  color:#dab779;
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
}

.lol-hero h1 {
  font-size:clamp(28px,4.6vw,52px);
  line-height:1.1;
  margin:12px 0 12px;
  color:#fff3d7;
}

.lol-hero p {
  font-size:16px;
  line-height:1.6;
  color:#d1dae5;
  margin:0 0 22px;
}

.lol-region,
.lol-pending {
  border:1px solid rgba(219,177,99,.45);
  background:rgba(22,28,36,.8);
  color:#e5ca94;
  font-size:11px;
  font-weight:800;
  border-radius:20px;
  padding:9px 13px;
}

.lol-section {margin:36px 0}

.lol-section-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:17px;
}

.lol-section h2,
.lol-panel h2 {
  font-size:23px;
  margin:9px 0;
}

.lol-stats-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.lol-stat {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  min-height:165px;
  gap:7px;
  padding:19px;
  background:linear-gradient(145deg,#1a2a37,#111c27);
  border:1px solid #344351;
  border-radius:14px;
}

.lol-stat-icon {font-size:26px}

.lol-stat-label {
  font-size:13px;
  font-weight:750;
  color:#e7d0a2;
}

.lol-stat-value {
  font-size:26px;
  color:#fff;
  line-height:1.1;
}

.lol-stat small {
  font-size:11px;
  color:#a7b6c4;
}

.lol-lower-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin:28px 0 42px;
}

.lol-panel {
  padding:25px;
  background:#151f2a;
  border:1px solid #354451;
  border-radius:16px;
}

.lol-panel p {
  color:#b5c3cd;
  line-height:1.6;
}

.lol-empty {
  margin-top:25px;
  padding:20px;
  text-align:center;
  border:1px dashed #465665;
  border-radius:11px;
  color:#a8b9c8;
}

.lol-footer {
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid #303e4b;
  padding:22px 0 34px;
  color:#889aaa;
  font-size:11px;
}

/* Trzeci kafelek na stronie glownej */
.cz-lol-home-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  color:#f2f5f8;
  background:linear-gradient(150deg,#192d3b,#121c28);
  text-decoration:none !important;
  border:1px solid #ad8954;
  border-radius:17px;
  box-shadow:0 9px 28px rgba(0,0,0,.22);
  transition:transform .2s,border-color .2s;
}

.cz-lol-home-card:hover {
  transform:translateY(-3px);
  border-color:#edc981;
}

.cz-lol-home-picture {
  display:block;
  height:180px;
  overflow:hidden;
  background:#111c2c;
}

.cz-lol-home-picture img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 30%;
}

.cz-lol-home-copy {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px;
}

.cz-lol-home-tag {
  color:#ddbd82;
  font-size:10px;
  letter-spacing:.12em;
  font-weight:800;
}

.cz-lol-home-copy strong {
  font-size:23px;
  color:#f9e5b8;
}

.cz-lol-home-copy small {
  color:#b8c8d5;
  font-size:13px;
}

.cz-lol-home-enter {
  margin-top:8px;
  font-size:12px;
  font-weight:800;
  color:#e9c889;
}

@media(min-width:851px) {
  .portal-page :is(
    .game-grid,.games-grid,.portal-games,.game-cards,
    .games,.world-grid
  ):has(> .cz-lol-home-card) {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:1000px) {
  .lol-stats-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:650px) {
  .lol-shell {padding:0 13px}

  .lol-header {
    padding:15px 0;
    flex-wrap:wrap;
    gap:15px;
  }

  .lol-header-links {
    width:100%;
  }

  .lol-header-links a {
    flex:1;
    text-align:center;
    padding:9px;
  }

  .lol-hero {min-height:310px}

  .lol-hero-shade {
    background:linear-gradient(0deg,
      rgba(8,17,28,.97),
      rgba(8,17,28,.48) 100%);
  }

  .lol-hero-content {padding:22px}
  .lol-hero p {font-size:14px}

  .lol-section-head {
    align-items:flex-start;
    flex-direction:column;
  }

  .lol-stats-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .lol-stat {
    min-height:145px;
    padding:14px;
  }

  .lol-lower-grid {
    grid-template-columns:1fr;
  }

  .lol-footer {flex-direction:column}
}

@media(max-width:380px) {
  .lol-stat-label {font-size:12px}
  .lol-stat {padding:11px}
}


/* CZESTI_LOL_VISUAL_UPGRADE_V2 */

/* LEAGUE OF LEGENDS - KARTY STATYSTYK */

.cz-lol-page .lol-stat {
  position:relative;
  min-height:185px;
  border-color:#4d4550;
  background:
    radial-gradient(circle at 100% 0%,
      rgba(193,143,72,.13),transparent 65%),
    linear-gradient(145deg,#1a2b3a,#111a27);
  overflow:hidden;
}

.cz-lol-page .lol-stat-icon {
  display:flex;
  width:54px;
  height:54px;
  padding:3px;
  border-radius:11px;
  border:1px solid rgba(218,177,103,.4);
  background:#0c1620;
  overflow:hidden;
  font-size:0;
}

.cz-lol-page .lol-stat-icon img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:7px;
}

.cz-lol-page .lol-stat-label {
  font-size:14px;
  color:#ecd49f;
}

.cz-lol-page .lol-stat-value {
  font-size:30px;
  color:#fff6df;
}

.cz-lol-page .lol-stat small {
  color:#a7b7c5;
}

/* PAS Z TRZEMA MOTYWAMI GRY */

.cz-lol-page .lol-feature-band {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  margin-top:16px;
}

.cz-lol-page .lol-feature {
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:16px;
  border:1px solid #425365;
  border-radius:13px;
  background:linear-gradient(135deg,#1a2b3b,#15212d);
}

.cz-lol-page .lol-feature img {
  width:48px;
  height:48px;
  flex:0 0 48px;
  object-fit:cover;
  border:1px solid #89704b;
  border-radius:9px;
}

.cz-lol-page .lol-feature span {
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.cz-lol-page .lol-feature strong {
  font-size:14px;
  color:#f3d59a;
}

.cz-lol-page .lol-feature small {
  font-size:11px;
  line-height:1.5;
  color:#aebfcd;
}

/* RANKING I MECZE - GOTOWE MIEJSCA NA DANE */

.cz-lol-page .lol-preview-list {
  margin-top:19px;
  display:flex;
  flex-direction:column;
  gap:9px;
}

.cz-lol-page .lol-preview-row {
  display:flex;
  align-items:center;
  gap:13px;
  min-height:63px;
  padding:11px 14px;
  border:1px solid #344655;
  border-radius:10px;
  background:#101b27;
}

.cz-lol-page .lol-preview-place {
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#253440;
  color:#ddbc80;
  font-size:12px;
  font-weight:800;
}

.cz-lol-page .lol-preview-row > span:not(.lol-preview-place) {
  display:flex;
  flex:1;
  flex-direction:column;
  gap:4px;
  min-width:0;
  font-size:13px;
  color:#e5eaf0;
}

.cz-lol-page .lol-preview-row small {
  font-size:11px;
  color:#849caa;
}

.cz-lol-page .lol-preview-row b {
  margin-left:auto;
  color:#d4b77f;
}

.cz-lol-page .lol-preview-champion {
  width:36px;
  height:36px;
  flex:0 0 36px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid #87704c;
}

/* STRONA GLOWNA - KAFEL LOL JAK CS2 I TIBIA */

body.portal-page .cz-lol-home-card {
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:470px;
  height:100%;
  padding:0 !important;
  border:1px solid #635744;
  border-radius:15px;
  background:#111820;
  overflow:hidden;
}

body.portal-page .cz-lol-home-picture {
  position:absolute;
  z-index:-2;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  overflow:hidden;
}

body.portal-page .cz-lol-home-picture img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:55% center;
}

body.portal-page .cz-lol-home-card::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(180deg,
      rgba(9,14,22,.30) 0%,
      rgba(9,14,22,.26) 24%,
      rgba(9,14,22,.84) 59%,
      rgba(9,14,22,.98) 100%);
  pointer-events:none;
}

body.portal-page .cz-lol-home-copy {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
  width:100%;
  padding:28px !important;
  background:transparent;
}

body.portal-page .cz-lol-home-tag {
  position:absolute;
  bottom:calc(100% + 180px);
  left:28px;
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border:1px solid rgba(229,189,111,.65);
  border-radius:999px;
  background:rgba(14,23,32,.85);
  font-size:10px;
  color:#f7d79c;
  letter-spacing:.12em;
}

body.portal-page .cz-lol-home-copy strong {
  display:block;
  font-size:clamp(24px,2.2vw,30px);
  line-height:1.12;
  color:#fff;
}

body.portal-page .cz-lol-home-copy small {
  display:block;
  min-height:48px;
  color:#d3dfeb;
  font-size:13px;
  line-height:1.7;
}

body.portal-page .cz-lol-home-enter {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  margin-top:12px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.16);
  font-weight:800;
  color:#fff;
  font-size:12px;
}

body.portal-page .cz-lol-home-enter::after {
  content:"↗";
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid rgba(228,188,116,.5);
  font-size:17px;
  color:#e5c78e;
}

/* TELEFONY */

@media(max-width:900px) {
  .cz-lol-page .lol-feature-band {
    grid-template-columns:1fr;
  }
}

@media(max-width:650px) {
  .cz-lol-page .lol-stat {
    min-height:165px;
  }

  .cz-lol-page .lol-stat-icon {
    width:46px;
    height:46px;
  }

  .cz-lol-page .lol-feature {
    padding:12px;
  }

  body.portal-page .cz-lol-home-card {
    min-height:440px;
  }

  body.portal-page .cz-lol-home-copy {
    padding:20px !important;
  }

  body.portal-page .cz-lol-home-tag {
    left:20px;
    bottom:calc(100% + 130px);
  }
}


/* CZESTI_THREE_GAMES_NAV_V1 */

/* LoL w przełącznikach CS2 i Tibii */
.game-switcher .cz-lol-switch-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  white-space:nowrap;
  font-size:inherit;
  font-weight:700;
}

/* Wszystkie trzy gry na stronie LoL */
.cz-lol-page .game-switcher.lol-header-links {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:4px;
  padding:4px;
  width:auto;
  border:1px solid #35414b;
  border-radius:11px;
  background:#11171c;
}

.cz-lol-page .game-switcher.lol-header-links a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:39px;
  padding:9px 15px;
  border:1px solid transparent;
  border-radius:8px;
  color:#bfcbd5;
  background:transparent;
  font-size:13px;
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
}

.cz-lol-page .game-switcher.lol-header-links a:hover {
  background:#24323b;
  color:#fff;
}

.cz-lol-page .game-switcher.lol-header-links
a[aria-current="page"] {
  color:#e9ca8e;
  border-color:#736345;
  background:#23312f;
}

@media(max-width:650px) {
  .cz-lol-page .game-switcher.lol-header-links {
    width:100%;
  }

  .cz-lol-page .game-switcher.lol-header-links a {
    flex:1;
    padding:9px 11px;
  }
}


/* CZESTI_LOL_REAL_ICON_V1 */

.game-switcher a[href="/lol"],
.lol-header-links a[href="/lol"] {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.game-switcher .cz-lol-nav-icon,
.lol-header-links .cz-lol-nav-icon {
  display:block !important;
  width:22px !important;
  height:22px !important;
  flex:0 0 22px;
  object-fit:contain;
  vertical-align:middle;
}

@media(max-width:650px) {
  .game-switcher .cz-lol-nav-icon,
  .lol-header-links .cz-lol-nav-icon {
    width:19px !important;
    height:19px !important;
    flex-basis:19px;
  }
}


/* CZESTI_GAME_SWITCHER_ICONS_V3 */

/* Wszystkie trzy gry */
.game-switcher a[href="/cs2"],
.game-switcher a[href="/tibia"],
.game-switcher a[href="/lol"],
.cz-lol-page .lol-header-links a[href="/cs2"],
.cz-lol-page .lol-header-links a[href="/tibia"],
.cz-lol-page .lol-header-links a[href="/lol"] {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  color:#ccd7df !important;
  text-decoration:none !important;
  white-space:nowrap;
  font-weight:700;
}

/* Ikony we wszystkich zakladkach */
.game-switcher .cz-game-nav-icon-v3,
.cz-lol-page .lol-header-links .cz-game-nav-icon-v3 {
  display:block !important;
  width:24px !important;
  height:24px !important;
  flex:0 0 24px;
  object-fit:contain;
}

/* Usuniecie fioletowego koloru odwiedzonych linkow */
.game-switcher a:visited,
.cz-lol-page .lol-header-links a:visited {
  color:#ccd7df !important;
}

/* Aktywna gra */
.game-switcher a[href="/cs2"][aria-current="page"],
.game-switcher a[href="/cs2"][aria-current="page"]:visited,
.cz-lol-page .lol-header-links a[href="/cs2"][aria-current="page"],
.cz-lol-page .lol-header-links a[href="/cs2"][aria-current="page"]:visited {
  color:#f1cf91 !important;
  background:#2b2923 !important;
  border-color:#8b744c !important;
}

/* Pozostale przyciski */
.game-switcher a:not([aria-current="page"]):hover,
.cz-lol-page .lol-header-links a:not([aria-current="page"]):hover {
  color:#fff !important;
  background:#27343e !important;
}

/* Spójna nawigacja strony LoL */
.cz-lol-page .game-switcher.lol-header-links {
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  width:auto;
  padding:4px;
  border-radius:11px;
  border:1px solid #35414b;
  background:#11171c;
}

.cz-lol-page .game-switcher.lol-header-links a {
  min-height:43px;
  padding:8px 12px;
  border-radius:8px;
  border:1px solid transparent;
  font-size:13px;
}

@media(max-width:650px) {
  .game-switcher .cz-game-nav-icon-v3,
  .cz-lol-page .lol-header-links .cz-game-nav-icon-v3 {
    width:21px !important;
    height:21px !important;
    flex-basis:21px;
  }

  .cz-lol-page .game-switcher.lol-header-links {
    width:100% !important;
  }

  .cz-lol-page .game-switcher.lol-header-links a {
    flex:1;
    min-width:0;
    padding:8px 5px;
    gap:5px !important;
  }
}


/* CZESTI_ADMIN_LOL_EUNE_V1 */

.cz-lol-page .lol-back-avatar {
  display:grid;
  place-items:center;
  width:53px;
  height:53px;
  flex:0 0 53px;
  border:1px solid #536371;
  border-radius:13px;
  background:#151f28;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
}

.cz-lol-page .lol-back-avatar img {
  width:44px;
  height:44px;
  object-fit:contain;
  image-rendering:pixelated;
}

.cz-lol-page .lol-support-links {
  display:flex;
  align-items:center;
  gap:18px;
}

.cz-lol-page .lol-support-links a {
  color:#aebdca;
  text-decoration:none;
  white-space:nowrap;
  font-size:12px;
}

.cz-lol-page .lol-support-links a:hover {
  color:#f2d49d;
}

@media(max-width:950px) {
  .cz-lol-page .lol-header {
    flex-wrap:wrap;
  }

  .cz-lol-page .lol-support-links {
    width:100%;
    justify-content:flex-end;
  }
}

@media(max-width:650px) {
  .cz-lol-page .lol-support-links {
    justify-content:space-between;
    gap:12px;
  }
}


/* CZESTI_LOL_OPGG_CARDS_V1 */

.cz-opgg-section {
  margin:35px auto 55px;
  padding:26px;
  border:1px solid #62533b;
  border-radius:17px;
  background:linear-gradient(140deg,#182838,#111b27);
}

.cz-opgg-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:23px;
}

.cz-opgg-kicker {
  color:#deb875;
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
}

.cz-opgg-heading h2 {
  margin:8px 0;
  font-size:clamp(23px,3vw,31px);
  color:#f7e8ce;
}

.cz-opgg-heading p,
.cz-opgg-note {
  color:#9db2c1;
  font-size:13px;
  line-height:1.6;
}

.cz-opgg-count {
  flex-shrink:0;
  padding:8px 13px;
  border:1px solid #87714c;
  border-radius:99px;
  color:#efcc8c;
  font-size:12px;
  font-weight:800;
}

.cz-opgg-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}

.cz-opgg-player {
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:15px;
  border:1px solid #354b5d;
  border-radius:12px;
  background:#101d29;
  text-decoration:none;
  transition:background .15s,border-color .15s;
}

.cz-opgg-player:hover {
  background:#233445;
  border-color:#bc965b;
}

.cz-opgg-player-avatar {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border:1px solid #8d7045;
  border-radius:11px;
  background:#282923;
}

.cz-opgg-player-avatar img {
  width:36px;
  height:36px;
  object-fit:contain;
}

.cz-opgg-player-info {
  display:flex;
  flex:1;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.cz-opgg-player-info strong {
  overflow-wrap:anywhere;
  color:#f0f3f5;
  font-size:15px;
}

.cz-opgg-player-info small {
  color:#9eb3c1;
  font-size:11px;
}

.cz-opgg-player-arrow {
  color:#ebc584;
  font-size:22px;
}

.cz-opgg-note {
  margin:20px 0 0;
}

@media(max-width:750px) {
  .cz-opgg-grid{grid-template-columns:1fr}
  .cz-opgg-section{padding:18px}
  .cz-opgg-heading{align-items:flex-start}
}



/* CZESTI_LOL_ACCOUNT_HEADER_V1 */

.cz-lol-page {
  padding-top: 0px;
}

.cz-lol-account-panel {
  position:fixed;
  top:12px;
  right:18px;
  z-index:1000;
  display:flex;
  align-items:center;
  gap:11px;
  padding:7px 9px;
  border:1px solid #9c7c49;
  border-radius:13px;
  background:#15222e;
  box-shadow:0 6px 25px rgba(0,0,0,.35);
  color:#edf3f7;
}

.cz-lol-account-avatar {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  overflow:hidden;
  border:1px solid #7e725c;
  border-radius:10px;
  background:#263544;
}

.cz-lol-account-avatar img {
  display:block;
  width:36px;
  height:36px;
  object-fit:contain;
  image-rendering:pixelated;
}

.cz-lol-account-details {
  display:flex;
  flex-direction:column;
  gap:3px;
}

.cz-lol-account-details strong {
  color:#f5e0b3;
  font-size:13px;
}

.cz-lol-account-details small {
  color:#a7bac8;
  font-size:10px;
  letter-spacing:.04em;
}

.cz-lol-logout-form {
  margin:0 0 0 5px;
  padding:0;
}

.cz-lol-logout-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 13px;
  border:1px solid #816b4c;
  border-radius:8px;
  background:#2c2b2b;
  color:#f3d7a4;
  font:700 12px system-ui,Arial,sans-serif;
  cursor:pointer;
}

.cz-lol-logout-button:hover {
  background:#51412d;
  color:#fff;
}

@media(max-width:600px) {
  .cz-lol-page {
    padding-top: 0px;
  }

  .cz-lol-account-panel {
    top:8px;
    right:9px;
    gap:7px;
    padding:6px;
  }

  .cz-lol-account-avatar {
    width:36px;
    height:36px;
    flex-basis:36px;
  }

  .cz-lol-account-avatar img {
    width:31px;
    height:31px;
  }

  .cz-lol-account-details strong {
    font-size:11px;
  }

  .cz-lol-logout-button {
    padding:7px 9px;
    font-size:11px;
  }
}



/* CZESTI_LOL_NAV_LAYOUT_V7 */

/* Wspolna szerokosc naglowka i nawigacji */
.cz-lol-navigation-v7 {
    width: 100%;
    margin: 0 auto 28px;
    color: #edf3f8;
    font-family: system-ui, Arial, sans-serif;
}

/* Gorny pasek jak w CS2 */
.cz-lol-topbar-v7 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: 100%;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #35404b !important;
    background: transparent !important;
    position: relative;
}

/* Logo i nazwa po lewej */
.cz-lol-brand-v7 {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 0 1 auto;
    min-width: 0;
    color: #fff !important;
    text-decoration: none !important;
}

.cz-lol-brand-icon-v7 {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 1px solid #40505e;
    border-radius: 12px;
    background: #19242e;
}

.cz-lol-brand-icon-v7 img {
    width: 41px;
    height: 41px;
    object-fit: contain;
}

.cz-lol-brand-text-v7 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.cz-lol-brand-text-v7 strong {
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 750;
}

.cz-lol-brand-text-v7 small {
    color: #a9bdd0;
    font-size: 11px;
    line-height: 1.3;
}

/* Przelacznik i linki po prawej */
.cz-lol-tools-v7 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    flex-wrap: wrap;
    margin-left: auto;
}

.cz-lol-switcher-v7 {
    display: flex !important;
    align-items: center !important;
    gap: 4px;
    padding: 4px;
    border: 1px solid #344451;
    border-radius: 12px;
    background: #111920;
}

.cz-lol-switcher-v7 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 39px;
    padding: 7px 11px !important;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #e2edf7 !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 750;
}

.cz-lol-switcher-v7 img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
}

.cz-lol-switcher-v7 a.cz-lol-active-v7 {
    border-color: #967747;
    color: #f7d08c !important;
    background: #2b2825;
}

.cz-lol-help-v7 {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
}

.cz-lol-help-v7 a {
    color: #aebed0 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.cz-lol-help-v7 a:hover {
    color: #f0cf91 !important;
}

/* Druga linia nawigacji jak w CS2 */
.cz-lol-subnav-v7 {
    display: flex !important;
    align-items: stretch !important;
    min-height: 54px;
    border-bottom: 1px solid #35404b;
    gap: 26px;
}

.cz-lol-subnav-current-v7 {
    display: inline-flex;
    align-items: center;
    min-height: 54px;
    padding: 0 0 2px;
    border-bottom: 2px solid #e6bb69;
    color: #f4c975;
    font-size: 13px;
    font-weight: 750;
}

/* Tablet */
@media (max-width: 1000px) {
    .cz-lol-topbar-v7 {
        flex-wrap: wrap !important;
        gap: 14px !important;
    }

    .cz-lol-tools-v7 {
        width: 100%;
        justify-content: space-between !important;
        margin-left: 0;
    }
}

/* Telefon */
@media (max-width: 600px) {
    .cz-lol-navigation-v7 {
        margin-bottom: 18px;
    }

    .cz-lol-topbar-v7 {
        min-height: 0 !important;
        padding: 10px 0 14px !important;
    }

    .cz-lol-brand-icon-v7 {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
    }

    .cz-lol-brand-icon-v7 img {
        width: 35px;
        height: 35px;
    }

    .cz-lol-brand-text-v7 small {
        font-size: 10px;
    }

    .cz-lol-tools-v7 {
        gap: 12px !important;
    }

    .cz-lol-switcher-v7 {
        gap: 1px;
    }

    .cz-lol-switcher-v7 a {
        gap: 5px !important;
        padding: 5px 7px !important;
        font-size: 11px;
    }

    .cz-lol-switcher-v7 img {
        width: 20px !important;
        height: 20px !important;
    }

    .cz-lol-help-v7 {
        gap: 12px !important;
    }

    .cz-lol-help-v7 a {
        font-size: 11px !important;
    }

    .cz-lol-subnav-v7,
    .cz-lol-subnav-current-v7 {
        min-height: 45px;
    }
}


/* CZESTI_UNIFIED_GAME_HOVER_V1 */

/* Identyczna reakcja na najechanie na kazda gre. */
.game-switcher a,
.cz-lol-switcher-v7 a {
    box-sizing: border-box !important;
    border: 1px solid transparent;
    border-radius: 9px;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease !important;
}

.game-switcher a[href="/cs2"]:hover,
.game-switcher a[href="/cs2"]:focus-visible,
.cz-lol-switcher-v7 a[href="/cs2"]:hover,
.cz-lol-switcher-v7 a[href="/cs2"]:focus-visible {
    background: #2b2825 !important;
    border-color: #967747 !important;
    color: #f7d08c !important;
    text-decoration: none !important;
}

/* Podswietlenie aktualnie otwartej gry. */
.game-switcher a[href="/cs2"][aria-current="page"],
.cz-lol-switcher-v7 a[href="/cs2"][aria-current="page"] {
    background: #2b2825 !important;
    border-color: #967747 !important;
    color: #f7d08c !important;
}


/* CZESTI_LOL_BLUE_WORKING_V2 */

/* LoL: niebieski zamiast zlotego */
html body .game-switcher a[href="/lol"]:is(
    :hover, :focus-visible, [aria-current="page"]
),
html body .cz-lol-switcher-v7 a[href="/lol"]:is(
    :hover, :focus-visible, [aria-current="page"]
) {
    background: #142d49 !important;
    background-color: #142d49 !important;
    border: 1px solid #419dff !important;
    border-color: #419dff !important;
    color: #a5d7ff !important;
    box-shadow: inset 0 0 0 1px #419dff22 !important;
    outline-color: #419dff !important;
}

/* Napis i ikona w srodku przycisku */
html body .game-switcher a[href="/lol"]:is(
    :hover, :focus-visible, [aria-current="page"]
) span,
html body .cz-lol-switcher-v7 a[href="/lol"]:is(
    :hover, :focus-visible, [aria-current="page"]
) span {
    color: #a5d7ff !important;
}

/* LoL nieaktywny: bez zlotej ramki */
html body .game-switcher a[href="/lol"]:not(
    :hover, :focus-visible, [aria-current="page"]
),
html body .cz-lol-switcher-v7 a[href="/lol"]:not(
    :hover, :focus-visible, [aria-current="page"]
) {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Odstep od prawej krawedzi przelacznika */
html body .game-switcher a[href="/lol"],
html body .cz-lol-switcher-v7 a[href="/lol"] {
    box-sizing: border-box !important;
    margin-right: 4px !important;
}


/* CZESTI_GAME_COLORS_EXTERNAL_CSP_V1 */

/* Kolory sa w zewnetrznym CSS, nie w blokowanym HTML. */

/* CS2: zlote po najechaniu lub gdy aktywne */
html body .game-switcher a[href="/cs2"]:not(#cz-csp-1):not(#cz-csp-2):is(:hover,:focus-visible,[aria-current="page"]),
html body .cz-lol-switcher-v7 a[href="/cs2"]:not(#cz-csp-1):not(#cz-csp-2):is(:hover,:focus-visible,[aria-current="page"]) {
    background: #30291c !important;
    border-color: #b58b46 !important;
    color: #f7c975 !important;
    box-shadow: none !important;
}

/* Tibia: ZIELONA NA KAZDEJ STRONIE, takze bez najechania */
html body .game-switcher a[href="/tibia"]:not(#cz-csp-1):not(#cz-csp-2):is(:hover,:focus-visible,[aria-current="page"]),
html body .cz-lol-switcher-v7 a[href="/tibia"]:not(#cz-csp-1):not(#cz-csp-2):is(:hover,:focus-visible,[aria-current="page"]) {
    background: #142e25 !important;
    background-color: #142e25 !important;
    border-color: #47c68b !important;
    color: #a2f0c7 !important;
    box-shadow: none !important;
}

/* Zielony napis wewnatrz Tibii */
html body .game-switcher a[href="/tibia"]:not(#cz-csp-1):not(#cz-csp-2) span,
html body .cz-lol-switcher-v7 a[href="/tibia"]:not(#cz-csp-1):not(#cz-csp-2) span {
    color: #a2f0c7 !important;
}

/* LoL: niebieskie po najechaniu lub gdy aktywne */
html body .game-switcher a[href="/lol"]:not(#cz-csp-1):not(#cz-csp-2):is(:hover,:focus-visible,[aria-current="page"]),
html body .cz-lol-switcher-v7 a[href="/lol"]:not(#cz-csp-1):not(#cz-csp-2):is(:hover,:focus-visible,[aria-current="page"]) {
    background: #142d49 !important;
    border-color: #419dff !important;
    color: #a5d7ff !important;
    box-shadow: none !important;
}

/* Niebieski napis LoL */
html body .game-switcher a[href="/lol"]:not(#cz-csp-1):not(#cz-csp-2):is(:hover,:focus-visible,[aria-current="page"]) span,
html body .cz-lol-switcher-v7 a[href="/lol"]:not(#cz-csp-1):not(#cz-csp-2):is(:hover,:focus-visible,[aria-current="page"]) span {
    color: #a5d7ff !important;
}