/* 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="cm-tm-css" */ .cm-tm{ position:relative; max-width:1320px; margin:0 auto; padding:24px clamp(16px,3vw,36px) 80px; } .cm-tm::before{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(1000px 500px at 12% -8%, rgba(37,99,235,.10), transparent 60%), radial-gradient(820px 460px at 90% 2%, rgba(124,58,237,.07), transparent 60%); } body:not(.light-surface) .cm-tm::before{ background:radial-gradient(1000px 500px at 12% -8%, rgba(37,99,235,.22), transparent 60%), radial-gradient(820px 460px at 90% 2%, rgba(124,58,237,.14), transparent 62%); } .cm-tm-hero{ position:relative; overflow:hidden; border-radius:22px; padding:34px clamp(20px,3vw,40px); margin-bottom:26px; border:1px solid rgba(37,99,235,.25); background:linear-gradient(115deg, rgba(37,99,235,.14), rgba(59,130,246,.05) 45%, rgba(124,58,237,.10)); } body:not(.light-surface) .cm-tm-hero{ background:linear-gradient(115deg, rgba(37,99,235,.3), rgba(23,32,58,.4) 45%, rgba(124,58,237,.24)); border-color:rgba(96,165,250,.3); } .cm-tm-hero::after{ content:"πŸ†"; position:absolute; right:-10px; bottom:-34px; font-size:150px; opacity:.08; transform:rotate(-8deg); pointer-events:none; } .cm-tm-eyebrow{ display:inline-block; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--tm-acc2,#2563eb); background:rgba(37,99,235,.12); border:1px solid rgba(37,99,235,.32); padding:5px 12px; border-radius:999px; margin-bottom:14px; } .cm-tm-h1{ font-size:clamp(28px,3.4vw,42px); font-weight:900; letter-spacing:-.02em; line-height:1.1; margin:0 0 12px; } .cm-tm-h1 .g{ background:linear-gradient(90deg,#2563eb,#7c3aed); -webkit-background-clip:text; background-clip:text; color:transparent; } .cm-tm-lead{ font-size:15px; color:var(--tm-mut,#64748b); max-width:64ch; margin:0 0 16px; line-height:1.6; } .cm-tm-stats{ display:flex; gap:10px; flex-wrap:wrap; } .cm-tm-chip{ display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:700; background:var(--tm-sf,#fff); border:1px solid var(--tm-bd,#e6ecf5); padding:8px 14px; border-radius:11px; box-shadow:0 4px 14px rgba(15,23,42,.05); } .cm-tm-chip b{ color:var(--tm-acc2,#2563eb); } .cm-tm-sec{ margin-bottom:34px; } .cm-tm-sec__h{ display:flex; align-items:center; gap:10px; margin:0 0 16px; font-size:21px; font-weight:850; letter-spacing:-.01em; } .cm-tm-sec__h .n{ font-size:13px; font-weight:700; color:var(--tm-mut,#94a3b8); background:var(--tm-sf,#fff); border:1px solid var(--tm-bd,#e6ecf5); padding:3px 10px; border-radius:999px; } .cm-tm-empty{ color:var(--tm-mut,#94a3b8); padding:20px; } /* jΓ‘tΓ©konkΓ©nti hub-kΓ‘rtyΓ‘k */ .cm-tm-games{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:14px; } .cm-tm-gcard{ position:relative; display:block; border-radius:16px; overflow:hidden; text-decoration:none; color:#fff; aspect-ratio:16/10; box-shadow:0 8px 24px rgba(15,23,42,.14); transition:transform .18s, box-shadow .18s; background:#0d1322; } .cm-tm-gcard:hover{ transform:translateY(-5px); box-shadow:0 22px 44px rgba(37,99,235,.24), 0 0 0 2px #3b82f6; } .cm-tm-gcard img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; transition:opacity .2s, transform .4s; } .cm-tm-gcard:hover img{ opacity:.85; transform:scale(1.05); } .cm-tm-gcard::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,10,20,.15),transparent 40%,rgba(4,8,18,.88)); } .cm-tm-gcard__b{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:16px; } .cm-tm-gcard__t{ font-size:16px; font-weight:850; text-shadow:0 1px 10px rgba(0,0,0,.5); } .cm-tm-gcard__m{ font-size:12px; color:rgba(255,255,255,.82); margin-top:3px; } .cm-tm-gcard__cta{ display:inline-block; margin-top:8px; font-size:11.5px; font-weight:800; color:#bcd3ff; background:rgba(37,99,235,.4); padding:4px 10px; border-radius:7px; box-shadow:inset 0 0 0 1px rgba(150,185,255,.4); } .cm-tm-back{ display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:14px; color:var(--tm-acc2,#2563eb); text-decoration:none; margin-bottom:14px; } body.light-surface .cm-tm{ --tm-sf:#fff; --tm-bd:#e6ecf5; --tm-mut:#64748b; --tm-acc2:#2563eb; } body:not(.light-surface) .cm-tm{ --tm-sf:#161d2e; --tm-bd:rgba(255,255,255,.10); --tm-mut:#94a3b8; --tm-acc2:#7da2ff; } /* 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}.cmaps-slot.cmaps-ag{display:block;width:100%;clear:both;margin:24px 0;text-align:center}.cmaps-slot.cmaps-ag:empty{margin:0}.cmaps-slot.cmaps-ag:has(ins.adsbygoogle[data-ad-status=unfilled]){display:none!important}.cm-hub-rail,.cm-page-rail{min-height:0!important} /* id="cmaps-ads-label-css" */ .cmaps-ads-label{display:flex;align-items:center;box-sizing:border-box;margin:0 auto 4px;height:24px;max-width:100%;background:#2b2f36;border-radius:6px 6px 0 0;overflow:hidden;font:700 10.5px/1 var(--font-sans,Inter,system-ui,sans-serif);letter-spacing:.1em;color:#fff;text-align:left}.cmaps-ads-label span{display:inline-flex;align-items:center;height:100%;padding:0 16px 0 12px;background:#3b82f6;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}body:not(.light-surface) .cmaps-ads-label{background:#1e293b} /* id="cm-advf-css" */ .cm-advf[hidden]{display:none!important} .cm-advf{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px} .cm-advf__bg{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)} .cm-advf__panel{position:relative;width:min(420px,100%);max-height:min(86vh,860px);overflow:auto;background:#fff;border-radius:20px;padding:16px 20px 18px;box-shadow:0 24px 60px rgba(15,23,42,.35)} .cm-advf__x{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;border:0;background:#f1f5f9;color:#334155;font-size:19px;line-height:1;cursor:pointer} .cm-advf__x:hover{background:#e2e8f0} .cm-advf__fejlec{display:flex;align-items:center;gap:11px;margin:0 0 6px;padding-right:38px} .cm-advf__ico{flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:rgba(124,58,237,.10);color:#7c3aed;margin:0} .cm-advf__cim{font-size:1.34rem;font-weight:900;line-height:1.15;margin:0;color:#0f172a;letter-spacing:-.02em} .cm-advf__cim span{color:#7c3aed} .cm-advf__lead{margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(15,23,42,.08);font-size:.86rem;line-height:1.5;color:#64748b} .cm-advf__mezo{display:block;margin:0 0 13px} .cm-advf__cimke{display:block;font-size:.82rem;font-weight:700;color:#334155;margin:0 0 6px} .cm-advf__form input,.cm-advf__form select,.cm-advf__form textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid rgba(15,23,42,.14);border-radius:11px;font:inherit;font-size:.9rem;color:#0f172a;background:#fff} .cm-advf__form textarea{resize:vertical;min-height:92px} .cm-advf__form input:focus,.cm-advf__form select:focus,.cm-advf__form textarea:focus{outline:0;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.15)} .cm-advf__csapda{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0} .cm-advf__csomagok{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .cm-advf__csomag input{position:absolute;opacity:0;width:0;height:0} .cm-advf__csomag-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 6px;border:1px solid rgba(15,23,42,.14);border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease} .cm-advf__csomag-box b{font-size:.86rem;font-weight:800;color:#0f172a} .cm-advf__csomag-box em{font-style:normal;font-size:.95rem;font-weight:900;color:#7c3aed} .cm-advf__csomag input:checked + .cm-advf__csomag-box{border-color:#7c3aed;background:rgba(124,58,237,.08);box-shadow:0 0 0 2px rgba(124,58,237,.16)} .cm-advf__csomag input:focus-visible + .cm-advf__csomag-box{outline:2px solid #7c3aed;outline-offset:2px} .cm-advf__form input[type=file]{padding:9px 10px;font-size:.82rem;background:#f8fafc} .cm-advf__elonezet-doboz{border:1px solid rgba(124,58,237,.30);border-radius:14px;padding:12px;background:rgba(124,58,237,.04)} .cm-advf__elonezet-kep{position:relative;border-radius:11px;overflow:hidden;line-height:0;background:#e2e8f0} .cm-advf__elonezet-kep img{width:100%;height:auto;display:block} .cm-advf__elonezet-cimke{position:absolute;left:7px;top:7px;padding:2px 8px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.7} .cm-advf__elonezet-link{margin:9px 0 0;font-size:.76rem;color:#64748b;word-break:break-all;line-height:1.4} .cm-advf__elonezet-link b{color:#7c3aed} .cm-advf__kephiba{margin:6px 0 0;font-size:.78rem;font-weight:700;color:#dc2626} body:not(.light-surface) .cm-advf__elonezet-doboz{background:rgba(139,92,246,.10);border-color:rgba(167,139,250,.35)} body:not(.light-surface) .cm-advf__elonezet-link{color:#94a3b8} body:not(.light-surface) .cm-advf__elonezet-link b{color:#c4b5fd} body:not(.light-surface) .cm-advf__csomag-box{border-color:rgba(255,255,255,.14)} body:not(.light-surface) .cm-advf__csomag-box b{color:#f1f5f9} body:not(.light-surface) .cm-advf__csomag-box em{color:#c4b5fd} body:not(.light-surface) .cm-advf__csomag input:checked + .cm-advf__csomag-box{background:rgba(139,92,246,.18);border-color:#a78bfa} body:not(.light-surface) .cm-advf__form input[type=file]{background:rgba(255,255,255,.04)} .cm-advf__kuld{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:4px 0 0;padding:13px 16px;border:0;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;transition:filter .15s ease} .cm-advf__kuld:hover{filter:brightness(1.08)} .cm-advf__kuld[disabled]{opacity:.6;cursor:default} .cm-advf__allapot{margin:10px 0 0;font-size:.84rem;font-weight:700;text-align:center;color:#334155} .cm-advf__allapot.is-ok{color:#16a34a} .cm-advf__allapot.is-hiba{color:#dc2626} .cm-advf__foot{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:.75rem;color:#94a3b8;text-align:center} body:not(.light-surface) .cm-advf__panel{background:#0f172a} body:not(.light-surface) .cm-advf__cim{color:#f1f5f9} body:not(.light-surface) .cm-advf__lead{color:#94a3b8;border-bottom-color:rgba(255,255,255,.10)} body:not(.light-surface) .cm-advf__cimke{color:#cbd5e1} body:not(.light-surface) .cm-advf__form input,body:not(.light-surface) .cm-advf__form select,body:not(.light-surface) .cm-advf__form textarea{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);color:#f1f5f9} body:not(.light-surface) .cm-advf__x{background:rgba(255,255,255,.08);color:#cbd5e1} body:not(.light-surface) .cm-advf__allapot{color:#cbd5e1} /* id="global-styles-inline-css" */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ /* */ #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} /* */ .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="fr"] .mpp-lang-flag{ background:linear-gradient(to right,#0055A4 0 33.333%,#fff 33.333% 66.666%,#EF4135 66.666% 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 (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; } } /* id="cm-dark-home-polish" */ /* Upload CTA β€” vivid blue, white text + icon (was muted grey-blue in dark). */ body:not(.light-surface) .cm-upload-cta{background:linear-gradient(120deg,#3b82f6 0%,#2563eb 52%,#1d4ed8 100%)!important;border:1px solid rgba(110,150,235,.55)!important} body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-upload-cta .cm-upload-cta__title{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important} body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-upload-cta .cm-upload-cta__lead{color:rgba(255,255,255,.94)!important;-webkit-text-fill-color:rgba(255,255,255,.94)!important} body:not(.light-surface) .cm-upload-cta .cm-upload-cta__ico{background:rgba(255,255,255,.26)!important;border:1px solid rgba(255,255,255,.5)!important;color:#ffffff!important} body:not(.light-surface) .cm-upload-cta .cm-upload-cta__ico svg{color:#ffffff!important;stroke:#ffffff!important} body:not(.light-surface) .cm-upload-cta .cm-upload-cta__ico::before{background:#ffffff!important} body:not(.light-surface) .cm-upload-cta .cm-upload-cta__ico::after{background:rgba(255,255,255,.8)!important} /* Home cards β€” clearer separation from the near-black background. */ body:not(.light-surface) .cm-home-redesign .cm-hero, body:not(.light-surface) .cm-home-redesign .cm-stat-card, body:not(.light-surface) .cm-home-redesign .cm-featured, body:not(.light-surface) .cm-home-redesign .cm-side-card{ border:1px solid rgba(134,156,192,.32)!important; box-shadow:0 6px 16px rgba(0,0,0,.32)!important; } /* Kill the leftover dark "block" behind the widgets: the home section wrapper and the sidebar column had their own solid dark backgrounds, which showed through the gaps and below the (shorter) sidebar column. Make them transparent so only the cards are visible on the page background. */ body.cm-home-redesigned:not(.light-surface) .cm-home-redesign{background:transparent!important;background-image:none!important} body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-home-redesign__side{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important} /* Inner wrappers that carried their own dark block: the stat-row grid container (block behind the 4 stat cards) and the Discord card's action row (dark strip behind the Join button on the purple card). */ body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-stats-row{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important} body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-card--discord .cm-side-discord__row{background:transparent!important;background-image:none!important} /* Discord card: drop the frosted grey "block" wrapper behind the online/members pills (high specificity to beat the discord-card dark rule). */ html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-card.cm-side-card--discord .cm-side-discord__counts{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important} /* === Contrast: every "near-white" label/body text in the dark home cards gets the SAME crisp white as the card headings (#f2f7ff), so nothing muddy blends into the background. Blue links keep their blue, the green dot stays green. === */ html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-stat-card__num, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-stat-card__lbl, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-hero__lead, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-featured__excerpt, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-stats, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-stats li, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-stats dt, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-stats span, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-stats strong, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-topdl__title, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-topdl__name, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-side-topdl__body strong{ color:#f2f7ff!important;-webkit-text-fill-color:#f2f7ff!important; } /* === Stat-card icons: colourful (matching the phone UI) instead of the grey dark-mode versions. === */ html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-stat-card--blue .cm-stat-card__ico{background:#dbeafe!important;color:#1d4ed8!important} html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-stat-card--green .cm-stat-card__ico{background:#dcfce7!important;color:#15803d!important} html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-stat-card--purple .cm-stat-card__ico{background:#ede9fe!important;color:#6d28d9!important} html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-stat-card--orange .cm-stat-card__ico{background:#ffedd5!important;color:#c2410c!important} html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-stat-card__ico svg, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-stat-card__ico svg path{color:inherit!important;fill:currentColor!important} /* === Separator line under the block headings so the title doesn't blend into the content (both light + dark; dark gets a lighter line). === */ html body.cm-home-redesigned .cm-home-redesign .cm-featured__head, html body.cm-home-redesigned .cm-home-redesign .cm-categories__head{border-bottom:1px solid #e6edf6!important;padding-bottom:14px!important;margin-bottom:18px!important} html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-featured__head, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-categories__head{border-bottom-color:rgba(255,255,255,.14)!important} /* === Dark mode: featured mod names white (were blue); game-category name + mod-count text white. === */ html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign a.cm-featured__title.cm-featured__title.cm-featured__title.cm-featured__title.cm-featured__title{color:#f2f7ff!important;-webkit-text-fill-color:#f2f7ff!important} html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-cat-card__title, html body.cm-home-redesigned:not(.light-surface) .cm-home-redesign .cm-cat-card__count{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}