/* id="cm-promo-rotate-css" */

    .promo-bar{min-height:38px}
    .promo-bar__slide{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;transition:opacity .4s ease;will-change:opacity}
    /* 2026-08-07: a --tiktok kulonstilus torolve — mindket dia pillje azonos. */
    /* tulaj 2026-08-07: "a join discord szoveg is nagyon kicsi" — nagyobb betu es pill. */
    .promo-bar__text{font-size:14px!important;font-weight:700!important;letter-spacing:.01em}
    .promo-bar__btn{font-size:12.5px!important;padding:.34rem .8rem!important}
    @media (max-width:430px){
      .promo-bar__text{font-size:12.5px!important}
      .promo-bar__btn{font-size:11.5px!important}
    }
  
/* id="cmaps-wait-css" */
.cmaps-slot.cmaps-wait{position:absolute!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important}.cm-hub-rail,.cm-page-rail{min-height:0!important}
/* id="cm-topic-follow-css" */

.mpp-forum-post__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cm-topic-follow-btn{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:6px 14px;border-radius:999px;
  border:1.5px solid var(--cmcc-primary,#3b82f6);background:transparent;color:var(--cmcc-primary,#3b82f6);
  font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .08s;white-space:nowrap}
.cm-topic-follow-btn:hover{background:rgba(59,130,246,.10)}
.cm-topic-follow-btn:active{transform:scale(.96)}
.cm-topic-follow-btn__ico{display:inline-flex}
.cm-topic-follow-btn.is-following{background:var(--cmcc-primary,#3b82f6);border-color:var(--cmcc-primary,#3b82f6);color:#fff}
.cm-topic-follow-btn.is-following:hover{background:#2563eb;border-color:#2563eb}
.cm-topic-follow-btn.is-following .cm-topic-follow-btn__ico svg{fill:#fff}
.cm-topic-follow-btn__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;
  border-radius:999px;background:rgba(0,0,0,.14);font-size:11px;font-weight:800}
.cm-topic-follow-btn.is-following .cm-topic-follow-btn__count{background:rgba(255,255,255,.25)}
.cm-topic-follow-btn.is-busy{opacity:.6;pointer-events:none}
@media (prefers-color-scheme:dark){.cm-topic-follow-btn__count{background:rgba(255,255,255,.14)}}

/*  */

#cm-rgn{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px}
#cm-rgn[hidden]{display:none}
#cm-rgn .cm-rgn__bg{position:absolute;inset:0;background:rgba(9,13,22,.64);backdrop-filter:blur(3px)}
#cm-rgn .cm-rgn__card{position:relative;width:100%;max-width:410px;background:#fff;color:#141a24;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(9,13,26,.55);animation:cmRgnIn .24s cubic-bezier(.2,.7,.3,1)}
@keyframes cmRgnIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-color-scheme:dark){#cm-rgn .cm-rgn__card{background:#141b27;color:#e7ecf3}}
#cm-rgn .cm-rgn__head{background:linear-gradient(135deg,#6d28d9,#4f46e5);padding:26px 24px 20px;text-align:center}
#cm-rgn .cm-rgn__ic{width:60px;height:60px;margin:0 auto 12px;border-radius:50%;background:rgba(255,255,255,.17);display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}
#cm-rgn .cm-rgn__title{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:#fff}
#cm-rgn .cm-rgn__x{position:absolute;top:12px;right:14px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:2}
#cm-rgn .cm-rgn__x:hover{background:rgba(255,255,255,.3)}
#cm-rgn .cm-rgn__body{padding:19px 24px 22px}
#cm-rgn .cm-rgn__sub{margin:0 0 13px;font-size:13.5px;opacity:.7;text-align:center}
#cm-rgn .cm-rgn__list{list-style:none;margin:0 0 20px;padding:0}
#cm-rgn .cm-rgn__list li{display:flex;align-items:center;gap:11px;font-size:14px;line-height:1.35;padding:6px 0}
#cm-rgn .cm-rgn__e{flex:0 0 24px;width:24px;text-align:center;font-size:16px}
#cm-rgn .cm-rgn__cta{display:block;text-align:center;background:linear-gradient(135deg,#6d28d9,#4f46e5);color:#fff;text-decoration:none;font-weight:800;font-size:15px;padding:13px 18px;border-radius:12px;box-shadow:0 8px 22px rgba(79,70,229,.34)}
#cm-rgn .cm-rgn__cta:hover{filter:brightness(1.07)}
#cm-rgn .cm-rgn__login{display:block;text-align:center;margin-top:9px;background:transparent;border:1.5px solid rgba(109,40,217,.35);color:#5b21b6;text-decoration:none;font-weight:700;font-size:14px;padding:11px 18px;border-radius:12px}
#cm-rgn .cm-rgn__login:hover{background:rgba(109,40,217,.06)}
@media (prefers-color-scheme:dark){#cm-rgn .cm-rgn__login{border-color:rgba(139,110,246,.45);color:#c4b5fd}}
#cm-rgn .cm-rgn__skip{display:block;width:100%;margin-top:12px;background:transparent;border:0;color:#98a2b3;font-size:12.5px;cursor:pointer;text-decoration:underline}

/* id="cm-komment-osszecsukas" */

/* Csukott allapot: csak a nyito gomb latszik. Az URLAP es a cime rejtve — a hozzaszolasok
   LISTAJA nincs erintve. Az allapot a <body>-n ul, mert a WordPress valasz-linkje
   athelyezi a #respond elemet a valaszolt hozzaszolas ala. */
body:not(.cm-kk-nyitva) .comment-respond .mpp-comment-form,
body:not(.cm-kk-nyitva) .comment-respond #reply-title{display:none}
body.cm-kk-nyitva .cm-kk-nyit{display:none}

.cm-kk-nyit{
  display:inline-flex;align-items:center;gap:8px;
  margin:4px 0 2px;padding:11px 18px;
  border:1px solid var(--border,#e3ecf8);border-radius:12px;
  background:transparent;
  color:var(--accent,#2563eb);
  font-size:14px;font-weight:700;line-height:1;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
}
.cm-kk-nyit:hover{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.35)}
.cm-kk-nyit:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:2px}
.cm-kk-nyit__ico{font-size:15px;line-height:1}

body:not(.light-surface) .cm-kk-nyit,
html.cm-dh-dark .cm-kk-nyit{border-color:rgba(148,163,184,.22);color:#8ab4ff}
body:not(.light-surface) .cm-kk-nyit:hover,
html.cm-dh-dark .cm-kk-nyit:hover{background:rgba(96,165,250,.10);border-color:rgba(96,165,250,.4)}

/*  */

.cm-rep-link{display:inline-flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer;color:#94a3b8;font:600 12px/1 inherit;padding:3px 6px;border-radius:6px;text-decoration:none}
.cm-rep-link:hover{color:#dc2626;background:rgba(220,38,38,.08)}
.cm-rep-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid rgba(148,163,184,.4);background:transparent;color:inherit;font:650 13px/1 inherit;padding:8px 13px;border-radius:10px}
.cm-rep-btn:hover{border-color:#dc2626;color:#dc2626}
.cm-rep-ov{position:fixed;inset:0;background:rgba(6,10,20,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100050;padding:16px}
.cm-rep-ov.is-open{display:flex}
.cm-rep-modal{width:100%;max-width:440px;background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.4);overflow:hidden;animation:cmRepIn .18s ease}
@keyframes cmRepIn{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.cm-rep-hd{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:16px 20px}
.cm-rep-hd h3{margin:0;font-size:1.12rem;display:flex;align-items:center;gap:8px}
.cm-rep-hd p{margin:4px 0 0;opacity:.9;font-size:.85rem}
.cm-rep-bd{padding:16px 20px}
.cm-rep-tgt{font-size:.82rem;color:#64748b;background:#f6f8fc;border:1px solid #eef1f7;border-radius:9px;padding:7px 11px;margin:0 0 12px;word-break:break-word}
.cm-rep-reasons{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.cm-rep-r{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.92rem;color:#1f2937}
.cm-rep-r:hover{border-color:#fca5a5;background:#fef2f2}
.cm-rep-r input{accent-color:#dc2626}
.cm-rep-r.is-sel{border-color:#dc2626;background:#fef2f2}
.cm-rep-ta{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font:inherit;font-size:.9rem;resize:vertical;min-height:64px}
.cm-rep-ft{display:flex;gap:10px;justify-content:flex-end;padding:0 20px 18px}
.cm-rep-x{cursor:pointer;border:0;background:#eef1f6;color:#334155;font-weight:650;border-radius:10px;padding:10px 16px}
.cm-rep-go{cursor:pointer;border:0;background:linear-gradient(92deg,#dc2626,#ef4444);color:#fff;font-weight:750;border-radius:10px;padding:10px 18px}
.cm-rep-go[disabled]{opacity:.6;cursor:default}
.cm-rep-msg{padding:22px;text-align:center;font-size:1.02rem;color:#15803d;font-weight:650}
.cm-rep-rc-note{margin:0 0 8px;font-size:.82rem;color:#64748b}
.cm-rep-rc{margin:0 0 4px;display:flex;justify-content:center;min-height:78px}
body:not(.light-surface) .cm-rep-rc-note{color:#9fb2cd}
body:not(.light-surface) .cm-rep-modal{background:#0f1728;color:#e6edfb}
body:not(.light-surface) .cm-rep-tgt{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#9fb2cd}
body:not(.light-surface) .cm-rep-r{border-color:rgba(255,255,255,.12);color:#dbe4f5}
body:not(.light-surface) .cm-rep-ta{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#e6edfb}

/* id="cm-login-modal-fit-css" */

html body .mpp-modal{
  z-index:100001!important;            /* a tapado fejlec (100000) FOLE */
  align-items:flex-start!important;    /* magas dialogusnal fentrol induljon */
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
}
/* A dialogus: kozepen, ha elfer; ha magasabb a kepernyonel, fentrol gorgetheto.
   (Flex-gyerek margin:auto = fuggoleges kozepre igazitas, ami tulcsordulaskor
   automatikusan 0-ra esik — pont a kivant viselkedes.) */
html body .mpp-modal > :not(.mpp-modal__backdrop){
  margin:auto!important;
}
/* A sotetito hatter a TELJES kepernyot fedje gorgetes kozben is. */
html body .mpp-modal .mpp-modal__backdrop{
  position:fixed!important;
  inset:0!important;
}

/* id="cm-lbz-css" */

html body #mppLightbox .mpp-lightbox__stage{
  overflow:hidden;
  touch-action:none;              /* mi kezeljuk a csipest is */
  position:relative;
}
html body #mppLightbox .mpp-lightbox__img{
  will-change:transform;
  transform-origin:center center;
  -webkit-user-drag:none; user-select:none;
}
html body #mppLightbox .mpp-lightbox__stage.cm-lbz-zoom .mpp-lightbox__img{ cursor:grab; }
/* nagyitas kozben a szinpad kapja meg a rendelkezesre allo helyet, kulonben a
   kinagyitott kepbol telefonon csak egy keskeny savot lehetne nezegetni */
html body #mppLightbox .mpp-lightbox__stage.cm-lbz-zoom{
  display:flex; align-items:center; justify-content:center;
  height:min(74vh, 900px);
}
@media (max-width:820px){
  html body #mppLightbox .mpp-lightbox__stage.cm-lbz-zoom{ height:min(78vh, 900px); }
}
html body #mppLightbox .mpp-lightbox__stage.cm-lbz-fog .mpp-lightbox__img{ cursor:grabbing; }
/* vissza 1x-re */
.cm-lbz-reset{
  position:absolute; left:12px; bottom:12px; z-index:70;
  display:none; align-items:center; gap:5px;
  padding:8px 12px; border:0; border-radius:999px;
  background:rgba(15,23,42,.78); color:#fff;
  font-size:12.5px; font-weight:800; letter-spacing:.02em;
  box-shadow:0 4px 16px rgba(0,0,0,.35); cursor:pointer;
}
.cm-lbz-zoom .cm-lbz-reset{ display:inline-flex; }
/* sugo az elso par megnyitasnal */
.cm-lbz-sugo{
  position:absolute; left:50%; bottom:12px; transform:translateX(-50%);
  z-index:70; pointer-events:none;
  padding:8px 13px; border-radius:999px;
  background:rgba(15,23,42,.82); color:#fff;
  font-size:12.5px; font-weight:700; white-space:nowrap;
  opacity:0; transition:opacity .35s;
}
.cm-lbz-sugo.is-lat{ opacity:1; }
@media (max-width:520px){ .cm-lbz-sugo{ font-size:11.5px; padding:7px 11px; } }

/* id="cm-desktop-dark-header-contrast-force-css" */

@media (min-width:1400px){
  html.cm-dh-dark body header.top-head{
    background:#07111d!important;
  }

  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta),
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta) *,
  html.cm-dh-dark body header.top-head .main-nav .menu > li > a:not(.menu-cta),
  html.cm-dh-dark body header.top-head .main-nav .menu > li > a:not(.menu-cta) *{
    color:#f4f8ff!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:0 1px 2px rgba(0,0,0,.70)!important;
  }

  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta):hover,
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li.current-menu-item > a,
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li.current_page_item > a,
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a[aria-current="page"]{
    color:#60a5fa!important;
    opacity:1!important;
    text-shadow:none!important;
    box-shadow:inset 0 -3px 0 #3b82f6!important;
  }

  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a.menu-cta,
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a.menu-cta *{
    color:#ffffff!important;
    opacity:1!important;
    text-shadow:none!important;
  }

  /* ── Dark-header bubble pills (owner request, 2026-07-05) — later than the rules above,
     so the active item's old underline is replaced by a tinted pill. ── */
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta),
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta) *{
    background:transparent!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:none!important;
  }
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta){
    background:#ffffff!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.20), 0 8px 22px rgba(0,0,0,.35)!important;
    border-radius:999px!important;
  }
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a:not(.menu-cta):hover{
    background:#eef4ff!important;
    box-shadow:inset 0 0 0 1px rgba(96,165,250,.45), 0 8px 22px rgba(0,0,0,.35)!important;
  }
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li.current-menu-item > a:not(.menu-cta),
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li.current_page_item > a:not(.menu-cta),
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a[aria-current="page"]:not(.menu-cta){
    background:#ffffff!important;
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
    box-shadow:inset 0 0 0 1.5px rgba(96,165,250,.60), 0 8px 22px rgba(0,0,0,.35)!important;
  }
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li.current-menu-item > a:not(.menu-cta) *,
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li.current_page_item > a:not(.menu-cta) *,
  html.cm-dh-dark body header.top-head #siteNav.main-nav .menu > li > a[aria-current="page"]:not(.menu-cta) *{
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
  }
}

/* id="cm-register-submit-white-css" */

@media (min-width:1400px){
  /* Submit button szoveg — felulir minden um-button shadowt */
  html body:not(.light-surface) input[type="submit"].um-button,
  html body:not(.light-surface) button[type="submit"].um-button,
  html body:not(.light-surface) .um-button[type="submit"],
  html body:not(.light-surface) form#um_form .um-button,
  html body:not(.light-surface) .um-form .um-button{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
  html body:not(.light-surface) input[type="submit"].um-button::placeholder{
    color:#ffffff !important;
  }
  html body:not(.light-surface) .um-button strong,
  html body:not(.light-surface) .um-button span{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
}

/* id="cm-register-discord-btn-white-css" */

@media (min-width:1400px){
  html body:not(.light-surface) .mpp-social-btn--discord,
  html body:not(.light-surface) a.mpp-social-btn.mpp-social-btn--discord,
  html body:not(.light-surface) [class*="mpp-social-btn--discord"]{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:none !important;
    opacity:1 !important;
  }
  html body:not(.light-surface) .mpp-social-btn--discord *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:none !important;
    fill:#ffffff !important;
    stroke:#ffffff !important;
    opacity:1 !important;
  }
  html body:not(.light-surface) .mpp-social-btn--discord span,
  html body:not(.light-surface) .mpp-social-btn--discord strong,
  html body:not(.light-surface) .mpp-social-btn--discord .mpp-social-btn__label{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
}

/* id="cm-register-google-btn-white-css" */

@media (min-width:1400px){
  html body:not(.light-surface) .mpp-social-btn--google,
  html body:not(.light-surface) a.mpp-social-btn.mpp-social-btn--google,
  html body:not(.light-surface) [class*="mpp-social-btn--google"]{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    text-shadow:none !important;
    opacity:1 !important;
    border:1px solid #e5e7eb !important;
    box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  }
  html body:not(.light-surface) .mpp-social-btn--google:hover{
    background:#f9fafb !important;
    background-color:#f9fafb !important;
    color:#0f172a !important;
  }
  html body:not(.light-surface) .mpp-social-btn--google span,
  html body:not(.light-surface) .mpp-social-btn--google strong,
  html body:not(.light-surface) .mpp-social-btn--google .mpp-social-btn__label{
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    text-shadow:none !important;
  }
  /* G logo SVG eredeti szineit megorizzuk, csak telitettseget noveljuk */
  html body:not(.light-surface) .mpp-social-btn--google svg,
  html body:not(.light-surface) .mpp-social-btn--google img{
    filter:saturate(1.2) !important;
    opacity:1 !important;
  }
}

/* id="cm-mmc-pills-css" */

.cm-mmc-pills{
  display:flex; flex-wrap:nowrap; gap:6px;
  /* a szulo a rejtett asztali racs miatt 1600px+ szeles lehet -> a savot a
     KEPERNYOHOZ kotjuk, kulonben nem gorgetheto, csak levagodik */
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  margin:8px 0 2px; padding:1px 0 3px;
  scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent 100%);
          mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent 100%);
}
.cm-mmc-pills::-webkit-scrollbar{ display:none; }
.cm-mmc-pill{
  flex:0 0 auto;
  font-size:11px; font-weight:700; line-height:1;
  padding:6px 10px; border-radius:999px;
  background:#eef4ff; color:#2456c9;
  border:1px solid rgba(37,99,235,.12);
  white-space:nowrap;
}
body:not(.light-surface) .cm-mmc-pill{
  background:rgba(37,99,235,.18); color:#bfd4ff; border-color:rgba(96,165,250,.22);
}
/* --- "mozgathato" jelzes --- */
/* a nyil NEM a csik FOLOTT ul, hanem MELLETTE: igy sose takar pill-szoveget */
.cm-mmc-wrap{
  position:relative;
  display:flex; align-items:center; gap:6px;
  max-width:calc(100vw - 60px); width:100%;
}
.cm-mmc-more{
  flex:0 0 22px;                 /* a hely a vegen is fenntartva -> nincs ugralas */
  width:22px; height:22px; border-radius:50%;
  background:#2563eb; color:#fff;
  font-size:13px; font-weight:900; line-height:22px; text-align:center;
  box-shadow:0 2px 8px rgba(37,99,235,.35);
  pointer-events:none; opacity:.92;
  transition:opacity .25s;
}
/* a nyil CSAK akkor tunik el, ha tenyleg a csik vegen vagyunk — hasznalat
   (huzas) utan marad, kulonben a felhasznalo azt hiszi, elfogyott a tartalom */
.cm-mmc-wrap.is-vege .cm-mmc-more{ opacity:0; }
.cm-mmc-wrap.is-vege .cm-mmc-pills{
  -webkit-mask-image:none; mask-image:none;
}
/* egyszeri, finom megbillenes — csak ha a felhasznalo engedi a mozgast */
@media (prefers-reduced-motion:no-preference){
  .cm-mmc-pills{ scroll-behavior:smooth; }
}
body:not(.light-surface) .cm-mmc-more{ background:#3b82f6; }

/* id="cm-mmz-css" */

.cm-modern-hero{ position:relative; }
.cm-mmz-btn{
  position:absolute; right:10px; bottom:10px; z-index:6;
  width:38px; height:38px; padding:0;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.28); border-radius:12px;
  background:rgba(15,23,42,.62);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  color:#fff; cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.28);
  transition:transform .15s, background .15s;
}
.cm-mmz-btn:active{ transform:scale(.92); background:rgba(15,23,42,.8); }
.cm-mmz-btn svg{ width:19px; height:19px; display:block; pointer-events:none; }

/* id="cm-profil-pill-lapozo-css" */

/* A burkot a JS teszi be; addig marad a jelenlegi (elvagott) allapot -> nincs villogas. */
.mod-list--author-cards .cm-ppl-wrap{
  display:flex; align-items:center; gap:5px;
  margin:10px 0 2px; min-width:0; max-width:100%;
}
/* 0,3,0 — igy biztosan veri a `.mod-list--game-wide .mod-card-row__pills` szabalyt,
   fuggetlenul attol, milyen sorrendben fuzi ossze a CSS-combiner a blokkokat. */
.mod-list--author-cards .cm-ppl-wrap .mod-card-row__pills{
  flex-wrap:nowrap !important;
  max-height:none !important;
  overflow-x:auto !important; overflow-y:hidden;
  flex:1 1 auto; min-width:0;
  margin:0; padding:1px 0 3px;
  scrollbar-width:none;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent 100%);
          mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent 100%);
}
.mod-list--author-cards .cm-ppl-wrap .mod-card-row__pills::-webkit-scrollbar{ display:none; }
.mod-list--author-cards .cm-ppl-wrap .mod-card-row__pill{ flex:0 0 auto; white-space:nowrap; }
/* A vegen nincs mit elhalvanyitani. */
.mod-list--author-cards .cm-ppl-wrap.is-vege .mod-card-row__pills{
  -webkit-mask-image:none; mask-image:none;
}
/* A nyilak a sav MELLETT ulnek (nem folotte) -> sose takarnak pill-szoveget.
   A helyuk allandoan fenntartott, igy a lapozas nem ugratja a kartyat. */
.cm-ppl-nyil{
  flex:0 0 20px; width:20px; height:20px; padding:0;
  border:0; border-radius:50%;
  background:#2563eb; color:#fff;
  font-size:12px; font-weight:900; line-height:20px; text-align:center;
  cursor:pointer; opacity:.92;
  transition:opacity .2s;
  box-shadow:0 2px 7px rgba(37,99,235,.32);
}
.cm-ppl-nyil:hover{ opacity:1; }
.cm-ppl-nyil:disabled{ opacity:0; cursor:default; pointer-events:none; }
.cm-ppl-nyil:focus-visible{ outline:2px solid #93c5fd; outline-offset:2px; }
body:not(.light-surface) .cm-ppl-nyil{ background:#3b82f6; }
@media (prefers-reduced-motion:reduce){
  .mod-list--author-cards .cm-ppl-wrap .mod-card-row__pills{ scroll-behavior:auto; }
}

/* id="cm-desktop-lang-real-switch-css" */

@media (min-width:1400px){
  #cmLangDesktopPanel{
    position:fixed!important;
    z-index:999999!important;
    min-width:196px!important;
    padding:7px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid rgba(15,23,42,.12)!important;
    box-shadow:0 22px 48px rgba(15,23,42,.26)!important;
  }
  #cmLangDesktopPanel[hidden]{display:none!important}
  #cmLangDesktopPanel a{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:11px 12px!important;
    border-radius:9px!important;
    color:#0f172a!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:900!important;
  }
  #cmLangDesktopPanel a{position:relative!important;margin-bottom:2px!important}
  #cmLangDesktopPanel a:last-child{margin-bottom:0!important}
  #cmLangDesktopPanel a:not(:last-child)::after{content:"";position:absolute;left:12px;right:12px;bottom:-2px;height:1px;background:rgba(15,23,42,.08)}
  #cmLangDesktopPanel a .cm-lang-pipa{margin-left:auto!important;font-weight:900!important;color:#1d4ed8!important;font-size:13px!important}
  #cmLangDesktopPanel a.cm-lang-akt{background:#eef5ff!important;color:#1d4ed8!important}
  body:not(.light-surface) #cmLangDesktopPanel{background:#161d2e!important;border-color:rgba(255,255,255,.14)!important}
  body:not(.light-surface) #cmLangDesktopPanel a{color:#e6e9ef!important}
  body:not(.light-surface) #cmLangDesktopPanel a:hover{background:rgba(96,165,250,.14)!important;color:#93c5fd!important}
  body:not(.light-surface) #cmLangDesktopPanel a.cm-lang-akt{background:rgba(96,165,250,.18)!important;color:#93c5fd!important}
  body:not(.light-surface) #cmLangDesktopPanel a .cm-lang-pipa{color:#93c5fd!important}
  body:not(.light-surface) #cmLangDesktopPanel a:not(:last-child)::after{background:rgba(255,255,255,.09)}
  #cmLangDesktopPanel a:hover{
    background:#eef5ff!important;
    color:#1d4ed8!important;
  }
  /* CSS-drawn flags (same as the mobile #mppLangDropdown). Windows has no flag
     emoji, so the raw 🇭🇺/🇬🇧 rendered as "HU"/"GB" here — draw them instead. */
  #cmLangDesktopPanel a .mpp-lang-flag{
    display:inline-block!important;
    width:22px!important;height:15px!important;min-width:22px!important;
    border-radius:3px!important;overflow:hidden!important;
    font-size:0!important;line-height:0!important;color:transparent!important;
    box-shadow:inset 0 0 0 1px rgba(15,23,42,.18)!important;
    flex:0 0 auto!important;
  }
  #cmLangDesktopPanel a[data-lang="hu"] .mpp-lang-flag{
    background:linear-gradient(to bottom,#ce2939 0 33.333%,#fff 33.333% 66.666%,#477050 66.666% 100%)!important;
  }
  #cmLangDesktopPanel a[data-lang="pt"] .mpp-lang-flag{
    background:#009C3B radial-gradient(circle at 50% 50%, #002776 0 3px, #FFDF00 3px 6px, #009C3B 6.5px) no-repeat!important;
  }
  #cmLangDesktopPanel a[data-lang="es"] .mpp-lang-flag{
    background:linear-gradient(to bottom,#AA151B 0 25%,#F1BF00 25% 75%,#AA151B 75% 100%)!important;
  }
  #cmLangDesktopPanel a[data-lang="ro"] .mpp-lang-flag{
    background:linear-gradient(to right,#002B7F 0 33.333%,#FCD116 33.333% 66.666%,#CE1126 66.666% 100%)!important;
  }
  #cmLangDesktopPanel a[data-lang="tr"] .mpp-lang-flag{
    background:#E30A17 radial-gradient(circle at 38% 50%, #fff 0 4px, #E30A17 4.5px) no-repeat!important;
  }
  #cmLangDesktopPanel a[data-lang="pl"] .mpp-lang-flag{
    background:linear-gradient(to bottom,#fff 0 50%,#DC143C 50% 100%)!important;
  }
  #cmLangDesktopPanel a[data-lang="ru"] .mpp-lang-flag{
    background:linear-gradient(to bottom,#fff 0 33.333%,#0039A6 33.333% 66.666%,#D52B1E 66.666% 100%)!important;
  }
  #cmLangDesktopPanel a[data-lang="de"] .mpp-lang-flag{
    background:linear-gradient(to bottom,#000 0 33.333%,#d00 33.333% 66.666%,#ffce00 66.666% 100%)!important;
  }
  #cmLangDesktopPanel a[data-lang="en"] .mpp-lang-flag{
    background:
      linear-gradient(146deg,transparent 0 42%,#fff 42% 48%,#c8102e 48% 53%,#fff 53% 59%,transparent 59%),
      linear-gradient(34deg,transparent 0 42%,#fff 42% 48%,#c8102e 48% 53%,#fff 53% 59%,transparent 59%),
      linear-gradient(to bottom,transparent 0 38%,#fff 38% 44%,#c8102e 44% 56%,#fff 56% 62%,transparent 62%),
      linear-gradient(to right,transparent 0 38%,#fff 38% 44%,#c8102e 44% 56%,#fff 56% 62%,transparent 62%),
      #012169!important;
  }
}

/* id="cm-mobile-card-version-order-css" */

@media (max-width:1399px){
  .cm-modern-tax .cm-modern-mod-version-line{
    display:inline-flex!important;
    align-items:center!important;
    font-size:11px!important;
    white-space:nowrap!important;
    color:#126cff!important;
    font-weight:900!important;
  }

  .cm-modern-tax .cm-modern-mod-version-line strong{
    color:#16c765!important;
    font-weight:950!important;
  }

  .cm-modern-card-view > .cm-modern-mod-version-line{
    display:none!important;
  }
}

/* id="cm-pricing-popup-css" */

.cm-pricing-overlay{position:fixed;inset:0;z-index:100000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.cm-pricing-overlay[hidden]{display:none}
.cm-pricing-backdrop{position:absolute;inset:0;background:rgba(8,12,22,.66);backdrop-filter:blur(2px)}
.cm-pricing-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1080px,96vw);height:min(88vh,880px);background:#f4f7fb;border-radius:18px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.55)}
.cm-pricing-close{position:absolute;top:12px;right:14px;z-index:2;cursor:pointer;background:rgba(15,23,42,.08);border:0;width:36px;height:36px;border-radius:50%;font-size:17px;line-height:1;color:#334155;display:flex;align-items:center;justify-content:center;transition:background .12s}
.cm-pricing-close:hover{background:rgba(15,23,42,.18);color:#0f172a}
.cm-pricing-frame{width:100%;height:100%;border:0;display:block;background:#f4f7fb}

/* id="cm-mobile-menu-single-icon-css" */

@media (max-width:1399px){
  /* Hide the duplicate decorative ::before icon; keep the original .cm-nav-ico (complete set).
     Extra `li` (and the active-item class) out-specify the visual-fix ::before rules. */
  html body.cm-mobile-nav-open header.top-head #siteNav .menu li a::before,
  html body.nav-open header.top-head #siteNav .menu li a::before,
  html body header.top-head #siteNav.is-open .menu li a::before,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu li.current-menu-item > a::before,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu li.is-active > a::before,
  html body header.top-head #siteNav.is-open .menu li.current-menu-item > a::before{
    display:none!important;
    content:none!important;
    -webkit-mask:none!important;
    mask:none!important;
    background:none!important;
    width:0!important;
    margin:0!important;
  }
}

/* id="cm-mobile-header-function-fix-css" */

@media (max-width:1399px){
  /* Hamburger panel: #siteNav wraps the menu directly (no .main-row wrapper exists in header.php anymore).
     Trigger on either the mu-plugin class (cm-mobile-nav-open), the theme class (nav-open) or the
     legacy is-open flag - the JS may toggle one or the other depending on race order. */
  html body.cm-mobile-nav-open header.top-head #siteNav,
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav,
  html body.nav-open header.top-head #siteNav,
  html body.nav-open header.top-head #siteNav.main-nav,
  html body header.top-head #siteNav.is-open,
  html body header.top-head #siteNav.main-nav.is-open{
    display:block!important;
    position:fixed!important;
    top:var(--cm-mobile-menu-panel-top, 56px)!important;
    left:8px!important;
    right:8px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - var(--cm-mobile-menu-panel-top, 56px) - 12px)!important;
    max-height:calc(100dvh - var(--cm-mobile-menu-panel-top, 56px) - 12px)!important;
    padding:8px!important;
    margin:0!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    background:#25272d!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:14px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
    z-index:100000!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu,
  html body.nav-open header.top-head #siteNav .menu,
  html body header.top-head #siteNav.is-open .menu{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    list-style:none!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu li,
  html body.nav-open header.top-head #siteNav .menu li,
  html body header.top-head #siteNav.is-open .menu li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu a,
  html body.nav-open header.top-head #siteNav .menu a,
  html body header.top-head #siteNav.is-open .menu a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:38px!important;
    padding:9px 12px!important;
    border-radius:10px!important;
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
    text-decoration:none!important;
  }

  html body header.top-head #mppLangSwitcher,
  html body header.top-head #mppLangToggle{
    visibility:visible!important;
    opacity:1!important;
  }

  html body header.top-head #mppLangDropdown{
    position:fixed!important;
    top:54px!important;
    right:54px!important;
    left:auto!important;
    width:160px!important;
    max-width:calc(100vw - 16px)!important;
    padding:8px!important;
    background:#fff!important;
    color:#0f172a!important;
    border-radius:14px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
    z-index:100001!important;
  }

  html body header.top-head #mppLangDropdown:not([hidden]){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  html body header.top-head #mppLangDropdown .mpp-lang-option{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:36px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    color:#0f172a!important;
    text-decoration:none!important;
  }

  html body header.top-head #mppLangDropdown .mpp-lang-option--active{
    background:#eaf2ff!important;
    color:#1d4ed8!important;
    font-weight:800!important;
  }
}

/* id="cm-mobile-menu-panel-visual-fix-css" */

@media (max-width:1399px){
  html body.cm-mobile-nav-open header.top-head #siteNav,
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav{
    background:#ffffff!important;
    border:1px solid rgba(15,23,42,.10)!important;
    border-radius:14px!important;
    box-shadow:0 14px 34px rgba(15,23,42,.22)!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu li{
    background:transparent!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu{
    gap:7px!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu a{
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    background:#f8fafc!important;
    border:1px solid rgba(15,23,42,.10)!important;
    border-radius:10px!important;
    box-shadow:none!important;
    opacity:1!important;
    font-weight:800!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu a:hover,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu a:focus,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu .current-menu-item > a,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu .is-active > a{
    background:#2f7df6!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border-color:#2f7df6!important;
  }
}

/* id="cm-mobile-dark-mode-polish-css" */

@media (max-width:1399px){
  html body.mpp-portal:not(.light-surface),
  html body:not(.light-surface){
    background:#070b12!important;
    color:#eaf0fb!important;
  }

  html body:not(.light-surface) .main-wrap,
  html body:not(.light-surface) .section-block,
  html body:not(.light-surface) .mpp-game-topband{
    background:#070b12!important;
  }

  html body:not(.light-surface) .cm-modern-card-view,
  html body:not(.light-surface) .mod-card-row,
  html body:not(.light-surface) .mod-card-row--modland,
  html body:not(.light-surface) .glass-card{
    background:#101722!important;
    color:#eaf0fb!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:0 18px 36px rgba(0,0,0,.34)!important;
  }

  html body:not(.light-surface) .cm-modern-content,
  html body:not(.light-surface) .mod-card-grid__body,
  html body:not(.light-surface) .mod-card-row__body{
    background:#101722!important;
    color:#eaf0fb!important;
  }

  html body:not(.light-surface) .cm-modern-title,
  html body:not(.light-surface) .cm-modern-title a,
  html body:not(.light-surface) .mod-card-row__title-main,
  html body:not(.light-surface) .mod-card-row__title-main a{
    color:#f8fbff!important;
    -webkit-text-fill-color:#f8fbff!important;
  }

  html body:not(.light-surface) .cm-modern-excerpt,
  html body:not(.light-surface) .mod-card-row__excerpt,
  html body:not(.light-surface) .cm-modern-rating,
  html body:not(.light-surface) .cm-modern-author,
  html body:not(.light-surface) .cm-modern-author span{
    color:#cbd5e1!important;
  }

  html body:not(.light-surface) .cm-modern-stat-box,
  html body:not(.light-surface) .cm-modern-stat,
  html body:not(.light-surface) .cm-modern-social,
  html body:not(.light-surface) .cm-modern-social-item{
    background:#0c121b!important;
    color:#e2e8f0!important;
    border-color:rgba(148,163,184,.18)!important;
  }

  html body:not(.light-surface) .cm-modern-tax,
  html body:not(.light-surface) .cm-modern-pill{
    background:#0c121b!important;
    color:#dbeafe!important;
    border-color:rgba(96,165,250,.20)!important;
  }

  html body:not(.light-surface) .cm-modern-verified{
    background:rgba(22,163,74,.12)!important;
    border-color:rgba(34,197,94,.35)!important;
    color:#86efac!important;
  }

  html body:not(.light-surface) .cm-modern-action{
    background:#2f7df6!important;
    color:#fff!important;
    box-shadow:0 12px 24px rgba(47,125,246,.25)!important;
  }

  html body:not(.light-surface) .pagination,
  html body:not(.light-surface) .page-numbers,
  html body:not(.light-surface) .mpp-pagination,
  html body:not(.light-surface) .mpp-game-filter-bar,
  html body:not(.light-surface) .mpp-filter-panel,
  html body:not(.light-surface) .mpp-filter-panel--modern,
  html body:not(.light-surface) .mpp-gfc__field,
  html body:not(.light-surface) .mpp-gfc__field select,
  html body:not(.light-surface) .mpp-gfc__field button,
  html body:not(.light-surface) .mpp-gfc__pill,
  html body:not(.light-surface) .mpp-open-filters,
  html body:not(.light-surface) [data-mpp-open-game-filter],
  html body:not(.light-surface) #mpp-open-game-filters{
    background:#101722!important;
    color:#eaf0fb!important;
    border-color:rgba(148,163,184,.20)!important;
  }

  html body:not(.light-surface) .mpp-gfc__field label,
  html body:not(.light-surface) .mpp-gfc__field .field-label,
  html body:not(.light-surface) .mpp-gfc__field strong,
  html body:not(.light-surface) .mpp-gfc__field span{
    color:#eaf0fb!important;
  }

  html body:not(.light-surface) .mpp-gfc__field svg,
  html body:not(.light-surface) .mpp-open-filters svg{
    color:#93c5fd!important;
  }

  html body:not(.light-surface) .mpp-filter-panel input,
  html body:not(.light-surface) .mpp-filter-panel select,
  html body:not(.light-surface) .mpp-filter-panel button{
    background:#0c121b!important;
    color:#f8fbff!important;
    border-color:rgba(148,163,184,.22)!important;
  }

  html body:not(.light-surface) .page-numbers.current,
  html body:not(.light-surface) .pagination .current,
  html body:not(.light-surface) .mpp-pagination .current{
    background:#2f7df6!important;
    color:#fff!important;
  }
}

/* id="cm-mobile-menu-panel-visual-fix-css" */

@media (max-width:1399px){
  html body.cm-mobile-nav-open header.top-head #siteNav,
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav{
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(37,99,235,.16)!important;
    border-radius:16px!important;
    box-shadow:0 18px 42px rgba(15,23,42,.25)!important;
    padding:10px!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu li{
    background:transparent!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu{
    gap:8px!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:42px!important;
    padding:10px 12px!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    background:linear-gradient(180deg,#ffffff,#f7faff)!important;
    border:1px solid rgba(15,23,42,.10)!important;
    border-radius:11px!important;
    box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 4px 12px rgba(15,23,42,.05)!important;
    opacity:1!important;
    font-weight:900!important;
    text-decoration:none!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu a::before{
    content:""!important;
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    display:block!important;
    background:#64748b!important;
    -webkit-mask:var(--cm-menu-icon) center/contain no-repeat!important;
    mask:var(--cm-menu-icon) center/contain no-repeat!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu a:hover,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu a:focus,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu .current-menu-item > a,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu .is-active > a{
    background:#2f7df6!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border-color:#2f7df6!important;
    box-shadow:0 10px 20px rgba(47,125,246,.24)!important;
  }

  html body.cm-mobile-nav-open header.top-head #siteNav .menu a:hover::before,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu a:focus::before,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu .current-menu-item > a::before,
  html body.cm-mobile-nav-open header.top-head #siteNav .menu .is-active > a::before{
    background:#fff!important;
  }
}

/* id="cm-mobile-menu-position-fix-css" */

@media (max-width:1399px){
  html body.cm-mobile-nav-open header.top-head #siteNav,
  html body.cm-mobile-nav-open header.top-head #siteNav.main-nav,
  html body.cm-mobile-nav-closing header.top-head #siteNav,
  html body.cm-mobile-nav-closing header.top-head #siteNav.main-nav{
    top:var(--cm-mobile-menu-panel-top, 50px)!important;
    left:6px!important;
    right:6px!important;
    z-index:100002!important;
  }
}

/* id="cm-mobile-dark-mode-final-pass-css" */

@media (max-width:1399px){
  html body:not(.light-surface){
    background:#070b12!important;
    color:#eaf0fb!important;
  }

  html body:not(.light-surface) .cm-modern-card-view{
    background:#101722!important;
    border:1px solid rgba(148,163,184,.20)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.38)!important;
  }

  html body:not(.light-surface) .cm-modern-content{
    background:linear-gradient(180deg,#101722,#0c121b)!important;
    color:#eaf0fb!important;
  }

  html body:not(.light-surface) .cm-modern-title,
  html body:not(.light-surface) .cm-modern-title a{
    color:#f8fbff!important;
    -webkit-text-fill-color:#f8fbff!important;
  }

  html body:not(.light-surface) .cm-modern-excerpt,
  html body:not(.light-surface) .cm-modern-rating{
    color:#cbd5e1!important;
  }

  html body:not(.light-surface) .cm-modern-stat-box{
    background:#0b111a!important;
    border:1px solid rgba(148,163,184,.20)!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  html body:not(.light-surface) .cm-modern-stat{
    background:transparent!important;
    color:#e2e8f0!important;
    border-color:rgba(148,163,184,.18)!important;
  }

  html body:not(.light-surface) .cm-modern-stat *,
  html body:not(.light-surface) .cm-modern-stat-label,
  html body:not(.light-surface) .cm-modern-stat-value{
    color:#e2e8f0!important;
    -webkit-text-fill-color:#e2e8f0!important;
    opacity:1!important;
  }

  html body:not(.light-surface) .cm-modern-stat svg{
    color:#93c5fd!important;
    stroke:#93c5fd!important;
  }

  html body:not(.light-surface) .cm-modern-stat-box .cm-modern-stat:nth-child(2)::before,
  html body:not(.light-surface) .cm-modern-stat-box .cm-modern-stat:nth-child(3)::before{
    background:#93c5fd!important;
    opacity:1!important;
  }

  html body:not(.light-surface) .cm-modern-stat-box .cm-modern-stat:nth-child(2)::after,
  html body:not(.light-surface) .cm-modern-stat-box .cm-modern-stat:nth-child(3)::after{
    color:#e2e8f0!important;
    -webkit-text-fill-color:#e2e8f0!important;
    opacity:1!important;
  }

  html body:not(.light-surface) .cm-modern-author,
  html body:not(.light-surface) .cm-modern-author span{
    color:#cbd5e1!important;
  }

  html body:not(.light-surface) .cm-modern-tax{
    background:#0b111a!important;
    border:1px solid rgba(148,163,184,.16)!important;
    color:#dbeafe!important;
  }

  html body:not(.light-surface) .cm-modern-tax a,
  html body:not(.light-surface) .cm-modern-tax span{
    color:#dbeafe!important;
  }

  html body:not(.light-surface) .cm-modern-pill{
    background:rgba(59,130,246,.16)!important;
    color:#dbeafe!important;
    border-color:rgba(96,165,250,.25)!important;
  }

  html body:not(.light-surface) .cm-modern-version-line strong,
  html body:not(.light-surface) .cm-modern-mod-version-line strong{
    color:#ff5b6e!important;
  }

  html body:not(.light-surface) .cm-modern-social,
  html body:not(.light-surface) .cm-modern-social-item{
    background:#0b111a!important;
    border-color:rgba(148,163,184,.18)!important;
    color:#e2e8f0!important;
  }

  html body:not(.light-surface) .cm-modern-social svg{
    color:#93c5fd!important;
  }

  html body:not(.light-surface) .cm-modern-verified{
    background:rgba(22,163,74,.14)!important;
    border-color:rgba(34,197,94,.38)!important;
    color:#86efac!important;
  }

  html body:not(.light-surface) .pagination-wrap{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body:not(.light-surface) .pagination-wrap ul.page-numbers{
    background:#101722!important;
    border:1px solid rgba(148,163,184,.20)!important;
    border-radius:16px!important;
    box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
  }

  html body:not(.light-surface) .pagination-wrap .page-numbers{
    color:#f1f5f9!important;
    -webkit-text-fill-color:#f1f5f9!important;
    background:#0b111a!important;
    border-color:rgba(148,163,184,.18)!important;
  }

  html body:not(.light-surface) .pagination-wrap .page-numbers.current{
    background:#2f7df6!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  html body:not(.light-surface) .pagination-wrap .page-numbers.prev{
    background:#151c28!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
  }

  html body:not(.light-surface) .pagination-wrap .page-numbers.next{
    background:#172033!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  html body:not(.light-surface) .pagination-wrap .page-numbers.dots{
    background:transparent!important;
    border:0!important;
  }

  html body:not(.light-surface) #mpp-game-filter-form .mpp-gfc__dropdown-btn,
  html body:not(.light-surface) #mpp-game-filter-form .mpp-gfc__pill,
  html body:not(.light-surface) #mpp-game-filter-form .mpp-gfc__field{
    background:#101722!important;
    color:#eaf0fb!important;
    border-color:rgba(148,163,184,.22)!important;
    box-shadow:none!important;
  }

  html body:not(.light-surface) #mpp-game-filter-form .mpp-gfc__pill-label,
  html body:not(.light-surface) #mpp-game-filter-form .mpp-gfc__dropdown-val{
    color:#eaf0fb!important;
    -webkit-text-fill-color:#eaf0fb!important;
  }

  html body:not(.light-surface) #mpp-game-filter-form .mpp-gfc__pill-icon,
  html body:not(.light-surface) #mpp-game-filter-form svg{
    color:#93c5fd!important;
  }

  html body:not(.light-surface) #mpp-open-game-filters,
  html body:not(.light-surface) [data-mpp-open-game-filter],
  html body:not(.light-surface) .mpp-gfc__advanced-toggle{
    background:#0b111a!important;
    color:#60a5fa!important;
    border-color:rgba(96,165,250,.38)!important;
  }
}

/* id="cm-mobile-profile-avatar-button-fix-css" */

@media (max-width:1399px){
  html body header.top-head #mppUserMenuTrigger,
  html body header.top-head .mpp-user-menu__trigger{
    background:#f4f7ff!important;
    color:#0f172a!important;
    overflow:hidden!important;
    position:relative!important;
  }

  html body header.top-head #mppUserMenuTrigger img,
  html body header.top-head #mppUserMenuTrigger picture,
  html body header.top-head #mppUserMenuTrigger .avatar,
  html body header.top-head #mppUserMenuTrigger [class*="avatar"],
  html body header.top-head .mpp-user-menu__trigger img,
  html body header.top-head .mpp-user-menu__trigger picture,
  html body header.top-head .mpp-user-menu__trigger .avatar,
  html body header.top-head .mpp-user-menu__trigger [class*="avatar"]{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    border-radius:9px!important;
    margin:0!important;
    padding:0!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
  }

  html body header.top-head #mppUserMenuTrigger:has(img)::before,
  html body header.top-head #mppUserMenuTrigger:has(picture)::before,
  html body header.top-head #mppUserMenuTrigger:has([class*="avatar"])::before,
  html body header.top-head .mpp-user-menu__trigger:has(img)::before,
  html body header.top-head .mpp-user-menu__trigger:has(picture)::before,
  html body header.top-head .mpp-user-menu__trigger:has([class*="avatar"])::before{
    display:none!important;
    content:none!important;
  }

  html body header.top-head #mppUserMenuTrigger svg,
  html body header.top-head .mpp-user-menu__trigger svg{
    display:none!important;
  }

  html body header.top-head #mppUserMenuTrigger:not(:has(img)):not(:has(picture)):not(:has([class*="avatar"]))::before,
  html body header.top-head .mpp-user-menu__trigger:not(:has(img)):not(:has(picture)):not(:has([class*="avatar"]))::before{
    content:''!important;
    width:22px!important;
    height:22px!important;
    display:block!important;
    background:currentColor!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }
}

/* id="cm-recaptcha-force-loader-css" */

.mpp-recaptcha-modal{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:78px!important;
  margin:10px 0!important;
  overflow:visible!important;
}

.mpp-g-recaptcha-modal,
.mpp-g-recaptcha-modal-forgot{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:304px!important;
  min-height:78px!important;
  max-width:100%!important;
  overflow:visible!important;
}

@media (max-width:380px){
  .mpp-g-recaptcha-modal,
  .mpp-g-recaptcha-modal-forgot{
    transform:scale(.90)!important;
    transform-origin:left top!important;
    min-height:72px!important;
  }
}

/* id="cm-mobile-dark-mode-polish-final-css" */

@media (max-width:1399px){
  html body:not(.light-surface) .cm-modern-card-view{
    border-color:rgba(96,165,250,.20)!important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.42),
      0 0 0 1px rgba(255,255,255,.035) inset!important;
  }

  html body:not(.light-surface) .cm-modern-card-view + .cm-modern-card-view,
  html body:not(.light-surface) .mod-card-row + .mod-card-row{
    margin-top:22px!important;
  }

  html body:not(.light-surface) .cm-modern-file-badge{
    background:#2f7df6!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(47,125,246,.30)!important;
  }

  html body:not(.light-surface) .cm-modern-tax{
    background:linear-gradient(180deg,#0f1724,#0b111a)!important;
    border-color:rgba(96,165,250,.22)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.04) inset!important;
  }

  html body:not(.light-surface) .cm-modern-tax > svg{
    color:#93c5fd!important;
  }

  html body:not(.light-surface) .cm-modern-pill{
    background:#17233a!important;
    color:#dbeafe!important;
  }

  html body:not(.light-surface) .cm-modern-version-line,
  html body:not(.light-surface) .cm-modern-mod-version-line{
    color:#dbeafe!important;
  }

  html body:not(.light-surface) .cm-modern-stat-box{
    box-shadow:0 1px 0 rgba(255,255,255,.035) inset!important;
  }

  html body:not(.light-surface) .cm-modern-action{
    border:1px solid rgba(255,255,255,.08)!important;
  }
}

/* id="cm-mobile-profile-toggle-final-only-css" */

@media (max-width:1399px){
  /* Selectors intentionally DROP the `header.top-head` ancestor: on mobile the dropdown is
     PORTALED to <body> (see JS) so no header ancestor can clip it (a fixed-position dropdown
     was being clipped to the header box on real iOS/WebKit — only the first item showed). */
  html body #mppUserDropdown.cm-mobile-profile-open{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    top:var(--cm-mobile-profile-top, 90px)!important;
    right:10px!important;
    left:auto!important;
    width:min(320px, calc(100vw - 20px))!important;
    height:auto!important;
    max-height:calc(100dvh - 96px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:8px!important;
    margin:0!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#111827!important;
    border:1px solid rgba(148,163,184,.45)!important;
    box-shadow:0 18px 48px rgba(15,23,42,.28)!important;
    transform:none!important;
    z-index:2147483646!important;
  }
  html body:not(.light-surface) #mppUserDropdown.cm-mobile-profile-open{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
  }
  html body #mppUserDropdown.cm-mobile-profile-open .mpp-user-dropdown__nav{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    opacity:1!important;
    visibility:visible!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body #mppUserDropdown.cm-mobile-profile-open .mpp-user-dropdown__item{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:42px!important;
    width:100%!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    color:inherit!important;
    font-size:15px!important;
    font-weight:900!important;
    text-decoration:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
}