:root{color-scheme:dark}
*{box-sizing:border-box}
body.cz-legal-page{
  margin:0;
  background:#0f1419;
  color:#e8edf2;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,
    "Segoe UI",sans-serif;
  line-height:1.7;
}
.legal-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px max(22px,calc((100vw - 1100px)/2));
  border-bottom:1px solid #2e3944;
  background:#111b24;
}
.legal-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:#f4e0bb;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.08em;
}
.legal-brand small{
  display:block;
  color:#9aafbd;
  font-size:10px;
  font-weight:700;
}
.legal-mark{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid #ab8751;
  border-radius:11px;
  background:#302b24;
  color:#efc984;
}
.legal-top nav,
.legal-footer nav{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
}
.legal-top nav a,
.legal-footer a{
  color:#bdcbd7;
  text-decoration:none;
  font-size:13px;
}
.legal-top nav a:hover,
.legal-footer a:hover{
  color:#efcd8e;
}
.legal-container{
  max-width:980px;
  margin:0 auto;
  padding:55px 22px 75px;
}
.legal-eyebrow{
  color:#e7b765;
  font-size:11px;
  letter-spacing:.18em;
  font-weight:800;
}
.legal-container h1{
  margin:13px 0;
  font-size:clamp(32px,5vw,54px);
  line-height:1.15;
  letter-spacing:-.03em;
}
.legal-lead{
  max-width:710px;
  color:#b9cad6;
  font-size:17px;
}
.legal-date{
  color:#889fac;
  font-size:12px;
  margin-bottom:32px;
}
.legal-card{
  padding:26px 30px;
  margin:17px 0;
  border:1px solid #354555;
  border-radius:14px;
  background:linear-gradient(135deg,#192734,#15202b);
}
.legal-card h2{
  margin:0 0 12px;
  color:#f0cd8d;
  font-size:20px;
}
.legal-card p{
  margin:11px 0;
  color:#cad6df;
}
.legal-card li{
  padding:4px 0;
  color:#cad6df;
}
.legal-card a{
  color:#f3c77d;
}
.legal-feature{
  border-color:#887044;
}
.legal-warning{
  padding:17px 20px;
  margin:22px 0;
  border:1px solid #aa8650;
  border-radius:12px;
  background:#31281e;
  color:#ffe0a6;
  font-size:13px;
}
.legal-footer{
  max-width:980px;
  margin:0 auto;
  padding:25px 22px 40px;
  border-top:1px solid #344251;
}
.legal-footer p{
  margin-top:22px;
  color:#8497a4;
  font-size:11px;
}
.cz-legal-shortcuts{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 20px;
  padding:20px 12px;
  margin:26px auto 12px;
  max-width:1050px;
  border-top:1px solid rgba(160,175,187,.2);
}
.cz-legal-shortcuts a{
  color:#c0cbd6;
  font-size:12px;
  text-decoration:none;
}
.cz-legal-shortcuts a:hover{
  color:#edc985;
}
.cz-riot-disclaimer{
  max-width:1000px;
  margin:8px auto 25px;
  padding:0 20px;
  color:#8c9da9;
  text-align:center;
  font-size:11px;
  line-height:1.6;
}
@media(max-width:680px){
  .legal-top{
    flex-direction:column;
    align-items:flex-start;
  }
  .legal-container{padding-top:38px}
  .legal-card{padding:20px}
}


/* 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;
}