/* ==========================================================================
   CraftRank "Poster" look — sits on top of the Modern theme.
   Comic poster artwork with the mascot behind the top of every page, heavy
   white + green headlines, pill buttons, glass cards with hairline borders.
   Turned on by poster_on() (admins first, then everyone from Settings).
   ========================================================================== */
:root { --pz-g1: #7cf7b0; --pz-g2: #1bd96a; --pz-ink: #04140a; --pz-line: rgba(255,255,255,.14); --pz-glass: linear-gradient(90deg, rgba(0,0,0,.45), rgba(0,0,0,.7)); --pz-art-h: 760px; --pz-art: url("../img/shader/home-ed.webp"); --pz-art-m: url("../img/shader/home-ed-m.webp"); }
html:has(body.skin-poster) { background: #000; }
body.theme-modern.skin-poster { position: relative; background: transparent !important; --m-raised: #0a0b0d; --m-raised-2: #070809; }
body.skin-poster.pa-portal { --pz-art: url("../img/shader/portal.webp"); --pz-art-m: url("../img/shader/portal-m.webp"); }
body.skin-poster.pa-vote { --pz-art: url("../img/shader/vote.webp"); --pz-art-m: url("../img/shader/vote-m.webp"); }
body.skin-poster.pa-rank { --pz-art: url("../img/shader/rank.webp"); --pz-art-m: url("../img/shader/rank-m.webp"); }
body.skin-poster.pa-res { --pz-art: url("../img/shader/res.webp"); --pz-art-m: url("../img/shader/res-m.webp"); }
body.skin-poster.pa-games { --pz-art: url("../img/shader/games.webp"); --pz-art-m: url("../img/shader/games-m.webp"); }
body.skin-poster.pa-tools { --pz-art: url("../img/shader/tools.webp"); --pz-art-m: url("../img/shader/tools-m.webp"); }
body.skin-poster.pa-vs { --pz-art: url("../img/shader/vs.webp"); --pz-art-m: url("../img/shader/vs-m.webp"); }
body.skin-poster.pa-adv { --pz-art: url("../img/shader/adv.webp"); --pz-art-m: url("../img/shader/adv-m.webp"); }
body.skin-poster.pa-legal { --pz-art: url("../img/shader/legal.webp"); --pz-art-m: url("../img/shader/legal-m.webp"); }
body.skin-poster.pa-docs { --pz-art: url("../img/shader/docs.webp"); --pz-art-m: url("../img/shader/docs-m.webp"); }
body.skin-poster.pa-news { --pz-art: url("../img/shader/news.webp"); --pz-art-m: url("../img/shader/news-m.webp"); }
body.skin-poster.pa-explore { --pz-art: url("../img/shader/explore.webp"); --pz-art-m: url("../img/shader/explore-m.webp"); }
body.skin-poster.pa-support { --pz-art: url("../img/shader/support.webp"); --pz-art-m: url("../img/shader/support-m.webp"); }
body.skin-poster.pa-stats { --pz-art: url("../img/shader/stats.webp"); --pz-art-m: url("../img/shader/stats-m.webp"); }
body.skin-poster.pa-host { --pz-art: url("../img/shader/host.webp"); --pz-art-m: url("../img/shader/host-m.webp"); }
body.skin-poster.pa-grave { --pz-art: url("../img/shader/grave.webp"); --pz-art-m: url("../img/shader/grave-m.webp"); }
body.skin-poster.pa-launch { --pz-art: url("../img/shader/launch.webp"); --pz-art-m: url("../img/shader/launch-m.webp"); }
body.skin-poster.pa-about { --pz-art: url("../img/shader/about.webp"); --pz-art-m: url("../img/shader/about-m.webp"); }
body.skin-poster.pa-launcher { --pz-art: url("../img/shader/launcher.webp"); --pz-art-m: url("../img/shader/launcher-m.webp"); }
body.skin-poster.pa-g-swipe { --pz-art: url("../img/shader/g-swipe.webp"); --pz-art-m: url("../img/shader/g-swipe-m.webp"); }
body.skin-poster.pa-g-market { --pz-art: url("../img/shader/g-market.webp"); --pz-art-m: url("../img/shader/g-market-m.webp"); }
body.skin-poster.pa-g-fantasy { --pz-art: url("../img/shader/g-fantasy.webp"); --pz-art-m: url("../img/shader/g-fantasy-m.webp"); }
body.skin-poster.pa-g-quests { --pz-art: url("../img/shader/g-quests.webp"); --pz-art-m: url("../img/shader/g-quests-m.webp"); }
body.skin-poster.pa-g-passport { --pz-art: url("../img/shader/g-passport.webp"); --pz-art-m: url("../img/shader/g-passport-m.webp"); }
body.skin-poster.pa-g-shop { --pz-art: url("../img/shader/g-shop.webp"); --pz-art-m: url("../img/shader/g-shop-m.webp"); }
body.skin-poster.pa-dash { --pz-art: url("../img/shader/dash.webp"); --pz-art-m: url("../img/shader/dash-m.webp"); --pz-art-h: 520px; }
body.skin-poster.pa-404 { --pz-art: url("../img/shader/404.webp"); --pz-art-m: url("../img/shader/404-m.webp"); }
body.skin-poster.pa-login { --pz-art: url("../img/shader/login.webp"); --pz-art-m: url("../img/shader/login.webp"); }

/* the poster behind header + page hero */
body.theme-modern.skin-poster::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; height: var(--pz-art-h); pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.6) 34%, rgba(0,0,0,.08) 62%, rgba(0,0,0,.25) 100%), linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 14%, rgba(0,0,0,.08) 62%, #000 100%), var(--pz-art) right 22% / cover no-repeat; }
body.theme-modern.skin-poster.pa-home::before, body.theme-modern.skin-poster.pa-vs::before, body.theme-modern.skin-poster.pa-404::before { background: linear-gradient(90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 74%, rgba(0,0,0,.7) 100%), linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 14%, rgba(0,0,0,.15) 60%, #000 100%), var(--pz-art) center 20% / cover no-repeat; }
body.theme-modern.skin-poster.pa-home { --pz-art-h: 900px; }
/* page heroes become transparent so the poster shows through (a Pro server keeps its own background) */
body.theme-modern.skin-poster :is(.m-hero, .m-landing, .pgb, .pgb-bnr, .vs-band, .cx-hero, .ax-hero, .rx-hero, .pn-hero, .ya-hero, .sx-hero:not(.sx-probg), .t-hero, .hero, .yr-hero, .gbn) { background: transparent !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster :is(.m-hero, .pgb, .cx-hero, .ax-hero, .rx-hero, .sx-hero:not(.sx-probg), .ya-hero)::before, body.theme-modern.skin-poster :is(.m-hero, .pgb, .cx-hero, .ax-hero, .rx-hero, .sx-hero:not(.sx-probg), .ya-hero)::after { display: none !important; }
body.theme-modern.skin-poster :is(.m-lbg, .m-orb, .rx-hero-vid, .pgb-art, .bnr-mascot, .ya-mascot, .chl-mascot, .sx-host, .ax-mascot) { display: none !important; }

/* ---------- header ---------- */
body.theme-modern.skin-poster header.top { background: transparent !important; border: 0 !important; box-shadow: none !important; position: relative; z-index: 20; }
body.theme-modern.skin-poster header.top .top-in { min-height: 84px; }
body.theme-modern.skin-poster header.top .brand span { font: 900 19px/1 var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .tnav > .tseg:not(.tadd2):not(.tuser) > summary, body.theme-modern.skin-poster .tnav > a.tseg:not(.tadd2) { font: 900 13px/1 var(--m-font) !important; letter-spacing: .07em; text-transform: uppercase; color: #cfe8d9 !important; background: transparent !important; box-shadow: none !important; }
body.theme-modern.skin-poster .tnav > .tseg:not(.tadd2) > summary svg:first-child, body.theme-modern.skin-poster .tnav > a.tseg:not(.tadd2) > svg { display: none; }
body.theme-modern.skin-poster .tnav > .tseg.on > summary, body.theme-modern.skin-poster .tnav > a.tseg.on, body.theme-modern.skin-poster .tnav > .tseg:hover > summary, body.theme-modern.skin-poster .tnav > a.tseg:not(.tadd2):hover { color: #fff !important; }
body.theme-modern.skin-poster .tnav > .tseg.on > summary { box-shadow: inset 0 -3px 0 #3df08a !important; border-radius: 0 !important; }
body.theme-modern.skin-poster .tnav > a.tadd2 { height: 42px; padding: 0 20px !important; border-radius: 999px !important; background: #fff !important; color: #07080a !important; font: 900 12.5px/1 var(--m-font) !important; letter-spacing: .07em; text-transform: uppercase; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster .tnav > a.tadd2 svg { color: #07080a; }
body.theme-modern.skin-poster .tnav > .tuser > summary { border-radius: 999px !important; background: rgba(0,0,0,.45) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22) !important; }
body.theme-modern.skin-poster .topsearch input { border-radius: 999px !important; background: rgba(0,0,0,.5) !important; border: 1px solid rgba(255,255,255,.22) !important; color: #fff; }
body.theme-modern.skin-poster .dd-menu { background: rgba(5,6,7,.96) !important; backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.12) !important; border-radius: 18px !important; box-shadow: 0 30px 60px -20px rgba(0,0,0,.9) !important; }
body.theme-modern.skin-poster .dd-h { font: 900 11px var(--m-font) !important; letter-spacing: .12em !important; text-transform: uppercase; color: #3df08a !important; }

/* ---------- headlines ---------- */
body.theme-modern.skin-poster :is(.t-title, .pgb h1, .pgb-in h1, .rx-hero h1, .ya-hero h1, .pn-hero h1, .vs-h1, .page-h h1, main > h1, .wrap > h1, .gbn h1) { font: 900 clamp(40px, 6.4vw, 92px)/.95 var(--m-font) !important; letter-spacing: -.02em !important; text-transform: uppercase; color: #fff !important; text-shadow: 0 6px 24px rgba(0,0,0,.7); max-width: 15ch; }
body.theme-modern.skin-poster :is(.t-title, .pgb h1, .rx-hero h1)::after { content: "."; color: #3df08a; }
body.theme-modern.skin-poster :is(.pgb-crumbs, .sx-crumbs, .cx-crumbs, .ax-crumbs) { font: 600 13px var(--m-font) !important; color: #9fb3a8 !important; }
body.theme-modern.skin-poster :is(.pgb-eye, .sx-eye, .cx-eye, .ax-eye, .bnr-eye, .m-ey, .kicker) { font: 900 13px var(--m-font) !important; letter-spacing: .1em !important; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster :is(.m-lead, .pgb p, .rx-hero p, .sx-lead, .ax-lead, .t-intro) { color: #cfe8d9 !important; font: 500 17px/1.6 var(--m-font) !important; text-shadow: 0 2px 10px rgba(0,0,0,.6); }
/* the two-line names: white top, green second line */
body.theme-modern.skin-poster .sx-name span { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; font-weight: 900 !important; font-family: var(--m-font) !important; }
body.theme-modern.skin-poster .sx-name .sx-o, body.theme-modern.skin-poster .ax-h1 .ax-o, body.theme-modern.skin-poster .ax-pro .ax-h2 .ax-o { -webkit-text-stroke: 0 !important; background: linear-gradient(180deg, var(--pz-g1), var(--pz-g2)) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-modern.skin-poster :is(.sx-name, .ax-h1, .ax-h2, .cx-name, .sx-name.sx-long) { font-family: var(--m-font) !important; font-weight: 900 !important; }
body.theme-modern.skin-poster .ax-h1 span:first-child, body.theme-modern.skin-poster .ax-pro .ax-h2 span:first-child { background: none !important; -webkit-text-fill-color: #fff !important; }
/* section headings */
body.theme-modern.skin-poster :is(main h2, .sv-card h2, .ax-h2, .vs-card-h h2, .rx-sh h2, .box-head) { font-family: var(--m-font) !important; font-weight: 900 !important; text-transform: uppercase; letter-spacing: .01em !important; }

/* ---------- buttons → pills ---------- */
body.theme-modern.skin-poster :is(.btn, .m-lbtn, .sv-btn-vote, .sx-vote, .ax-btn, .ax-ghost, .sotd-go, .sv-jump-vote, .bnr-btn, .rx-btn, button.primary, .pn-btn) { border-radius: 999px !important; font-family: var(--m-font) !important; font-weight: 900 !important; letter-spacing: .06em !important; text-transform: uppercase; }
body.theme-modern.skin-poster :is(.m-lbtn-go, .sx-vote, .ax-btn, .sv-btn-vote, .btn-primary, .btn:not(.btn-ghost):not(.btn-sm):not(.btn-danger)) { background: #fff !important; color: #07080a !important; box-shadow: none !important; border: 0 !important; filter: none !important; }
body.theme-modern.skin-poster :is(.m-lbtn-go, .sx-vote, .ax-btn, .sv-btn-vote) * { color: #07080a !important; }
body.theme-modern.skin-poster .sx-vote small { color: #4b5560 !important; }
body.theme-modern.skin-poster :is(.m-lbtn:not(.m-lbtn-go), .ax-ghost, .btn-ghost, .btn-sm, .sotd-go) { background: rgba(0,0,0,.45) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35) !important; border: 0 !important; }
body.theme-modern.skin-poster :is(.btn, .m-lbtn, .ax-btn, .ax-ghost, .sx-vote):hover { transform: translateY(-1px); }

/* ---------- cards & panels → glass with hairline ---------- */
body.theme-modern.skin-poster :is(.sv-card, .sv2-box, .sx-st, .sx-join, .ax-st, .ax-card, .ax-steps li, .ax-faq details, .vs-card, .vs-jc, .rx-card, .box, .sotd, .bnr, .lf-faq, .bx, .bg, .m-side .m-panel, .m-filters, .pn-card, .pn-box) { border-radius: 16px !important; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.72)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; border: 0 !important; backdrop-filter: blur(4px); }
body.theme-modern.skin-poster .sx-join { background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.78)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 30px 60px -20px rgba(0,0,0,.85) !important; border-radius: 22px !important; }
body.theme-modern.skin-poster .sx-now b { background: linear-gradient(180deg, var(--pz-g1), var(--pz-g2)) !important; -webkit-background-clip: text !important; background-clip: text !important; font-family: var(--m-font) !important; font-weight: 900 !important; }
body.theme-modern.skin-poster :is(.sx-st b, .ax-st b) { background: none !important; -webkit-text-fill-color: #fff !important; font-family: var(--m-font) !important; font-weight: 900 !important; }
body.theme-modern.skin-poster :is(.sx-st em, .ax-st em, .sx-k) { font-family: var(--m-font) !important; font-weight: 900 !important; color: #3df08a !important; }
body.theme-modern.skin-poster .sx-stats .sx-st::after, body.theme-modern.skin-poster .ax-st::after { display: none !important; }
body.theme-modern.skin-poster .sx-stats .sx-st, body.theme-modern.skin-poster .ax-st { padding-right: 20px !important; }
/* image frames: thick white border like the poster news cards */
body.theme-modern.skin-poster :is(.sx-bn, .sotd-banner, .sx-ic, .cx-ic) { box-shadow: 0 0 0 2px rgba(255,255,255,.92) !important; }

/* ---------- chips / filters / tabs ---------- */
body.theme-modern.skin-poster :is(.sx-chip, .t-tags a, .t-tags span, .m-sort a, .sv-jump a, .chip, .m-chip, .rx-chip) { border-radius: 999px !important; font-family: var(--m-font) !important; font-weight: 900 !important; letter-spacing: .06em !important; text-transform: uppercase; }
body.theme-modern.skin-poster :is(.m-sort a.on, .sv-jump a.on, .chip.on, .m-chip.on) { background: #fff !important; color: #07080a !important; }
body.theme-modern.skin-poster .sv-jump { background: transparent !important; box-shadow: none !important; gap: 8px; padding: 0 !important; }
body.theme-modern.skin-poster .sv-jump a:not(.sv-jump-vote) { background: rgba(0,0,0,.5) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3) !important; color: #fff !important; }

/* ---------- server rows: outline rank numbers, green rail ---------- */
body.theme-modern.skin-poster .m-row2 { border-radius: 6px !important; background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.76)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), inset 6px 0 0 #3df08a !important; border: 0 !important; }
body.theme-modern.skin-poster .m-row2.m-r1 { box-shadow: inset 0 0 0 1px rgba(255,201,74,.55), inset 6px 0 0 #ffc94a !important; }
body.theme-modern.skin-poster .m-row2.m-r2 { box-shadow: inset 0 0 0 1px rgba(217,223,229,.4), inset 6px 0 0 #d9dfe5 !important; }
body.theme-modern.skin-poster .m-row2.m-r3 { box-shadow: inset 0 0 0 1px rgba(230,140,85,.45), inset 6px 0 0 #e68c55 !important; }
body.theme-modern.skin-poster .m2-rk { background: none !important; box-shadow: none !important; color: transparent !important; -webkit-text-stroke: 1.6px #cfe8d9; font: 900 52px/1 var(--m-font) !important; }
body.theme-modern.skin-poster .m-r1 .m2-rk { -webkit-text-stroke-color: #ffc94a; }
body.theme-modern.skin-poster .m-r2 .m2-rk { -webkit-text-stroke-color: #d9dfe5; }
body.theme-modern.skin-poster .m-r3 .m2-rk { -webkit-text-stroke-color: #e68c55; }
body.theme-modern.skin-poster .m2-rk[data-d="3"] { font-size: 34px !important; }
body.theme-modern.skin-poster .m2-rk[data-d="2"] { font-size: 44px !important; }
body.theme-modern.skin-poster .m2-ic img { box-shadow: 0 0 0 2px rgba(255,255,255,.9); border-radius: 10px; }
body.theme-modern.skin-poster .m2-ttl h3 a { font: 900 19px var(--m-font) !important; text-transform: uppercase; letter-spacing: -.005em; color: #fff !important; }

/* ---------- footer ---------- */
body.theme-modern.skin-poster footer.foot { background: #000 !important; border-top: 1px solid rgba(255,255,255,.08) !important; }
body.theme-modern.skin-poster footer.foot :is(h3, h4, .fh, .foot-h) { font: 900 11px var(--m-font) !important; letter-spacing: .12em !important; text-transform: uppercase; color: #3df08a !important; }

@media (max-width: 760px) {
  body.theme-modern.skin-poster { --pz-art-h: 620px; }
  body.theme-modern.skin-poster::before, body.theme-modern.skin-poster.pa-home::before, body.theme-modern.skin-poster.pa-vs::before, body.theme-modern.skin-poster.pa-404::before { background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.2) 18%, rgba(0,0,0,.55) 55%, #000 100%), var(--pz-art-m) center top / cover no-repeat; }
  body.theme-modern.skin-poster :is(.t-title, .pgb h1, .rx-hero h1, .ya-hero h1, .pn-hero h1) { font-size: 40px !important; }
}

/* centred heroes (home, resources) get a centred vignette; the home title sits under the mascot's face */
body.theme-modern.skin-poster.pa-res::before { background: linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.25) 30%, rgba(0,0,0,.25) 70%, rgba(0,0,0,.75) 100%), linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.1) 14%, rgba(0,0,0,.3) 60%, #000 100%), var(--pz-art) center 25% / cover no-repeat; }
body.theme-modern.skin-poster.pa-home { --pz-art-h: 1000px; }
body.theme-modern.skin-poster .m-landing .m-hero-in { padding-top: 330px !important; }
body.theme-modern.skin-poster .m-landing .t-title { max-width: none; font-size: clamp(44px, 6.2vw, 88px) !important; }
body.theme-modern.skin-poster .m-landing .t-title::after { content: none; }
body.theme-modern.skin-poster .m-landing .t-title { color: #fff !important; -webkit-text-fill-color: #fff !important; }
@media (max-width: 760px) { body.theme-modern.skin-poster .m-landing .m-hero-in { padding-top: 200px !important; } }

/* server-style header card used on the vote page and older server pages */
body.theme-modern.skin-poster .sv-hero { background: transparent !important; }
body.theme-modern.skin-poster .sv-hero::before, body.theme-modern.skin-poster .sv-hero::after { display: none !important; }
body.theme-modern.skin-poster .sv-hero .sv-hero-in { background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.25)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; border-radius: 22px !important; backdrop-filter: blur(4px); }
body.theme-modern.skin-poster .sv-hero h1 { font: 900 clamp(34px, 4.6vw, 64px)/1 var(--m-font) !important; text-transform: uppercase; letter-spacing: -.02em !important; color: #fff !important; }
body.theme-modern.skin-poster :is(.vt-card, .vt-side, .vt-box, .vt-page .sv-card) { background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.75)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; border: 0 !important; border-radius: 18px !important; }
body.theme-modern.skin-poster :is(input[type=text], input[type=search], input[type=email], input[type=password], input[type=number], input[type=url], select, textarea) { border-radius: 14px !important; background: rgba(0,0,0,.55) !important; border: 1px solid rgba(255,255,255,.22) !important; color: #fff !important; }
body.theme-modern.skin-poster :is(input[type=text], input[type=search], input[type=email], input[type=password], input[type=number], input[type=url]):focus { border-color: #3df08a !important; box-shadow: 0 0 0 3px rgba(61,240,138,.2) !important; outline: 0; }
body.theme-modern.skin-poster :is(button[type=submit], input[type=submit]):not(.sx-ip):not([data-copy]) { border-radius: 999px !important; font-family: var(--m-font) !important; font-weight: 900 !important; letter-spacing: .06em; text-transform: uppercase; }

/* pages that drew their own mascot banner: the poster already has the mascot */
body.theme-modern.skin-poster .gbn-ch { display: none !important; }
body.theme-modern.skin-poster .gbn :is(h1, h2, .gbn-h) { font: 900 clamp(40px, 6vw, 84px)/.95 var(--m-font) !important; text-transform: uppercase; letter-spacing: -.02em !important; color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; -webkit-text-stroke: 0 !important; }
body.theme-modern.skin-poster .cx-eye { font: 900 14px var(--m-font) !important; letter-spacing: .16em !important; max-width: none !important; text-align: center; color: #cfe8d9 !important; text-shadow: none; }

/* every page title: heavy white uppercase (named heroes above keep their own two-line treatment) */
body.theme-modern.skin-poster h1:not(.sx-name):not(.ax-h1):not(.cx-eye):not(.sv-hero h1):not(.s4-name) { font-family: var(--m-font) !important; font-weight: 900 !important; text-transform: uppercase; letter-spacing: -.02em !important; color: #fff !important; text-shadow: 0 6px 24px rgba(0,0,0,.7); }
body.theme-modern.skin-poster :is(.aw-head, .e404, .nf, .notfound, .empty) h1 { font-size: clamp(40px, 5.6vw, 80px) !important; line-height: .95 !important; }
/* game banners: white first word, green second word (like every other title) */
body.theme-modern.skin-poster .gbn-t { font-family: var(--m-font) !important; font-weight: 900 !important; letter-spacing: -.02em !important; text-transform: uppercase; }
body.theme-modern.skin-poster .gbn-t span { color: #fff !important; -webkit-text-fill-color: #fff !important; -webkit-text-stroke: 0 !important; background: none !important; }
body.theme-modern.skin-poster .gbn-t .gbn-o { background: linear-gradient(180deg, var(--pz-g1), var(--pz-g2)) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-modern.skin-poster .gbn-eye { font: 900 13px var(--m-font) !important; letter-spacing: .1em !important; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster .gbn, body.theme-modern.skin-poster .gbn-in { background: transparent !important; box-shadow: none !important; }

/* two-line titles (footer script): last word green on its own line, with a full stop */
body.theme-modern.skin-poster h1.pz-two .pz-g { display: block; background: linear-gradient(180deg, var(--pz-g1), var(--pz-g2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 6px 18px rgba(0,0,0,.6)); }
body.theme-modern.skin-poster h1.pz-two .pz-g::after { content: "."; }
body.theme-modern.skin-poster h1.pz-two::after { content: none !important; }
body.theme-modern.skin-poster h1.pz-two { text-shadow: 0 6px 24px rgba(0,0,0,.7); }

/* home hero: news on the left, top four on the right (poster layout) */
body.theme-modern.skin-poster .m-landing .m-hero-in { position: relative; }
body.theme-modern.skin-poster .pz-side { position: absolute; top: 40px; width: 230px; z-index: 3; text-align: left; }
body.theme-modern.skin-poster .pz-news { left: 0; }
body.theme-modern.skin-poster .pz-top { right: 0; width: 250px; text-align: right; }
body.theme-modern.skin-poster .pz-k { margin: 0; font: 900 13px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster .pz-h { margin: 2px 0 14px; font: 900 19px var(--m-font); letter-spacing: .03em; text-transform: uppercase; color: #fff; text-shadow: 0 3px 12px rgba(0,0,0,.8); }
body.theme-modern.skin-poster .pz-nc { position: relative; display: block; height: 100px; margin-bottom: 14px; overflow: hidden; background: #111; box-shadow: 0 0 0 2px rgba(255,255,255,.95), 0 16px 30px -12px rgba(0,0,0,.8); text-decoration: none !important; }
body.theme-modern.skin-poster .pz-nc img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
body.theme-modern.skin-poster .pz-nc:hover img { transform: scale(1.05); }
body.theme-modern.skin-poster .pz-nc::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(180deg, transparent, rgba(0,0,0,.9)); }
body.theme-modern.skin-poster .pz-nc span { position: absolute; z-index: 1; left: 10px; bottom: 8px; font: 900 11.5px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .pz-tr { display: flex; align-items: center; gap: 10px; height: 50px; margin-bottom: 10px; padding: 0 12px; border-radius: 10px; text-decoration: none !important; text-align: left; background: linear-gradient(90deg, rgba(0,0,0,.25), rgba(0,0,0,.65)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); backdrop-filter: blur(4px); }
body.theme-modern.skin-poster .pz-tr:hover { box-shadow: inset 0 0 0 1px rgba(61,240,138,.6); }
body.theme-modern.skin-poster .pz-tr b { font: 900 13px var(--m-font); color: #9fb3a8; min-width: 24px; }
body.theme-modern.skin-poster .pz-r1 b { color: #ffc94a; } body.theme-modern.skin-poster .pz-r2 b { color: #d9dfe5; } body.theme-modern.skin-poster .pz-r3 b { color: #e68c55; }
body.theme-modern.skin-poster .pz-tr img { width: 28px; height: 28px; border-radius: 6px; image-rendering: pixelated; }
body.theme-modern.skin-poster .pz-tr span { display: flex; flex-direction: column; min-width: 0; flex: 1; }
body.theme-modern.skin-poster .pz-tr i { font: 900 12.5px var(--m-font); font-style: normal; letter-spacing: .04em; text-transform: uppercase; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster .pz-tr small { font: 600 10px var(--m-font); color: #9fb3a8; }
body.theme-modern.skin-poster .pz-tr em { display: flex; align-items: flex-end; gap: 2px; height: 16px; }
body.theme-modern.skin-poster .pz-tr em u { display: block; width: 3px; background: #3df08a; border-radius: 1px; }
body.theme-modern.skin-poster .pz-tr em u:nth-child(1) { height: 5px; } body.theme-modern.skin-poster .pz-tr em u:nth-child(2) { height: 8px; } body.theme-modern.skin-poster .pz-tr em u:nth-child(3) { height: 12px; } body.theme-modern.skin-poster .pz-tr em u:nth-child(4) { height: 16px; }
body.theme-modern.skin-poster .pz-more { font: 900 11px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #cfe8d9 !important; text-decoration: none !important; }
@media (max-width: 1180px) { body.theme-modern.skin-poster .pz-side { display: none; } }

/* list rows: white VOTE pill on #1, dark pills below */
body.theme-modern.skin-poster .m2-vote { border-radius: 999px !important; background: rgba(0,0,0,.45) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4) !important; font-weight: 900 !important; letter-spacing: .06em; text-transform: uppercase; }
body.theme-modern.skin-poster .m-r1 .m2-vote { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .m2-copy { border-radius: 999px !important; }

/* login / register: the left side of the card is the poster (mascot at the castle gate with the golden key) */
body.theme-modern.skin-poster.page-auth::before { height: 300px; }
body.theme-modern.skin-poster .au-wrap { max-width: 1120px; }
body.theme-modern.skin-poster .au-card { min-height: 640px; overflow: hidden; border-radius: 22px !important; background: #050605 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 40px 80px -30px rgba(0,0,0,.9) !important; border: 0 !important; }
body.theme-modern.skin-poster .au-aside { position: relative; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,.15) 55%, rgba(0,0,0,.95) 100%), url("../img/shader/login.webp") center top / cover no-repeat !important; border: 0 !important; }
body.theme-modern.skin-poster .au-aside .au-brand { position: absolute; top: 24px; left: 28px; font: 900 16px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .au-aside h2 { font: 900 40px/1 var(--m-font) !important; text-transform: uppercase; letter-spacing: -.02em !important; color: #fff !important; text-shadow: 0 6px 20px rgba(0,0,0,.8); margin: 0 0 14px !important; }
body.theme-modern.skin-poster .au-aside .au-points { display: none; }
body.theme-modern.skin-poster .au-aside .au-stats { background: rgba(0,0,0,.55) !important; border-radius: 14px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; border: 0 !important; }
body.theme-modern.skin-poster .au-aside .au-stats dd { font: 900 18px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster .au-aside .au-stats dt { font: 900 9.5px var(--m-font) !important; letter-spacing: .1em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster .au-card h1 { font-size: 56px !important; line-height: .95 !important; }
body.theme-modern.skin-poster .au-aside { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding: 32px !important; }
body.theme-modern.skin-poster .au-aside h2 { margin-top: auto !important; font-size: 34px !important; }
body.theme-modern.skin-poster .au-aside .au-stats { margin: 0 !important; }
body.theme-modern.skin-poster h1.cx-eye { font: 900 14px/1.3 var(--m-font) !important; letter-spacing: .16em !important; max-width: none !important; color: #cfe8d9 !important; }

/* ================= HOME (Figma "Site home – launcher style") ================= */
body.theme-modern.skin-poster .m-landing .m-hero-in > :not(.t-title):not(.pz-side):not(.pz-hero):not(.pz-stats) { display: none !important; }
body.theme-modern.skin-poster .m-landing .m-hero-in { min-height: 860px; padding-top: 0 !important; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 0 !important; }
body.theme-modern.skin-poster .m-landing .t-title { order: 1; font: 900 13px var(--m-font) !important; letter-spacing: .14em !important; color: #3df08a !important; -webkit-text-fill-color: #3df08a !important; text-shadow: 0 2px 10px rgba(0,0,0,.8); margin: 0 0 6px !important; max-width: none; }
body.theme-modern.skin-poster .m-landing .t-title::after { content: none !important; }
body.theme-modern.skin-poster .pz-hero { order: 2; display: flex; flex-direction: column; align-items: center; width: 100%; }
body.theme-modern.skin-poster .pz-slogan { display: flex; flex-direction: column; align-items: center; margin: 0; font: 900 clamp(40px, 5.6vw, 80px)/1 var(--m-font); letter-spacing: -.02em; text-transform: uppercase; text-align: center; color: #fff; text-shadow: 0 6px 24px rgba(0,0,0,.75); }
body.theme-modern.skin-poster .pz-g { background: linear-gradient(180deg, var(--pz-g1), var(--pz-g2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 6px 18px rgba(0,0,0,.6)); }
body.theme-modern.skin-poster .pz-find { display: flex; gap: 14px; width: min(100%, 680px); margin-top: 34px; }
body.theme-modern.skin-poster .pz-find label { flex: 1; display: flex; align-items: center; gap: 12px; height: 60px; padding: 0 24px; border-radius: 999px; background: rgba(0,0,0,.6); box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); backdrop-filter: blur(4px); }
body.theme-modern.skin-poster .pz-find svg { width: 18px; height: 18px; fill: none; stroke: #9fb3a8; stroke-width: 2.2; stroke-linecap: round; }
body.theme-modern.skin-poster .pz-find input { flex: 1; height: 100%; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: #fff; font: 500 16px var(--m-font); }
body.theme-modern.skin-poster .pz-find button { height: 60px; padding: 0 34px; border: 0; border-radius: 999px; background: #fff; color: #07080a; font: 900 17px var(--m-font); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; box-shadow: none; }
body.theme-modern.skin-poster .pz-stats { order: 3; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; width: 100%; margin: 64px 0 0; }
body.theme-modern.skin-poster .pz-stats div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 6px; padding: 18px 24px; border-radius: 14px; background: linear-gradient(90deg, rgba(0,0,0,.45), rgba(0,0,0,.7)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
body.theme-modern.skin-poster .pz-stats dd { margin: 0; font: 900 30px/1 var(--m-font); color: #fff; }
body.theme-modern.skin-poster .pz-stats dt { font: 900 10.5px var(--m-font); letter-spacing: .12em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster .pz-side { top: 90px; }
body.theme-modern.skin-poster.pa-home { --pz-art-h: 900px; }
body.theme-modern.skin-poster.pa-home::before { background: linear-gradient(90deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0) 76%, rgba(0,0,0,.65) 100%), linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 12%, rgba(0,0,0,0) 50%, rgba(0,0,0,.92) 80%, #000 100%), var(--pz-art) center 14% / cover no-repeat; }

/* ================= LIST (home + game mode pages) ================= */
body.theme-modern.skin-poster .pz-lh { position: relative; margin-top: 60px; }
body.theme-modern.skin-poster .pz-lh .pz-k { margin: 0; font: 900 13px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster .pz-big { display: flex; flex-direction: column; margin: 4px 0 0; font: 900 clamp(38px, 4.6vw, 64px)/.98 var(--m-font); letter-spacing: -.02em; text-transform: uppercase; color: #fff; text-shadow: 0 6px 24px rgba(0,0,0,.7); }
body.theme-modern.skin-poster .pz-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
body.theme-modern.skin-poster .pz-chips a { display: inline-flex; align-items: center; height: 40px; padding: 0 20px; border-radius: 999px; background: rgba(0,0,0,.5); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); color: #fff !important; font: 900 11.5px var(--m-font); letter-spacing: .07em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster .pz-chips a.on { background: #fff; color: #07080a !important; box-shadow: none; }
body.theme-modern.skin-poster .pz-chips a.pz-more-f { box-shadow: inset 0 0 0 1px rgba(61,240,138,.5); color: #3df08a !important; }
body.theme-modern.skin-poster .m-home.pz-home { display: block !important; margin-top: 18px; }
body.theme-modern.skin-poster .m-home.pz-home > .m-fwrap { display: none; }
body.theme-modern.skin-poster .m-home.pz-home > .m-fwrap.pz-open { display: block; margin-bottom: 18px; }
body.theme-modern.skin-poster .m-home.pz-home > .m-fwrap.pz-open .m-filters { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; position: static !important; }
body.theme-modern.skin-poster .pz-home .m-bar { position: absolute; right: 0; margin-top: -58px; }
body.theme-modern.skin-poster .pz-home { position: relative; }
body.theme-modern.skin-poster .pz-home .m-bar .m-search { display: none; }
body.theme-modern.skin-poster .pz-home .m-sort { background: none !important; box-shadow: none !important; gap: 22px; }
body.theme-modern.skin-poster .pz-home .m-sort span { display: none; }
body.theme-modern.skin-poster .pz-home .m-sort a { padding: 0 0 6px !important; background: none !important; color: #6f767d !important; font: 900 11.5px var(--m-font) !important; letter-spacing: .08em !important; text-transform: uppercase; border-radius: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pz-home .m-sort a.on { color: #fff !important; box-shadow: inset 0 -3px 0 #3df08a !important; }
/* top three as big poster cards */
body.theme-modern.skin-poster .pz-top3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 6px 0 26px; }
body.theme-modern.skin-poster .pz-art { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; height: 260px; padding: 20px; overflow: hidden; text-decoration: none !important; background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.92) 100%), var(--pz-c-bg) center / cover no-repeat, #111; box-shadow: inset 0 0 0 3px rgba(255,255,255,.95); }
body.theme-modern.skin-poster .pz-art:hover { box-shadow: inset 0 0 0 3px #3df08a; }
body.theme-modern.skin-poster .pz-n { position: absolute; top: 6px; right: 18px; font: 900 110px/1 var(--m-font); color: transparent; -webkit-text-stroke: 3px #ffc94a; }
body.theme-modern.skin-poster .pz-c2 .pz-n { -webkit-text-stroke-color: #d9dfe5; }
body.theme-modern.skin-poster .pz-c3 .pz-n { -webkit-text-stroke-color: #e68c55; }
body.theme-modern.skin-poster .pz-ic { position: absolute; top: 20px; left: 20px; width: 54px; height: 54px; border-radius: 12px; image-rendering: pixelated; box-shadow: 0 0 0 2px rgba(255,255,255,.9); }
body.theme-modern.skin-poster .pz-bn { display: block; width: 100%; margin-bottom: 8px; box-shadow: 0 0 0 2px rgba(255,255,255,.9); line-height: 0; }
body.theme-modern.skin-poster .pz-bn :is(img, video) { width: 100%; height: auto; aspect-ratio: 468 / 60; object-fit: cover; }
body.theme-modern.skin-poster .pz-bn .banner-fallback { line-height: normal; }
body.theme-modern.skin-poster .pz-nm { font: 900 28px/1.05 var(--m-font); text-transform: uppercase; letter-spacing: -.01em; color: #fff; text-shadow: 0 3px 12px rgba(0,0,0,.8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster .pz-art small { font: 600 12.5px var(--m-font); color: #cfe8d9; }
body.theme-modern.skin-poster .pz-art i { display: flex; align-items: center; gap: 6px; font: 700 12.5px var(--m-font); font-style: normal; color: #fff; }
body.theme-modern.skin-poster .pz-art i u { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #3df08a; }
body.theme-modern.skin-poster .pz-acts { display: grid; grid-template-columns: 1.55fr 1fr; gap: 12px; margin-top: 12px; }
body.theme-modern.skin-poster .pz-acts > * { display: grid; place-items: center; height: 46px; border: 0; border-radius: 999px; background: rgba(0,0,0,.45); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); color: #fff !important; font: 900 13px var(--m-font); letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; cursor: pointer; }
body.theme-modern.skin-poster .pz-acts .pz-cp b { font-weight: 900; } body.theme-modern.skin-poster .pz-acts .pz-cp { font-weight: 300; }
body.theme-modern.skin-poster .pz-acts .pz-cp.on { background: #fff; color: #07080a !important; box-shadow: none; }
body.theme-modern.skin-poster .m-list.pz-skip3 > .m-r1, body.theme-modern.skin-poster .m-list.pz-skip3 > .m-r2, body.theme-modern.skin-poster .m-list.pz-skip3 > .m-r3 { display: none !important; }
@media (max-width: 1100px) { body.theme-modern.skin-poster .pz-top3 { grid-template-columns: 1fr; } body.theme-modern.skin-poster .pz-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.theme-modern.skin-poster .pz-home .m-bar { position: static; margin: 0 0 14px; } }
@media (max-width: 760px) {
  body.theme-modern.skin-poster .m-landing .m-hero-in { min-height: 620px; }
  body.theme-modern.skin-poster .pz-find { flex-direction: column; } body.theme-modern.skin-poster .pz-find button { height: 54px; }
  body.theme-modern.skin-poster .pz-stats { margin-top: 36px; gap: 10px; } body.theme-modern.skin-poster .pz-stats dd { font-size: 24px; }
  body.theme-modern.skin-poster .pz-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
  body.theme-modern.skin-poster .pz-chips a { flex: none; }
}
body.theme-modern.skin-poster .pz-acts > * { white-space: nowrap; }
body.theme-modern.skin-poster .pz-stats div { align-items: flex-start; }

/* ================= VOTE (Figma "Site – Vote page") ================= */
body.theme-modern.skin-poster.pg-vote .sv-hero .sv-hero-in { background: transparent !important; box-shadow: none !important; backdrop-filter: none; padding-top: 30px !important; padding-bottom: 20px !important; }
body.theme-modern.skin-poster.pg-vote .sv-hero-bd, body.theme-modern.skin-poster.pg-vote .sv-hero .sv-icon { display: none !important; }
body.theme-modern.skin-poster.pg-vote .sv-hero h1 { font: 900 clamp(44px, 6vw, 84px)/.95 var(--m-font) !important; margin-top: 60px !important; }
body.theme-modern.skin-poster.pg-vote .sv-hero h1 .pz-g { display: block; }
body.theme-modern.skin-poster.pg-vote .sv-hero h1 .pz-g::after { content: "."; }
body.theme-modern.skin-poster.pg-vote .sv-meta { margin-top: 18px !important; }
body.theme-modern.skin-poster.pg-vote .sv-hero { min-height: 470px; }
body.theme-modern.skin-poster .vt-page { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; max-width: 980px; margin: 30px auto 0 !important; gap: 18px !important; }
body.theme-modern.skin-poster .vt-card { padding: 32px !important; border-radius: 26px !important; background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.78)) !important; box-shadow: inset 0 0 0 1.5px rgba(61,240,138,.45), 0 30px 70px -30px rgba(0,0,0,.9) !important; }
body.theme-modern.skin-poster .vt-banner { box-shadow: 0 0 0 2px rgba(255,255,255,.9); }
body.theme-modern.skin-poster .vt-label, body.theme-modern.skin-poster .vt-captcha .fld > span { font: 900 11px var(--m-font) !important; letter-spacing: .12em !important; text-transform: uppercase; color: #9fb3a8 !important; }
body.theme-modern.skin-poster .vt-name { height: 64px; border-radius: 16px !important; background: rgba(0,0,0,.6) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3) !important; border: 0 !important; }
body.theme-modern.skin-poster .vt-name input { font: 700 20px var(--m-font) !important; border: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster .vt-submit { width: 100%; height: 80px !important; margin-top: 18px !important; font-size: 24px !important; }
body.theme-modern.skin-poster .vt-rules li { border-radius: 14px !important; background: rgba(0,0,0,.45) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; border: 0 !important; }
body.theme-modern.skin-poster .vt-rules b { font: 900 14px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .vt-side { display: grid !important; grid-template-columns: 1fr 1fr; gap: 18px; position: static !important; }
body.theme-modern.skin-poster .vt-side > * { border-radius: 18px !important; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.72)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; border: 0 !important; }
body.theme-modern.skin-poster .vt-standing b { font: 900 26px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster .vt-recent h3 { font: 900 12px var(--m-font) !important; letter-spacing: .12em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster .pz-more-vote { margin-top: 70px; }
body.theme-modern.skin-poster .pz-more-vote .pz-k { margin: 0; font: 900 13px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster .pz-more-vote .pz-big { font-size: 40px !important; margin-bottom: 22px; }
@media (max-width: 760px) { body.theme-modern.skin-poster .vt-side { grid-template-columns: 1fr; } body.theme-modern.skin-poster .vt-card { padding: 20px !important; } }
body.theme-modern.skin-poster.pg-vote .sv-hero .sv-top { background: transparent !important; box-shadow: none !important; border: 0 !important; padding-left: 0 !important; }
body.theme-modern.skin-poster.pg-vote .sv-hero .sv-title h1.pz-two { display: block !important; font-size: clamp(44px, 6vw, 84px) !important; line-height: .95 !important; margin-top: 50px !important; }
body.theme-modern.skin-poster h1.pz-two { display: block !important; }
body.theme-modern.skin-poster.pg-vote .sv-hero :is(.sv-hero-in, .sv-top)::before, body.theme-modern.skin-poster.pg-vote .sv-hero :is(.sv-hero-in, .sv-top)::after { display: none !important; }
body.theme-modern.skin-poster.pg-vote .sv-hero .sv-top { display: block !important; }
/* titles that already carry a second part in a span (e.g. "Best Minecraft Servers <span>October 2026</span>") */
body.theme-modern.skin-poster h1 > span:not(.pz-g):not(.sr-only):not(.vf-mark) { display: block; background: linear-gradient(180deg, var(--pz-g1), var(--pz-g2)) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }

/* CR Games hub */
body.theme-modern.skin-poster .pgb-games .gm-k { color: var(--pz-g2); }

body.theme-modern.skin-poster .sx-name .sx-o::after { content: "."; }
body.theme-modern.skin-poster :is(.pgb h1, .rx-hero h1):has(> span:last-child:not(.sr-only))::after { content: none; }
body.theme-modern.skin-poster :is(.pgb h1, .rx-hero h1) > span:last-child:not(.sr-only)::after { content: "."; }
body.theme-modern.skin-poster .pgb-games .gm-k { color: var(--pz-g2); text-transform: uppercase; font-size: 12px; letter-spacing: .06em; font-weight: 800; }
body.theme-modern.skin-poster .pgb-games p.gm-k { color: var(--pz-g2) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .06em !important; margin: 18px 0 8px !important; }
body.theme-modern.skin-poster .pgb-games .pgb-lead { max-width: 470px; font-size: 15px; }
@media (max-width: 560px) { body.theme-modern.skin-poster .gm-wrap { padding-left: 14px; padding-right: 14px; } }


/* ---- v3 fixes ---- */
/* home: keep the slogan clear of the side panels */
@media (min-width: 1181px) { body.theme-modern.skin-poster .m-landing .m-hero-in { min-height: 920px !important; } }
/* copy IP: one line */
body.theme-modern.skin-poster .pz-acts > * { display: flex !important; align-items: center; justify-content: center; gap: 5px; }
body.theme-modern.skin-poster .pz-acts .pz-cp { font-weight: 500; }
/* header: search is one pill, the input sits inside it */
body.theme-modern.skin-poster .topsearch { height: 42px; padding: 0 4px 0 0; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); backdrop-filter: blur(8px); }
body.theme-modern.skin-poster .topsearch:focus-within { box-shadow: inset 0 0 0 1px #3df08a, 0 0 0 3px rgba(61,240,138,.18); }
body.theme-modern.skin-poster .topsearch input, body.theme-modern.skin-poster .topsearch input:focus { height: 100%; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 6px 0 18px; color: #fff; }
body.theme-modern.skin-poster .topsearch input::placeholder { color: rgba(255,255,255,.55); }
body.theme-modern.skin-poster .topsearch button { width: 34px; height: 34px; border-radius: 50%; background: #fff; color: #07080a; }
body.theme-modern.skin-poster .topsearch button:hover { background: #3df08a; color: #07080a; }
/* header: account pill shows the name next to the head, like the design */
body.theme-modern.skin-poster .tnav > .tuser > summary { gap: 10px; height: 42px; padding: 4px 14px 4px 4px; }
body.theme-modern.skin-poster .tnav .tuser img { width: 34px; height: 34px; border-radius: 50%; border: 0; box-shadow: 0 0 0 2px rgba(255,255,255,.12); }
body.theme-modern.skin-poster .tnav .tuser > summary b { display: block; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 800 13px var(--m-font); color: #fff; }
body.theme-modern.skin-poster .tnav .tuser > summary svg { color: rgba(255,255,255,.6); }
body.theme-modern.skin-poster .tnav .tuser[open] > summary, body.theme-modern.skin-poster .tnav .tuser > summary:hover { box-shadow: inset 0 0 0 1px #3df08a !important; }
@media (max-width: 1360px) { body.theme-modern.skin-poster .tnav .tuser > summary b { display: none; } body.theme-modern.skin-poster .tnav > .tuser > summary { padding-right: 8px; } }
/* server page: launch countdown card */
body.theme-modern.skin-poster .lc-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "txt big" "txt cal"; align-items: center; gap: 14px 28px; padding: 30px 32px !important; border-radius: 0 !important; border: 3px solid #fff !important; box-shadow: 0 24px 50px -24px rgba(0,0,0,.9) !important; background: linear-gradient(90deg, rgba(0,0,0,.92) 30%, rgba(0,0,0,.45) 70%, rgba(0,0,0,.2)), url("../img/shader/launch-m.webp") right 30% / cover no-repeat !important; overflow: hidden; }
body.theme-modern.skin-poster .lc-hero-txt { grid-area: txt; max-width: 520px; }
body.theme-modern.skin-poster .lc-hero .lc-kicker { color: #3df08a !important; font: 900 12px var(--m-font); letter-spacing: .1em; text-transform: uppercase; }
body.theme-modern.skin-poster .lc-hero h2 { margin: 6px 0 8px; font: 900 clamp(24px, 2.6vw, 34px)/1.05 var(--m-font) !important; letter-spacing: -.01em; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .lc-hero h2 span { display: block; background: linear-gradient(180deg, #7cf7b0, #1bd96a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.theme-modern.skin-poster .lc-hero p { margin: 0; color: #cfe8d9 !important; font-size: 14px; }
body.theme-modern.skin-poster .lc-big { grid-area: big; justify-self: end; display: flex; gap: 8px; }
body.theme-modern.skin-poster .lc-big span { min-width: 64px; padding: 10px 8px; border-radius: 12px !important; background: rgba(0,0,0,.65) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22) !important; text-align: center; }
body.theme-modern.skin-poster .lc-big b { font: 900 26px/1 var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster .lc-big span:first-child { box-shadow: inset 0 0 0 1px #3df08a !important; }
body.theme-modern.skin-poster .lc-big span:first-child b { color: #3df08a !important; }
body.theme-modern.skin-poster .lc-big small { color: #9fb3a8 !important; font: 700 10px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase !important; }
body.theme-modern.skin-poster .lc-cal { grid-area: cal; justify-self: end; display: inline-flex !important; align-items: center; gap: 8px; height: 42px; padding: 0 20px !important; border-radius: 999px !important; background: #fff !important; color: #07080a !important; box-shadow: none !important; font: 900 12px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; }
body.theme-modern.skin-poster .lc-hero-live { grid-template-areas: "txt"; grid-template-columns: 1fr; }
@media (max-width: 760px) {
  body.theme-modern.skin-poster .lc-hero { grid-template-columns: 1fr; grid-template-areas: "txt" "big" "cal"; padding: 22px 18px !important; background-position: 70% 30% !important; }
  body.theme-modern.skin-poster .lc-big, body.theme-modern.skin-poster .lc-cal { justify-self: start; }
}

/* ---- launcher page: poster hero (Figma v3 / Launcher) ---- */
body.theme-modern.skin-poster.pa-launcher { --pz-art-h: 900px; }
body.theme-modern.skin-poster.pa-launcher .lp { background: transparent; }
body.theme-modern.skin-poster .pz-lph { display: flex !important; flex-direction: column; justify-content: center; gap: 56px; min-height: 0 !important; padding: 70px max(20px, calc((100vw - 1220px) / 2)) 40px !important; background: none !important; overflow: visible; }
body.theme-modern.skin-poster .pz-lph-in { max-width: 600px; }
body.theme-modern.skin-poster .pz-lph-k { margin: 0 0 10px; font: 800 12px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #1bd96a; }
body.theme-modern.skin-poster .pz-lph h1 { margin: 0; font: 900 clamp(52px, 7.4vw, 108px)/.94 var(--m-font) !important; letter-spacing: -.02em; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .pz-lph h1 span::after { content: "."; }
body.theme-modern.skin-poster .pz-lph-lead { margin: 20px 0 26px; max-width: 520px; font-size: 17px; line-height: 1.6; color: #e4efe8; text-shadow: 0 2px 12px rgba(0,0,0,.8); }
body.theme-modern.skin-poster .pz-lph-cta { display: flex; flex-wrap: wrap; gap: 12px; }
body.theme-modern.skin-poster .pz-lph-cta a { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 26px; border-radius: 999px; font: 900 13px var(--m-font); letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster .pz-lph-b1 { background: #fff; color: #07080a !important; box-shadow: none; }
body.theme-modern.skin-poster .pz-lph-b1:hover { background: #3df08a; }
body.theme-modern.skin-poster .pz-lph-b2 { background: rgba(0,0,0,.55); color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); }
body.theme-modern.skin-poster .pz-lph-b2:hover { box-shadow: inset 0 0 0 1px #3df08a; }
body.theme-modern.skin-poster .pz-lph-map { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 28px; margin: 0; padding: 28px 30px; border-radius: 16px; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.72)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); backdrop-filter: blur(6px); }
body.theme-modern.skin-poster .pz-lph-map dt { font: 800 11px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #1bd96a; }
body.theme-modern.skin-poster .pz-lph-map dd { margin: 4px 0 0; font: 900 19px var(--m-font); text-transform: uppercase; color: #fff; }
@media (max-width: 760px) {
  body.theme-modern.skin-poster.pa-launcher { --pz-art-h: 620px; }
  body.theme-modern.skin-poster .pz-lph { padding-top: 40px !important; gap: 30px; }
  body.theme-modern.skin-poster .pz-lph-map { grid-template-columns: 1fr 1fr; padding: 20px; }
  body.theme-modern.skin-poster .pz-lph-map dd { font-size: 15px; }
}
body.theme-modern.skin-poster .pz-lph h1 span { margin: 0 !important; padding: 0 !important; transform: none !important; }
body.theme-modern.skin-poster .pz-lph h1 { display: block !important; text-align: left !important; }
body.theme-modern.skin-poster .tnav > .tuser, body.theme-modern.skin-poster .tnav > .tuser > summary { width: auto !important; max-width: none !important; flex: none !important; }
body.theme-modern.skin-poster .tnav .tuser > summary b { flex: none; }

/* ---- legal pages (Figma v3 / Legal) ---- */
body.theme-modern.skin-poster .lg { max-width: 1220px; color: #e4efe8; }
body.theme-modern.skin-poster .lg-head { min-height: 470px; margin: 0 0 28px; padding-top: 70px; }
body.theme-modern.skin-poster .lg-head .champs-kicker { display: none; }
body.theme-modern.skin-poster .lg-head h1 { margin: 0 0 4px !important; font: 900 clamp(46px, 6vw, 86px)/.95 var(--m-font) !important; letter-spacing: -.02em; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .lg-meta { order: -1; margin: 0 0 12px; font: 800 12px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #1bd96a; }
body.theme-modern.skin-poster .lg-head { display: flex; flex-direction: column; }
body.theme-modern.skin-poster .lg-intro { max-width: 540px; margin-top: 16px; font-size: 16px; line-height: 1.65; color: #e4efe8; text-shadow: 0 2px 10px rgba(0,0,0,.85); }
body.theme-modern.skin-poster .lg-intro a { color: #7cf7b0; }
body.theme-modern.skin-poster .lg-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
body.theme-modern.skin-poster .lg-tabs a { display: inline-flex; align-items: center; height: 38px; padding: 0 20px; border-radius: 999px; background: rgba(0,0,0,.55); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); color: #fff !important; font: 900 11.5px var(--m-font); letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster .lg-tabs a.on { background: #fff; color: #07080a !important; box-shadow: none; }
body.theme-modern.skin-poster .lg-tabs a:not(.on):hover { box-shadow: inset 0 0 0 1px #3df08a; }
body.theme-modern.skin-poster .lg-body { grid-template-columns: 300px minmax(0, 1fr); gap: 30px; }
body.theme-modern.skin-poster .lg-toc { top: 90px; gap: 0; padding: 22px 12px 16px; border-radius: 16px; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.72)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); counter-reset: lgt; max-height: calc(100vh - 110px); overflow: auto; }
body.theme-modern.skin-poster .lg-toc b { margin: 0 12px 10px; font: 800 11px var(--m-font); letter-spacing: .1em; color: #1bd96a; }
body.theme-modern.skin-poster .lg-toc > a { position: relative; display: flex; gap: 12px; padding: 8px 12px; border-radius: 9px; color: #cfe8d9 !important; font: 500 13.5px/1.35 var(--m-font); counter-increment: lgt; }
body.theme-modern.skin-poster .lg-toc > a::before { content: counter(lgt, decimal-leading-zero); flex: none; width: 20px; font-weight: 900; font-size: 12px; color: #5f7a6b; }
body.theme-modern.skin-poster .lg-toc > a:hover { background: rgba(255,255,255,.05); }
body.theme-modern.skin-poster .lg-toc > a.on { background: rgba(27,217,106,.14); color: #fff !important; font-weight: 700; box-shadow: inset 3px 0 0 #3df08a; }
body.theme-modern.skin-poster .lg-toc > a.on::before { color: #3df08a; }
body.theme-modern.skin-poster .lg-other { margin: 12px 12px 0; border-top-color: rgba(255,255,255,.1); }
body.theme-modern.skin-poster .lg-other a { padding: 5px 0; color: #9fb3a8 !important; }
body.theme-modern.skin-poster .lg-text { padding: 14px 40px 32px; border: 0; border-radius: 16px; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.72)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
body.theme-modern.skin-poster .lg-text section { position: relative; padding: 30px 0 14px 76px; border-bottom-color: rgba(255,255,255,.08); scroll-margin-top: 90px; }
body.theme-modern.skin-poster .lg-text h2 { margin: 4px 0 12px; font: 900 24px/1.15 var(--m-font); text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .lg-text h2 span { position: absolute; left: 0; top: 26px; margin: 0; font: 900 40px/1 var(--m-font); background: linear-gradient(180deg, #7cf7b0, #1bd96a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.theme-modern.skin-poster .lg-text p, body.theme-modern.skin-poster .lg-text li { font-size: 15.5px; line-height: 1.7; color: #cfe8d9; }
body.theme-modern.skin-poster .lg-text a { color: #7cf7b0 !important; }
body.theme-modern.skin-poster .lg-text b, body.theme-modern.skin-poster .lg-text strong { color: #fff; }
body.theme-modern.skin-poster .lg-ask { margin: 26px 0 0 76px; padding: 18px 22px; border-radius: 14px; background: rgba(27,217,106,.1); box-shadow: inset 0 0 0 1px rgba(61,240,138,.4); color: #cfe8d9; }
body.theme-modern.skin-poster .lg-ask b { font: 900 15px var(--m-font); color: #fff; }
@media (max-width: 860px) {
  body.theme-modern.skin-poster .lg-head { min-height: 0; padding-top: 30px; }
  body.theme-modern.skin-poster .lg-body { grid-template-columns: 1fr; }
  body.theme-modern.skin-poster .lg-text { padding: 6px 18px 22px; }
  body.theme-modern.skin-poster .lg-text section { padding-left: 52px; }
  body.theme-modern.skin-poster .lg-text h2 span { font-size: 30px; }
  body.theme-modern.skin-poster .lg-ask { margin-left: 0; }
}
body.theme-modern.skin-poster .lg-toc b { text-transform: uppercase; }

/* ---- CR game pages (Figma v3 / CR Game page) ---- */
body.theme-modern.skin-poster .gbn .gbn-in { max-width: 1260px !important; min-height: 0 !important; height: auto !important; padding: 70px 20px 4px !important; display: block !important; }
body.theme-modern.skin-poster .gbn-t { margin: 6px 0 0 !important; font-size: clamp(52px, 7vw, 100px) !important; line-height: .94 !important; }
body.theme-modern.skin-poster .gbn-t span { display: block; }
body.theme-modern.skin-poster .gbn-t .gbn-o::after { content: "."; }
body.theme-modern.skin-poster .gbn-eye { font-size: 12px !important; letter-spacing: .06em !important; }
body.theme-modern.skin-poster .gbn + .pgb { padding-top: 14px !important; }
body.theme-modern.skin-poster .gbn + .pgb .pgb-in { max-width: 1260px !important; }
body.theme-modern.skin-poster .gbn + .pgb .pgb-crumbs { display: none; }
body.theme-modern.skin-poster .gbn + .pgb .pgb-lead { max-width: 540px; font-size: 16px; color: #e4efe8; text-shadow: 0 2px 10px rgba(0,0,0,.85); }
/* one content width for every page: hero text and the blocks under it line up (Figma: 110 to 1330 at 1440) */
body.theme-modern.skin-poster .pgb .pgb-in { max-width: 1260px !important; }
body.theme-modern.skin-poster main > .rs { max-width: 1220px !important; }
body.theme-modern.skin-poster .gbn + .pgb { margin-top: -22px; }
/* in-page tabs become pills */
body.theme-modern.skin-poster :is(.mk-tabs, .pgb-tabs, .rs-tabs) { display: flex; flex-wrap: wrap; gap: 10px; background: none !important; box-shadow: none !important; padding: 0 !important; }
body.theme-modern.skin-poster :is(.mk-tabs, .pgb-tabs, .rs-tabs) > a { display: inline-flex; align-items: center; height: 38px; padding: 0 18px !important; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25) !important; border: 0 !important; color: #fff !important; font: 900 11.5px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster :is(.mk-tabs, .pgb-tabs, .rs-tabs) > a:hover { box-shadow: inset 0 0 0 1px #3df08a !important; }
body.theme-modern.skin-poster :is(.mk-tabs, .pgb-tabs, .rs-tabs) > a:is(.on, .active, [aria-current]) { background: #fff !important; color: #07080a !important; box-shadow: none !important; }

/* ---- docs (Figma v3 / Docs): hero across the top, then sidebar / article / on-this-page ---- */
body.theme-modern.skin-poster .dx { position: relative; max-width: 1260px; gap: 30px; padding: 440px 20px 40px; grid-template-columns: 260px minmax(0, 1fr) 210px; }
body.theme-modern.skin-poster .dx-head { position: absolute; left: 20px; top: 60px; width: min(620px, calc(100% - 40px)); }
body.theme-modern.skin-poster .dx-crumbs { color: #cfe8d9; }
body.theme-modern.skin-poster .dx-crumbs a { color: #cfe8d9 !important; }
body.theme-modern.skin-poster .dx-head h1 { margin: 0 0 14px !important; font: 900 clamp(46px, 6vw, 86px)/.95 var(--m-font) !important; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .dx-intro { max-width: 540px; margin-bottom: 22px; font-size: 16px; color: #e4efe8; text-shadow: 0 2px 10px rgba(0,0,0,.85); }
body.theme-modern.skin-poster .dx-intro a { color: #7cf7b0 !important; }
body.theme-modern.skin-poster .dx-quick { display: flex; flex-wrap: wrap; gap: 10px; }
body.theme-modern.skin-poster .dx-quick a { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border-radius: 999px; background: rgba(0,0,0,.55); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }
body.theme-modern.skin-poster .dx-quick a:first-child { background: #fff; color: #07080a !important; box-shadow: none; }
body.theme-modern.skin-poster .dx-quick span, body.theme-modern.skin-poster .dx-quick svg { display: none; }
body.theme-modern.skin-poster .dx-quick b { font: 900 11.5px var(--m-font); letter-spacing: .08em; text-transform: uppercase; }
body.theme-modern.skin-poster .dx-side, body.theme-modern.skin-poster .dx-toc { top: 90px; padding: 22px 14px; border-radius: 16px; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.72)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
body.theme-modern.skin-poster .dx-home { margin: 0 8px 20px; }
body.theme-modern.skin-poster .dx-group b, body.theme-modern.skin-poster .dx-toc b { margin: 0 8px 8px; font: 800 11px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #1bd96a; }
body.theme-modern.skin-poster .dx-group a { margin: 0; padding: 7px 10px; border: 0; border-radius: 8px; color: #cfe8d9 !important; }
body.theme-modern.skin-poster .dx-group a:hover { background: rgba(255,255,255,.05); }
body.theme-modern.skin-poster .dx-group a.on { background: rgba(27,217,106,.14); color: #fff !important; font-weight: 700; }
body.theme-modern.skin-poster .dx-toc a { padding: 6px 8px; color: #cfe8d9 !important; }
body.theme-modern.skin-poster .dx-toc a.on { color: #3df08a !important; font-weight: 700; }
body.theme-modern.skin-poster .dx-main { max-width: none; padding: 0 40px 36px; border-radius: 16px; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.72)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
body.theme-modern.skin-poster .dx-sec { padding-top: 36px; margin-top: 0; border-top: 1px solid rgba(255,255,255,.08); scroll-margin-top: 90px; }
body.theme-modern.skin-poster .dx-sec:first-of-type { border-top: 0; }
body.theme-modern.skin-poster .dx-eyebrow { font: 800 11px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #1bd96a; }
body.theme-modern.skin-poster .dx-sec h2 { font: 900 30px/1.1 var(--m-font) !important; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .dx-body { color: #cfe8d9; }
body.theme-modern.skin-poster .dx-body ol { list-style: none; counter-reset: dxs; padding-left: 0; }
body.theme-modern.skin-poster .dx-body ol > li { position: relative; counter-increment: dxs; padding-left: 52px; min-height: 40px; margin: 12px 0; }
body.theme-modern.skin-poster .dx-body ol > li::before { content: counter(dxs); position: absolute; left: 0; top: -4px; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #1bd96a; color: #04140a; font: 900 15px var(--m-font); }
body.theme-modern.skin-poster .dx-body pre { background: #050806 !important; box-shadow: inset 0 0 0 1px rgba(61,240,138,.3); }
body.theme-modern.skin-poster .dx-body code { background: rgba(0,0,0,.6); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
body.theme-modern.skin-poster .dx-copy { background: #fff; color: #07080a; box-shadow: none; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; font-size: 11px; }
body.theme-modern.skin-poster .dx-foot { background: rgba(27,217,106,.1); box-shadow: inset 0 0 0 1px rgba(61,240,138,.4); color: #cfe8d9; }
body.theme-modern.skin-poster .dx-foot a { color: #7cf7b0 !important; }
@media (max-width: 1180px) { body.theme-modern.skin-poster .dx { grid-template-columns: 240px minmax(0, 1fr); } }
@media (max-width: 860px) {
  body.theme-modern.skin-poster .dx { padding-top: 30px; }
  body.theme-modern.skin-poster .dx-head { position: static; width: auto; margin-bottom: 20px; }
  body.theme-modern.skin-poster .dx-side { background: none; box-shadow: none; padding: 0; }
  body.theme-modern.skin-poster .dx-main { padding: 0 18px 24px; }
}

/* ---- API reference (developers) ---- */
body.theme-modern.skin-poster .dv { max-width: 1220px; gap: 18px; color: #e4efe8; }
body.theme-modern.skin-poster .dv-head { min-height: 420px; padding-top: 70px; margin-bottom: 10px; }
body.theme-modern.skin-poster .dv-head .champs-kicker { display: block; font: 800 12px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #1bd96a; }
body.theme-modern.skin-poster .dv-head h1 { margin: 8px 0 16px !important; font: 900 clamp(46px, 6vw, 92px)/.95 var(--m-font) !important; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .dv-head p { max-width: 540px; font-size: 16px; color: #e4efe8; text-shadow: 0 2px 10px rgba(0,0,0,.85); }
body.theme-modern.skin-poster .dv-base { padding: 6px 6px 6px 20px; border: 0; border-radius: 999px; background: rgba(0,0,0,.6); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
body.theme-modern.skin-poster .dv-base span { color: #1bd96a; font: 800 11px var(--m-font); }
body.theme-modern.skin-poster .dv-base code { border-radius: 999px; background: rgba(255,255,255,.08); color: #fff; }
body.theme-modern.skin-poster .dv-ep { padding: 24px 28px; border: 0; border-radius: 16px; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.72)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
body.theme-modern.skin-poster .dv-ep-h code { font: 800 18px var(--m-mono, ui-monospace); color: #fff; }
body.theme-modern.skin-poster .dv-m { padding: 5px 12px; border-radius: 999px; background: #1bd96a; color: #04140a; font: 900 11.5px var(--m-font); }
body.theme-modern.skin-poster .dv-m2 { background: #fff; color: #07080a; }
body.theme-modern.skin-poster .dv-ep p, body.theme-modern.skin-poster .dv-params td { color: #cfe8d9; }
body.theme-modern.skin-poster .dv-ep p code, body.theme-modern.skin-poster .dv-params code, body.theme-modern.skin-poster .dv-try code { background: rgba(0,0,0,.6); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
body.theme-modern.skin-poster .dv-pre { background: #050806; color: #cfe8d9; box-shadow: inset 0 0 0 1px rgba(61,240,138,.3); border-radius: 12px; }
body.theme-modern.skin-poster .dv-rex { border-top: 0; box-shadow: inset 0 0 0 1px rgba(61,240,138,.45); background: rgba(27,217,106,.08); }
@media (max-width: 860px) { body.theme-modern.skin-poster .dv-head { min-height: 0; padding-top: 30px; } }

/* ---- empty states: a poster card with the page art instead of a grey box ---- */
body.theme-modern.skin-poster .empty { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 16px; min-height: 230px; padding: 34px 40px !important; border: 3px solid #fff !important; border-radius: 0 !important; text-align: left !important; background: linear-gradient(90deg, rgba(0,0,0,.94) 35%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.2)), var(--pz-art-m) right 30% / cover no-repeat !important; box-shadow: 0 24px 50px -24px rgba(0,0,0,.9) !important; }
body.theme-modern.skin-poster .empty p { max-width: 520px; margin: 0 !important; font: 900 clamp(20px, 2.2vw, 28px)/1.15 var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .empty .btn { height: 44px; padding: 0 22px !important; border-radius: 999px !important; background: #fff !important; color: #07080a !important; border: 0 !important; box-shadow: none !important; font: 900 12px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; display: inline-flex; align-items: center; }
body.theme-modern.skin-poster .empty .btn:hover { background: #3df08a !important; }
@media (max-width: 700px) { body.theme-modern.skin-poster .empty { padding: 26px 20px !important; background-position: 70% 30% !important; } }
/* filter rows on list pages (events, jobs, wipes, news, graveyard, seeds, versions) are pills like the Figma chips */
body.theme-modern.skin-poster :is(.cm-chips, .nw-filter, .sd-tags, .vh-chips, .rx-vchips) { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster :is(.cm-chips, .nw-filter, .sd-tags, .vh-chips, .rx-vchips) > a { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 18px !important; border-radius: 999px !important; border: 0 !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25) !important; color: #fff !important; font: 900 11.5px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster :is(.cm-chips, .nw-filter, .sd-tags, .vh-chips, .rx-vchips) > a:hover { box-shadow: inset 0 0 0 1px #3df08a !important; }
body.theme-modern.skin-poster :is(.cm-chips, .nw-filter, .sd-tags, .vh-chips, .rx-vchips) > a.on { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster :is(.cm-chips, .nw-filter, .sd-tags) > a em { font-style: normal; opacity: .6; }

/* ---- server news timeline (Figma v3 / News) ---- */
body.theme-modern.skin-poster .nw-list { display: grid; gap: 12px; padding: 0; margin: 22px 0 0; list-style: none; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster .nw-day { margin: 18px 0 2px; font: 800 12px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #1bd96a; background: none !important; border: 0 !important; }
body.theme-modern.skin-poster .nw-item { display: flex; gap: 16px; align-items: flex-start; padding: 18px 22px !important; border: 0 !important; border-radius: 14px; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.72)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
body.theme-modern.skin-poster .nw-item:hover { box-shadow: inset 0 0 0 1px rgba(61,240,138,.5); }
body.theme-modern.skin-poster .nw-icon img, body.theme-modern.skin-poster .nw-icon svg { width: 46px; height: 46px; border-radius: 10px; image-rendering: pixelated; }
body.theme-modern.skin-poster .nw-item .ev-h { margin: 0; font: 800 16px/1.35 var(--m-font); color: #fff; }
body.theme-modern.skin-poster .nw-item .ev-tag { display: inline-flex; align-items: center; height: 22px; margin-right: 10px; padding: 0 10px; border-radius: 999px; background: rgba(0,0,0,.6) !important; box-shadow: inset 0 0 0 1px rgba(61,240,138,.6); color: #3df08a !important; font: 900 10px var(--m-font); letter-spacing: .08em; text-transform: uppercase; vertical-align: 2px; }
body.theme-modern.skin-poster .nw-meta { margin: 8px 0 0; color: #9fb3a8; font-size: 12.5px; }
body.theme-modern.skin-poster .nw-meta a { color: #cfe8d9 !important; }
body.theme-modern.skin-poster .nw-item .ev-d { margin-top: 8px; color: #cfe8d9; }
/* every page hero leaves room for the artwork before the content starts (Figma heroes are ~620px tall) */
body.theme-modern.skin-poster:not(.pa-dash):not(.pa-home):not(.pa-portal) .pgb > .pgb-in { min-height: 400px; padding-top: 40px !important; padding-bottom: 30px !important; }
body.theme-modern.skin-poster .gbn + .pgb > .pgb-in { min-height: 0; padding-top: 0 !important; }
@media (max-width: 760px) { body.theme-modern.skin-poster:not(.pa-dash) .pgb > .pgb-in { min-height: 0; padding-top: 16px !important; } }
body.theme-modern.skin-poster .gbn + .pgb > .pgb-in { min-height: 0 !important; }
body.theme-modern.skin-poster .gbn + .pgb .pgb-split { align-items: start !important; }
body.theme-modern.skin-poster h1 .pz-g { -webkit-text-stroke: 0 !important; background: linear-gradient(180deg, #7cf7b0, #1bd96a) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }
body.theme-modern.skin-poster:not(.pa-dash):not(.pa-home):not(.pa-portal) .gbn + .pgb > .pgb-in { padding-top: 0 !important; min-height: 0 !important; }
body.theme-modern.skin-poster .gbn + .pgb { margin-top: -26px !important; }
@media (max-width: 860px) {
  body.theme-modern.skin-poster .dx { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 20px 16px 30px; }
  body.theme-modern.skin-poster .dx-side { position: static; max-height: none; display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px 18px; padding: 0 16px 10px !important; border-radius: 0; }
  body.theme-modern.skin-poster .dx-side .dx-home, body.theme-modern.skin-poster .dx-side .dx-group b { display: none; }
  body.theme-modern.skin-poster .dx-side .dx-group { display: flex; gap: 8px; margin: 0; }
  body.theme-modern.skin-poster .dx-side .dx-group a { flex: none; white-space: nowrap; height: 36px; padding: 0 14px; border-radius: 999px; background: rgba(0,0,0,.55); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
  body.theme-modern.skin-poster .dx-head h1 { font-size: 44px !important; }
}
@media (max-width: 860px) {
  body.theme-modern.skin-poster .dx-main { min-width: 0; overflow: hidden; }
  body.theme-modern.skin-poster .dx-body code { white-space: normal; word-break: break-word; }
  body.theme-modern.skin-poster .dx-body pre { overflow-x: auto; max-width: 100%; }
}
@media (max-width: 700px) {
  body.theme-modern.skin-poster .empty .btn { height: auto !important; min-height: 44px; padding: 10px 20px !important; white-space: normal; text-align: left; line-height: 1.3; }
  body.theme-modern.skin-poster .dv-ep { overflow-x: auto; padding: 18px 16px; }
  body.theme-modern.skin-poster .dv-params td:first-child { white-space: normal; }
  body.theme-modern.skin-poster .sll-table-wrap { overflow-x: auto; max-width: 100%; }
}

/* ---- 404 (Figma: 16 / 404) ---- */
body.theme-modern.skin-poster.pa-404 { --pz-art-h: 100vh; }
body.theme-modern.skin-poster.pa-404::before { min-height: 820px; background: radial-gradient(70% 60% at 50% 45%, rgba(0,0,0,0), rgba(0,0,0,.55)), linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 14%, rgba(0,0,0,.1) 55%, rgba(0,0,0,.85) 88%, #000 100%), var(--pz-art) center 30% / cover no-repeat !important; }
body.theme-modern.skin-poster .pz-404 { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-height: calc(max(100vh, 820px) - 84px); padding: 0 20px 90px; text-align: center; }
body.theme-modern.skin-poster .pz-404-n { position: absolute; left: 50%; bottom: 215px; transform: translateX(-50%); font: 900 clamp(130px, 18vw, 240px)/1 var(--m-font); letter-spacing: -.02em; color: transparent; -webkit-text-stroke: 3px #3df08a; filter: drop-shadow(0 0 18px rgba(61,240,138,.45)); pointer-events: none; }
body.theme-modern.skin-poster .pz-404 h1 { position: relative; margin: 0 0 14px !important; font: 900 clamp(30px, 3.4vw, 44px)/1.05 var(--m-font) !important; text-transform: uppercase; color: #fff !important; text-shadow: 0 4px 24px rgba(0,0,0,.9); }
body.theme-modern.skin-poster .pz-404 h1::after { content: none !important; }
body.theme-modern.skin-poster .pz-404 p { position: relative; margin: 0 0 28px; font-size: 17px; color: #e4efe8; text-shadow: 0 2px 12px rgba(0,0,0,.9); }
body.theme-modern.skin-poster .pz-404-cta { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
body.theme-modern.skin-poster .pz-404-cta a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 62px; padding: 0 50px; border-radius: 999px; font: 300 20px var(--m-font); letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster .pz-404-cta b { font-weight: 900; }
body.theme-modern.skin-poster .pz-404-b1 { background: #fff; color: #07080a !important; box-shadow: none; }
body.theme-modern.skin-poster .pz-404-b2 { background: rgba(0,0,0,.5); color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }
body.theme-modern.skin-poster .pz-404-b1:hover { background: #3df08a; }
body.theme-modern.skin-poster .pz-404-b2:hover { box-shadow: inset 0 0 0 1px #3df08a; }
body.theme-modern.skin-poster.pa-404 .pressbar, body.theme-modern.skin-poster.pa-404 .press-strip { display: none; }
@media (max-width: 700px) { body.theme-modern.skin-poster .pz-404 { min-height: 640px; padding-bottom: 50px; } body.theme-modern.skin-poster .pz-404-n { bottom: 200px; } body.theme-modern.skin-poster .pz-404-cta a { height: 52px; padding: 0 30px; font-size: 16px; } }

/* ================= v4: pages matched 1:1 to the Figma frames ================= */
/* ---- advertise (Figma 12) ---- */
body.theme-modern.skin-poster.pg-advertise .ax-stats, body.theme-modern.skin-poster.pg-advertise #spots > .ax-h2, body.theme-modern.skin-poster.pg-advertise #spots > .ax-sub, body.theme-modern.skin-poster.pg-advertise .ax-pts, body.theme-modern.skin-poster.pg-advertise .ax-prev > *, body.theme-modern.skin-poster.pg-advertise .ax-prices small, body.theme-modern.skin-poster.pg-advertise .ax-prices em, body.theme-modern.skin-poster.pg-advertise .ax-pro-mascot { display: none !important; }
body.theme-modern.skin-poster.pg-advertise .ax-lead { max-width: 560px; }
body.theme-modern.skin-poster.pg-advertise .ax { max-width: 1320px; margin: 0 auto; padding: 0 20px; }
body.theme-modern.skin-poster.pg-advertise .ax-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
body.theme-modern.skin-poster.pg-advertise .ax-card { display: flex; flex-direction: column; padding: 16px 24px 18px !important; border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 45%, transparent) !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-advertise .ax-prev { position: relative; height: 200px; margin: 0 -8px 26px !important; padding: 0 !important; border: 3px solid #fff !important; border-radius: 0 !important; background: #111 center / cover no-repeat !important; box-shadow: none !important; overflow: hidden; }
body.theme-modern.skin-poster.pg-advertise .ax-featured .ax-prev { background-image: url("../img/blocks/similar.webp") !important; }
body.theme-modern.skin-poster.pg-advertise .ax-banner .ax-prev { background-image: url("../img/shader/portal-m.webp") !important; }
body.theme-modern.skin-poster.pg-advertise .ax-category .ax-prev { background-image: url("../img/blocks/about.webp") !important; }
body.theme-modern.skin-poster.pg-advertise .ax-card h3 { margin: 0 !important; font: 900 24px/1.1 var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.pg-advertise .ax-where { margin: 8px 0 22px !important; font-size: 14px !important; color: #cfe8d9 !important; }
body.theme-modern.skin-poster.pg-advertise .ax-prices { display: grid; gap: 10px; margin: 0 0 22px !important; padding: 0 !important; list-style: none; }
body.theme-modern.skin-poster.pg-advertise .ax-prices li { display: flex !important; align-items: center; justify-content: space-between; height: 48px; padding: 0 20px !important; border-radius: 12px !important; border: 0 !important; background: #0d0f0e !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; }
body.theme-modern.skin-poster.pg-advertise .ax-prices li:last-child { box-shadow: inset 0 0 0 1.5px var(--c) !important; }
body.theme-modern.skin-poster.pg-advertise .ax-prices li span { font: 600 15px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.pg-advertise .ax-prices li b { font: 900 18px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.pg-advertise .ax-card footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding: 0 !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-advertise .ax-card footer p { display: flex; gap: 6px; margin: 0; font: 900 16px var(--m-font) !important; color: var(--c) !important; }
body.theme-modern.skin-poster.pg-advertise .ax-card footer p b { font: inherit !important; color: inherit !important; }
body.theme-modern.skin-poster.pg-advertise .ax-card footer .ax-btn { min-width: 164px; height: 40px !important; padding: 0 24px !important; justify-content: center; font-size: 12px !important; background: transparent !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35) !important; }
body.theme-modern.skin-poster.pg-advertise .ax-card.ax-featured footer .ax-btn { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pg-advertise .ax-card:not(.ax-featured) footer .ax-btn * { color: #fff !important; }
/* pro */
body.theme-modern.skin-poster.pg-advertise .ax-pro { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 30px; margin-top: 40px !important; padding: 30px 30px 34px !important; border-radius: 18px !important; background: #000 !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(61,240,138,.4) !important; }
body.theme-modern.skin-poster.pg-advertise .ax-pro-tag { display: inline-grid; place-items: center; width: 100px; height: 32px; border-radius: 8px; background: linear-gradient(180deg, #7cf7b0, #1bd96a) !important; color: #04140a !important; font: 900 13px var(--m-font) !important; letter-spacing: .3em; }
body.theme-modern.skin-poster.pg-advertise .ax-pro .ax-h2 { margin: 18px 0 22px !important; font-size: clamp(30px, 3vw, 40px) !important; line-height: 1 !important; }
body.theme-modern.skin-poster.pg-advertise .ax-pro .ax-h2 span { display: block; }
body.theme-modern.skin-poster.pg-advertise .ax-pro .ax-h2 .ax-o::after { content: "."; }
body.theme-modern.skin-poster.pg-advertise .ax-pro-main > .ax-sub, body.theme-modern.skin-poster.pg-advertise .ax-pro-groups h3, body.theme-modern.skin-poster.pg-advertise .ax-feat span, body.theme-modern.skin-poster.pg-advertise .ax-pro-buy .ax-k, body.theme-modern.skin-poster.pg-advertise .ax-tiers, body.theme-modern.skin-poster.pg-advertise .ax-note, body.theme-modern.skin-poster.pg-advertise .ax-btn-lg small { display: none !important; }
body.theme-modern.skin-poster.pg-advertise .ax-pro-groups { display: grid !important; grid-template-columns: repeat(2, minmax(0, 330px)); gap: 0; }
body.theme-modern.skin-poster.pg-advertise .ax-pro-groups > div { display: contents; }
body.theme-modern.skin-poster.pg-advertise .ax-feat { display: contents; }
body.theme-modern.skin-poster.pg-advertise .ax-feat li { position: relative; display: block; margin: 0 0 14px !important; padding: 0 0 0 20px !important; border: 0 !important; background: none !important; }
body.theme-modern.skin-poster.pg-advertise .ax-feat li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #cfe8d9; font-weight: 900; font-size: 13px; }
body.theme-modern.skin-poster.pg-advertise .ax-feat li b { font: 700 15px var(--m-font) !important; color: #e4efe8 !important; }
body.theme-modern.skin-poster.pg-advertise .ax-feat li:nth-child(n+3) { display: none; }
body.theme-modern.skin-poster.pg-advertise .ax-pro-buy { padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-advertise .ax-btn-lg { min-width: 290px; height: 64px !important; justify-content: center; font: 900 20px var(--m-font) !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pg-advertise .ax-btn-lg::after { content: attr(data-price); margin-left: 8px; font-weight: 300; }
@media (max-width: 1000px) { body.theme-modern.skin-poster.pg-advertise .ax-grid { grid-template-columns: 1fr; } body.theme-modern.skin-poster.pg-advertise .ax-pro { grid-template-columns: 1fr; } body.theme-modern.skin-poster.pg-advertise .ax-pro-groups { grid-template-columns: 1fr; } body.theme-modern.skin-poster.pg-advertise .ax-btn-lg { min-width: 0; width: 100%; } }
body.theme-modern.skin-poster .ax-h1 > span:first-child { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; }
body.theme-modern.skin-poster .ax-h1 > span { display: block; }
body.theme-modern.skin-poster .ax-h1 .ax-o::after { content: "."; }
body.theme-modern.skin-poster.pg-advertise .ax-card footer p { flex-direction: row !important; align-items: baseline; white-space: nowrap; }
body.theme-modern.skin-poster.pg-advertise .ax-card footer p b { display: inline !important; margin: 0 !important; }
body.theme-modern.skin-poster.pg-advertise .ax-card:not(.ax-featured) footer .ax-btn.ax-btn.ax-btn { background: transparent !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35) !important; }
body.theme-modern.skin-poster.pg-advertise .ax-btn-lg.ax-btn-lg { flex-direction: row !important; align-items: center; }
body.theme-modern.skin-poster h1.ax-h1 > span:not(.ax-o):not(.sr-only):not(.vf-mark) { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; }

/* ---- monthly challenge (Figma 09) ---- */
body.theme-modern.skin-poster.pg-challenge .chl { display: flex; flex-direction: column; gap: 28px; max-width: 1320px !important; }
body.theme-modern.skin-poster.pg-challenge .chl > * { order: 4; margin: 0 !important; }
body.theme-modern.skin-poster.pg-challenge .chl > .chl-top { order: 2 !important; }
body.theme-modern.skin-poster.pg-challenge .chl > .chl-last { order: 3 !important; }
body.theme-modern.skin-poster.pg-challenge .chl > .chl-sec:has(.chl-board) { order: 1 !important; padding: 30px 28px 26px !important; border-radius: 18px; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
body.theme-modern.skin-poster.pg-challenge .chl-top { order: 2; }
body.theme-modern.skin-poster.pg-challenge .chl-h { display: grid; gap: 2px; margin: 0 0 18px !important; }
body.theme-modern.skin-poster.pg-challenge .chl-h small { display: none; }
body.theme-modern.skin-poster.pg-challenge .chl-h small.chl-live { display: block; font: 900 13px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster.pg-challenge .chl-h span { font: 900 28px var(--m-font) !important; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster.pg-challenge .chl-board { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pg-challenge .chl-board li { display: grid !important; grid-template-columns: 56px 48px minmax(0, 1fr) 140px; grid-template-rows: auto 12px; column-gap: 16px; row-gap: 8px; align-items: center; padding: 6px 4px !important; border: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pg-challenge .chl-pos { grid-row: 1 / span 2; grid-column: 1; text-align: center; }
body.theme-modern.skin-poster.pg-challenge .chl-pos svg { display: none; }
body.theme-modern.skin-poster.pg-challenge .chl-board { counter-reset: chl; }
body.theme-modern.skin-poster.pg-challenge .chl-board li { counter-increment: chl; }
body.theme-modern.skin-poster.pg-challenge .chl-pos b { display: none; }
body.theme-modern.skin-poster.pg-challenge .chl-pos::before { content: counter(chl); font: 300 34px/1 var(--m-font); color: #fff; }
body.theme-modern.skin-poster.pg-challenge .chl-board li:nth-child(1) .chl-pos::before { color: #ffc94a; }
body.theme-modern.skin-poster.pg-challenge .chl-board li:nth-child(2) .chl-pos::before { color: #d9dfe5; }
body.theme-modern.skin-poster.pg-challenge .chl-board li:nth-child(3) .chl-pos::before { color: #e68c55; }
body.theme-modern.skin-poster.pg-challenge .chl-srv { display: contents !important; }
body.theme-modern.skin-poster.pg-challenge .chl-srv img, body.theme-modern.skin-poster.pg-challenge .chl-srv > svg { grid-row: 1 / span 2; grid-column: 2; width: 48px !important; height: 48px !important; border-radius: 10px; image-rendering: pixelated; }
body.theme-modern.skin-poster.pg-challenge .chl-srv > span { grid-column: 3; grid-row: 1; display: flex; align-items: baseline; gap: 14px; min-width: 0; }
body.theme-modern.skin-poster.pg-challenge .chl-srv b { font: 900 17px var(--m-font) !important; text-transform: uppercase; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.pg-challenge .chl-srv small { font-size: 12px; color: #9fb3a8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.pg-challenge .chl-bar { grid-column: 3; grid-row: 2; display: block; height: 12px; border-radius: 6px; background: #161a18 !important; overflow: hidden; }
body.theme-modern.skin-poster.pg-challenge .chl-bar i { display: block; height: 100%; border-radius: 6px; background: #2c7a4f !important; }
body.theme-modern.skin-poster.pg-challenge .chl-board li:first-child .chl-bar i { background: linear-gradient(90deg, #1bd96a, #7cf7b0) !important; }
body.theme-modern.skin-poster.pg-challenge .chl-g { grid-column: 4; grid-row: 1 / span 2; justify-self: end; font: 900 17px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.pg-challenge .chl-g.down { color: #ff7d7d !important; }
/* prizes: three cards */
body.theme-modern.skin-poster.pg-challenge .chl-top { display: block !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-challenge .chl-prize { display: contents !important; }
body.theme-modern.skin-poster.pg-challenge .chl-prize > :not(.chl-get) { display: none !important; }
body.theme-modern.skin-poster.pg-challenge .chl-get { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0 !important; padding: 0 !important; list-style: none; }
body.theme-modern.skin-poster.pg-challenge .chl-get li { display: block !important; min-height: 118px; padding: 28px 24px !important; border-radius: 18px; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
body.theme-modern.skin-poster.pg-challenge .chl-get li i { display: none !important; }
body.theme-modern.skin-poster.pg-challenge .chl-get li b { display: block; font: 900 22px var(--m-font) !important; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster.pg-challenge .chl-get li:first-child b { color: #ffd76a !important; }
body.theme-modern.skin-poster.pg-challenge .chl-get li small { display: block; margin-top: 10px; font-size: 14px !important; color: #cfe8d9 !important; }
body.theme-modern.skin-poster.pg-challenge .chl-rules { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 24px 0 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pg-challenge .chl-rules li { padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-challenge .chl-rules i { background: rgba(27,217,106,.15) !important; color: #3df08a !important; }
body.theme-modern.skin-poster.pg-challenge .chl-rules b { color: #fff !important; } body.theme-modern.skin-poster.pg-challenge .chl-rules span { color: #9fb3a8 !important; }
@media (max-width: 900px) {
  body.theme-modern.skin-poster.pg-challenge .chl-get, body.theme-modern.skin-poster.pg-challenge .chl-rules { grid-template-columns: 1fr; }
  body.theme-modern.skin-poster.pg-challenge .chl-board li { grid-template-columns: 34px 40px minmax(0, 1fr) 54px; column-gap: 10px; }
  body.theme-modern.skin-poster.pg-challenge .chl-srv img { width: 40px !important; height: 40px !important; }
  body.theme-modern.skin-poster.pg-challenge .chl-srv small { display: none; }
  body.theme-modern.skin-poster.pg-challenge .chl > .chl-sec:has(.chl-board) { padding: 22px 14px !important; }
}
body.theme-modern.skin-poster .pgb .pgb-eye { color: #3df08a !important; }

/* ---- resources hub (Figma 06) ---- */
body.theme-modern.skin-poster.pg-resources .rx-wall, body.theme-modern.skin-poster.pg-resources .rx-hero-n { display: none !important; }
body.theme-modern.skin-poster.pg-resources .rx-hero-in { max-width: 1260px; display: block !important; padding: 80px 20px 60px !important; min-height: 470px; }
body.theme-modern.skin-poster.pg-resources .rx-hero-tx { max-width: 720px; margin: 0 !important; text-align: left !important; }
body.theme-modern.skin-poster.pg-resources .rx-crumbs { justify-content: flex-start !important; }
body.theme-modern.skin-poster .pz-rh-eye { margin: 0 0 10px !important; font: 900 13px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster.pg-resources .rx-hero-tx h1 { text-align: left !important; margin: 0 0 18px !important; }
body.theme-modern.skin-poster.pg-resources .rx-hero-tx > p:not(.pz-rh-eye) { max-width: 440px; margin: 0 0 30px !important; text-align: left !important; }
body.theme-modern.skin-poster.pg-resources .rx-bigsearch { display: flex !important; gap: 14px; max-width: 700px; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-resources .rx-bigsearch svg { display: none; }
body.theme-modern.skin-poster.pg-resources .rx-bigsearch input { flex: 1; height: 54px !important; padding: 0 28px !important; border-radius: 999px !important; background: rgba(0,0,0,.6) !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3) !important; font-size: 15px; }
body.theme-modern.skin-poster.pg-resources .rx-bigsearch button { height: 54px !important; padding: 0 30px !important; border-radius: 999px !important; background: #fff !important; color: #07080a !important; font: 900 16px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase; box-shadow: none !important; }
.pz-rh { max-width: 1260px; margin: 0 auto 40px; padding: 0 20px; }
.pz-rh-sec { margin-bottom: 44px; }
.pz-rh-k { margin: 0; font: 900 12px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #3df08a; }
.pz-rh-h { margin: 2px 0 14px !important; font: 900 28px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
.pz-rh-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pz-rh-cat { position: relative; display: flex; align-items: flex-end; justify-content: space-between; height: 122px; padding: 14px 16px; border: 3px solid #fff; background: #111 center / cover no-repeat; color: #fff !important; text-decoration: none !important; overflow: hidden; }
.pz-rh-cat::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.8)); transition: background .2s; }
.pz-rh-cat:hover::before { background: linear-gradient(180deg, rgba(27,217,106,.12) 0%, rgba(0,0,0,.8)); }
.pz-rh-cat b, .pz-rh-cat small { position: relative; }
.pz-rh-cat b { font: 900 19px var(--m-font); text-transform: uppercase; }
.pz-rh-cat small { font: 800 12px var(--m-font); color: #cfe8d9; }
.pz-rh-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.pz-rh-card { display: flex; flex-direction: column; padding: 18px 18px 22px; border-radius: 16px; background: #000; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.pz-rh-top { display: flex; align-items: center; gap: 14px; color: #fff !important; text-decoration: none !important; }
.pz-rh-top .rs-ico, .pz-rh-top > :first-child { width: 64px !important; height: 64px !important; flex: none; border-radius: 12px; image-rendering: pixelated; }
.pz-rh-top b { display: block; font: 900 19px var(--m-font); }
.pz-rh-top small { display: block; margin-top: 4px; font: 800 10.5px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #3df08a; }
.pz-rh-card p { margin: 16px 0 14px; font-size: 13.5px; line-height: 1.5; color: #cfe8d9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pz-rh-card footer { display: flex; align-items: center; gap: 22px; margin-top: auto; }
.pz-rh-dl { font: 900 15px var(--m-font); color: #fff; } .pz-rh-rt { font: 900 15px var(--m-font); color: #ffc94a; }
.pz-rh-btn { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 32px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); color: #fff !important; font: 900 12.5px var(--m-font); letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; }
.pz-rh-btn.on { background: #fff; color: #07080a !important; box-shadow: none; }
.pz-rh-btn:not(.on):hover { box-shadow: inset 0 0 0 1px #3df08a; }
.pz-rh-all { margin: 34px 0 0; text-align: center; }
.pz-rh-all a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 50px; padding: 0 56px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); color: #fff !important; font: 300 16px var(--m-font); letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; }
.pz-rh-all b { font-weight: 900; }
@media (max-width: 1000px) { .pz-rh-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pz-rh-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { body.theme-modern.skin-poster.pg-resources .rx-bigsearch { flex-direction: column; } .pz-rh-cat { height: 96px; } .pz-rh-cat b { font-size: 15px; } }
body.theme-modern.skin-poster.pg-resources .rx-hero-tx, body.theme-modern.skin-poster.pg-resources .rx-hero-tx > * { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
body.theme-modern.skin-poster.pg-resources .rx-hero-tx { max-width: 960px !important; }
body.theme-modern.skin-poster.pg-resources .rx-crumbs { display: flex !important; }
body.theme-modern.skin-poster.pg-resources .rx-hero-tx { align-items: flex-start !important; }
body.theme-modern.skin-poster.pg-resources .rx-hero-in { max-width: 1300px !important; padding-left: 40px !important; }
body.theme-modern.skin-poster.pg-resources .rx-bigsearch { width: 100%; }

/* ---- server rows: one line like the Figma list (category, home, vote "try these too") ---- */
body.theme-modern.skin-poster .m-row2 { display: grid !important; grid-template-columns: 74px 56px minmax(150px, 1fr) minmax(220px, 380px) 160px 92px 164px; grid-template-rows: auto auto; column-gap: 18px; row-gap: 4px; align-items: center; min-height: 88px; padding: 12px 20px 12px 26px !important; border-radius: 4px !important; background: #050605 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), inset 6px 0 0 #1bd96a !important; }
body.theme-modern.skin-poster .m-row2::before, body.theme-modern.skin-poster .m-row2::after { display: none !important; }
body.theme-modern.skin-poster .m-row2.m-r1 { box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), inset 6px 0 0 #ffc94a !important; }
body.theme-modern.skin-poster .m-row2.m-r2 { box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), inset 6px 0 0 #d9dfe5 !important; }
body.theme-modern.skin-poster .m-row2.m-r3 { box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), inset 6px 0 0 #e68c55 !important; }
body.theme-modern.skin-poster .m-row2 .m2-mid, body.theme-modern.skin-poster .m-row2 .m2-side, body.theme-modern.skin-poster .m-row2 .m2-st, body.theme-modern.skin-poster .m-row2 .m2-acts { display: contents !important; }
body.theme-modern.skin-poster .m-row2 .m2-rk { grid-column: 1; grid-row: 1 / span 2; margin: 0 !important; width: auto !important; font: 300 52px/1 var(--m-font) !important; color: transparent !important; -webkit-text-stroke: 1.6px #fff !important; text-align: center; }
body.theme-modern.skin-poster .m-row2 .m2-rk[data-d="2"] { font-size: 46px !important; letter-spacing: -.04em; }
body.theme-modern.skin-poster .m-row2 .m2-rk[data-d="3"] { font-size: 32px !important; }
body.theme-modern.skin-poster .m-row2 .m2-rk small { font: 900 11px var(--m-font); color: #3df08a; -webkit-text-stroke: 0; letter-spacing: .1em; text-transform: uppercase; }
body.theme-modern.skin-poster .m-row2 .m2-ic { grid-column: 2; grid-row: 1 / span 2; width: 56px !important; height: 56px !important; margin: 0 !important; }
body.theme-modern.skin-poster .m-row2 .m2-ic img, body.theme-modern.skin-poster .m-row2 .m2-ic .m-noic { width: 56px !important; height: 56px !important; border-radius: 12px !important; box-shadow: 0 0 0 2px rgba(255,255,255,.9) !important; image-rendering: pixelated; }
body.theme-modern.skin-poster .m-row2 .m2-ttl { grid-column: 3; grid-row: 1; align-self: end; display: flex; align-items: center; gap: 6px; min-width: 0; margin: 0 !important; }
body.theme-modern.skin-poster .m-row2 .m2-ttl h3 { margin: 0 !important; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster .m-row2 .m2-ttl h3 a { font: 900 20px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .m-row2 .m2-chips { grid-column: 3; grid-row: 2; align-self: start; display: block !important; margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0; }
body.theme-modern.skin-poster .m-row2 .m2-chips > * { display: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-chips > a { display: inline !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font: 500 13px var(--m-font) !important; color: #cfe8d9 !important; text-transform: none !important; letter-spacing: 0 !important; height: auto !important; }
body.theme-modern.skin-poster .m-row2 .m2-chips > a + a::before { content: " · "; color: #9fb3a8; }
body.theme-modern.skin-poster .m-row2 .m2-bn { grid-column: 4; grid-row: 1 / span 2; display: block !important; width: 100%; max-width: 380px; height: 54px; margin: 0 !important; border: 2px solid #fff; overflow: hidden; background: #111; }
body.theme-modern.skin-poster .m-row2 .m2-bn img, body.theme-modern.skin-poster .m-row2 .m2-bn > * { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; border-radius: 0 !important; margin: 0 !important; }
body.theme-modern.skin-poster .m-row2 .m2-ad { grid-column: 5; grid-row: 1; align-self: end; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster .m-row2 .m2-ad a { font: 700 14px var(--m-font); color: #fff !important; text-decoration: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-on { grid-column: 5; grid-row: 2; align-self: start; display: flex !important; align-items: center; gap: 4px; font: 500 13px var(--m-font) !important; color: #cfe8d9 !important; }
body.theme-modern.skin-poster .m-row2 .m2-on::before { content: ""; width: 8px; height: 8px; margin-right: 4px; border-radius: 50%; background: #3df08a; }
body.theme-modern.skin-poster .m-row2 .m2-on.is-off::before { background: #ff6b6b; }
body.theme-modern.skin-poster .m-row2 .m2-on b { font: 500 13px var(--m-font) !important; color: #cfe8d9 !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
body.theme-modern.skin-poster .m-row2 .m2-on small { display: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-on em { font-style: normal; }
body.theme-modern.skin-poster .m-row2 .m2-vt { grid-column: 6; grid-row: 1 / span 2; display: flex !important; flex-direction: column; align-items: flex-start; text-decoration: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-vt b { font: 900 24px/1 var(--m-font) !important; color: #fff !important; background: none !important; -webkit-text-fill-color: #fff !important; }
body.theme-modern.skin-poster .m-row2 .m2-vt em { margin-top: 3px; font: 900 10.5px var(--m-font) !important; font-style: normal !important; letter-spacing: .12em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster .m-row2 .m2-bar, body.theme-modern.skin-poster .m-row2 .m2-meta, body.theme-modern.skin-poster .m-row2 .m2-vote { display: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-copy { grid-column: 7; grid-row: 1 / span 2; display: inline-flex !important; align-items: center; justify-content: center; width: 164px; height: 44px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4) !important; color: #fff !important; font: 300 14px var(--m-font) !important; letter-spacing: .1em; text-transform: uppercase; }
body.theme-modern.skin-poster .m-row2 .m2-copy svg { display: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-copy b { font-weight: 900; }
body.theme-modern.skin-poster .m-row2 .m2-copy span { display: inline !important; max-width: none !important; color: inherit !important; }
body.theme-modern.skin-poster .m-list > .m-row2:first-child .m2-copy, body.theme-modern.skin-poster .m-row2.m-r1 .m2-copy { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-copy:hover { box-shadow: inset 0 0 0 1px #3df08a !important; }
body.theme-modern.skin-poster .m-list { display: grid; gap: 16px; }
@media (max-width: 1200px) { body.theme-modern.skin-poster .m-row2 { grid-template-columns: 60px 52px minmax(0, 1fr) 150px 84px 140px; } body.theme-modern.skin-poster .m-row2 .m2-bn { display: none !important; } body.theme-modern.skin-poster .m-row2 .m2-ad, body.theme-modern.skin-poster .m-row2 .m2-on { grid-column: 4; } body.theme-modern.skin-poster .m-row2 .m2-vt { grid-column: 5; } body.theme-modern.skin-poster .m-row2 .m2-copy { grid-column: 6; width: 140px; } }
@media (max-width: 760px) {
  body.theme-modern.skin-poster .m-row2 { grid-template-columns: 40px 48px minmax(0, 1fr) auto; grid-template-rows: auto auto auto; column-gap: 12px; padding: 12px 14px 12px 18px !important; }
  body.theme-modern.skin-poster .m-row2 .m2-rk { font-size: 34px !important; grid-row: 1 / span 2; }
  body.theme-modern.skin-poster .m-row2 .m2-ic, body.theme-modern.skin-poster .m-row2 .m2-ic img { width: 48px !important; height: 48px !important; }
  body.theme-modern.skin-poster .m-row2 .m2-ttl h3 a { font-size: 16px !important; }
  body.theme-modern.skin-poster .m-row2 .m2-vt { grid-column: 4; grid-row: 1 / span 2; }
  body.theme-modern.skin-poster .m-row2 .m2-ad { display: none; }
  body.theme-modern.skin-poster .m-row2 .m2-on { grid-column: 1 / span 2; grid-row: 3; }
  body.theme-modern.skin-poster .m-row2 .m2-copy { grid-column: 3 / span 2; grid-row: 3; width: 100%; height: 40px !important; }
}

/* ---- category / list pages (Figma 04) ---- */
body.theme-modern.skin-poster.pa-portal .m-hero:not(.m-landing) .m-hero-in { display: flex !important; flex-direction: column; align-items: flex-start !important; max-width: 1260px; min-height: 0 !important; padding: 70px 20px 0 !important; text-align: left !important; }
body.theme-modern.skin-poster.pa-portal .m-hero:not(.m-landing) .m-hero-in > :is(.t-answer, .t-combos, .t-sub, .t-intro, .m-crumbs) { display: none !important; }
body.theme-modern.skin-poster .pz-cat-k { order: -1; margin: 0 0 12px !important; font: 900 13px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster.pa-portal .m-hero:not(.m-landing) h1 { margin: 0 !important; max-width: 760px; text-align: left !important; font-size: clamp(48px, 6.4vw, 92px) !important; }
body.theme-modern.skin-poster.pa-portal .m-hero:not(.m-landing) { min-height: 0 !important; }
body.theme-modern.skin-poster .pz-lh-cat { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; max-width: 1260px; margin-top: 30px !important; }
body.theme-modern.skin-poster .pz-cat-s { flex: 0 1 520px; }
body.theme-modern.skin-poster .pz-cat-s input[type=search] { width: 100%; height: 56px; padding: 0 28px !important; border-radius: 999px !important; background: rgba(0,0,0,.6) !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3) !important; color: #fff; font-size: 15px; }
body.theme-modern.skin-poster .pz-lh-cat .pz-chips { margin: 0 !important; }
body.theme-modern.skin-poster.pa-portal .pz-home { margin-top: 30px; }
body.theme-modern.skin-poster.pa-portal .pz-home .m-bar { position: static !important; display: flex; justify-content: flex-end; margin: 0 0 22px !important; }
body.theme-modern.skin-poster .m-row2 > *::before, body.theme-modern.skin-poster .m-row2 > *::after, body.theme-modern.skin-poster .m-row2 .m2-st::before, body.theme-modern.skin-poster .m-row2 .m2-st::after, body.theme-modern.skin-poster .m-row2 .m2-acts::before { content: none !important; display: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-on::before { content: "" !important; display: block !important; }
body.theme-modern.skin-poster .m-row2 .m2-rk::before { content: none !important; }
body.theme-modern.skin-poster .m-row2 { background-image: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-chips > a.t-lang { display: none !important; }
body.theme-modern.skin-poster .m-row2 .m2-chips > a.t-lang + a::before { content: none; }
body.theme-modern.skin-poster.pa-portal .m-hero:not(.m-landing) h1 { max-width: 1100px; }

/* ---- vote page (Figma 03) ---- */
body.theme-modern.skin-poster .sv-eye-pz { margin: 0 0 12px; font: 900 13px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster .sv-lead-pz { max-width: 440px; margin: 18px 0 0; font: 500 17px/1.6 var(--m-font); color: #e4efe8; text-shadow: 0 2px 10px rgba(0,0,0,.85); }
body.theme-modern.skin-poster.pg-vote .sv-meta { display: none !important; }
body.theme-modern.skin-poster.pg-vote .sv-hero-in { padding-bottom: 60px !important; }
body.theme-modern.skin-poster.pg-vote .vt-page { max-width: 1320px !important; padding: 0 20px; }
body.theme-modern.skin-poster.pg-vote .vt-card { width: 100%; max-width: 960px; margin: 0 auto; padding: 30px 30px 26px !important; border-radius: 22px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(61,240,138,.45) !important; }
body.theme-modern.skin-poster .vt-pzh { display: flex; align-items: center; gap: 20px; margin-bottom: 34px; }
body.theme-modern.skin-poster .vt-pzh-ic img, body.theme-modern.skin-poster .vt-pzh-ic svg { display: block; width: 96px; height: 96px; border-radius: 14px; image-rendering: pixelated; }
body.theme-modern.skin-poster .vt-pzh b { display: block; font: 900 32px/1.05 var(--m-font); text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .vt-pzh small { display: block; margin-top: 8px; font: 500 14px var(--m-font); color: #cfe8d9; }
body.theme-modern.skin-poster.pg-vote .vt-form { display: grid; grid-template-columns: minmax(0, 1fr) 276px; column-gap: 20px; align-items: end; }
body.theme-modern.skin-poster.pg-vote .vt-form > * { grid-column: 1 / -1; }
body.theme-modern.skin-poster.pg-vote .vt-form > .vt-label { margin-bottom: 10px !important; }
body.theme-modern.skin-poster.pg-vote .vt-form > .vt-name { grid-column: 1; height: 64px; border-radius: 16px !important; }
body.theme-modern.skin-poster.pg-vote .vt-form > .vt-captcha { grid-column: 2; grid-row: auto; margin: 0 !important; }
body.theme-modern.skin-poster.pg-vote .vt-form > .vt-help { display: none; }
body.theme-modern.skin-poster.pg-vote .vt-captcha .fld { margin: 0 !important; }
body.theme-modern.skin-poster.pg-vote .vt-captcha input { height: 64px !important; border-radius: 16px !important; }
body.theme-modern.skin-poster.pg-vote .vt-submit { margin-top: 30px !important; font: 300 28px var(--m-font) !important; letter-spacing: .08em; }
body.theme-modern.skin-poster.pg-vote .vt-submit::first-word { font-weight: 900; }
body.theme-modern.skin-poster.pg-vote .vt-rules { display: none !important; }
body.theme-modern.skin-poster .vt-pzfoot { margin: 18px 0 0; text-align: center; font: 500 13px var(--m-font); color: #cfe8d9; }
body.theme-modern.skin-poster.pg-vote .vt-side { max-width: 960px; width: 100%; margin: 0 auto; }
body.theme-modern.skin-poster.pg-vote .vt-side > .vt-standing, body.theme-modern.skin-poster.pg-vote .vt-side > .vt-recent { display: none !important; }
body.theme-modern.skin-poster.pg-vote .vt-side:not(:has(.vt-goal)) { display: none !important; }
body.theme-modern.skin-poster .vt-pzrw { order: 3; margin-top: 30px; }
body.theme-modern.skin-poster.pg-vote .vt-page { display: flex !important; flex-direction: column; }
body.theme-modern.skin-poster.pg-vote .vt-card { order: 1; } body.theme-modern.skin-poster.pg-vote .vt-side { order: 2; }
body.theme-modern.skin-poster .vt-pzrw .pz-k { margin: 0; font: 900 13px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster .vt-pzrw-h { margin: 4px 0 14px !important; font: 900 30px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .vt-pzrw-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
body.theme-modern.skin-poster .vt-pzrw-g > div { display: flex; align-items: center; gap: 20px; min-height: 138px; padding: 20px; border-radius: 18px; background: #000; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
body.theme-modern.skin-poster .vt-pzrw-g img { flex: none; width: 96px; height: 96px; object-fit: cover; border-radius: 12px; box-shadow: 0 0 0 2px #fff; }
body.theme-modern.skin-poster .vt-pzrw-g b { display: block; font: 900 20px var(--m-font); text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .vt-pzrw-g small { display: block; margin-top: 10px; font-size: 14px; color: #cfe8d9; }
body.theme-modern.skin-poster.pg-vote .pz-more-vote { max-width: 1320px; }
@media (max-width: 900px) {
  body.theme-modern.skin-poster.pg-vote .vt-form { grid-template-columns: 1fr; }
  body.theme-modern.skin-poster.pg-vote .vt-form > .vt-captcha { grid-column: 1; margin-top: 14px !important; }
  body.theme-modern.skin-poster .vt-pzrw-g { grid-template-columns: 1fr; }
  body.theme-modern.skin-poster .vt-pzh b { font-size: 24px; }
  body.theme-modern.skin-poster .vt-pzh-ic img { width: 64px; height: 64px; }
}
body.theme-modern.skin-poster.pg-vote .vt-submit b { font-weight: 900; }

/* ---- server page (Figma 02) ---- */
body.theme-modern.skin-poster h1.sx-name > span:not(.sx-o):not(.sr-only):not(.vf-mark):not(.pz-g) { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; -webkit-text-stroke: 0 !important; display: block; }
body.theme-modern.skin-poster h1.sx-name > span.sx-o { display: block; }
body.theme-modern.skin-poster .sv-card::after, body.theme-modern.skin-poster .sv-card > header::before { display: none !important; content: none !important; }
body.theme-modern.skin-poster .sv-card > header { padding-left: 22px !important; }
body.theme-modern.skin-poster .sv-card > header h2::before { display: none !important; }
body.theme-modern.skin-poster .sv-card { border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
body.theme-modern.skin-poster .sv-card > header h2 { font: 900 24px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .sx-chips .sx-chip.on, body.theme-modern.skin-poster .sx-chip.sx-online { background: #fff !important; color: #07080a !important; }

/* ---- resource page (Figma 07) ---- */
body.theme-modern.skin-poster.pg-resource .rx-head { min-height: 540px; padding: 40px 0 30px !important; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pg-resource .rx-head > .wrap { max-width: 1300px; }
body.theme-modern.skin-poster.pg-resource .rx-head-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) 400px; grid-template-areas: "ico buy" "tx buy"; gap: 22px 40px; align-items: start; margin-top: 30px; }
body.theme-modern.skin-poster.pg-resource .rx-head-ico { grid-area: ico; }
body.theme-modern.skin-poster.pg-resource .rx-head-ico img, body.theme-modern.skin-poster.pg-resource .rx-head-ico .rs-ico { width: 124px !important; height: 124px !important; border-radius: 22px !important; box-shadow: 0 0 0 3px #fff !important; image-rendering: pixelated; }
body.theme-modern.skin-poster.pg-resource .rx-head-tx { grid-area: tx; }
body.theme-modern.skin-poster .rx-pz-eye { margin: 0 0 10px; font: 900 13px var(--m-font); letter-spacing: .06em; color: #3df08a; }
body.theme-modern.skin-poster.pg-resource .rx-head-tx h1 { margin: 0 0 14px !important; font: 900 clamp(48px, 6.4vw, 92px)/.95 var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.pg-resource .rx-head-tag { max-width: 520px; color: #e4efe8 !important; font-size: 16px !important; text-shadow: 0 2px 10px rgba(0,0,0,.85); }
body.theme-modern.skin-poster.pg-resource .rx-head-meta .rx-chip { display: none !important; }
body.theme-modern.skin-poster.pg-resource .rx-buy { grid-area: buy; align-self: center; padding: 28px 24px 22px !important; border-radius: 22px !important; background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.7)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important; backdrop-filter: blur(6px); }
body.theme-modern.skin-poster.pg-resource .rx-buy-price b { font: 900 46px/1 var(--m-font) !important; text-transform: uppercase; background: linear-gradient(180deg, #7cf7b0, #1bd96a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.theme-modern.skin-poster.pg-resource .rx-buy-price span { display: block; margin-top: 6px; color: #cfe8d9 !important; }
body.theme-modern.skin-poster.pg-resource .rx-buy :is(.rx-btn, a.btn, button.btn):first-of-type { width: 100%; height: 72px !important; justify-content: center; border-radius: 999px !important; background: #fff !important; color: #07080a !important; font: 900 22px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase; box-shadow: none !important; }
body.theme-modern.skin-poster.pg-resource .rx-buy :is(.rx-btn, a.btn, button.btn):first-of-type * { color: #07080a !important; }
body.theme-modern.skin-poster.pg-resource .rx-buy-n { border-top: 1px solid rgba(255,255,255,.1) !important; }
body.theme-modern.skin-poster.pg-resource .rx-buy-n dd { color: #fff !important; font-weight: 900 !important; }
body.theme-modern.skin-poster.pg-resource .rx-tabs { background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-resource .rx-tabs-in { display: flex; gap: 10px; max-width: 1300px; }
body.theme-modern.skin-poster.pg-resource .rx-tabs a, body.theme-modern.skin-poster.pg-resource .rx-tabs button { display: inline-flex; align-items: center; height: 38px; padding: 0 20px !important; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3) !important; border: 0 !important; color: #fff !important; font: 900 11.5px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; }
body.theme-modern.skin-poster.pg-resource .rx-tabs :is(a, button):is(.on, [aria-selected=true], [aria-current]) { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pg-resource .rx-tabs :is(a, button) em, body.theme-modern.skin-poster.pg-resource .rx-tabs :is(a, button) span { background: none !important; color: inherit !important; }
body.theme-modern.skin-poster.pg-resource main img:is(.rx-shot, .rx-gal img, .rx-gallery img), body.theme-modern.skin-poster.pg-resource :is(.rx-gal, .rx-gallery, .rx-shots) img { border-radius: 0 !important; box-shadow: 0 0 0 3px #fff !important; }
body.theme-modern.skin-poster.pg-resource :is(.rx-main, .rx-body, .rx-card, .rx-side > *) { border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; border: 0 !important; }
@media (max-width: 900px) { body.theme-modern.skin-poster.pg-resource .rx-head-grid { grid-template-columns: 1fr; grid-template-areas: "ico" "tx" "buy"; } body.theme-modern.skin-poster.pg-resource .rx-head { min-height: 0; } }
body.theme-modern.skin-poster.pg-resource .rx-head-grid { grid-template-columns: minmax(0, 760px) !important; grid-template-areas: "ico" "tx" !important; }
body.theme-modern.skin-poster.pg-resource .rx-head-grid > .rx-buy-m { grid-area: auto; }
@media (min-width: 901px) { body.theme-modern.skin-poster.pg-resource .rx-head-grid > .rx-buy-m { display: none !important; } }

/* ---- compare (Figma 11) ---- */
body.theme-modern.skin-poster .vs-v.win::after { content: none !important; }
body.theme-modern.skin-poster .vs-duel li { border-radius: 12px; }
body.theme-modern.skin-poster .vs-duel li:nth-child(odd) { background: #0b0d0c; }
body.theme-modern.skin-poster .vs-v { font: 900 22px var(--m-font) !important; color: #6f7a74 !important; }
body.theme-modern.skin-poster .vs-va.win { color: var(--va, #ffc94a) !important; }
body.theme-modern.skin-poster .vs-vb.win { color: var(--vb, #3ee0d0) !important; }
body.theme-modern.skin-poster .vs-bar { height: 8px !important; border-radius: 4px !important; background: #1a1d1b !important; }
body.theme-modern.skin-poster .vs-bar i { border-radius: 4px !important; background: #4a4f4c !important; }
body.theme-modern.skin-poster .vs-ba i.win { background: var(--va, #ffc94a) !important; }
body.theme-modern.skin-poster .vs-bb i.win { background: var(--vb, #3ee0d0) !important; }
body.theme-modern.skin-poster .vs-lab { font: 600 14px var(--m-font) !important; color: #e4efe8 !important; }

/* ---- player profile (Figma 15) ---- */
body.theme-modern.skin-poster.pg-player .pp-body, body.theme-modern.skin-poster.pg-player .pp-stats, body.theme-modern.skin-poster.pg-player .pp-head .pgb-lead, body.theme-modern.skin-poster.pg-player .pp-crown { display: none !important; }
body.theme-modern.skin-poster.pg-player .pp-head { display: flex !important; align-items: center; gap: 32px; }
body.theme-modern.skin-poster .pp-pzav { flex: none; width: 150px; height: 150px; border-radius: 20px; box-shadow: 0 0 0 3px #fff; image-rendering: pixelated; background: #111; }
body.theme-modern.skin-poster .pp-pzk { margin: 0 0 8px; font: 900 13px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster.pg-player .pp-head h1 { margin: 0 0 16px !important; font-size: clamp(46px, 6vw, 80px) !important; }
body.theme-modern.skin-poster.pg-player .pp-share { display: flex; flex-wrap: wrap; gap: 10px; }
body.theme-modern.skin-poster.pg-player .pp-share > * { height: 38px; padding: 0 20px !important; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3) !important; color: #fff !important; font: 900 11.5px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 6px; text-decoration: none !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-player .pp-share > * b { color: #3df08a; }
body.theme-modern.skin-poster .pp-pzstats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 30px; }
body.theme-modern.skin-poster .pp-pzstats > div { padding: 24px 22px; border-radius: 16px; background: #000; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
body.theme-modern.skin-poster .pp-pzstats b { display: block; font: 900 34px/1 var(--m-font); color: #fff; }
body.theme-modern.skin-poster .pp-pzstats span { display: block; margin-top: 10px; font: 900 11px var(--m-font); letter-spacing: .12em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster.pg-player .pp-main { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 0 24px; align-items: start; max-width: 1320px !important; }
body.theme-modern.skin-poster.pg-player .pp-main > * { grid-column: 1 / -1; }
body.theme-modern.skin-poster.pg-player .pp-main > section:has(.pp-servers) { grid-column: 1; grid-row: span 2; }
body.theme-modern.skin-poster.pg-player .pp-main > section:has(.bd-grid) { grid-column: 2; }
body.theme-modern.skin-poster.pg-player .vs-card { border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-player .vs-card-h h2 { font: 900 22px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.pg-player .pp-servers li { border-radius: 12px; background: #050605; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); margin-bottom: 10px; padding: 12px 16px !important; }
body.theme-modern.skin-poster.pg-player .bd-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
body.theme-modern.skin-poster.pg-player .bd-grid .bd { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 14px 8px !important; border-radius: 14px !important; background: #0e100f !important; }
body.theme-modern.skin-poster.pg-player .bd-grid .bd small { display: none; }
body.theme-modern.skin-poster.pg-player .bd-grid .bd:not(.got) { opacity: .35; }
@media (max-width: 1000px) { body.theme-modern.skin-poster.pg-player .pp-main { grid-template-columns: 1fr; } body.theme-modern.skin-poster.pg-player .pp-main > section { grid-column: 1 !important; grid-row: auto !important; } body.theme-modern.skin-poster .pp-pzstats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { body.theme-modern.skin-poster.pg-player .pp-head { flex-direction: column; align-items: flex-start; gap: 16px; } body.theme-modern.skin-poster .pp-pzav { width: 100px; height: 100px; } }
body.theme-modern.skin-poster.pg-player .pp-main { grid-auto-flow: row dense; }
body.theme-modern.skin-poster.pg-player .pp-main > section:has(.pp-servers) { grid-row: auto; }
body.theme-modern.skin-poster.pg-player .pgb-in { min-height: 0 !important; padding-bottom: 50px !important; }
body.theme-modern.skin-poster.pg-player .pgb { padding-top: 60px !important; }

/* ================= user panel (Figma: Dashboard, Panel – Edit / Statistics / Account) ================= */
body.theme-modern.skin-poster.pa-dash { --pz-art-h: 460px; }
body.theme-modern.skin-poster .pn-hero-in { max-width: 1320px; display: flex !important; align-items: flex-end; justify-content: space-between; gap: 30px; min-height: 250px; padding: 50px 20px 30px !important; }
body.theme-modern.skin-poster .pn-avatar, body.theme-modern.skin-poster .pn-totals { display: none !important; }
body.theme-modern.skin-poster .pn-hello { display: block !important; }
body.theme-modern.skin-poster .pn-kicker { margin: 0 0 10px !important; font: 900 13px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster .pn-hero h1 { margin: 0 !important; font: 900 clamp(42px, 5vw, 70px)/.95 var(--m-font) !important; text-transform: uppercase; }
body.theme-modern.skin-poster .pn-sub { margin: 14px 0 0 !important; max-width: 520px; color: #e4efe8 !important; font-size: 15px; text-shadow: 0 2px 10px rgba(0,0,0,.85); }
body.theme-modern.skin-poster .pn-hero-side { display: flex; align-items: center; gap: 12px; }
body.theme-modern.skin-poster .pn-shell { max-width: 1320px; gap: 20px !important; }
/* sidebar */
body.theme-modern.skin-poster .pnav { align-self: start; padding: 14px 10px !important; border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; border: 0 !important; }
body.theme-modern.skin-poster .pnav h4 { margin: 14px 18px 8px !important; padding: 0 !important; border: 0 !important; font: 900 10.5px var(--m-font) !important; letter-spacing: .12em; text-transform: uppercase; color: #1bd96a !important; }
body.theme-modern.skin-poster .pnav h4:first-child { margin-top: 4px !important; }
body.theme-modern.skin-poster .pnav a { display: flex !important; align-items: center; gap: 10px; min-height: 40px; margin: 2px 0; padding: 0 18px !important; border-radius: 999px !important; border: 0 !important; background: none !important; color: #fff !important; font: 900 11.5px var(--m-font) !important; letter-spacing: .07em; text-transform: uppercase; }
body.theme-modern.skin-poster .pnav a svg { display: none; }
body.theme-modern.skin-poster .pnav a:hover { background: rgba(255,255,255,.06) !important; }
body.theme-modern.skin-poster .pnav a.on { background: #fff !important; color: #07080a !important; }
body.theme-modern.skin-poster .pnav a .cnt { margin-left: auto; background: #1bd96a !important; color: #04140a !important; }
body.theme-modern.skin-poster .pnav-grp { border: 0 !important; }
body.theme-modern.skin-poster .pnav-grp > summary { padding: 8px 18px !important; font: 900 10.5px var(--m-font) !important; letter-spacing: .1em; text-transform: uppercase; color: #9fb3a8 !important; }
body.theme-modern.skin-poster .pnav-grp a { color: #cfe8d9 !important; }
/* sections and cards */
body.theme-modern.skin-poster.pa-dash :is(.pn-sec, .sv-card, .pn-side > *, .box, .st, .pn-empty) { border: 0 !important; border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
body.theme-modern.skin-poster.pa-dash .pn-sec > header { padding: 24px 28px 4px !important; border: 0 !important; background: none !important; }
body.theme-modern.skin-poster.pa-dash .pn-sec > header .pn-num { display: none !important; }
body.theme-modern.skin-poster.pa-dash .pn-sec > header h2, body.theme-modern.skin-poster.pa-dash .sv-card h2 { margin: 0 !important; font: 900 22px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.pa-dash .pn-sec > header p { margin: 4px 0 0; color: #9fb3a8 !important; font-size: 13px; }
body.theme-modern.skin-poster.pa-dash .pn-sec-body { padding: 18px 28px 28px !important; }
/* fields */
body.theme-modern.skin-poster.pa-dash .fld > span:first-child { font: 900 10.5px var(--m-font) !important; letter-spacing: .12em; text-transform: uppercase; color: #9fb3a8 !important; }
body.theme-modern.skin-poster.pa-dash :is(.fld input:not([type=checkbox]):not([type=radio]), .fld select, .fld textarea, .pn-addr) { min-height: 52px; border-radius: 14px !important; background: rgba(0,0,0,.6) !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2) !important; color: #fff !important; font-size: 15px !important; }
body.theme-modern.skin-poster.pa-dash .pn-addr input { min-height: 0 !important; box-shadow: none !important; background: none !important; }
body.theme-modern.skin-poster.pa-dash :is(.fld input, .fld select, .fld textarea):focus { box-shadow: inset 0 0 0 1.5px #3df08a, 0 0 0 3px rgba(61,240,138,.15) !important; }
body.theme-modern.skin-poster.pa-dash .fld small { color: #7d9488 !important; }
body.theme-modern.skin-poster.pa-dash .pn-save, body.theme-modern.skin-poster.pa-dash button[type=submit]:not(.pn-del):not(.btn-ghost) { height: 52px; padding: 0 34px !important; border-radius: 999px !important; background: #fff !important; color: #07080a !important; border: 0 !important; font: 900 13px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; box-shadow: none !important; }
body.theme-modern.skin-poster.pa-dash .pn-cancel { height: 52px; padding: 0 28px !important; border-radius: 999px !important; display: inline-flex; align-items: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3) !important; color: #fff !important; font: 900 13px var(--m-font) !important; text-transform: uppercase; letter-spacing: .08em; }
body.theme-modern.skin-poster.pa-dash .pn-del { border-radius: 999px !important; background: none !important; box-shadow: inset 0 0 0 1px #ff6b6b !important; color: #ff6b6b !important; font: 900 12px var(--m-font) !important; text-transform: uppercase; letter-spacing: .08em; }
body.theme-modern.skin-poster.pa-dash .pn-msg { border-radius: 14px !important; }
/* statistics */
body.theme-modern.skin-poster.pa-dash .st-kpis > * { border-radius: 16px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; border: 0 !important; }
body.theme-modern.skin-poster.pa-dash .st-kpis b, body.theme-modern.skin-poster.pa-dash .st-n { font: 900 32px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.pa-dash .st-range a { border-radius: 999px !important; text-transform: uppercase; font: 900 11.5px var(--m-font) !important; letter-spacing: .08em; }
body.theme-modern.skin-poster.pa-dash .st-range a.on { background: #fff !important; color: #07080a !important; }
@media (max-width: 900px) { body.theme-modern.skin-poster .pnav { padding: 8px !important; } body.theme-modern.skin-poster .pn-hero-in { flex-direction: column; align-items: flex-start; min-height: 0; } }
@media (max-width: 900px) {
  body.theme-modern.skin-poster.pg-resource .rx-head-grid { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: none !important; }
  body.theme-modern.skin-poster.pg-resource .rx-head-grid > * { grid-area: auto !important; min-width: 0; }
  body.theme-modern.skin-poster.pg-resource .rx-head-tx h1 { font-size: 44px !important; overflow-wrap: anywhere; }
  body.theme-modern.skin-poster.pa-dash .tbl-wrap { overflow-x: auto; max-width: 100%; }
  body.theme-modern.skin-poster.pa-dash .pn-content { min-width: 0; }
}

/* ---- v5 fixes ---- */
/* rows: fixed columns so every row lines up */
body.theme-modern.skin-poster .m-row2 { grid-template-columns: 70px 56px minmax(0, 1fr) 320px 180px 76px 150px !important; }
body.theme-modern.skin-poster .m-row2 .m2-bn { width: 320px !important; max-width: 320px !important; height: 54px !important; justify-self: start; }
body.theme-modern.skin-poster .m-row2 .m2-bn :is(img, video, .banner) { display: block !important; width: 320px !important; height: 50px !important; object-fit: cover !important; }
body.theme-modern.skin-poster .m-row2 .m2-copy { width: 150px; }
@media (max-width: 1260px) { body.theme-modern.skin-poster .m-row2 { grid-template-columns: 60px 52px minmax(0, 1fr) 170px 76px 140px !important; } body.theme-modern.skin-poster .m-row2 .m2-copy { width: 140px; } }
@media (max-width: 760px) { body.theme-modern.skin-poster .m-row2 { grid-template-columns: 40px 48px minmax(0, 1fr) auto !important; } body.theme-modern.skin-poster .m-row2 .m2-copy { width: 100%; } }
/* home side panels: same top and same height on both sides */
body.theme-modern.skin-poster .pz-top .pz-tr { height: 71px; margin-bottom: 14px; }
body.theme-modern.skin-poster .pz-top .pz-tr:last-of-type { margin-bottom: 10px; }
body.theme-modern.skin-poster .pz-news .pz-nc:last-of-type { margin-bottom: 10px; } body.theme-modern.skin-poster .pz-top .pz-tr:nth-of-type(4) { margin-bottom: 10px; }
/* passport card name */
body.theme-modern.skin-poster .ps-id h1 { font: 900 clamp(28px, 3.4vw, 46px)/1 var(--m-font) !important; letter-spacing: -.01em !important; margin: 2px 0 14px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
body.theme-modern.skin-poster .ps-id h1::after, body.theme-modern.skin-poster .ps-id h1 *::after { content: none !important; }
body.theme-modern.skin-poster .ps-id h1 > span { display: inline !important; }
/* resource page hero: everything fits in the top area */
body.theme-modern.skin-poster.pg-resource .rx-head { min-height: 0 !important; padding: 30px 0 20px !important; }
body.theme-modern.skin-poster.pg-resource .rx-head-grid { margin-top: 18px !important; gap: 16px 0 !important; }
body.theme-modern.skin-poster.pg-resource .rx-head-grid { grid-template-columns: 110px minmax(0, 640px) !important; grid-template-areas: "ico tx" !important; column-gap: 26px !important; align-items: center !important; }
body.theme-modern.skin-poster.pg-resource .rx-head-ico img, body.theme-modern.skin-poster.pg-resource .rx-head-ico .rs-ico { width: 110px !important; height: 110px !important; border-radius: 20px !important; }
body.theme-modern.skin-poster.pg-resource .rx-head-tx h1 { font-size: clamp(36px, 4vw, 56px) !important; line-height: .98 !important; margin-bottom: 10px !important; }
body.theme-modern.skin-poster.pg-resource .rx-head-tag { margin: 0 0 10px !important; font-size: 14.5px !important; }
body.theme-modern.skin-poster.pg-resource .rx-pz-eye { margin-bottom: 6px; }
/* resource buy box: smaller */
body.theme-modern.skin-poster.pg-resource .rx-buy-price b { font-size: 30px !important; }
body.theme-modern.skin-poster.pg-resource .rx-buy :is(.rx-btn, a.btn, button.btn):first-of-type { height: 50px !important; font-size: 14px !important; letter-spacing: .08em !important; }
body.theme-modern.skin-poster.pg-resource .rx-buy :is(.rx-btn, a.btn, button.btn):first-of-type svg { width: 15px; height: 15px; }
@media (max-width: 900px) { body.theme-modern.skin-poster.pg-resource .rx-head-grid { grid-template-columns: 1fr !important; } body.theme-modern.skin-poster.pg-resource .rx-head-ico img { width: 84px !important; height: 84px !important; } }
/* launcher hero: specs stay left, the tablet with the real launcher stays visible */
body.theme-modern.skin-poster .pz-lph-map { max-width: 640px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pz-rh-cat { background-position: right center !important; } .pz-rh-cat::before { background: linear-gradient(90deg, rgba(0,0,0,.75), rgba(0,0,0,.1) 60%), linear-gradient(180deg, transparent 50%, rgba(0,0,0,.6)); }

/* ================= home: everything below the list (Figma: Home – below the list) ================= */
body.theme-modern.skin-poster .m-below { max-width: 1260px; display: flex; flex-direction: column; gap: 56px; }
body.theme-modern.skin-poster .m-below > * { margin: 0 !important; }
/* shared section heads */
body.theme-modern.skin-poster .m-below :is(.hx-head, .champs-head, .bx-head) { display: flex !important; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 0 !important; margin: 0 0 18px !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .m-below .hx-badge { display: none !important; }
body.theme-modern.skin-poster .m-below :is(.hx-kick, .champs-kicker, .bg-k) { display: block; margin: 0 0 4px; font: 900 12px var(--m-font) !important; letter-spacing: .08em !important; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster .m-below :is(.hx-head h2, .champs-head h2, .bx-head h2, .tl-about > h2) { margin: 0 !important; font: 900 30px/1.05 var(--m-font) !important; text-transform: uppercase; color: #fff !important; letter-spacing: -.005em; }
body.theme-modern.skin-poster .m-below :is(.hx-head, .champs-head) > a { display: inline-flex; align-items: center; height: 36px; padding: 0 20px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); background: rgba(0,0,0,.55); color: #fff !important; font: 900 11px var(--m-font); letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; }
body.theme-modern.skin-poster .m-below :is(.hx-head, .champs-head) > a i { display: none; }
body.theme-modern.skin-poster .m-below :is(.hx-head, .champs-head) > a:hover { box-shadow: inset 0 0 0 1px #3df08a; }
/* rising + news */
body.theme-modern.skin-poster .hx-duo { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
body.theme-modern.skin-poster .hx-duo.hx-solo { grid-template-columns: 1fr; }
body.theme-modern.skin-poster .hx-panel { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster :is(.hx-feed, .hx-rise, .hx-panel > ul, .hx-panel > ol) { margin: 0 !important; padding: 8px 20px !important; list-style: none; border-radius: 18px; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
body.theme-modern.skin-poster .hx-panel li { border: 0 !important; background: none !important; }
body.theme-modern.skin-poster .hx-panel li + li { border-top: 1px solid rgba(255,255,255,.07) !important; }
body.theme-modern.skin-poster .hx-panel li > a { display: flex !important; align-items: center; gap: 16px; padding: 14px 0 !important; color: #fff !important; text-decoration: none !important; background: none !important; }
body.theme-modern.skin-poster .hx-ico img, body.theme-modern.skin-poster .hx-ico svg { width: 44px !important; height: 44px !important; border-radius: 10px; box-shadow: 0 0 0 2px rgba(255,255,255,.9); image-rendering: pixelated; }
body.theme-modern.skin-poster .hx-evh { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
body.theme-modern.skin-poster .hx-evh b { font: 900 16px var(--m-font); text-transform: uppercase; }
body.theme-modern.skin-poster .hx-tag { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 11px; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(61,240,138,.7); color: #3df08a !important; font: 900 9.5px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; }
body.theme-modern.skin-poster .hx-evh time { margin-left: auto; font-size: 12px; color: #9fb3a8; }
body.theme-modern.skin-poster .hx-evd { display: block; margin-top: 4px; font-size: 14px; color: #cfe8d9; }
body.theme-modern.skin-poster .hx-evd em { color: #3df08a; font-style: normal; font-weight: 900; }
/* new servers */
body.theme-modern.skin-poster .hx-new { padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster .hx-ngrid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
body.theme-modern.skin-poster .hx-ncard { position: relative; display: flex !important; flex-direction: column; justify-content: flex-end; min-height: 230px; padding: 18px !important; border: 3px solid #fff !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.55) 55%, rgba(0,0,0,.95)), url("../img/shader/launch-m.webp") center / cover !important; box-shadow: none !important; overflow: hidden; color: #fff !important; text-decoration: none !important; }
body.theme-modern.skin-poster .hx-ncard:nth-child(3n+2) { background-image: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.55) 55%, rgba(0,0,0,.95)), url("../img/shader/explore-m.webp") !important; }
body.theme-modern.skin-poster .hx-ncard:nth-child(3n) { background-image: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.55) 55%, rgba(0,0,0,.95)), url("../img/shader/portal-m.webp") !important; }
body.theme-modern.skin-poster .hx-ncard:hover { border-color: #3df08a !important; }
body.theme-modern.skin-poster .hx-nban { position: absolute; left: 18px; right: 18px; top: 18px; display: block; height: 0; }
body.theme-modern.skin-poster .hx-nban > .banner { display: none !important; }
body.theme-modern.skin-poster .hx-nnew { position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; height: 26px; padding: 0 12px; border-radius: 13px; background: #1bd96a !important; color: #04140a !important; font: 900 10.5px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; }
body.theme-modern.skin-poster .hx-nbody { display: flex !important; align-items: center; gap: 14px; padding: 0 !important; background: none !important; }
body.theme-modern.skin-poster .hx-nbody .hx-ico img { width: 52px !important; height: 52px !important; }
body.theme-modern.skin-poster .hx-txt b { display: block; font: 900 20px var(--m-font); text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .hx-txt small { display: block; margin-top: 4px; font-size: 12.5px; color: #cfe8d9; }
body.theme-modern.skin-poster .hx-pl { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font: 800 13px var(--m-font); color: #cfe8d9; background: none !important; }
body.theme-modern.skin-poster .hx-pl i { width: 8px; height: 8px; border-radius: 50%; background: #3df08a; }
/* last month's winners */
body.theme-modern.skin-poster .champs { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .champs-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
body.theme-modern.skin-poster .champ { display: flex !important; align-items: center; gap: 18px; min-height: 140px; padding: 0 24px !important; border-radius: 18px !important; background: #000 !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px rgba(255,201,74,.7) !important; color: #fff !important; text-decoration: none !important; --cc: #ffc94a; }
body.theme-modern.skin-poster .champ-2 { box-shadow: inset 0 0 0 1.5px rgba(217,223,229,.6) !important; --cc: #d9dfe5; }
body.theme-modern.skin-poster .champ-3 { box-shadow: inset 0 0 0 1.5px rgba(230,140,85,.7) !important; --cc: #e68c55; }
body.theme-modern.skin-poster .champ-place svg { display: none; }
body.theme-modern.skin-poster .champ-place b { font: 300 86px/1 var(--m-font) !important; color: var(--cc) !important; background: none !important; -webkit-text-fill-color: var(--cc) !important; }
body.theme-modern.skin-poster .champ-place b::first-letter { font-size: 0; }
body.theme-modern.skin-poster .champ-icon img { width: 64px !important; height: 64px !important; border-radius: 12px; box-shadow: 0 0 0 2px #fff; image-rendering: pixelated; }
body.theme-modern.skin-poster .champ-txt b { display: block; font: 900 19px var(--m-font); text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster .champ-txt small { display: block; margin-top: 6px; font: 800 13px var(--m-font); color: var(--cc); }
/* promo */
body.theme-modern.skin-poster .m-below .promo { border-radius: 18px !important; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
/* FAQ: two columns of cards */
body.theme-modern.skin-poster .m-below .tl-about { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .m-below .tl-about::before, body.theme-modern.skin-poster .m-below .tl-about::after { display: none !important; }
body.theme-modern.skin-poster .m-below .tl-about > h2 { grid-column: 1 / -1; margin-bottom: 4px !important; }
body.theme-modern.skin-poster .m-below .tl-about > h2::before { content: "Questions"; display: block; margin-bottom: 4px; font: 900 12px var(--m-font); letter-spacing: .08em; color: #3df08a; }
body.theme-modern.skin-poster .m-below .tl-about details { align-self: start; margin: 0 !important; border: 0 !important; border-radius: 14px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
body.theme-modern.skin-poster .m-below .tl-about summary { position: relative; display: block; padding: 22px 64px 22px 22px !important; font: 700 15px/1.35 var(--m-font) !important; color: #fff !important; list-style: none; cursor: pointer; }
body.theme-modern.skin-poster .m-below .tl-about summary::-webkit-details-marker { display: none; }
body.theme-modern.skin-poster .m-below .tl-about summary::after { content: "+" !important; position: absolute; right: 18px; top: 50%; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); background: none !important; font: 900 16px/28px var(--m-font); text-align: center; color: #fff; transform: none !important; }
body.theme-modern.skin-poster .m-below .tl-about details[open] summary::after { content: "–" !important; background: #fff !important; color: #07080a; box-shadow: none; }
body.theme-modern.skin-poster .m-below .tl-about details p { margin: 0 !important; padding: 0 22px 20px !important; color: #cfe8d9 !important; font-size: 14px; max-width: none !important; }
body.theme-modern.skin-poster .m-below .tl-about > p { grid-column: 1 / -1; margin: 6px 0 0 !important; color: #9fb3a8; font-size: 13px; }
body.theme-modern.skin-poster .m-below .tl-about > p a { color: #7cf7b0 !important; }
body.theme-modern.skin-poster .m-below .faq-mk, body.theme-modern.skin-poster .m-below .tl-about > img { display: none !important; }
/* browse */
body.theme-modern.skin-poster .m-below .bx { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .m-below .bx::before, body.theme-modern.skin-poster .m-below .bx::after, body.theme-modern.skin-poster .m-below .bx > img { display: none !important; }
body.theme-modern.skin-poster .m-below .bx-head p { margin: 0; color: #9fb3a8; font-size: 13px; }
body.theme-modern.skin-poster .m-below .bx-head h2::before { content: "Browse"; display: block; margin-bottom: 4px; font: 900 12px var(--m-font); letter-spacing: .08em; color: #3df08a; }
body.theme-modern.skin-poster .bx-plat { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 22px; }
body.theme-modern.skin-poster .bx-tile { position: relative; display: flex !important; flex-direction: column; justify-content: center; align-items: flex-start; min-height: 170px; padding: 0 28px !important; border: 3px solid #fff !important; border-radius: 0 !important; background: linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.4) 60%, rgba(0,0,0,.1)), url("../img/shader/stats-m.webp") right center / cover !important; box-shadow: none !important; color: #fff !important; text-decoration: none !important; }
body.theme-modern.skin-poster .bx-tile.bx-bedrock { background-image: linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.4) 60%, rgba(0,0,0,.1)), url("../img/shader/explore-m.webp") !important; }
body.theme-modern.skin-poster .bx-tile:hover { border-color: #3df08a !important; }
body.theme-modern.skin-poster .bx-tile .bx-art, body.theme-modern.skin-poster .bx-tile .bx-go, body.theme-modern.skin-poster .bx-tile .bx-tx small, body.theme-modern.skin-poster .bx-tile .bx-tx span { display: none !important; }
body.theme-modern.skin-poster .bx-tile .bx-tx b { font: 900 30px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .bx-tile .bx-count { position: static !important; display: flex !important; gap: 6px; align-items: baseline; margin-top: 6px; background: none !important; box-shadow: none !important; padding: 0 !important; }
body.theme-modern.skin-poster .bx-tile .bx-count :is(b, small) { font: 800 14px var(--m-font) !important; color: #3df08a !important; }
body.theme-modern.skin-poster .bx-tile::after { content: "Browse"; display: inline-flex; align-items: center; justify-content: center; margin-top: 16px; width: 120px; height: 36px; border-radius: 18px; background: #fff; color: #07080a; font: 900 11.5px var(--m-font); letter-spacing: .08em; text-transform: uppercase; }
body.theme-modern.skin-poster .bx-cols { display: grid !important; grid-template-columns: minmax(0, 1fr) 420px; gap: 20px; }
body.theme-modern.skin-poster .m-below .bx-box { padding: 22px 24px !important; border: 0 !important; border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
body.theme-modern.skin-poster .bx-side { display: grid; gap: 20px; align-content: start; }
body.theme-modern.skin-poster .m-below .bx-box h3 { margin: 0 0 14px !important; font: 900 12px var(--m-font) !important; letter-spacing: .1em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster .bx-modes, body.theme-modern.skin-poster .bx-langs, body.theme-modern.skin-poster .bx-vers { display: flex !important; flex-wrap: wrap; gap: 10px; }
body.theme-modern.skin-poster :is(.bx-modes, .bx-langs, .bx-vers) a { display: inline-flex !important; align-items: center; gap: 8px; height: 38px; padding: 0 16px !important; border-radius: 999px !important; border: 0 !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28) !important; color: #fff !important; font: 900 11.5px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; width: auto !important; }
body.theme-modern.skin-poster :is(.bx-modes, .bx-langs, .bx-vers) a:hover { box-shadow: inset 0 0 0 1px #3df08a !important; }
body.theme-modern.skin-poster :is(.bx-modes, .bx-langs, .bx-vers) a :is(i, b) { display: none !important; }
body.theme-modern.skin-poster :is(.bx-modes, .bx-langs, .bx-vers) a em { font-style: normal; color: #3df08a; }
body.theme-modern.skin-poster .m-below .bx-best { margin-top: 20px; }
/* how it works */
body.theme-modern.skin-poster .m-below .bg { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .bg-card { position: relative; display: flex; flex-direction: column; padding: 170px 24px 26px !important; border: 0 !important; border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; overflow: hidden; }
body.theme-modern.skin-poster .bg-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 150px; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.85)), url("../img/shader/stats-m.webp") center / cover; }
body.theme-modern.skin-poster .bg-card:nth-child(2)::before { background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.85)), url("../img/shader/explore-m.webp"); }
body.theme-modern.skin-poster .bg-card:nth-child(3)::before { background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.85)), url("../img/shader/launch-m.webp"); }
body.theme-modern.skin-poster .bg-card > img, body.theme-modern.skin-poster .bg-card .bg-art, body.theme-modern.skin-poster .bg-card::after { display: none !important; }
body.theme-modern.skin-poster .bg-card h3 { margin: 0 0 12px !important; font: 900 20px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .bg-card :is(p, small, li) { color: #cfe8d9 !important; }
body.theme-modern.skin-poster .bg-ic { background: rgba(27,217,106,.14) !important; color: #3df08a !important; }
body.theme-modern.skin-poster .bg-btn { margin-top: auto; height: 40px !important; border-radius: 999px !important; background: #fff !important; color: #07080a !important; font: 900 12px var(--m-font) !important; text-transform: uppercase; letter-spacing: .08em; }
@media (max-width: 900px) {
  body.theme-modern.skin-poster :is(.hx-duo, .hx-ngrid, .champs-grid, .bx-plat, .bx-cols, .m-below .bg, .m-below .tl-about) { grid-template-columns: 1fr !important; }
  body.theme-modern.skin-poster .m-below :is(.hx-head h2, .champs-head h2, .bx-head h2, .tl-about > h2) { font-size: 24px !important; }
}
body.theme-modern.skin-poster .m-below .hx-head > div, body.theme-modern.skin-poster .m-below .champs-head > div { display: block !important; }
body.theme-modern.skin-poster .m-below :is(.hx-kick, .champs-kicker) { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; }
body.theme-modern.skin-poster .champ-place { display: block !important; min-width: 54px; text-align: center; }
body.theme-modern.skin-poster .champ-place b { font-size: 0 !important; }
body.theme-modern.skin-poster .champ-place::after { font: 300 86px/1 var(--m-font); color: var(--cc); }
body.theme-modern.skin-poster .champ-1 .champ-place::after { content: "1"; } body.theme-modern.skin-poster .champ-2 .champ-place::after { content: "2"; } body.theme-modern.skin-poster .champ-3 .champ-place::after { content: "3"; }
body.theme-modern.skin-poster .champ::before, body.theme-modern.skin-poster .champ::after { display: none !important; }
body.theme-modern.skin-poster .bx-tile .bx-tx { position: static !important; display: block !important; margin: 0 !important; }
body.theme-modern.skin-poster .bx-cols { align-items: start !important; }
body.theme-modern.skin-poster .bg-card::before { left: 0 !important; right: 0 !important; top: 0 !important; width: auto !important; height: 150px !important; border-radius: 0 !important; transform: none !important; opacity: 1 !important; }
body.theme-modern.skin-poster .bx-tile { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 28px !important; gap: 0; }
body.theme-modern.skin-poster .bx-tile .bx-tx b { display: block; line-height: 1 !important; margin: 0 !important; }
body.theme-modern.skin-poster .bx-cols { grid-template-columns: 1fr !important; }
body.theme-modern.skin-poster .bx-side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 900px) { body.theme-modern.skin-poster .bx-side { grid-template-columns: 1fr; } }

/* ---- panel dashboard server card (Figma: Panel – My servers v2) ---- */
body.theme-modern.skin-poster .pn-srv.pn2 { display: grid !important; grid-template-columns: 64px minmax(0, 360px) minmax(0, 1fr); column-gap: 18px; row-gap: 18px; padding: 24px !important; border: 0 !important; border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; overflow: hidden; }
body.theme-modern.skin-poster .pn-srv.pn2 > * { grid-column: 1 / -1; margin: 0 !important; }
body.theme-modern.skin-poster .pn-srv.pn2 > .pn2-top { display: contents !important; }
body.theme-modern.skin-poster .pn2-bd { display: none !important; }
body.theme-modern.skin-poster .pn2-top > .pn2-banner { grid-column: 1 / 3; grid-row: 1; height: 58px; border: 3px solid #fff; overflow: hidden; background: #111; }
body.theme-modern.skin-poster .pn2-banner :is(img, video, .banner) { display: block; width: 100% !important; height: 52px !important; object-fit: cover; border-radius: 0 !important; margin: 0 !important; max-width: none !important; }
body.theme-modern.skin-poster .pn2-top > .pn2-icon { grid-column: 1; grid-row: 2; align-self: center; }
body.theme-modern.skin-poster .pn2-icon img, body.theme-modern.skin-poster .pn2-icon svg { width: 64px !important; height: 64px !important; border-radius: 12px; box-shadow: 0 0 0 2px #fff; image-rendering: pixelated; }
body.theme-modern.skin-poster .pn2-top > .pn2-title { grid-column: 2; grid-row: 2; align-self: center; min-width: 0; }
body.theme-modern.skin-poster .pn2-title h2 { margin: 0 !important; display: flex; align-items: center; gap: 8px; }
body.theme-modern.skin-poster .pn2-title h2 a { font: 900 26px var(--m-font) !important; text-transform: uppercase; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster .pn2-pro { background: linear-gradient(180deg, #7cf7b0, #1bd96a) !important; color: #04140a !important; border-radius: 6px; padding: 2px 8px; font: 900 10px var(--m-font); letter-spacing: .1em; }
body.theme-modern.skin-poster .pn2-addr { margin-top: 4px; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #cfe8d9 !important; }
body.theme-modern.skin-poster .pn2-addr code { font: 500 13px var(--m-font) !important; color: #cfe8d9 !important; background: none !important; }
body.theme-modern.skin-poster .pn2-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
body.theme-modern.skin-poster .pn2-pill, body.theme-modern.skin-poster .pn-status { height: 24px; padding: 0 10px !important; border-radius: 12px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25) !important; color: #fff !important; font: 900 10px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 6px; }
body.theme-modern.skin-poster .pn2-pill.on i { background: #3df08a; } body.theme-modern.skin-poster .pn2-pill.rank { color: #ffc94a !important; box-shadow: inset 0 0 0 1px rgba(255,201,74,.6) !important; }
/* stats on the right */
body.theme-modern.skin-poster .pn-srv.pn2 > .pn2-stats { grid-column: 3; grid-row: 1 / span 2; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-self: start; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pn2-st { display: flex !important; flex-direction: column-reverse; justify-content: flex-end; gap: 6px; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pn2-st dt { display: block; font: 900 10.5px var(--m-font) !important; letter-spacing: .1em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster .pn2-st dt svg { display: none; }
body.theme-modern.skin-poster .pn2-st dd { margin: 0; font: 900 28px/1 var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster .pn2-st dd small { font: 500 13px var(--m-font); color: #9fb3a8; margin-left: 4px; }
body.theme-modern.skin-poster .pn2-st .sv-meter { order: -1; height: 6px; margin-top: 8px; border-radius: 3px; background: #1a1d1b !important; }
body.theme-modern.skin-poster .pn2-st .sv-meter i { background: #1bd96a !important; border-radius: 3px; }
/* actions: four equal pills */
body.theme-modern.skin-poster .pn2-top > .pn2-acts { grid-column: 1 / -1; grid-row: 3; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
body.theme-modern.skin-poster .pn2-acts .btn { height: 48px !important; justify-content: center; border-radius: 999px !important; background: transparent !important; color: #fff !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35) !important; font: 900 13px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; }
body.theme-modern.skin-poster .pn2-acts .btn svg { display: none; }
body.theme-modern.skin-poster .pn2-acts .pf-edit { order: -1; background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pn2-acts .pf-promo { order: 2; } body.theme-modern.skin-poster .pn2-acts .pz-pact:last-of-type { order: 3; }
body.theme-modern.skin-poster .pn2-acts .btn:hover { box-shadow: inset 0 0 0 1px #3df08a !important; }
body.theme-modern.skin-poster .pn2-acts .pf-edit:hover { background: #3df08a !important; }
/* checklist, achievements, tips, footer tools */
body.theme-modern.skin-poster .pn-srv.pn2 > :is(.pn-setup, .pn-ach, .pn-award, .pn2-tips, .pn-badge-ok) { border-radius: 14px !important; background: #050605 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1) !important; border: 0 !important; }
body.theme-modern.skin-poster .pn-setup-bar i, body.theme-modern.skin-poster .pn-ach-bar i { background: #1bd96a !important; }
body.theme-modern.skin-poster .pn-setup li.done .pn-setup-ck { background: #1bd96a !important; color: #04140a !important; }
body.theme-modern.skin-poster .pn-setup-act .btn { border-radius: 999px !important; background: transparent !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35) !important; font: 900 11px var(--m-font) !important; text-transform: uppercase; letter-spacing: .06em; }
body.theme-modern.skin-poster .pn2-foot { padding: 16px 0 0 !important; border-top: 1px solid rgba(255,255,255,.08) !important; background: none !important; }
body.theme-modern.skin-poster .pn2-tools { display: flex !important; flex-wrap: wrap; gap: 8px; }
body.theme-modern.skin-poster .pn2-tools > * { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; height: 34px; padding: 0 14px !important; border-radius: 999px !important; border: 0 !important; background: rgba(255,255,255,.04) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; color: #cfe8d9 !important; font: 800 11px var(--m-font) !important; letter-spacing: .04em; text-transform: uppercase; }
body.theme-modern.skin-poster .pn2-tools > * svg { width: 14px; height: 14px; }
body.theme-modern.skin-poster .pn2-tools > *:hover { box-shadow: inset 0 0 0 1px #3df08a !important; color: #fff !important; }
body.theme-modern.skin-poster .wn-banner, body.theme-modern.skin-poster .lown { border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(61,240,138,.4) !important; border: 0 !important; }
@media (max-width: 1000px) {
  body.theme-modern.skin-poster .pn-srv.pn2 { grid-template-columns: 56px minmax(0, 1fr); }
  body.theme-modern.skin-poster .pn2-top > .pn2-banner { grid-column: 1 / -1; }
  body.theme-modern.skin-poster .pn-srv.pn2 > .pn2-stats { grid-column: 1 / -1; grid-row: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.theme-modern.skin-poster .pn2-top > .pn2-acts { grid-row: 4; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.theme-modern.skin-poster .pn2-title h2 a { font-size: 20px !important; }
}
body.theme-modern.skin-poster .pn2-top > :is(.pn2-acts, .pn2-banner) { justify-self: stretch !important; width: auto !important; max-width: none !important; margin: 0 !important; }
body.theme-modern.skin-poster .pn2-top > .pn2-acts { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; }
body.theme-modern.skin-poster .pn-srv.pn2 { grid-template-rows: auto auto auto; }

/* ================= v6: action buttons are dark with a white ring; they turn white only on hover ================= */
body.theme-modern.skin-poster :is(
  .tnav > a.tadd2, .m-lbtn-go, .sx-vote, .ax-btn, .sv-btn-vote, .btn-primary, .btn:not(.btn-ghost):not(.btn-sm):not(.btn-danger),
  .m-r1 .m2-vote, .pz-find button, .pz-acts .pz-cp.on, .pz-acts > *, .lc-cal, .pz-lph-b1, .dx-quick a:first-child, .empty .btn, .pz-404-b1,
  .ax-card.ax-featured footer .ax-btn, .rx-bigsearch button, .pz-rh-btn.on, .pz-rh-btn, .m-list > .m-row2:first-child .m2-copy, .m-row2.m-r1 .m2-copy, .m-row2 .m2-copy,
  .rx-buy :is(.rx-btn, a.btn, button.btn):first-of-type, .pn-save, button[type=submit]:not(.pn-del):not(.btn-ghost), .bg-btn, .pn2-acts .pf-edit, .pn2-acts .btn,
  .gm-play, .gm-play.gm-p1, .vt-submit, .ax-btn-lg, .pz-rh-all a, .lp-btn-hi, .pz-404-b2, .pz-lph-b2
) {
  background: rgba(0,0,0,.55) !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55) !important; border: 0 !important;
  transition: background .15s, color .15s, box-shadow .15s;
}
body.theme-modern.skin-poster :is(
  .tnav > a.tadd2, .m-lbtn-go, .sx-vote, .ax-btn, .sv-btn-vote, .btn-primary, .btn:not(.btn-ghost):not(.btn-sm):not(.btn-danger),
  .m-r1 .m2-vote, .pz-find button, .pz-acts > *, .lc-cal, .pz-lph-b1, .dx-quick a:first-child, .empty .btn, .pz-404-b1,
  .ax-card.ax-featured footer .ax-btn, .rx-bigsearch button, .pz-rh-btn, .m-row2 .m2-copy,
  .rx-buy :is(.rx-btn, a.btn, button.btn):first-of-type, .pn-save, button[type=submit]:not(.pn-del):not(.btn-ghost), .bg-btn, .pn2-acts .btn,
  .gm-play, .vt-submit, .ax-btn-lg, .pz-rh-all a, .lp-btn-hi, .pz-404-b2, .pz-lph-b2
) :is(*) { color: inherit !important; }
body.theme-modern.skin-poster :is(
  .tnav > a.tadd2, .m-lbtn-go, .sx-vote, .ax-btn, .sv-btn-vote, .btn-primary, .btn:not(.btn-ghost):not(.btn-sm):not(.btn-danger),
  .m-r1 .m2-vote, .pz-find button, .pz-acts > *, .lc-cal, .pz-lph-b1, .dx-quick a:first-child, .empty .btn, .pz-404-b1,
  .ax-card footer .ax-btn, .rx-bigsearch button, .pz-rh-btn, .m-row2 .m2-copy,
  .rx-buy :is(.rx-btn, a.btn, button.btn):first-of-type, .pn-save, button[type=submit]:not(.pn-del):not(.btn-ghost), .bg-btn, .pn2-acts .btn,
  .gm-play, .vt-submit, .ax-btn-lg, .pz-rh-all a, .lp-btn-hi, .pz-404-b2, .pz-lph-b2
):is(:hover, :focus-visible) { background: #fff !important; color: #07080a !important; box-shadow: none !important; transform: none !important; }
body.theme-modern.skin-poster .bx-tile::after { background: rgba(0,0,0,.55); color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55); }
body.theme-modern.skin-poster .bx-tile:hover::after { background: #fff; color: #07080a; box-shadow: none; }
body.theme-modern.skin-poster .topsearch button { background: transparent !important; color: #fff !important; }
body.theme-modern.skin-poster .topsearch button:hover { background: #fff !important; color: #07080a !important; }

/* ---- "More filters" panel: one card, options as pills ---- */
body.theme-modern.skin-poster .m-home.pz-home > .m-fwrap.pz-open .m-filters { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 0 !important; padding: 8px 0 !important; border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-panel { padding: 18px 20px !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-panel + .m-panel { border-left: 1px solid rgba(255,255,255,.08) !important; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-panel::before, body.theme-modern.skin-poster .pz-home .m-fwrap .m-panel::after { display: none !important; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-fh { margin: 0 0 14px !important; font: 900 11px var(--m-font) !important; letter-spacing: .12em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster .pz-home .m-fwrap :is(.m-seg, .m-more) { display: contents; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-panel { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 8px; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-fh { flex-basis: 100%; }
body.theme-modern.skin-poster .pz-home .m-fwrap :is(.m-seg a, .m-opt, .m-vers a, .m-panel > a) { display: inline-flex !important; align-items: center; gap: 6px; height: 32px; padding: 0 12px !important; margin: 0 !important; border-radius: 999px !important; border: 0 !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25) !important; color: #fff !important; font: 800 11px var(--m-font) !important; letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important; width: auto !important; }
body.theme-modern.skin-poster .pz-home .m-fwrap :is(.m-seg a, .m-opt, .m-vers a, .m-panel > a):hover { box-shadow: inset 0 0 0 1px #3df08a !important; }
body.theme-modern.skin-poster .pz-home .m-fwrap :is(.m-seg a.on, .m-opt.on, .m-vers a.on) { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-bx { display: none !important; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-opt em { font-style: normal; color: #3df08a; font-weight: 900; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-more > summary { display: none; }
body.theme-modern.skin-poster .pz-home .m-fwrap .m-more > a { display: inline-flex !important; }
@media (max-width: 1000px) { body.theme-modern.skin-poster .m-home.pz-home > .m-fwrap.pz-open .m-filters { grid-template-columns: 1fr 1fr !important; } body.theme-modern.skin-poster .pz-home .m-fwrap .m-panel + .m-panel { border-left: 0 !important; } }
/* sort row: its own line above the list, never on top of the artwork or the filters */
body.theme-modern.skin-poster .pz-home .m-bar { position: static !important; display: flex !important; justify-content: flex-end; margin: 0 0 16px !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pz-home .m-sort { gap: 8px !important; }
body.theme-modern.skin-poster .pz-home .m-sort a { height: 34px; display: inline-flex !important; align-items: center; padding: 0 16px !important; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25) !important; color: #fff !important; }
body.theme-modern.skin-poster .pz-home .m-sort a.on { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pz-home .m-main { display: flex; flex-direction: column; }
body.theme-modern.skin-poster .pz-home .m-main > .m-bar { order: -1; }
/* category search: solid pill with an icon */
body.theme-modern.skin-poster .pz-cat-s { position: relative; }
body.theme-modern.skin-poster .pz-cat-s::before { content: ""; position: absolute; left: 22px; top: 50%; width: 18px; height: 18px; margin-top: -9px; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fb3a8' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E"); pointer-events: none; }
body.theme-modern.skin-poster .pz-cat-s input[type=search] { height: 50px !important; padding-left: 54px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28) !important; outline: 0; }
body.theme-modern.skin-poster .pz-cat-s input[type=search]:focus { box-shadow: inset 0 0 0 1.5px #3df08a !important; }
body.theme-modern.skin-poster .pz-lh-cat .pz-chips a { height: 40px; }

/* ---- vote form: name and check on one aligned row ---- */
body.theme-modern.skin-poster.pg-vote .vt-form { grid-template-columns: minmax(0, 1fr) 200px !important; column-gap: 16px !important; row-gap: 10px !important; align-items: stretch !important; }
body.theme-modern.skin-poster.pg-vote .vt-form > .vt-captcha, body.theme-modern.skin-poster.pg-vote .vt-captcha > .fld { display: contents !important; }
body.theme-modern.skin-poster.pg-vote .vt-form > .vt-label { grid-column: 1 !important; grid-row: 1; margin: 0 !important; align-self: end; }
body.theme-modern.skin-poster.pg-vote .vt-captcha .fld > span { grid-column: 2; grid-row: 1; align-self: end; margin: 0 !important; font: 900 11px var(--m-font) !important; letter-spacing: .12em !important; text-transform: uppercase; color: #9fb3a8 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.pg-vote .vt-form > .vt-name { grid-column: 1 !important; grid-row: 2; }
body.theme-modern.skin-poster.pg-vote .vt-captcha .fld > input { grid-column: 2; grid-row: 2; width: 100% !important; height: 64px !important; border-radius: 16px !important; background: rgba(0,0,0,.6) !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3) !important; text-align: center; font: 700 20px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.pg-vote .vt-captcha .hp { display: none !important; }
body.theme-modern.skin-poster.pg-vote .vt-form > :is(.note, .vt-submit, .vt-pzfoot) { grid-column: 1 / -1 !important; }
body.theme-modern.skin-poster.pg-vote .vt-form > .note { grid-row: 3; }
body.theme-modern.skin-poster.pg-vote .vt-name { display: flex !important; align-items: center; gap: 12px; height: 64px; padding: 0 10px !important; border-radius: 16px !important; border: 0 !important; background: rgba(0,0,0,.6) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3) !important; }
body.theme-modern.skin-poster.pg-vote .vt-name:focus-within, body.theme-modern.skin-poster.pg-vote .vt-captcha .fld > input:focus { box-shadow: inset 0 0 0 1.5px #3df08a !important; }
body.theme-modern.skin-poster.pg-vote .vt-head { flex: none; width: 44px !important; height: 44px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 10px !important; background: #111 !important; box-shadow: none !important; overflow: hidden; position: static !important; }
body.theme-modern.skin-poster.pg-vote .vt-head img { width: 44px !important; height: 44px !important; border-radius: 10px; image-rendering: pixelated; }
body.theme-modern.skin-poster.pg-vote .vt-name input { flex: 1; min-width: 0; height: 100% !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; outline: 0; }
@media (max-width: 700px) { body.theme-modern.skin-poster.pg-vote .vt-form { grid-template-columns: minmax(0, 1fr) 110px !important; } body.theme-modern.skin-poster.pg-vote .vt-captcha .fld > span { white-space: normal; font-size: 9.5px !important; } }
body.theme-modern.skin-poster.pg-vote .vt-form { grid-template-columns: minmax(0, 1fr) 250px !important; }
body.theme-modern.skin-poster.pg-vote .vt-captcha .fld > span { white-space: normal !important; overflow: visible; line-height: 1.3; }
body.theme-modern.skin-poster.pg-vote .vt-captcha .fld > input.w-sm { width: 100% !important; max-width: none !important; justify-self: stretch; }
body.theme-modern.skin-poster.pg-vote .vt-side { padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; display: block !important; }
body.theme-modern.skin-poster.pg-vote .vt-goal, body.theme-modern.skin-poster.pg-vote .vt-goal > * { width: 100%; max-width: none; border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-vote .vt-goal > * > *, body.theme-modern.skin-poster.pg-vote .vt-goal > * { box-shadow: none; }
body.theme-modern.skin-poster.pg-vote .vt-goal > * { padding: 22px 24px !important; }

/* ---- panel: launcher banner, what's new banner, nav ---- */
body.theme-modern.skin-poster .pnav a.on { box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster .pnav a.on::before, body.theme-modern.skin-poster .pnav a::before { display: none !important; }
body.theme-modern.skin-poster .lown { display: grid !important; grid-template-columns: minmax(0, 1fr) 380px; align-items: center; gap: 28px; padding: 28px 30px !important; overflow: hidden; background: #000 !important; background-image: none !important; }
body.theme-modern.skin-poster .lown::before, body.theme-modern.skin-poster .lown::after { display: none !important; }
body.theme-modern.skin-poster .lown-tag { background: #1bd96a !important; color: #04140a !important; border-radius: 999px !important; padding: 4px 12px !important; font: 900 10.5px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; }
body.theme-modern.skin-poster .lown h2, body.theme-modern.skin-poster .lown-tx > :is(h2, h3) { font: 900 26px/1.1 var(--m-font) !important; text-transform: uppercase; color: #fff !important; margin: 14px 0 10px !important; }
body.theme-modern.skin-poster .lown-tx p { color: #cfe8d9 !important; font-size: 14.5px; }
body.theme-modern.skin-poster .lown-note { color: #9fb3a8 !important; font-size: 13px !important; }
body.theme-modern.skin-poster .lown-btns a { height: 42px; display: inline-flex; align-items: center; padding: 0 20px !important; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.5) !important; font: 900 11.5px var(--m-font) !important; letter-spacing: .07em; text-transform: uppercase; text-decoration: none !important; border: 0 !important; }
body.theme-modern.skin-poster .lown-btns a:hover { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .lown-art { position: static !important; width: 100% !important; height: auto !important; margin: 0 !important; transform: none !important; }
body.theme-modern.skin-poster .lown-art img { display: block; width: 100% !important; height: auto !important; object-fit: contain !important; border-radius: 12px; box-shadow: 0 0 0 2px rgba(255,255,255,.9); }
body.theme-modern.skin-poster .lown-x { top: 14px !important; right: 14px !important; background: rgba(0,0,0,.7) !important; color: #fff !important; border-radius: 50% !important; z-index: 2; }
body.theme-modern.skin-poster .wn-banner { padding: 16px 20px !important; background: #000 !important; }
body.theme-modern.skin-poster .wn-banner-go { border-radius: 999px !important; background: rgba(0,0,0,.55) !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.5) !important; font: 900 11px var(--m-font) !important; text-transform: uppercase; letter-spacing: .07em; }
body.theme-modern.skin-poster .wn-banner:hover .wn-banner-go { background: #fff !important; color: #07080a !important; }
@media (max-width: 1000px) { body.theme-modern.skin-poster .lown { grid-template-columns: 1fr; } }
/* ---- panel dashboard: icon and achievements ---- */
body.theme-modern.skin-poster .pn2-icon { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; width: 64px; height: 64px; }
body.theme-modern.skin-poster .pn2-icon img { box-shadow: none !important; border-radius: 12px !important; outline: 2px solid rgba(255,255,255,.9); outline-offset: 0; }
body.theme-modern.skin-poster .pn-ach { display: grid !important; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 22px; padding: 18px 22px !important; text-decoration: none !important; }
body.theme-modern.skin-poster .pn-ach-n { display: flex; align-items: baseline; gap: 4px; font: 900 13px var(--m-font) !important; color: #9fb3a8 !important; }
body.theme-modern.skin-poster .pn-ach-n b { font: 900 30px/1 var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster .pn-ach-n small { margin-left: 8px; font: 900 10.5px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #3df08a; }
body.theme-modern.skin-poster .pn-ach-medals { display: flex; gap: 6px; }
body.theme-modern.skin-poster .pn-ach-medals i { width: 30px !important; height: 30px !important; border-radius: 50% !important; display: grid !important; place-items: center; background: #1a1d1b !important; color: #5f6a64 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pn-ach-medals i svg { width: 15px; height: 15px; }
body.theme-modern.skin-poster .pn-ach-medals i.ach-t-gold { background: #ffc94a !important; color: #3a2a00 !important; }
body.theme-modern.skin-poster .pn-ach-medals i.ach-t-silver { background: #d9dfe5 !important; color: #2a2f33 !important; }
body.theme-modern.skin-poster .pn-ach-medals i.ach-t-bronze { background: #e68c55 !important; color: #3a1a05 !important; }
body.theme-modern.skin-poster .pn-ach-next { display: grid; gap: 8px; font-size: 13px; color: #cfe8d9; }
body.theme-modern.skin-poster .pn-ach-next b { color: #fff; }
body.theme-modern.skin-poster .pn-ach-bar { height: 6px !important; border-radius: 3px !important; background: #1a1d1b !important; }
@media (max-width: 900px) { body.theme-modern.skin-poster .pn-ach { grid-template-columns: 1fr; } }
body.theme-modern.skin-poster .pn-award-btns .btn { height: 36px !important; padding: 0 16px !important; font: 900 11px var(--m-font) !important; letter-spacing: .07em; }
body.theme-modern.skin-poster .pn-award { background: #050605 !important; }
body.theme-modern.skin-poster .pn-setup > :first-child, body.theme-modern.skin-poster .pn-setup header { background: none !important; }
body.theme-modern.skin-poster .pn2-tip { border-radius: 14px !important; background: #050605 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1) !important; border: 0 !important; }
body.theme-modern.skin-poster .pn2-tip-go { color: #3df08a !important; font-weight: 900; text-transform: uppercase; font-size: 12px; letter-spacing: .06em; }

/* ---- panel: statistics header and kpis ---- */
body.theme-modern.skin-poster.pa-dash .st-bar { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster.pa-dash .st-range { display: flex !important; gap: 8px; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster.pa-dash .st-range a { display: inline-flex !important; align-items: center; height: 38px; padding: 0 18px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28) !important; color: #fff !important; }
body.theme-modern.skin-poster.pa-dash .st-range a.on { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pa-dash :is(.st-bar, .pro-tabs, .pn-content) .btn-ghost, body.theme-modern.skin-poster.pa-dash .btn.btn-sm { height: 38px !important; padding: 0 18px !important; display: inline-flex !important; align-items: center; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35) !important; border: 0 !important; font: 900 11px var(--m-font) !important; letter-spacing: .07em; text-transform: uppercase; }
body.theme-modern.skin-poster.pa-dash .btn.btn-sm:hover, body.theme-modern.skin-poster.pa-dash .btn-ghost:hover { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pa-dash .st-kpis { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important; gap: 14px !important; margin-bottom: 20px !important; }
body.theme-modern.skin-poster.pa-dash .st-kpis > div { padding: 20px !important; }
body.theme-modern.skin-poster.pa-dash .st-kpis span { font: 900 10.5px var(--m-font) !important; letter-spacing: .1em; text-transform: uppercase; color: #3df08a !important; }
body.theme-modern.skin-poster.pa-dash .st-kpis small { color: #9fb3a8 !important; }
body.theme-modern.skin-poster.pa-dash .pn-content > .sv-card + .sv-card { margin-top: 20px !important; }
body.theme-modern.skin-poster.pa-dash .sv-card > header { padding: 22px 26px 14px !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; background: none !important; }
body.theme-modern.skin-poster .pro-hero2 { border-radius: 18px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(61,240,138,.4) !important; border: 0 !important; }
body.theme-modern.skin-poster .pro-hero2 h1, body.theme-modern.skin-poster .pro-hero2 h2 { font-family: var(--m-font) !important; font-weight: 900 !important; text-transform: uppercase; }
body.theme-modern.skin-poster.pa-dash .pn-content > * + * { margin-top: 20px !important; }
body.theme-modern.skin-poster .pro-tabs { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster .pro-tabs :is(a, button) { display: inline-flex !important; align-items: center; height: 38px; padding: 0 18px !important; border-radius: 999px !important; border: 0 !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28) !important; color: #fff !important; font: 900 11px var(--m-font) !important; letter-spacing: .07em; text-transform: uppercase; }
body.theme-modern.skin-poster .pro-tabs :is(a, button):is(.on, [aria-selected=true]) { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pro-tabs > :last-child { margin-left: auto; }
body.theme-modern.skin-poster.pa-dash .pn-msg.warn { background: rgba(255,201,74,.08) !important; box-shadow: inset 0 0 0 1px rgba(255,201,74,.45) !important; color: #ffe2a0 !important; border: 0 !important; }
/* toggle switches */
body.theme-modern.skin-poster .pn-switch span, body.theme-modern.skin-poster :is(.switch, .tgl) > span, body.theme-modern.skin-poster input[type=checkbox][role=switch] { background: #1a1d1b !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.35) !important; border: 0 !important; }
body.theme-modern.skin-poster .pn-switch span::after, body.theme-modern.skin-poster :is(.switch, .tgl) > span::after { background: #fff !important; box-shadow: 0 1px 3px rgba(0,0,0,.6) !important; }
body.theme-modern.skin-poster .pn-switch input:checked + span, body.theme-modern.skin-poster :is(.switch, .tgl) input:checked + span { background: #1bd96a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pn-switch input:checked + span::after { background: #04140a !important; }
/* add / edit form: side box buttons and step bar */
body.theme-modern.skin-poster .pn-side .pn-save, body.theme-modern.skin-poster .pn-side .pn-cancel { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 50px !important; margin: 10px 0 0 !important; box-sizing: border-box; }
body.theme-modern.skin-poster .pn-side .pn-cancel { background: none !important; box-shadow: none !important; color: #9fb3a8 !important; height: 40px !important; text-decoration: none !important; }
body.theme-modern.skin-poster .pn-side .pn-cancel:hover { color: #fff !important; }
body.theme-modern.skin-poster .pn-steps2 { display: flex !important; gap: 8px; flex-wrap: wrap; padding: 0 !important; margin-bottom: 18px !important; background: none !important; box-shadow: none !important; border: 0 !important; position: static !important; }
body.theme-modern.skin-poster .pn-steps2 a { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 8px; height: 40px; padding: 0 16px 0 6px !important; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25) !important; border: 0 !important; color: #fff !important; font: 900 11px var(--m-font) !important; letter-spacing: .07em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster .pn-steps2 a i { width: 28px !important; height: 28px !important; border-radius: 50% !important; display: grid !important; place-items: center; margin: 0 !important; background: #1a1d1b !important; border: 0 !important; box-shadow: none !important; font-style: normal; }
body.theme-modern.skin-poster .pn-steps2 a i svg { display: none !important; }
body.theme-modern.skin-poster .pn-steps2 a i b { position: static !important; font: 900 12px var(--m-font) !important; color: #fff !important; background: none !important; }
body.theme-modern.skin-poster .pn-steps2 a.done i { background: #1bd96a !important; }
body.theme-modern.skin-poster .pn-steps2 a.done i b { color: #04140a !important; }
body.theme-modern.skin-poster .pn-steps2 a:is(.on, .cur, [aria-current]) { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pn-steps2 a:hover { box-shadow: inset 0 0 0 1px #3df08a !important; }
body.theme-modern.skin-poster .pn-steps2 a span { display: inline !important; }
body.theme-modern.skin-poster .pn-side .pn-save, body.theme-modern.skin-poster .pn-side .pn-cancel { width: calc(100% - 36px) !important; margin: 12px 18px 0 !important; }
body.theme-modern.skin-poster .pn-side .pn-pv2-head, body.theme-modern.skin-poster .pn-side > div > header, body.theme-modern.skin-poster .pn-preview > header { background: none !important; }
body.theme-modern.skin-poster .pn-pv2-bar i { background: #1bd96a !important; }
body.theme-modern.skin-poster .pn-check li.ok::before { background: #1bd96a !important; border-color: #1bd96a !important; }
@media (max-width: 760px) {
  body.theme-modern.skin-poster.pg-vote .vt-card { padding: 20px 16px !important; }
  body.theme-modern.skin-poster.pg-vote .vt-form { grid-template-columns: minmax(0, 1fr) !important; }
  body.theme-modern.skin-poster.pg-vote .vt-form > .vt-label { grid-row: 1; grid-column: 1 !important; }
  body.theme-modern.skin-poster.pg-vote .vt-form > .vt-name { grid-row: 2; grid-column: 1 !important; }
  body.theme-modern.skin-poster.pg-vote .vt-captcha .fld > span { grid-row: 3; grid-column: 1; margin-top: 8px !important; font-size: 11px !important; }
  body.theme-modern.skin-poster.pg-vote .vt-captcha .fld > input { grid-row: 4; grid-column: 1; height: 56px !important; }
  body.theme-modern.skin-poster.pg-vote .vt-form > .note { grid-row: 5; }
  body.theme-modern.skin-poster.pg-vote .vt-name { height: 56px; }
  body.theme-modern.skin-poster.pg-vote .vt-submit { height: 64px !important; font-size: 22px !important; }
}

/* ================= v7 ================= */
/* resource page: no black slab under the artwork */
body.theme-modern.skin-poster .rx-page.pg-over { background: transparent !important; box-shadow: none !important; }
body.theme-modern.skin-poster.pg-resource { --pz-art-h: 640px; }
/* panel: artwork fades out above the content, no green behind the cards */
body.theme-modern.skin-poster.pa-dash { --pz-art-h: 340px; }
body.theme-modern.skin-poster.pa-dash::before { background: linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.55) 38%, rgba(0,0,0,.05) 65%, rgba(0,0,0,.25) 100%), linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,.35) 65%, #000 100%), var(--pz-art) right 30% / cover no-repeat !important; }
body.theme-modern.skin-poster .lown { box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
/* top 3 cards: their own art per place */
body.theme-modern.skin-poster .pz-card .pz-art { background-position: center 30% !important; }
/* new servers: three scenes */
body.theme-modern.skin-poster .hx-ncard { background-image: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.5) 55%, rgba(0,0,0,.95)), url("../img/shader/home2/new1.webp") !important; background-size: cover !important; background-position: center 35% !important; }
body.theme-modern.skin-poster .hx-ncard:nth-child(3n+2) { background-image: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.5) 55%, rgba(0,0,0,.95)), url("../img/shader/home2/new2.webp") !important; }
body.theme-modern.skin-poster .hx-ncard:nth-child(3n) { background-image: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.5) 55%, rgba(0,0,0,.95)), url("../img/shader/home2/new3.webp") !important; }
/* java / bedrock */
body.theme-modern.skin-poster .bx-tile { background: linear-gradient(90deg, rgba(0,0,0,.92) 25%, rgba(0,0,0,.45) 60%, rgba(0,0,0,.05)), url("../img/shader/home2/java.webp") right center / cover !important; }
body.theme-modern.skin-poster .bx-tile.bx-bedrock { background: linear-gradient(90deg, rgba(0,0,0,.92) 25%, rgba(0,0,0,.45) 60%, rgba(0,0,0,.05)), url("../img/shader/home2/bedrock.webp") right center / cover !important; }
/* how it works: spaced cards with their own art */
body.theme-modern.skin-poster .m-below .bg { gap: 24px !important; }
body.theme-modern.skin-poster .bg-card { margin: 0 !important; }
body.theme-modern.skin-poster .bg-card::before { background-image: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.9)), url("../img/shader/home2/how1.webp") !important; background-size: cover !important; background-position: center !important; }
body.theme-modern.skin-poster .bg-card:nth-child(2)::before { background-image: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.9)), url("../img/shader/home2/how2.webp") !important; }
body.theme-modern.skin-poster .bg-card:nth-child(3)::before { background-image: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.9)), url("../img/shader/home2/how3.webp") !important; }

/* ================= v8 ================= */
body.theme-modern.skin-poster .hx-panel, body.theme-modern.skin-poster .hx-panel.hx-rise, body.theme-modern.skin-poster .hx-panel.hx-news { overflow: visible !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster .hx-panel::before, body.theme-modern.skin-poster .hx-panel::after { display: none !important; }
body.theme-modern.skin-poster .hx-panel > .hx-head { padding: 0 0 0 2px !important; }
body.theme-modern.skin-poster .hx-list { margin: 0 !important; padding: 8px 20px !important; list-style: none; border-radius: 18px; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; }
body.theme-modern.skin-poster .hx-list li { border: 0 !important; background: none !important; }
body.theme-modern.skin-poster .hx-list li + li { border-top: 1px solid rgba(255,255,255,.07) !important; }
/* advertise: one drawing per product */
body.theme-modern.skin-poster.pg-advertise .ax-featured .ax-prev { background-image: url("../img/shader/home2/ad-home.webp") !important; background-position: center 35% !important; }
body.theme-modern.skin-poster.pg-advertise .ax-banner .ax-prev { background-image: url("../img/shader/home2/ad-banner.webp") !important; background-position: center 30% !important; }
body.theme-modern.skin-poster.pg-advertise .ax-category .ax-prev { background-image: url("../img/shader/home2/ad-mode.webp") !important; background-position: center !important; }
/* monthly challenge strip on list pages: the race drawing in the left slot */
body.theme-modern.skin-poster .bnr-race { background: url("../img/shader/home2/race.webp") 0 0 / 180px 100% no-repeat, #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; border-radius: 18px !important; overflow: hidden !important; }
body.theme-modern.skin-poster .bnr-race .bnr-body { padding-left: 206px !important; }
body.theme-modern.skin-poster .bnr-race .bnr-strip { margin-left: 180px; background: none !important; }
body.theme-modern.skin-poster .bnr-race .bnr-btn { background: rgba(0,0,0,.55) !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55) !important; border: 0 !important; }
body.theme-modern.skin-poster .bnr-race .bnr-btn:hover { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
@media (max-width: 700px) { body.theme-modern.skin-poster .bnr-race { background-size: 0 0, auto !important; } body.theme-modern.skin-poster .bnr-race .bnr-body { padding-left: 18px !important; } body.theme-modern.skin-poster .bnr-race .bnr-strip { margin-left: 0; } }
/* server page jump bar: vote button like the others */
body.theme-modern.skin-poster .sv-jump-vote { background: rgba(0,0,0,.55) !important; background-image: none !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55) !important; border: 0 !important; }
body.theme-modern.skin-poster .sv-jump-vote:hover { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster section.mch.bnr.bnr-race { background: url("../img/shader/home2/race.webp") 0 0 / 180px 100% no-repeat, #000 !important; }
@media (max-width: 700px) { body.theme-modern.skin-poster section.mch.bnr.bnr-race { background: #000 !important; } }
body.theme-modern.skin-poster .bnr-race .bnr-strip { margin-left: 180px !important; padding-left: 26px !important; }

/* top three servers: their own artwork on server and vote pages */
body.skin-poster.pa-srv1 { --pz-art: url("../img/shader/srv1.webp"); --pz-art-m: url("../img/shader/srv1-m.webp"); }
body.skin-poster.pa-srv2 { --pz-art: url("../img/shader/srv2.webp"); --pz-art-m: url("../img/shader/srv2-m.webp"); }
body.skin-poster.pa-srv3 { --pz-art: url("../img/shader/srv3.webp"); --pz-art-m: url("../img/shader/srv3-m.webp"); }
body.theme-modern.skin-poster:is(.pa-srv1, .pa-srv2, .pa-srv3) { --pz-art-h: 860px; }
body.theme-modern.skin-poster.pa-srv1 .sx-name .sx-o { background: linear-gradient(180deg, #ffe08a, #f2a800) !important; -webkit-background-clip: text !important; background-clip: text !important; }
body.theme-modern.skin-poster.pa-srv2 .sx-name .sx-o { background: linear-gradient(180deg, #ffffff, #b8c4cf) !important; -webkit-background-clip: text !important; background-clip: text !important; }
body.theme-modern.skin-poster.pa-srv3 .sx-name .sx-o { background: linear-gradient(180deg, #ffb27a, #c8642c) !important; -webkit-background-clip: text !important; background-clip: text !important; }
body.theme-modern.skin-poster.pa-srv1 h1.sx-name > span.sx-o { background: linear-gradient(180deg, #ffe08a, #f2a800) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-modern.skin-poster.pa-srv2 h1.sx-name > span.sx-o { background: linear-gradient(180deg, #ffffff, #b8c4cf) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-modern.skin-poster.pa-srv3 h1.sx-name > span.sx-o { background: linear-gradient(180deg, #ffb27a, #c8642c) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.theme-modern.skin-poster.pa-srv1 .sv-eye-pz, body.theme-modern.skin-poster.pa-srv1 .sx-eye { color: #ffc94a !important; }
body.theme-modern.skin-poster.pa-srv2 .sx-eye { color: #d9dfe5 !important; } body.theme-modern.skin-poster.pa-srv3 .sx-eye { color: #ff9a5c !important; }
body.theme-modern.skin-poster a.sv-jump-vote.sv-jump-vote, body.theme-modern.skin-poster .sv-jump a.sv-jump-vote { background: rgba(0,0,0,.55) !important; background-image: none !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55) !important; }
body.theme-modern.skin-poster a.sv-jump-vote.sv-jump-vote:hover { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
/* server page section bar: just the pills, no dark strip behind them */
body.theme-modern.skin-poster .sv-jump { background: none !important; background-image: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; gap: 10px !important; backdrop-filter: none !important; }
body.theme-modern.skin-poster .sv-jump::before, body.theme-modern.skin-poster .sv-jump::after { display: none !important; }
body.theme-modern.skin-poster .sv-jump a { margin: 0 !important; height: 40px; display: inline-flex !important; align-items: center; padding: 0 18px !important; }
body.theme-modern.skin-poster .sv-jump a.sv-jump-vote { margin-left: auto !important; }
body.theme-modern.skin-poster .svx .sv-jump.sv-jump, body.theme-modern.skin-poster nav.sv-jump.sv-jump { background: none !important; background-image: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.theme-modern.skin-poster .sv-jump a:not(.sv-jump-vote) { background: rgba(0,0,0,.75) !important; }
body.theme-modern.skin-poster .pz-spons { margin-bottom: 16px; }
body.theme-modern.skin-poster .m-row2.m-sp { box-shadow: inset 0 0 0 1px rgba(255,201,74,.55), inset 6px 0 0 #ffc94a !important; }
body.theme-modern.skin-poster .m-row2 .m-sptag { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 10px; background: rgba(255,201,74,.15) !important; color: #ffc94a !important; font: 900 9.5px var(--m-font); letter-spacing: .08em; text-transform: uppercase; }

/* ---- Pro & sponsored checks (v12) ---- */
/* Pro page banner replaces the CraftRank artwork completely */
body.theme-modern.skin-poster:has(.sx-probg)::before { display: none !important; }
/* Pro listing: the owner's colour as the rail and outline, plus a PRO tag */
body.theme-modern.skin-poster .m-row2.is-pro { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--pro, #3df08a) 70%, transparent), inset 6px 0 0 var(--pro, #3df08a) !important; background: linear-gradient(90deg, color-mix(in srgb, var(--pro, #3df08a) 14%, #050605), #050605 55%) !important; }
body.theme-modern.skin-poster .m-row2.is-pro .m2-ttl::after { content: "PRO"; flex: none; display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 10px; background: var(--pro, #3df08a); color: #fff; font: 900 9.5px var(--m-font); letter-spacing: .1em; }
body.theme-modern.skin-poster .pz-card.is-pro .pz-art, body.theme-modern.skin-poster .pz-card .pz-art[data-pro] { outline: 3px solid var(--pro); }
/* banner ad row between the list rows */
body.theme-modern.skin-poster .trow-ad { display: flex !important; align-items: center; gap: 18px; min-height: 88px; padding: 12px 20px !important; border: 0 !important; border-radius: 4px !important; background: #050605 !important; box-shadow: inset 0 0 0 1px rgba(255,138,61,.45), inset 6px 0 0 #ff8a3d !important; }
body.theme-modern.skin-poster .trow-ad .t-rank { width: 70px; text-align: center; }
body.theme-modern.skin-poster .trow-ad .t-adl { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 11px; background: rgba(255,138,61,.15); color: #ff8a3d; font: 900 10px var(--m-font); letter-spacing: .1em; text-transform: uppercase; }
body.theme-modern.skin-poster .trow-ad .t-adbody { display: flex; align-items: center; gap: 18px; flex: 1; min-width: 0; }
body.theme-modern.skin-poster .trow-ad .t-adbanner { flex: none; width: 320px; height: 54px; border: 2px solid #fff; overflow: hidden; background: #111; }
body.theme-modern.skin-poster .trow-ad .t-adbanner :is(img, video, .banner) { width: 100% !important; height: 50px !important; object-fit: cover; border-radius: 0 !important; margin: 0 !important; max-width: none !important; }
body.theme-modern.skin-poster .trow-ad .t-title-link { font: 900 20px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .trow-ad .t-adip { display: block; color: #cfe8d9; font: 600 13px var(--m-font); }
body.theme-modern.skin-poster .trow-ad .t-adside { display: flex; align-items: center; gap: 16px; }
body.theme-modern.skin-poster .trow-ad .t-adbtn { display: inline-flex; align-items: center; justify-content: center; width: 150px; height: 44px; border-radius: 999px; background: rgba(0,0,0,.55); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55); color: #fff !important; font: 900 12px var(--m-font); letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster .trow-ad .t-adbtn:hover { background: #fff; color: #07080a !important; box-shadow: none; }
@media (max-width: 760px) { body.theme-modern.skin-poster .trow-ad { flex-wrap: wrap; } body.theme-modern.skin-poster .trow-ad .t-adbanner { width: 100%; } body.theme-modern.skin-poster .trow-ad .t-adbody { flex-wrap: wrap; } }
/* pager */
body.theme-modern.skin-poster .pager a, body.theme-modern.skin-poster .pager span { border-radius: 999px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25) !important; color: #fff !important; }
body.theme-modern.skin-poster .pager .on, body.theme-modern.skin-poster .pager [aria-current] { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pz-card.is-pro .pz-art { border-color: var(--pro) !important; box-shadow: 0 0 0 3px var(--pro) !important; }
body.theme-modern.skin-poster .pz-card.is-pro .pz-nm::after { content: "PRO"; display: inline-flex; align-items: center; height: 20px; margin-left: 10px; padding: 0 8px; border-radius: 10px; background: var(--pro); color: #fff; font: 900 9.5px var(--m-font); letter-spacing: .1em; vertical-align: 6px; }
/* vote success screen */
body.theme-modern.skin-poster.pg-vote .vt-ok { text-align: center; }
body.theme-modern.skin-poster.pg-vote .vt-ok .vt-head.big { margin: 0 auto 14px !important; width: 96px !important; height: 96px !important; display: block; }
body.theme-modern.skin-poster.pg-vote .vt-ok .vt-head.big img { width: 96px !important; height: 96px !important; border-radius: 16px; box-shadow: 0 0 0 3px #fff; }
body.theme-modern.skin-poster.pg-vote .vt-ok h2 { font: 900 30px var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.pg-vote :is(.vt-goalnote, .vt-streak, .vt-next) { border-radius: 14px !important; background: #050605 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-vote .vt-owner { border-radius: 16px !important; background: rgba(27,217,106,.08) !important; box-shadow: inset 0 0 0 1px rgba(61,240,138,.45) !important; border: 0 !important; }
body.theme-modern.skin-poster.pg-vote .vt-fire { background: #1bd96a !important; color: #04140a !important; box-shadow: none !important; }
@media (max-width: 760px) { body.theme-modern.skin-poster .hx-duo { grid-template-columns: minmax(0, 1fr) !important; } body.theme-modern.skin-poster .hx-duo > .hx-panel { min-width: 0; } }
/* v14: challenge prize list without the stray top rule; launch cards get their own art */
body.theme-modern.skin-poster .chl-get { border-top: 0 !important; }
body.theme-modern.skin-poster { --m-lc-art: url("../img/shader/home2/launch-card.webp"); }
body.theme-modern.skin-poster :is(.m-lc, .lc-hero, .lc-hero-live) { background: linear-gradient(90deg, rgba(10,12,16,.96) 30%, rgba(10,12,16,.55) 55%, rgba(10,12,16,.1)), var(--m-lc-art) right center / cover no-repeat, #0a0b0d !important; }
@media (max-width: 760px) { body.theme-modern.skin-poster :is(.m-lc, .lc-hero, .lc-hero-live) { background: linear-gradient(180deg, rgba(10,12,16,.82), rgba(10,12,16,.6)), url("../img/shader/home2/launch-card-m.webp") center / cover no-repeat, #0a0b0d !important; } }
/* v15: the server card header is display:contents in the panel, so its tint (::after) and blurred banner
   escaped and painted the whole panel area green — turn both off; resource panels and gallery go black */
body.theme-modern.skin-poster :is(.pn2-top, .pn-pv2-top)::after { content: none !important; display: none !important; background: none !important; }
body.theme-modern.skin-poster .pn-srv.pn2 .pn2-bd { display: none !important; }
body.theme-modern.skin-poster :is(.pn-shell, .pn-content, .pn-srv, .pn2) { background-color: #000 !important; }
body.theme-modern.skin-poster.pg-resource :is(.rx-panel, .rx-gal-main, .rx-video, .rx-rexhow, .rx-rex, .rx-note, .rx-code) { background: #000 !important; }
body.theme-modern.skin-poster.pg-resource .rx-panel { box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important; border: 0 !important; }

/* ==========================================================================
   v16 · Server page v3 (Figma "Server page v2"), poster theme only (body.sv3)
   ========================================================================== */
body.theme-modern.skin-poster.sv3 { --s3-line: rgba(255,255,255,.14); --s3-soft: rgba(255,255,255,.08); --s3-mute: #9aa39c; --s3-dim: #7d857f; --s3-g: #3ddc84; --s3-gd: #31B66A; --s3-gold: #C4A36A; --s3-surf: #060807; }
/* header */
body.theme-modern.skin-poster.sv3 .sx-hero { padding-bottom: 84px !important; }
body.theme-modern.skin-poster.sv3 .sx-id { display: flex !important; align-items: center !important; gap: 18px !important; margin-bottom: 22px !important; }
body.theme-modern.skin-poster.sv3 .sx-medal { display: none !important; }
body.theme-modern.skin-poster.sv3 .sx-ic { width: 96px !important; height: 96px !important; border-radius: 22px !important; overflow: hidden; box-shadow: 0 0 0 3px #fff !important; flex: none; }
body.theme-modern.skin-poster.sv3 .sx-ic img, body.theme-modern.skin-poster.sv3 .sx-ic svg { width: 100% !important; height: 100% !important; display: block; image-rendering: pixelated; border-radius: 0 !important; }
body.theme-modern.skin-poster.sv3 .sx-rankb { display: flex; flex-direction: column; gap: 7px; }
body.theme-modern.skin-poster.sv3 .sx-rankb b { display: inline-flex; align-items: center; gap: 8px; width: max-content; height: 30px; padding: 0 12px; border-radius: 8px; background: var(--s3-gold); color: #111715; font: 900 13px var(--m-font); letter-spacing: .04em; text-transform: uppercase; }
body.theme-modern.skin-poster.sv3 .sx-rankb.r1 b { background: linear-gradient(180deg, #ffe08a, #e9b234); }
body.theme-modern.skin-poster.sv3 .sx-rankb.r2 b { background: linear-gradient(180deg, #ffffff, #c3ccd4); }
body.theme-modern.skin-poster.sv3 .sx-rankb.r3 b { background: linear-gradient(180deg, #ffbf8f, #d8783c); }
body.theme-modern.skin-poster.sv3 .sx-rankb small { font: 500 13px var(--m-font); color: #c9cfcb; }
body.theme-modern.skin-poster.sv3 .sx-lead { max-width: 580px !important; margin-top: 20px !important; font: 500 17px/1.6 var(--m-font) !important; color: #dfe4e0 !important; }
body.theme-modern.skin-poster.sv3 .sx-chips { margin-top: 20px !important; }
/* join card */
body.theme-modern.skin-poster.sv3 .sx-join { border-radius: 22px !important; padding: 24px !important; background: rgba(8,10,9,.82) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important; backdrop-filter: blur(14px); }
body.theme-modern.skin-poster.sv3 .sx-jh { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
body.theme-modern.skin-poster.sv3 .sx-jh .sx-k { margin: 0 !important; font: 900 11.5px var(--m-font) !important; letter-spacing: .12em !important; color: var(--s3-mute) !important; }
body.theme-modern.skin-poster.sv3 .sx-pk { font: 700 12.5px var(--m-font); color: var(--s3-g); white-space: nowrap; }
body.theme-modern.skin-poster.sv3 .sx-now b { font-size: 46px !important; }
body.theme-modern.skin-poster.sv3 .sx-spark { color: var(--s3-g) !important; height: 64px !important; }
body.theme-modern.skin-poster.sv3 .sx-sub { color: var(--s3-dim) !important; font: 500 12px var(--m-font) !important; margin: 4px 0 16px !important; }
body.theme-modern.skin-poster.sv3 .sx-ip { height: 56px !important; border-radius: 14px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important; }
body.theme-modern.skin-poster.sv3 .sx-ip code { font: 600 16px "JetBrains Mono", ui-monospace, monospace !important; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .sx-ip [data-copy-label] { border-radius: 999px !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55) !important; background: rgba(0,0,0,.55) !important; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .sx-ip:hover [data-copy-label] { background: #fff !important; color: #07080a !important; }
body.theme-modern.skin-poster.sv3 a.sx-vote { margin-top: 12px !important; min-height: 60px !important; border-radius: 999px !important; background: var(--s3-gd) !important; background-image: none !important; box-shadow: none !important; border: 0 !important; }
body.theme-modern.skin-poster.sv3 a.sx-vote, body.theme-modern.skin-poster.sv3 a.sx-vote * { color: #04140a !important; -webkit-text-fill-color: #04140a !important; }
body.theme-modern.skin-poster.sv3 a.sx-vote small { opacity: .78; text-transform: none !important; letter-spacing: .01em !important; font-weight: 700 !important; }
body.theme-modern.skin-poster.sv3 a.sx-vote:hover { background: #3ddc84 !important; }
body.theme-modern.skin-poster.sv3 .sx-more { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-top: 14px !important; flex-wrap: wrap; }
body.theme-modern.skin-poster.sv3 .sx-more > * { display: inline-flex !important; align-items: center; gap: 6px; height: auto !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; color: var(--s3-mute) !important; font: 600 12.5px var(--m-font) !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer; white-space: nowrap; }
body.theme-modern.skin-poster.sv3 .sx-more > :is(a, button):hover { color: #fff !important; background: none !important; }
body.theme-modern.skin-poster.sv3 .sx-more .sx-chk { cursor: default; color: var(--s3-dim) !important; }
/* stat strip */
body.theme-modern.skin-poster.sv3 .sx-strip { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.1fr); margin: -40px 0 28px; border-radius: 20px; background: var(--s3-surf); box-shadow: inset 0 0 0 1px var(--s3-line); }
body.theme-modern.skin-poster.sv3 .sx-sc { min-width: 0; padding: 22px 26px; border-right: 1px solid rgba(255,255,255,.1); }
body.theme-modern.skin-poster.sv3 .sx-sc small { display: flex; align-items: center; gap: 8px; font: 800 11.5px var(--m-font); letter-spacing: .12em; text-transform: uppercase; color: var(--s3-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.sv3 .sx-sc small .sx-i { flex: none; color: var(--s3-g); }
body.theme-modern.skin-poster.sv3 .sx-sc-star small .sx-i { color: var(--s3-gold); }
body.theme-modern.skin-poster.sv3 .sx-sc b { display: block; margin-top: 6px; font: 900 34px/1.1 var(--m-font); letter-spacing: -.03em; color: #fff; }
body.theme-modern.skin-poster.sv3 .sx-sc em { display: block; font: 500 12.5px var(--m-font); font-style: normal; color: var(--s3-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.sv3 .sx-sc-act { border-right: 0; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
body.theme-modern.skin-poster.sv3 .sx-pill { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; height: 44px !important; padding: 0 18px !important; border: 0 !important; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55) !important; color: #fff !important; font: 900 12px var(--m-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; white-space: nowrap; cursor: pointer; text-decoration: none !important; transition: background .15s, color .15s; }
body.theme-modern.skin-poster.sv3 .sx-pill:hover { background: #fff !important; color: #07080a !important; }
body.theme-modern.skin-poster.sv3 .sx-pill .sx-i { flex: none; }
/* layout: launch, join and tabs full width, then content + side column */
body.theme-modern.skin-poster.sv3 .svx.sx { display: grid !important; grid-template-columns: minmax(0, 1fr) 380px !important; column-gap: 36px !important; row-gap: 0 !important; align-items: start !important; }
body.theme-modern.skin-poster.sv3 .svx.sx > .sv2-r { display: contents !important; }
body.theme-modern.skin-poster.sv3 .sv2-r > :is(.sv2-media, .note, .gv-note, iframe.sv2-media) { grid-column: 1 / -1; grid-row: 1; margin-bottom: 24px !important; }
body.theme-modern.skin-poster.sv3 .sv2-r > .lc-hero { grid-column: 1 / -1; grid-row: 2; }
body.theme-modern.skin-poster.sv3 .sv2-r > .sx-connect { grid-column: 1 / -1; grid-row: 3; }
body.theme-modern.skin-poster.sv3 .sv2-r > .sv-jump { grid-column: 1 / -1; grid-row: 4; }
body.theme-modern.skin-poster.sv3 .sv2-r > .sv-layout { grid-column: 1; grid-row: 5; display: block !important; min-width: 0; }
body.theme-modern.skin-poster.sv3 .sv2-r > .sv-wide { grid-column: 1; grid-row: 6; min-width: 0; }
body.theme-modern.skin-poster.sv3 .svx.sx > .sv2-l { grid-column: 2 !important; grid-row: 5 / span 2 !important; position: sticky; display: flex !important; flex-direction: column; gap: 18px !important; min-width: 0; }
body.theme-modern.skin-poster.sv3 .sv-layout > .sv-main, body.theme-modern.skin-poster.sv3 .sv-layout > .sv-side { display: flex !important; flex-direction: column; gap: 22px !important; min-width: 0; }
body.theme-modern.skin-poster.sv3 .sv-layout > .sv-side { margin-top: 22px; }
body.theme-modern.skin-poster.sv3 .sv-wide { display: flex !important; flex-direction: column; gap: 22px !important; margin-top: 22px !important; }
/* launch banner */
body.theme-modern.skin-poster.sv3 .sv2-r > .lc-hero { margin: 0 0 8px !important; min-height: 200px; padding: 34px 36px !important; border: 0 !important; border-radius: 22px !important; box-shadow: inset 0 0 0 1px var(--s3-line) !important; align-items: center; }
body.theme-modern.skin-poster.sv3 .lc-hero .lc-big span { min-width: 84px !important; height: 92px; display: inline-flex !important; flex-direction: column; align-items: center; justify-content: center; border-radius: 16px !important; }
body.theme-modern.skin-poster.sv3 .lc-hero .lc-big b { font-size: 36px !important; }
/* how to join */
body.theme-modern.skin-poster.sv3 .sx-connect { margin: 48px 0 0; }
body.theme-modern.skin-poster.sv3 .sx-sech h2, body.theme-modern.skin-poster.sv3 .sx-sech2 { margin: 0; font: 900 30px/1 var(--m-font) !important; letter-spacing: -.02em; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .sx-sech p { margin: 10px 0 0; font: 500 14px var(--m-font); color: var(--s3-mute); }
body.theme-modern.skin-poster.sv3 .sx-eds { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
body.theme-modern.skin-poster.sv3 .sx-eds.one { grid-template-columns: minmax(0, 1fr); }
body.theme-modern.skin-poster.sv3 .sx-ed { display: flex; flex-direction: column; gap: 16px; min-width: 0; padding: 24px; border-radius: 20px; background: var(--s3-surf); box-shadow: inset 0 0 0 1px var(--s3-line); }
body.theme-modern.skin-poster.sv3 .sx-ed-h { display: flex; align-items: center; gap: 14px; }
body.theme-modern.skin-poster.sv3 .sx-ed-h img { flex: none; width: 46px; height: 46px; image-rendering: pixelated; }
body.theme-modern.skin-poster.sv3 .sx-ed-h span { display: flex; flex-direction: column; min-width: 0; }
body.theme-modern.skin-poster.sv3 .sx-ed-h b { font: 900 18px var(--m-font); letter-spacing: .02em; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster.sv3 .sx-ed-h small { font: 500 13px var(--m-font); color: var(--s3-mute); }
body.theme-modern.skin-poster.sv3 .sx-ed-row { display: flex; gap: 10px; }
body.theme-modern.skin-poster.sv3 .sx-fld { flex: 1; min-width: 0; height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 8px 0 16px; border-radius: 14px; background: #000; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
body.theme-modern.skin-poster.sv3 .sx-fld > span { display: flex; flex-direction: column; min-width: 0; }
body.theme-modern.skin-poster.sv3 .sx-fld small { font: 800 10.5px var(--m-font); letter-spacing: .12em; text-transform: uppercase; color: var(--s3-dim); }
body.theme-modern.skin-poster.sv3 .sx-fld code { padding: 0 !important; background: none !important; font: 600 15px "JetBrains Mono", ui-monospace, monospace !important; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.sv3 .sx-fld .sx-pill { flex: none; height: 38px !important; padding: 0 14px !important; font-size: 11px !important; }
body.theme-modern.skin-poster.sv3 .sx-fld.sx-port { flex: 0 0 172px; }
body.theme-modern.skin-poster.sv3 .sx-ed-hint { margin: 0; font: 500 13px var(--m-font); color: var(--s3-dim); }
body.theme-modern.skin-poster.sv3 .sx-ed-add:empty { display: none; }
body.theme-modern.skin-poster.sv3 .sx-ed-add .bd-add { margin: 0 !important; width: 100%; }
/* tab bar */
body.theme-modern.skin-poster.sv3 .sv2-r > nav.sv-jump { position: sticky !important; top: 0; z-index: 30; display: flex !important; align-items: center !important; gap: 6px !important; margin: 48px 0 30px !important; padding: 14px 0 !important; overflow-x: auto; scrollbar-width: none; background: rgba(0,0,0,.94) !important; box-shadow: 0 0 0 100vmax rgba(0,0,0,.94) !important; clip-path: inset(0 -100vmax); border-top: 1px solid rgba(255,255,255,.1) !important; border-bottom: 1px solid rgba(255,255,255,.1) !important; }
body.theme-modern.skin-poster.sv3 .sv2-r > nav.sv-jump::-webkit-scrollbar { display: none; }
body.theme-modern.skin-poster.sv3 nav.sv-jump a:not(.sv-jump-vote) { flex: none; height: 38px !important; padding: 0 16px !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: #c9cfcb !important; font: 900 12px var(--m-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
body.theme-modern.skin-poster.sv3 nav.sv-jump a:not(.sv-jump-vote):hover, body.theme-modern.skin-poster.sv3 nav.sv-jump a.on { background: #fff !important; color: #07080a !important; }
body.theme-modern.skin-poster.sv3 nav.sv-jump a em { font-style: normal; color: var(--s3-gold); }
body.theme-modern.skin-poster.sv3 .sv-jump-me { flex: none; margin-left: auto; display: inline-flex; align-items: center; gap: 12px; padding-right: 6px; font: 800 14px var(--m-font); color: #fff; white-space: nowrap; }
body.theme-modern.skin-poster.sv3 .sv-jump-me img { width: 32px; height: 32px; border-radius: 8px; image-rendering: pixelated; }
body.theme-modern.skin-poster.sv3 nav.sv-jump a.sv-jump-vote { flex: none; margin-left: 6px !important; display: inline-flex !important; align-items: center; gap: 8px; height: 42px !important; padding: 0 20px !important; border-radius: 999px !important; background: var(--s3-gd) !important; color: #04140a !important; box-shadow: none !important; font: 900 12.5px var(--m-font) !important; letter-spacing: .06em !important; text-transform: uppercase; }
body.theme-modern.skin-poster.sv3 nav.sv-jump a.sv-jump-vote:hover { background: #3ddc84 !important; color: #04140a !important; }
body.theme-modern.skin-poster.sv3 nav.sv-jump .sv-jump-me + a.sv-jump-vote { margin-left: 6px !important; }
body.theme-modern.skin-poster.sv3 nav.sv-jump > a:nth-last-child(1):not(.sv-jump-me + *) { margin-left: auto !important; }
/* cards */
body.theme-modern.skin-poster.sv3 .svx :is(.sv-card, .sv2-box) { --bk: none !important; margin: 0 !important; border: 0 !important; border-radius: 22px !important; background: #000 !important; background-image: none !important; box-shadow: inset 0 0 0 1px var(--s3-line) !important; }
body.theme-modern.skin-poster.sv3 .svx .sv-card > header { display: flex !important; align-items: center !important; flex-wrap: wrap; gap: 8px 14px !important; padding: 28px 32px 18px !important; border: 0 !important; background: none !important; }
body.theme-modern.skin-poster.sv3 .svx .sv-card > header h2 { margin: 0 !important; font: 900 22px/1.15 var(--m-font) !important; letter-spacing: -.01em !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .svx .sv-card > header :is(.muted, small) { margin-left: auto; font: 500 13px var(--m-font) !important; color: var(--s3-dim) !important; }
body.theme-modern.skin-poster.sv3 .svx .sv-card > .sv-card-body { padding: 0 32px 30px !important; }
body.theme-modern.skin-poster.sv3 .svx .sv-card > .mc-list { margin: 0 32px 30px !important; }
/* about: lists become feature tiles and numbered steps */
body.theme-modern.skin-poster.sv3 .sv-about .desc { font: 400 16px/1.65 var(--m-font) !important; color: #dfe4e0 !important; }
body.theme-modern.skin-poster.sv3 .sv-about .desc p { margin: 0 0 14px !important; }
body.theme-modern.skin-poster.sv3 .sv-about .desc :is(h2, h3, h4), body.theme-modern.skin-poster.sv3 .sv-about .desc p:has(> strong:only-child) { margin: 26px 0 12px !important; font: 900 13px var(--m-font) !important; letter-spacing: .12em !important; text-transform: uppercase; color: var(--s3-mute) !important; }
body.theme-modern.skin-poster.sv3 .sv-about .desc p > strong:only-child { color: inherit !important; font: inherit !important; }
body.theme-modern.skin-poster.sv3 .sv-about .desc ul { list-style: none !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; margin: 0 0 18px !important; padding: 0 !important; }
body.theme-modern.skin-poster.sv3 .sv-about .desc ul > li { position: relative; display: block; margin: 0 !important; padding: 14px 16px 14px 52px !important; border-radius: 14px; background: #070908; box-shadow: inset 0 0 0 1px var(--s3-soft); font: 500 14px/1.45 var(--m-font); color: #dfe4e0; }
body.theme-modern.skin-poster.sv3 .sv-about .desc ul > li::before { content: "" !important; position: absolute; left: 16px; top: 13px; width: 24px; height: 24px; margin: 0 !important; border-radius: 7px; background: rgba(49,182,106,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233ddc84' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat !important; box-shadow: none !important; transform: none !important; }
body.theme-modern.skin-poster.sv3 .sv-about .desc ol { list-style: none !important; counter-reset: s3; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px !important; margin: 0 0 18px !important; padding: 0 !important; }
body.theme-modern.skin-poster.sv3 .sv-about .desc ol > li { counter-increment: s3; margin: 0 !important; padding: 18px !important; border-radius: 16px; background: #070908; box-shadow: inset 0 0 0 1px var(--s3-soft); font: 600 14px/1.45 var(--m-font); color: #fff; }
body.theme-modern.skin-poster.sv3 .sv-about .desc ol > li::before { content: counter(s3) !important; display: flex !important; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0 0 12px !important; border-radius: 10px; background: var(--s3-gd) !important; color: #04140a !important; font: 900 15px var(--m-font) !important; position: static !important; }
body.theme-modern.skin-poster.sv3 .sv-about .desc a { color: var(--s3-g) !important; }
body.theme-modern.skin-poster.sv3 .sv-glance { margin: 0 32px 30px !important; padding: 18px 20px !important; border-radius: 16px !important; background: rgba(49,182,106,.08) !important; box-shadow: inset 0 0 0 1px rgba(61,220,132,.3) !important; border: 0 !important; }
body.theme-modern.skin-poster.sv3 .sv-glance h3 { margin: 0 0 6px !important; font: 900 12px var(--m-font) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--s3-g) !important; }
body.theme-modern.skin-poster.sv3 .sv-glance h3 small { color: var(--s3-mute) !important; font-weight: 700; margin-left: 8px; }
body.theme-modern.skin-poster.sv3 .sv-glance p { margin: 0; font: 500 14px/1.6 var(--m-font); color: #dfe4e0; }
/* player history */
body.theme-modern.skin-poster.sv3 .sx-kpis { display: flex; flex-wrap: wrap; gap: 14px 30px; margin: 0 32px 18px; }
body.theme-modern.skin-poster.sv3 .sx-kpis div { margin: 0; }
body.theme-modern.skin-poster.sv3 .sx-kpis dt { font: 800 11px var(--m-font); letter-spacing: .12em; text-transform: uppercase; color: var(--s3-dim); }
body.theme-modern.skin-poster.sv3 .sx-kpis dd { margin: 2px 0 0; font: 900 24px var(--m-font); color: #fff; }
body.theme-modern.skin-poster.sv3 .sv-tabs { margin-left: auto !important; display: inline-flex !important; gap: 2px !important; padding: 4px !important; border-radius: 999px !important; background: rgba(255,255,255,.07) !important; box-shadow: none !important; }
body.theme-modern.skin-poster.sv3 .sv-tabs a { height: 30px !important; padding: 0 14px !important; display: inline-flex !important; align-items: center; border-radius: 999px !important; background: none !important; box-shadow: none !important; color: #aeb5b0 !important; font: 800 12px var(--m-font) !important; text-transform: none !important; letter-spacing: 0 !important; }
body.theme-modern.skin-poster.sv3 .sv-tabs a.on { background: #fff !important; color: #000 !important; }
/* best time */
body.theme-modern.skin-poster.sv3 .bt-sum { margin: 0 0 18px !important; padding: 14px 16px !important; border-radius: 14px !important; background: rgba(49,182,106,.1) !important; box-shadow: inset 0 0 0 1px rgba(61,220,132,.3) !important; color: #dfe4e0 !important; font: 500 14px var(--m-font) !important; }
body.theme-modern.skin-poster.sv3 .bt-sum b { color: var(--s3-g) !important; }
/* reviews, faq, similar */
body.theme-modern.skin-poster.sv3 .rv-none { margin: 0 !important; padding: 22px !important; border-radius: 16px; border: 1px dashed rgba(255,255,255,.22); color: var(--s3-mute) !important; font: 500 14px/1.55 var(--m-font) !important; }
body.theme-modern.skin-poster.sv3 .sv-faq { display: flex !important; flex-direction: column; gap: 10px !important; }
body.theme-modern.skin-poster.sv3 .sv-faq details { margin: 0 !important; padding: 0 20px !important; border: 0 !important; border-radius: 16px !important; background: var(--s3-surf) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; }
body.theme-modern.skin-poster.sv3 .sv-faq summary { min-height: 60px; display: flex !important; align-items: center; padding: 14px 0 !important; font: 800 15px/1.4 var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .sv-faq details p { margin: 0 !important; padding: 0 0 18px !important; color: #aeb5b0 !important; font: 400 14.5px/1.6 var(--m-font) !important; }
/* side column */
body.theme-modern.skin-poster.sv3 .sv2-own-acts { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster.sv3 .sv2-own-acts form { display: contents; }
body.theme-modern.skin-poster.sv3 .sv2-own-acts :is(a, button) { display: inline-flex !important; align-items: center; justify-content: center; width: 100%; height: 42px !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55) !important; color: #fff !important; font: 900 12px var(--m-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; cursor: pointer; }
body.theme-modern.skin-poster.sv3 .sv2-own-acts button { color: #ff8a80 !important; box-shadow: inset 0 0 0 1.5px rgba(255,138,128,.5) !important; }
body.theme-modern.skin-poster.sv3 .sv2-own-acts a:hover { background: #fff !important; color: #07080a !important; }
body.theme-modern.skin-poster.sv3 .sv2-own-acts button:hover { background: #ff8a80 !important; color: #1a0503 !important; }
body.theme-modern.skin-poster.sv3 .sv2-box { padding: 22px 24px !important; }
body.theme-modern.skin-poster.sv3 .sv2-owner { display: flex !important; align-items: center !important; gap: 14px !important; }
body.theme-modern.skin-poster.sv3 .sv2-owner::before, body.theme-modern.skin-poster.sv3 .sv2-owner::after, body.theme-modern.skin-poster.sv3 .sv2-facts::before, body.theme-modern.skin-poster.sv3 .sv2-facts::after, body.theme-modern.skin-poster.sv3 .sv2-x::before, body.theme-modern.skin-poster.sv3 .sv2-x::after { display: none !important; content: none !important; }
body.theme-modern.skin-poster.sv3 .sv2-owner > i { flex: none; width: 48px !important; height: 48px !important; border-radius: 12px !important; display: grid !important; place-items: center; background: rgba(49,182,106,.16) !important; color: var(--s3-g) !important; font: 900 18px var(--m-font) !important; font-style: normal !important; box-shadow: none !important; }
body.theme-modern.skin-poster.sv3 .sv2-owner small { display: block; font: 900 11px var(--m-font) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--s3-mute) !important; }
body.theme-modern.skin-poster.sv3 .sv2-owner b { display: inline-flex; align-items: center; gap: 6px; font: 800 16px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .sv2-owner .sv2-ok { width: 16px; height: 16px; fill: var(--s3-g); }
body.theme-modern.skin-poster.sv3 .sv2-facts h3 { margin: 0 0 12px !important; font: 900 12px var(--m-font) !important; letter-spacing: .12em !important; text-transform: uppercase; color: var(--s3-mute) !important; }
body.theme-modern.skin-poster.sv3 .sv2-tags { display: flex !important; flex-wrap: wrap; gap: 6px !important; margin: 0 0 16px !important; }
body.theme-modern.skin-poster.sv3 .sv2-tags a { height: 30px; display: inline-flex !important; align-items: center; padding: 0 12px !important; border-radius: 999px !important; background: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important; color: #fff !important; font: 700 12.5px var(--m-font) !important; text-transform: none !important; letter-spacing: 0 !important; }
body.theme-modern.skin-poster.sv3 .sv2-tags a:hover { background: #fff !important; color: #07080a !important; }
body.theme-modern.skin-poster.sv3 .sv2-row { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0 !important; border: 0 !important; border-top: 1px solid var(--s3-soft) !important; font: 500 14px var(--m-font) !important; background: none !important; }
body.theme-modern.skin-poster.sv3 .sv2-row > span { color: var(--s3-mute) !important; }
body.theme-modern.skin-poster.sv3 .sv2-row > :is(em, b, a) { padding: 0 !important; background: none !important; box-shadow: none !important; font: 700 14px var(--m-font) !important; font-style: normal !important; color: #fff !important; text-align: right; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.theme-modern.skin-poster.sv3 .sv2-row > a { color: var(--s3-g) !important; }
body.theme-modern.skin-poster.sv3 .sv2-links { display: flex !important; flex-direction: column; gap: 12px !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster.sv3 .sv2-links a { display: flex !important; align-items: center; gap: 14px !important; padding: 16px !important; border-radius: 16px !important; background: var(--s3-surf) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important; border: 0 !important; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .sv2-links a:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,.4) !important; }
body.theme-modern.skin-poster.sv3 .sv2-links a > svg, body.theme-modern.skin-poster.sv3 .sv2-links a > img { flex: none; box-sizing: content-box; width: 22px !important; height: 22px !important; padding: 10px; border-radius: 12px; background: rgba(255,255,255,.06); fill: none; stroke: #fff; stroke-width: 2; object-fit: contain; }
body.theme-modern.skin-poster.sv3 .sv2-links a > img.sv2-dc { background: rgba(88,101,242,.22); }
body.theme-modern.skin-poster.sv3 .sv2-links a > span { display: flex; flex-direction: column; min-width: 0; }
body.theme-modern.skin-poster.sv3 .sv2-links b { font: 800 15px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .sv2-links small { font: 500 12.5px var(--m-font) !important; color: var(--s3-dim) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.theme-modern.skin-poster.sv3 .sv2-x { display: flex !important; flex-direction: column; gap: 4px !important; }
body.theme-modern.skin-poster.sv3 .sv2-x a { display: flex !important; align-items: center; gap: 14px; padding: 10px 0 !important; border: 0 !important; background: none !important; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .sv2-x a + a { border-top: 1px solid var(--s3-soft) !important; }
body.theme-modern.skin-poster.sv3 .sv2-x b { font: 800 15px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .sv2-x small { display: block; font: 500 12.5px var(--m-font) !important; color: var(--s3-dim) !important; }
body.theme-modern.skin-poster.sv3 .sv2-x em.up { color: var(--s3-g) !important; font-style: normal; }
body.theme-modern.skin-poster.sv3 .sv2-x em.dn { color: #ff8a80 !important; font-style: normal; }
/* tablet and phone */
@media (max-width: 1100px) {
  body.theme-modern.skin-poster.sv3 .sx-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.theme-modern.skin-poster.sv3 .sx-sc:nth-child(4) { border-right: 0; }
  body.theme-modern.skin-poster.sv3 .sx-sc-act { grid-column: 1 / -1; flex-direction: row; border-top: 1px solid rgba(255,255,255,.1); padding-top: 16px; padding-bottom: 16px; }
  body.theme-modern.skin-poster.sv3 .sx-sc-act .sx-pill { flex: 1; }
  body.theme-modern.skin-poster.sv3 .svx.sx { grid-template-columns: minmax(0, 1fr) !important; }
  body.theme-modern.skin-poster.sv3 .svx.sx > .sv2-l { grid-column: 1 !important; grid-row: 7 !important; position: static !important; margin-top: 22px; }
}
@media (max-width: 760px) {
  body.theme-modern.skin-poster.sv3 .sx-hero { padding-bottom: 56px !important; }
  body.theme-modern.skin-poster.sv3 .sx-ic { width: 76px !important; height: 76px !important; border-radius: 18px !important; }
  body.theme-modern.skin-poster.sv3 .sx-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: -28px; }
  body.theme-modern.skin-poster.sv3 .sx-sc { padding: 16px 18px; }
  body.theme-modern.skin-poster.sv3 .sx-sc:nth-child(2n) { border-right: 0; }
  body.theme-modern.skin-poster.sv3 .sx-sc:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1); }
  body.theme-modern.skin-poster.sv3 .sx-sc b { font-size: 26px; }
  body.theme-modern.skin-poster.sv3 .sx-sc-act { flex-direction: column; }
  body.theme-modern.skin-poster.sv3 .sx-eds { grid-template-columns: minmax(0, 1fr); }
  body.theme-modern.skin-poster.sv3 .sx-ed { padding: 18px; }
  body.theme-modern.skin-poster.sv3 .sx-ed-row { flex-direction: column; }
  body.theme-modern.skin-poster.sv3 .sx-fld.sx-port { flex: 1; }
  body.theme-modern.skin-poster.sv3 .sx-sech h2 { font-size: 24px !important; }
  body.theme-modern.skin-poster.sv3 .sv2-r > .lc-hero { padding: 22px 18px !important; }
  body.theme-modern.skin-poster.sv3 .lc-hero .lc-big span { min-width: 0 !important; flex: 1; height: 76px; }
  body.theme-modern.skin-poster.sv3 .lc-hero .lc-big { width: 100%; }
  body.theme-modern.skin-poster.sv3 .lc-hero .lc-big b { font-size: 28px !important; }
  body.theme-modern.skin-poster.sv3 .sv-jump-me { display: none; }
  body.theme-modern.skin-poster.sv3 .sv2-r > nav.sv-jump { margin: 32px 0 22px !important; }
  body.theme-modern.skin-poster.sv3 .svx .sv-card > header { padding: 22px 18px 14px !important; }
  body.theme-modern.skin-poster.sv3 .svx .sv-card > .sv-card-body { padding: 0 18px 22px !important; }
  body.theme-modern.skin-poster.sv3 .svx .sv-card > .mc-list, body.theme-modern.skin-poster.sv3 .sv-glance { margin: 0 18px 22px !important; }
  body.theme-modern.skin-poster.sv3 .sx-kpis { margin: 0 18px 16px; gap: 10px 22px; }
  body.theme-modern.skin-poster.sv3 .sv-about .desc ul { grid-template-columns: minmax(0, 1fr); }
}
body.theme-modern.skin-poster.sv3 .sv-page { margin-top: 0 !important; padding-top: 0 !important; }
body.theme-modern.skin-poster.sv3 .sx-join a.sx-vote.sx-vote.sx-vote { background: var(--s3-gd) !important; background-image: none !important; box-shadow: none !important; }
body.theme-modern.skin-poster.sv3 .sx-join a.sx-vote.sx-vote.sx-vote:hover { background: #3ddc84 !important; }
/* v16: wide sections below (FAQ, explore, similar) use the full width */
body.theme-modern.skin-poster.sv3 .sv2-r > .sv-wide { grid-column: 1 / -1 !important; }
body.theme-modern.skin-poster.sv3 .svx.sx > .sv2-l { grid-row: 5 !important; }
body.theme-modern.skin-poster.sv3 .sv-faq details { width: 100%; box-sizing: border-box; }
body.theme-modern.skin-poster.sv3 .svx .sl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; }
body.theme-modern.skin-poster.sv3 .svx .sl { border-radius: 20px !important; background: var(--s3-surf) !important; box-shadow: inset 0 0 0 1px var(--s3-line) !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-ban { aspect-ratio: auto !important; height: 96px; border-radius: 0 !important; box-shadow: none !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-ban:has(.banner-fallback) { background: linear-gradient(120deg, #10251B, #060807) !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-body { grid-template-columns: 48px minmax(0, 1fr) !important; padding: 0 16px !important; margin-top: -22px; position: relative; }
body.theme-modern.skin-poster.sv3 .svx .sl-icon img, body.theme-modern.skin-poster.sv3 .svx .sl-icon svg { width: 48px !important; height: 48px !important; border-radius: 12px !important; box-shadow: 0 0 0 3px #fff !important; image-rendering: pixelated; background: #000; }
body.theme-modern.skin-poster.sv3 .svx .sl-txt { padding-top: 22px; min-width: 0; }
body.theme-modern.skin-poster.sv3 .svx .sl-name { display: block; font: 900 16px var(--m-font) !important; text-transform: uppercase; color: #fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.sv3 .svx .sl-txt small { display: block; font: 500 12.5px var(--m-font) !important; color: var(--s3-mute) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.sv3 .svx .sl-pl { grid-column: 1 / -1; justify-self: start; margin-top: 10px; padding: 0 !important; background: none !important; box-shadow: none !important; font: 600 12.5px var(--m-font) !important; color: #c9cfcb !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-pl.on i { background: var(--s3-g) !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-foot { padding: 14px 16px 16px !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-foot > * { height: 36px !important; border-radius: 999px !important; background: rgba(0,0,0,.55) !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.45) !important; color: #fff !important; font: 800 11.5px var(--m-font) !important; letter-spacing: .03em; }
body.theme-modern.skin-poster.sv3 .svx .sl-foot > *:hover { background: #fff !important; color: #07080a !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-foot .sl-cmp { display: block !important; line-height: 36px; text-align: center; white-space: nowrap; }
/* achievements as tiles */
body.theme-modern.skin-poster.sv3 .svx .ach-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; padding: 0 !important; margin: 0 !important; }
body.theme-modern.skin-poster.sv3 .svx .ach { display: flex !important; flex-direction: column; align-items: flex-start; gap: 10px !important; padding: 18px !important; border-radius: 16px !important; background: #070908 !important; box-shadow: inset 0 0 0 1px var(--s3-soft) !important; opacity: 1 !important; }
body.theme-modern.skin-poster.sv3 .svx .ach:not(.ach-off) { background: rgba(49,182,106,.07) !important; box-shadow: inset 0 0 0 1px rgba(61,220,132,.32) !important; }
body.theme-modern.skin-poster.sv3 .svx .ach-medal { width: 44px !important; height: 44px !important; border-radius: 12px !important; display: grid !important; place-items: center; background: rgba(255,255,255,.05) !important; color: #5b625d !important; }
body.theme-modern.skin-poster.sv3 .svx .ach:not(.ach-off) .ach-medal { background: rgba(49,182,106,.16) !important; color: var(--s3-g) !important; }
body.theme-modern.skin-poster.sv3 .svx .ach-tx b { font: 800 14px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster.sv3 .svx .ach-off .ach-tx b { color: #9aa39c !important; }
body.theme-modern.skin-poster.sv3 .svx .ach-tx small { display: block; margin-top: 2px; font: 500 12.5px var(--m-font) !important; color: var(--s3-dim) !important; }
body.theme-modern.skin-poster.sv3 .svx .ach-bar { display: block; margin-top: 8px; height: 6px !important; border-radius: 3px !important; background: rgba(255,255,255,.08) !important; }
body.theme-modern.skin-poster.sv3 .svx .ach-bar i { background: var(--s3-gold) !important; border-radius: 3px !important; }
@media (max-width: 1100px) { body.theme-modern.skin-poster.sv3 .svx .sl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) {
  body.theme-modern.skin-poster.sv3 .svx .sl-grid, body.theme-modern.skin-poster.sv3 .svx .ach-grid { grid-template-columns: minmax(0, 1fr) !important; }
  body.theme-modern.skin-poster.sv3 .svx.sx > .sv2-l { grid-row: 6 !important; }
  body.theme-modern.skin-poster.sv3 .sv2-r > .sv-wide { grid-row: 7 !important; }
}
body.theme-modern.skin-poster.sv3 .svx .sl-foot .sl-cmp { line-height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
@media (max-width: 760px) {
  body.theme-modern.skin-poster.sv3 .sx-sc-act .sx-pill { flex: none !important; width: 100%; }
  body.theme-modern.skin-poster.sv3 .sx-sc small { letter-spacing: .06em; font-size: 10.5px; }
  body.theme-modern.skin-poster.sv3 .sx-join a.sx-vote b { font-size: 14px !important; letter-spacing: .04em !important; white-space: normal; text-align: center; }
  body.theme-modern.skin-poster.sv3 .sx-join { padding: 18px !important; }
}
@media (max-width: 1000px) { body.theme-modern.skin-poster.sv3 .sx-eds { grid-template-columns: minmax(0, 1fr); } }
/* tab bar: no full-bleed shadow; fixed to the top by a small script once scrolled past */
body.theme-modern.skin-poster.sv3 .sv2-r > nav.sv-jump { position: relative !important; top: auto; box-shadow: none !important; clip-path: none !important; background: transparent !important; }
body.theme-modern.skin-poster.sv3 .sv2-r > .sv-jump-ph { grid-column: 1 / -1; grid-row: 4; align-self: start; margin-top: 48px; }
body.theme-modern.skin-poster.sv3 .sv2-r > nav.sv-jump.is-fixed { position: fixed !important; top: 0; left: 0; right: 0; z-index: 60; margin: 0 !important; padding: 12px max(16px, calc((100vw - 1300px) / 2)) !important; background: rgba(0,0,0,.94) !important; border-top: 0 !important; backdrop-filter: blur(10px); }
@media (max-width: 760px) { body.theme-modern.skin-poster.sv3 .sv2-r > .sv-jump-ph { margin-top: 32px; } body.theme-modern.skin-poster.sv3 .sv2-r > nav.sv-jump.is-fixed { padding: 10px 16px !important; } }
body.theme-modern.skin-poster.sv3 .sv2-r > .sv-jump-ph { margin-bottom: 30px; }
@media (max-width: 760px) { body.theme-modern.skin-poster.sv3 .sv2-r > .sv-jump-ph { margin-bottom: 22px; } }
body.theme-modern.skin-poster.sv3 .svx.sx > .sv2-l { position: static !important; top: auto !important; }
body.theme-modern.skin-poster.sv3 .sv2-r > nav.sv-jump.is-fixed { background: #000 !important; backdrop-filter: none !important; box-shadow: 0 10px 30px rgba(0,0,0,.6) !important; }
body.theme-modern.skin-poster.sv3 .svx [id], body.theme-modern.skin-poster.sv3 .sx-connect { scroll-margin-top: 90px; }
/* v17: launcher page keeps its own hero (trophy mascot, white title + outlined "Launcher") */
body.theme-modern.skin-poster.pa-launcher::before { display: none !important; }
body.theme-modern.skin-poster h1.lp-h1 { display: grid !important; justify-items: center; text-align: center !important; line-height: .8 !important; font: inherit !important; background: none !important; -webkit-text-fill-color: initial !important; color: #fff !important; }
body.theme-modern.skin-poster h1.lp-h1.lp-h1 > span.lp-word.lp-word { font-family: Archivo, Inter, sans-serif !important; font-weight: 900 !important; font-size: clamp(54px, 12.6vw, 250px) !important; line-height: .9 !important; letter-spacing: -.035em !important; color: #fff !important; background: linear-gradient(180deg, #fff 0%, #eef2f3 55%, #97a1a8 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; -webkit-text-stroke: 2px #fff !important; }
body.theme-modern.skin-poster h1.lp-h1.lp-h1 > span.lp-sub.lp-sub { font-family: Archivo, Inter, sans-serif !important; font-weight: 900 !important; font-size: clamp(34px, 7.6vw, 150px) !important; line-height: 1 !important; letter-spacing: -.02em !important; color: transparent !important; background: none !important; -webkit-text-fill-color: transparent !important; -webkit-text-stroke: 2px rgba(255,255,255,.92) !important; }
/* v17: server banners are always shown whole (468×60), never cropped */
body.theme-modern.skin-poster .m-row2 .m2-bn { width: auto !important; max-width: none !important; height: auto !important; align-self: center; line-height: 0; }
body.theme-modern.skin-poster .m-row2 .m2-bn :is(img, video, .banner) { width: 320px !important; height: auto !important; aspect-ratio: 468 / 60 !important; object-fit: fill !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-ban { height: auto !important; aspect-ratio: 468 / 60 !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-ban > * { object-fit: fill !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-ban:has(.banner-fallback) { aspect-ratio: auto !important; height: 24px; }
body.theme-modern.skin-poster.sv3 .svx .sl-body { margin-top: 0 !important; padding-top: 14px !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-txt { padding-top: 0 !important; }
body.theme-modern.skin-poster :is(.sx-bn, .sotd-banner) :is(img, video) { aspect-ratio: 468 / 60; height: auto !important; object-fit: fill !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-icon { margin: 0 !important; transform: none !important; align-self: center; }
body.theme-modern.skin-poster.sv3 .svx .sl-ban:has(.banner-fallback) { display: none !important; }
/* v19: "Top servers" panel in the outlined-glow logo style (charcoal, thin white outlines with a soft glow, wide tracking) */
body.theme-modern.skin-poster .pz-top .pz-k { margin: 0 0 4px !important; font: 600 11px var(--m-font) !important; letter-spacing: .42em !important; text-transform: uppercase; color: rgba(255,255,255,.55) !important; }
body.theme-modern.skin-poster .pz-top .pz-h { margin: 0 0 18px !important; font: 900 22px var(--m-font) !important; letter-spacing: .08em !important; text-transform: uppercase; color: #ececec !important; text-shadow: 0 0 10px rgba(255,255,255,.35), 0 0 2px rgba(255,255,255,.6); }
body.theme-modern.skin-poster .pz-top a.pz-tr { position: relative; overflow: hidden; isolation: isolate; height: 66px !important; padding: 0 16px 0 14px !important; gap: 10px !important; border-radius: 14px !important; background: linear-gradient(180deg, #181818, #0d0d0d) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.26), 0 0 16px rgba(255,255,255,.07), inset 0 0 14px rgba(255,255,255,.035) !important; transition: box-shadow .2s; }
body.theme-modern.skin-poster .pz-top a.pz-tr::before { content: ""; position: absolute; z-index: -1; left: 30px; top: -10px; width: 1px; height: 90px; background: rgba(255,255,255,.28); box-shadow: 0 0 6px rgba(255,255,255,.5); transform: rotate(32deg); }
body.theme-modern.skin-poster .pz-top a.pz-tr:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,.62), 0 0 22px rgba(255,255,255,.16), inset 0 0 18px rgba(255,255,255,.06) !important; }
body.theme-modern.skin-poster .pz-top a.pz-tr b { min-width: 34px !important; font: 900 25px/1 var(--m-font) !important; letter-spacing: -.02em; color: transparent !important; -webkit-text-fill-color: transparent !important; -webkit-text-stroke: 1.2px rgba(255,255,255,.88); text-shadow: 0 0 9px rgba(255,255,255,.45); background: none !important; }
body.theme-modern.skin-poster .pz-top a.pz-tr img { width: 30px !important; height: 30px !important; border-radius: 7px !important; box-shadow: 0 0 0 1px rgba(255,255,255,.3), 0 0 10px rgba(255,255,255,.12); }
body.theme-modern.skin-poster .pz-top a.pz-tr i { font: 800 12.5px var(--m-font) !important; letter-spacing: .05em !important; color: #f0f0f0 !important; text-shadow: 0 0 8px rgba(255,255,255,.25); }
body.theme-modern.skin-poster .pz-top a.pz-tr small { margin-top: 3px; font: 600 9.5px var(--m-font) !important; letter-spacing: .26em !important; text-transform: uppercase; color: rgba(255,255,255,.5) !important; }
body.theme-modern.skin-poster .pz-top a.pz-tr em u { width: 3px !important; background: rgba(255,255,255,.82) !important; box-shadow: 0 0 5px rgba(255,255,255,.55); border-radius: 1px; }
body.theme-modern.skin-poster .pz-top a.pz-tr.pz-r1 { box-shadow: inset 0 0 0 1px rgba(255,255,255,.42), 0 0 20px rgba(255,255,255,.11), inset 0 0 16px rgba(255,255,255,.05) !important; }
body.theme-modern.skin-poster .pz-top .pz-more { font: 600 10.5px var(--m-font) !important; letter-spacing: .34em !important; color: rgba(255,255,255,.7) !important; text-shadow: 0 0 8px rgba(255,255,255,.3); }
body.theme-modern.skin-poster .pz-top .pz-more:hover { color: #fff !important; }
/* v20: "Latest on CraftRank" cards in the same outlined-glow style as "Top servers" */
body.theme-modern.skin-poster .pz-news .pz-k { margin: 0 0 4px !important; font: 600 11px var(--m-font) !important; letter-spacing: .42em !important; text-transform: uppercase; color: rgba(255,255,255,.55) !important; }
body.theme-modern.skin-poster .pz-news .pz-h { margin: 0 0 18px !important; font: 900 22px var(--m-font) !important; letter-spacing: .08em !important; text-transform: uppercase; color: #ececec !important; text-shadow: 0 0 10px rgba(255,255,255,.35), 0 0 2px rgba(255,255,255,.6); }
body.theme-modern.skin-poster .pz-news a.pz-nc { isolation: isolate; border-radius: 14px !important; background: #0d0d0d !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), 0 0 16px rgba(255,255,255,.08) !important; transition: box-shadow .2s; }
body.theme-modern.skin-poster .pz-news a.pz-nc img { position: relative; z-index: -2; filter: grayscale(.85) contrast(1.05) brightness(.8); transition: transform .4s ease, filter .3s; }
body.theme-modern.skin-poster .pz-news a.pz-nc:hover img { filter: none; }
body.theme-modern.skin-poster .pz-news a.pz-nc::after { z-index: -1 !important; inset: 0 !important; background: linear-gradient(180deg, rgba(13,13,13,.1) 25%, rgba(13,13,13,.92)) !important; }
body.theme-modern.skin-poster .pz-news a.pz-nc::before { content: ""; position: absolute; z-index: 0; right: 34px; top: -12px; width: 1px; height: 130px; background: rgba(255,255,255,.3); box-shadow: 0 0 6px rgba(255,255,255,.55); transform: rotate(32deg); pointer-events: none; }
body.theme-modern.skin-poster .pz-news a.pz-nc:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,.65), 0 0 24px rgba(255,255,255,.16) !important; }
body.theme-modern.skin-poster .pz-news a.pz-nc span { left: 14px !important; bottom: 10px !important; font: 800 11px var(--m-font) !important; letter-spacing: .26em !important; color: #f0f0f0 !important; text-shadow: 0 0 8px rgba(255,255,255,.35); }
body.theme-modern.skin-poster .pz-news a.pz-nc:first-of-type img { object-position: center 20%; }
/* v21: similar-server icons: fixed square frame, any icon size or shape fills it */
body.theme-modern.skin-poster.sv3 .svx .sl-icon { display: block !important; box-sizing: border-box; width: 48px !important; height: 48px !important; min-width: 48px; padding: 0 !important; overflow: hidden; border-radius: 12px !important; background: #000 !important; box-shadow: 0 0 0 3px #fff !important; }
body.theme-modern.skin-poster.sv3 .svx .sl-icon :is(img, svg) { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; object-fit: cover !important; border-radius: 0 !important; box-shadow: none !important; }
/* v22: server rows in a compact HUD tag style (bold italic name, labelled values in outlined boxes, divider) */
body.theme-modern.skin-poster .m-list .m-row2.m-row2 { border-radius: 14px !important; background: linear-gradient(90deg, #111312, #0a0b0b) !important; background-image: linear-gradient(90deg, #111312, #0a0b0b) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2.m-r1 { box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), inset 4px 0 0 #ffc94a !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2.m-r2 { box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), inset 4px 0 0 #d9dfe5 !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2.m-r3 { box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), inset 4px 0 0 #e68c55 !important; }
/* rank: outlined tag */
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-rk.m2-rk { justify-self: center; align-self: center; display: inline-flex !important; align-items: center; justify-content: center; min-width: 50px; height: 38px; padding: 0 8px; border-radius: 9px; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.85) !important; font: italic 900 20px/1 var(--m-font) !important; letter-spacing: -.02em !important; color: #fff !important; -webkit-text-stroke: 0 !important; -webkit-text-fill-color: #fff !important; background: none !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-rk.m2-rk::before { content: "#" !important; margin-right: 1px; font-size: .7em; opacity: .6; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-rk.m2-rk[data-d] { font-size: 20px !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2.m-r1 .m2-rk.m2-rk { background: #ffc94a !important; color: #111 !important; -webkit-text-fill-color: #111 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2.m-r2 .m2-rk.m2-rk { background: #e6ebef !important; color: #111 !important; -webkit-text-fill-color: #111 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2.m-r3 .m2-rk.m2-rk { background: #e68c55 !important; color: #111 !important; -webkit-text-fill-color: #111 !important; box-shadow: none !important; }
body.theme-modern.skin-poster .m-row2.m-sp .m2-rk.m2-rk::before { content: none; }
/* name: heavy italic, sub line in wide-spaced caps */
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-ttl h3 a { font: italic 900 21px var(--m-font) !important; letter-spacing: -.01em !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-chips, body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-chips > a { font: 700 10.5px var(--m-font) !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: rgba(255,255,255,.55) !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-chips > a + a::before { content: none !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-chips > a:not(:last-child)::after { content: " / "; color: rgba(255,255,255,.3); }
/* address: "IP" label + outlined box, then status */
/* votes: label + outlined box */
/* copy */
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-copy { width: 150px !important; height: 42px !important; border-radius: 10px !important; }
@media (min-width: 1201px) { body.theme-modern.skin-poster .m-list .m-row2.m-row2 { grid-template-columns: 74px 56px minmax(150px, 1fr) minmax(220px, 340px) 220px 148px 150px !important; column-gap: 20px !important; } }
@media (min-width: 1201px) and (max-width: 1500px) { body.theme-modern.skin-poster .m-list .m-row2.m-row2 { grid-template-columns: 70px 56px minmax(150px, 1fr) minmax(200px, 320px) 200px 140px 140px !important; column-gap: 16px !important; } }
@media (max-width: 1200px) { body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-ad { padding-left: 0; } body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-ad::after { display: none; } body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-on { padding-left: 0; } }
@media (min-width: 1201px) {
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-ad { position: relative; display: flex !important; align-items: center; gap: 10px; padding-left: 20px; overflow: visible !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-ad::after { content: ""; position: absolute; left: 0; top: 2px; height: 58px; width: 1px; background: rgba(255,255,255,.18); }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-ad::before { content: "IP"; flex: none; font: 900 13px var(--m-font); letter-spacing: .04em; color: #fff; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-ad a { min-width: 0; padding: 5px 10px; border-radius: 8px; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.75); font: 700 13px "JetBrains Mono", ui-monospace, monospace !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-on { padding-left: 20px; margin-top: 6px; font: 700 12px var(--m-font) !important; letter-spacing: .08em; text-transform: uppercase; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-on b { font: 800 12px var(--m-font) !important; color: #fff !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-on em { color: rgba(255,255,255,.55); }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-vt { flex-direction: row !important; align-items: center !important; gap: 10px; align-self: center; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-vt em { order: -1; margin: 0 !important; font: 900 13px var(--m-font) !important; letter-spacing: .04em !important; color: #fff !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-vt b { min-width: 56px; padding: 6px 10px; border-radius: 8px; text-align: center; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.75); font: 800 17px/1 "JetBrains Mono", ui-monospace, monospace !important; }
body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-vt:hover b { background: #fff !important; color: #07080a !important; -webkit-text-fill-color: #07080a !important; }
}
@media (max-width: 760px) { body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-rk.m2-rk { min-width: 34px; height: 30px; padding: 0 6px; font-size: 15px !important; border-radius: 7px; justify-self: start; } }
/* v23: banner never runs into the divider: it shrinks with its column (whole banner still shown) */
@media (min-width: 1201px) {
  body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-bn { justify-self: start; max-width: 100% !important; min-width: 0; }
  body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-bn :is(img, video, .banner) { width: min(320px, 100%) !important; max-width: 100% !important; }
  body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-ad::after { left: -10px; }
  body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-ad, body.theme-modern.skin-poster .m-list .m-row2.m-row2 .m2-on { padding-left: 4px !important; }
}
/* ==========================================================================
   v24 · Server page v4 (Figma "Server page v3 — black/green showcase"), body.sv4
   ========================================================================== */
@font-face { font-family: "Unbounded"; font-weight: 400; font-display: swap; src: url("../fonts/unbounded-400.woff2") format("woff2"); }
@font-face { font-family: "Unbounded"; font-weight: 700; font-display: swap; src: url("../fonts/unbounded-700.woff2") format("woff2"); }
@font-face { font-family: "Unbounded"; font-weight: 900; font-display: swap; src: url("../fonts/unbounded-900.woff2") format("woff2"); }
@font-face { font-family: "Unbounded"; font-weight: 400; font-display: swap; src: url("../fonts/unbounded-ext-400.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Unbounded"; font-weight: 900; font-display: swap; src: url("../fonts/unbounded-ext-900.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
body.theme-modern.skin-poster.sv4 { --s4f: "Unbounded", var(--m-font), sans-serif; --s4g: #3ddc84; --s4gd: #31B66A; --s4rgb: 61,220,132; --s4ink: #04140a; }
body.theme-modern.skin-poster.sv4::before { display: none !important; }
body.theme-modern.skin-poster.sv4 { background: #030504 !important; }
/* the parts this layout replaces */
body.theme-modern.skin-poster.sv4 :is(.sx-strip, .sx-connect, .sv2-r > .lc-hero, .sv-voters) { display: none !important; }
@media (min-width: 1101px) { body.theme-modern.skin-poster.sv4 .svx.sx > .sv2-l { grid-row: 2 !important; margin-top: 0 !important; } }
@media (max-width: 1100px) { body.theme-modern.skin-poster.sv4 .svx.sx > .sv2-l { grid-row: 4 !important; } body.theme-modern.skin-poster.sv4 .sv2-r > .sv-wide { grid-row: 5 !important; } }
html:has(body.theme-modern.skin-poster.sv4), body.theme-modern.skin-poster.sv4 { overflow-x: clip !important; }
body.theme-modern.skin-poster.sv4 .sv2-r > nav.sv-jump { grid-row: 1 !important; margin-top: 10px !important; }
body.theme-modern.skin-poster.sv4 .sv2-r > .sv-jump-ph { grid-row: 1 !important; margin-top: 10px; }
body.theme-modern.skin-poster.sv4 .sv2-r > .sv-layout { grid-row: 2 !important; }
body.theme-modern.skin-poster.sv4 .sv2-r > .sv-wide { grid-row: 3 !important; }
body.theme-modern.skin-poster.sv4 .sv-page { margin-top: 70px !important; }
/* shared bits */
.s4i { flex: none; }
body.theme-modern.skin-poster.sv4 .s4-pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 38px; padding: 0 16px; border: 0; border-radius: 999px; font: 800 12px var(--m-font); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; text-decoration: none !important; cursor: pointer; transition: background .15s, color .15s; }
body.theme-modern.skin-poster.sv4 .s4-ghost { background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); color: #e8ece9 !important; }
body.theme-modern.skin-poster.sv4 .s4-ghost:hover { background: #fff; color: #06100a !important; }
body.theme-modern.skin-poster.sv4 .s4-white { background: #fff; color: #06100a !important; }
body.theme-modern.skin-poster.sv4 .s4-white:hover { background: var(--s4g); }
body.theme-modern.skin-poster.sv4 .s4-green { background: var(--s4g); color: var(--s4ink) !important; }
body.theme-modern.skin-poster.sv4 a.s4-green:hover { background: #fff; }
body.theme-modern.skin-poster.sv4 .s4-dark { background: #0a0f0c; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); color: #fff !important; }
body.theme-modern.skin-poster.sv4 a.s4-dark:hover { background: #fff; color: #06100a !important; }
body.theme-modern.skin-poster.sv4 .s4-sm { height: 28px; padding: 0 12px; font-size: 10.5px; }
body.theme-modern.skin-poster.sv4 .s4-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--s4ink); }
body.theme-modern.skin-poster.sv4 .s4-prop { position: absolute; z-index: 6; pointer-events: none; filter: drop-shadow(0 18px 24px rgba(0,0,0,.7)); }
body.theme-modern.skin-poster.sv4 p.s4-outline { position: absolute; left: 50%; top: 0; transform: translateX(-50%); margin: 0; font: 900 118px/1 var(--s4f); letter-spacing: -.02em; white-space: nowrap; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1.5px rgba(var(--s4rgb),.22); pointer-events: none; background: none; box-shadow: none; }
body.theme-modern.skin-poster.sv4 p.s4-outline-sm { font-size: 98px; }
/* ---------------- hero ---------------- */
body.theme-modern.skin-poster.sv4 .s4-hero { position: relative; overflow: hidden; height: 1010px; margin-top: -84px; padding-top: 84px; background: radial-gradient(900px 520px at 70% 40%, rgba(49,182,106,.3), transparent 70%), radial-gradient(700px 500px at 10% 85%, rgba(16,37,27,.9), transparent 70%), linear-gradient(180deg, #07130d 0%, #050806 60%, #030504 100%); }
body.theme-modern.skin-poster.sv4 .s4-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.09) 1.2px, transparent 1.4px); background-size: 44px 44px; -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%); mask-image: linear-gradient(180deg, #000, transparent 85%); pointer-events: none; }
body.theme-modern.skin-poster.sv4 .s4-hero > :not(.s4-dots) { position: absolute; }
body.theme-modern.skin-poster.sv4 .s4-hero { --x: max(16px, calc(50% - 620px)); }
body.theme-modern.skin-poster.sv4 .s4-top { left: var(--x); right: var(--x); top: 106px; z-index: 8; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.theme-modern.skin-poster.sv4 .s4-crumbs { display: flex; gap: 8px; flex-wrap: wrap; }
body.theme-modern.skin-poster.sv4 .s4-crumbs > * { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); font: 800 12px var(--m-font); color: #e8ece9 !important; text-decoration: none !important; white-space: nowrap; }
body.theme-modern.skin-poster.sv4 .s4-crumbs a:hover { background: #fff; color: #06100a !important; }
body.theme-modern.skin-poster.sv4 .s4-acts { display: flex; gap: 8px; }
body.theme-modern.skin-poster.sv4 .s4-title { left: calc(var(--x) + 360px); top: 170px; z-index: 7; }
body.theme-modern.skin-poster.sv4 .s4-k { margin: 0; font: 400 44px/1 var(--s4f); letter-spacing: .12em; text-transform: uppercase; color: #f2f5f3; }
body.theme-modern.skin-poster.sv4 h1.s4-name { margin: 10px 0 0 !important; display: block !important; font: 900 92px/.95 var(--s4f) !important; letter-spacing: -.02em !important; text-transform: uppercase !important; color: var(--s4g) !important; text-shadow: 0 10px 40px rgba(var(--s4rgb),.25); text-align: left !important; background: none !important; -webkit-text-fill-color: var(--s4g) !important; }
body.theme-modern.skin-poster.sv4 h1.s4-name > span:not(.pz-g):not(.sr-only):not(.vf-mark) { display: block !important; background: none !important; -webkit-text-fill-color: var(--s4g) !important; color: var(--s4g) !important; font: inherit !important; }
body.theme-modern.skin-poster.sv4 h1.s4-name span::after { content: none !important; }
body.theme-modern.skin-poster.sv4 h1.s4-name.s4-xl2 { font-size: 78px !important; }
body.theme-modern.skin-poster.sv4 h1.s4-name.s4-xl3 { font-size: 60px !important; }
body.theme-modern.skin-poster.sv4 .s4-rank { right: var(--x); top: 176px; z-index: 7; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
body.theme-modern.skin-poster.sv4 .s4-rank b { font: 900 22px var(--s4f); background: var(--s4g); color: var(--s4ink); padding: 10px 18px; border-radius: 999px; }
body.theme-modern.skin-poster.sv4 .s4-rank.r1 b { background: linear-gradient(180deg, #ffe08a, #e9b234); }
body.theme-modern.skin-poster.sv4 .s4-rank.r2 b { background: linear-gradient(180deg, #fff, #c3ccd4); }
body.theme-modern.skin-poster.sv4 .s4-rank.r3 b { background: linear-gradient(180deg, #ffbf8f, #d8783c); }
body.theme-modern.skin-poster.sv4 .s4-rank small { font: 600 13px var(--m-font); color: #b8c4bc; }
body.theme-modern.skin-poster.sv4 .s4-lap { left: calc(var(--x) + 280px); top: 470px; width: 900px; z-index: 3; }
body.theme-modern.skin-poster.sv4 .s4-scr { position: relative; height: 470px; border-radius: 22px 22px 6px 6px; border: 10px solid #121614; background: #000 var(--s4-art) center / cover; overflow: hidden; box-shadow: 0 40px 90px -20px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.08); }
body.theme-modern.skin-poster.sv4 .s4-scr::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.6) 45%, rgba(0,0,0,.15) 100%); }
body.theme-modern.skin-poster.sv4 .s4-base { height: 22px; margin: 0 -50px; border-radius: 0 0 22px 22px; background: linear-gradient(180deg, #2a302c, #0f1311); box-shadow: 0 20px 40px rgba(0,0,0,.7); }
body.theme-modern.skin-poster.sv4 .s4-ui { position: absolute; z-index: 2; left: 120px; top: 34px; width: 300px; }
body.theme-modern.skin-poster.sv4 .s4-ui-ic { display: block; width: 64px; height: 64px; border-radius: 14px; overflow: hidden; box-shadow: 0 0 0 2.5px #fff; }
body.theme-modern.skin-poster.sv4 .s4-ui-ic :is(img, svg) { width: 100%; height: 100%; display: block; image-rendering: pixelated; }
body.theme-modern.skin-poster.sv4 .s4-ui-h { margin: 18px 0 0; font: 900 34px/1 var(--s4f); text-transform: uppercase; color: #fff; word-break: break-word; }
body.theme-modern.skin-poster.sv4 .s4-ui-p { margin: 12px 0 0; font: 500 13px/1.55 var(--m-font); color: #d5ddd8; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
body.theme-modern.skin-poster.sv4 .s4-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0 0; }
body.theme-modern.skin-poster.sv4 .s4-chips span { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; background: rgba(0,0,0,.5); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); font: 800 10.5px var(--m-font); letter-spacing: .04em; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-chips i { width: 7px; height: 7px; border-radius: 50%; background: var(--s4g); }
body.theme-modern.skin-poster.sv4 .s4-chips .off i { background: #ff6b6b; }
body.theme-modern.skin-poster.sv4 .s4-join { position: absolute; z-index: 2; right: 190px; top: 60px; width: 260px; padding: 18px; border-radius: 16px; background: rgba(6,9,7,.86); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
body.theme-modern.skin-poster.sv4 .s4-join small { font: 800 9.5px var(--m-font); letter-spacing: .12em; text-transform: uppercase; color: #9aa39c; }
body.theme-modern.skin-poster.sv4 .s4-now { margin: 2px 0 0; display: flex; align-items: baseline; gap: 6px; }
body.theme-modern.skin-poster.sv4 .s4-now b { font: 900 32px/1 var(--m-font); color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-now em { font: 700 14px var(--m-font); font-style: normal; color: #7d857f; }
body.theme-modern.skin-poster.sv4 .s4-area { display: block; width: 100%; height: 64px; margin-top: 6px; }
body.theme-modern.skin-poster.sv4 .s4-ip { margin-top: 12px; width: 100%; height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 6px 0 12px; border: 0; border-radius: 10px; background: #000; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); cursor: pointer; }
body.theme-modern.skin-poster.sv4 .s4-ip code { padding: 0; background: none; font: 600 11.5px "JetBrains Mono", ui-monospace, monospace; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.sv4 .s4-ip [data-copy-label] { flex: none; font: 900 9.5px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #fff; border-radius: 999px; padding: 6px 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); }
body.theme-modern.skin-poster.sv4 .s4-ip:hover [data-copy-label] { background: #fff; color: #06100a; }
body.theme-modern.skin-poster.sv4 .s4-vote { margin-top: 8px; height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; background: var(--s4gd); color: var(--s4ink) !important; font: 900 11px var(--m-font); letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster.sv4 .s4-vote:hover { background: var(--s4g); }
body.theme-modern.skin-poster.sv4 .s4-phone { right: var(--x); top: 640px; z-index: 6; width: 226px; height: 462px; border-radius: 44px; background: #0d100e; padding: 10px; box-shadow: 0 0 0 2px #2c332f, 0 40px 80px -10px rgba(0,0,0,.95); }
body.theme-modern.skin-poster.sv4 .s4-ph { position: relative; height: 100%; border-radius: 36px; overflow: hidden; padding: 22px 16px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.9) 62%), url("../img/sv4/phone.webp") 30% center / cover; }
body.theme-modern.skin-poster.sv4 .s4-notch { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); width: 80px; height: 22px; border-radius: 999px; background: #000; }
body.theme-modern.skin-poster.sv4 .s4-ph-h { margin: 0; font: 900 24px/1 var(--s4f); text-transform: uppercase; color: var(--s4g); word-break: break-word; }
body.theme-modern.skin-poster.sv4 .s4-ph-p { margin: 8px 0 12px; font: 600 10.5px var(--m-font); color: #cfd6d1; }
body.theme-modern.skin-poster.sv4 .s4-ph-a, body.theme-modern.skin-poster.sv4 .s4-ph-b { height: 40px; display: flex; align-items: center; justify-content: center; gap: 6px; border-radius: 999px; font: 900 10.5px var(--m-font); letter-spacing: .05em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster.sv4 .s4-ph-a { background: var(--s4gd); color: var(--s4ink) !important; }
body.theme-modern.skin-poster.sv4 .s4-ph-b { margin-top: 8px; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); }
body.theme-modern.skin-poster.sv4 .s4-ph-b:hover { background: #fff; color: #06100a !important; }
body.theme-modern.skin-poster.sv4 .s4-dev { left: calc(var(--x) + 680px); top: 1000px; z-index: 7; width: 300px; margin: 0; text-align: right; font: 700 24px/1.15 var(--s4f); letter-spacing: .05em; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-dev span { color: var(--s4g); }
body.theme-modern.skin-poster.sv4 .s4-dev-j { left: auto; right: var(--x); top: 960px; }
body.theme-modern.skin-poster.sv4 .s4-mascot { left: calc(var(--x) - 70px); top: 330px; height: 840px; width: auto; z-index: 5; filter: drop-shadow(0 30px 40px rgba(0,0,0,.7)); pointer-events: none; }
body.theme-modern.skin-poster.sv4 .s4-block { left: calc(var(--x) + 330px); top: 960px; width: 130px; transform: rotate(-12deg); }
body.theme-modern.skin-poster.sv4 .s4-gems { left: calc(var(--x) + 1150px); top: 420px; width: 110px; }
body.theme-modern.skin-poster.sv4 .s4-hero { height: 1190px; }
body.theme-modern.skin-poster.sv4 .s4-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 160px; z-index: 6; background: linear-gradient(180deg, transparent, #030504); pointer-events: none; }
/* ---------------- server card ---------------- */
body.theme-modern.skin-poster.sv4 .s4-card-sec { position: relative; height: 820px; margin: 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%); overflow: hidden; }
body.theme-modern.skin-poster.sv4 .s4-card-sec::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 220px; z-index: 2; background: linear-gradient(180deg, transparent, #030504); pointer-events: none; }
body.theme-modern.skin-poster.sv4 .s4-glow { position: absolute; right: calc(50vw - 50% + 120px); top: 120px; width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(49,182,106,.36), transparent 65%); }
body.theme-modern.skin-poster.sv4 .s4-knight { position: absolute; right: calc(50vw - 50% - 60px); top: 0; height: 840px; width: auto; z-index: 1; filter: drop-shadow(0 30px 50px rgba(0,0,0,.8)); pointer-events: none; }
body.theme-modern.skin-poster.sv4 .s4-pick { left: calc(50vw - 50% + 540px); top: 70px; width: 116px; transform: rotate(18deg); z-index: 3; }
body.theme-modern.skin-poster.sv4 .s4-cs { position: relative; z-index: 3; padding-top: 30px; width: 540px; }
body.theme-modern.skin-poster.sv4 .s4-cs-name { display: flex; align-items: center; gap: 16px; }
body.theme-modern.skin-poster.sv4 .s4-cs-ic { flex: none; width: 64px; height: 64px; border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 3px #fff; }
body.theme-modern.skin-poster.sv4 .s4-cs-ic :is(img, svg) { width: 100%; height: 100%; display: block; image-rendering: pixelated; }
body.theme-modern.skin-poster.sv4 .s4-cs-name b { font: 900 34px/1 var(--s4f); text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-cs-name small { display: block; margin-top: 6px; font: 400 14px var(--s4f); letter-spacing: .28em; text-transform: uppercase; color: #9aa39c; }
body.theme-modern.skin-poster.sv4 .s4-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
body.theme-modern.skin-poster.sv4 .s4-tags .s4-pill { height: 34px; }
body.theme-modern.skin-poster.sv4 .s4-sc { border-radius: 26px; overflow: hidden; box-shadow: 0 30px 70px -20px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.1); }
body.theme-modern.skin-poster.sv4 .s4-sc-r { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 28px; padding: 26px 28px; }
body.theme-modern.skin-poster.sv4 .s4-sc-r small { display: block; font: 800 11px var(--m-font); letter-spacing: .14em; text-transform: uppercase; opacity: .75; }
body.theme-modern.skin-poster.sv4 .s4-sc-r b { display: block; margin-top: 4px; font: 900 34px/1.1 var(--s4f); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.sv4 .s4-sc-r b span { font-size: 18px; opacity: .55; }
body.theme-modern.skin-poster.sv4 .s4-sc-r em { display: block; margin-top: 2px; font: 500 12.5px var(--m-font); font-style: normal; opacity: .72; }
body.theme-modern.skin-poster.sv4 .s4-sc1 { height: 180px; background: linear-gradient(135deg, var(--s4g), #1f9c58); color: var(--s4ink); }
body.theme-modern.skin-poster.sv4 .s4-sc2 { height: 160px; background: #10251B; color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-sc3 { height: 160px; background: #0a0d0b; color: #fff; border-top: 1px solid rgba(255,255,255,.08); }
body.theme-modern.skin-poster.sv4 .s4-sc3 b { font-size: 22px; }
body.theme-modern.skin-poster.sv4 .s4-quote { position: absolute; z-index: 4; left: calc(50vw - 50% + 600px); top: 520px; width: 330px; }
body.theme-modern.skin-poster.sv4 .s4-qh { margin: 0; font: 900 30px/1.05 var(--s4f); text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-qh span { color: var(--s4g); }
body.theme-modern.skin-poster.sv4 .s4-quote p:not(.s4-qh) { margin: 12px 0 0; font: 500 14px/1.6 var(--m-font); color: #aeb5b0; }
/* ---------------- how to join ---------------- */
body.theme-modern.skin-poster.sv4 .s4-join-sec { position: relative; padding-top: 110px; }
body.theme-modern.skin-poster.sv4 .s4-panel { position: relative; z-index: 2; border-radius: 34px; background: linear-gradient(180deg, #0c120e, #080b09); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); padding: 56px; }
body.theme-modern.skin-poster.sv4 .s4-pn-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; margin-bottom: 34px; }
body.theme-modern.skin-poster.sv4 .s4-pn-h h2 { margin: 0; font: 900 56px/.98 var(--s4f) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.sv4 .s4-pn-h h2 span { color: var(--s4g); }
body.theme-modern.skin-poster.sv4 .s4-pn-h p { margin: 14px 0 0; max-width: 460px; font: 500 14px/1.55 var(--m-font); color: #9aa39c; }
body.theme-modern.skin-poster.sv4 .s4-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
body.theme-modern.skin-poster.sv4 .s4-steps.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.theme-modern.skin-poster.sv4 .s4-st { position: relative; min-height: 230px; border-radius: 22px; overflow: hidden; padding: 24px 26px; display: flex; flex-direction: column; color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-st-1 { background: linear-gradient(135deg, rgba(var(--s4rgb),.85), rgba(var(--s4rgb),.35) 70%, #0b120e); }
body.theme-modern.skin-poster.sv4 .s4-st-2 { background: linear-gradient(135deg, #1c3a2c, #0f2219); }
body.theme-modern.skin-poster.sv4 .s4-st-3 { background: linear-gradient(135deg, #2a2f6b, #16183a); }
body.theme-modern.skin-poster.sv4 .s4-st-4 { background: linear-gradient(135deg, #C4A36A, #7a5d2c); }
body.theme-modern.skin-poster.sv4 .s4-tag { align-self: flex-start; height: 24px; padding: 0 10px; border-radius: 6px; background: #fff; color: #06100a; display: inline-flex; align-items: center; font: 900 10px var(--m-font); letter-spacing: .12em; text-transform: uppercase; }
body.theme-modern.skin-poster.sv4 .s4-st h3 { position: relative; z-index: 1; margin: 14px 0 22px; max-width: 70%; font: 900 30px/1 var(--s4f) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.sv4 .s4-st-art { position: absolute; right: 24px; top: 24px; width: 110px; height: 110px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 10px 18px rgba(0,0,0,.45)); }
body.theme-modern.skin-poster.sv4 .s4-st-art.s4-dc { height: 80px; top: 34px; image-rendering: auto; }
body.theme-modern.skin-poster.sv4 .s4-st-b { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; position: relative; z-index: 1; }
body.theme-modern.skin-poster.sv4 .s4-sb { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border: 0; border-radius: 9px; background: rgba(255,255,255,.95); color: #06100a !important; font: 800 11.5px var(--m-font); text-decoration: none !important; cursor: pointer; max-width: 100%; }
body.theme-modern.skin-poster.sv4 .s4-sb code { padding: 0; background: none; font: 700 11px "JetBrains Mono", ui-monospace, monospace; color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.theme-modern.skin-poster.sv4 .s4-sb.s4-sd { background: rgba(0,0,0,.35); color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.3); }
body.theme-modern.skin-poster.sv4 a.s4-sb:hover, body.theme-modern.skin-poster.sv4 button.s4-sb:hover { background: #fff; color: #06100a !important; }
body.theme-modern.skin-poster.sv4 .s4-archer { position: absolute; right: -150px; bottom: -40px; height: 520px; width: auto; z-index: 3; filter: drop-shadow(0 30px 40px rgba(0,0,0,.8)); pointer-events: none; }
/* ---------------- choose your way ---------------- */
body.theme-modern.skin-poster.sv4 .s4-way-sec { position: relative; padding-top: 150px; }
body.theme-modern.skin-poster.sv4 .s4-way-sec p.s4-outline { top: 26px; }
body.theme-modern.skin-poster.sv4 .s4-tabs { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
body.theme-modern.skin-poster.sv4 .s4-tabs.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.theme-modern.skin-poster.sv4 .s4-tabs.n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.theme-modern.skin-poster.sv4 .s4-tabs.n1 { grid-template-columns: minmax(0, 360px); }
body.theme-modern.skin-poster.sv4 .s4-tb { height: 62px; display: flex; align-items: center; gap: 12px; padding: 0 8px 0 18px; border: 0; border-radius: 16px; background: #0b100d; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); color: #fff; font: 900 13px var(--m-font); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; text-align: left; }
body.theme-modern.skin-poster.sv4 .s4-tb span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.theme-modern.skin-poster.sv4 .s4-tb img { margin-left: auto; flex: none; width: 72px; height: 46px; border-radius: 10px; object-fit: cover; }
body.theme-modern.skin-poster.sv4 .s4-tb:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); }
body.theme-modern.skin-poster.sv4 .s4-tb.on { background: var(--s4g); color: var(--s4ink); box-shadow: none; }
body.theme-modern.skin-poster.sv4 .s4-big { position: relative; z-index: 2; height: 500px; border-radius: 30px; overflow: hidden; background: #000 var(--s4-art) center / cover; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
body.theme-modern.skin-poster.sv4 .s4-big[hidden] { display: none; }
body.theme-modern.skin-poster.sv4 .s4-big::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,5,4,.95) 0%, rgba(3,5,4,.75) 40%, rgba(3,5,4,.1) 78%); }
body.theme-modern.skin-poster.sv4 .s4-big-tx { position: absolute; z-index: 2; left: 56px; bottom: 52px; width: 540px; }
body.theme-modern.skin-poster.sv4 .s4-big-tx h3 { margin: 0; font: 900 80px/.95 var(--s4f) !important; text-transform: uppercase; color: #fff !important; word-break: break-word; }
body.theme-modern.skin-poster.sv4 .s4-big-tx p { margin: 16px 0 0; font: 500 15px/1.6 var(--m-font); color: #d5ddd8; }
body.theme-modern.skin-poster.sv4 .s4-big-tx ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; }
body.theme-modern.skin-poster.sv4 .s4-big-tx li { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border-radius: 999px; background: rgba(0,0,0,.45); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); font: 700 12px var(--m-font); color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-big-tx li .s4i { color: var(--s4g); }
body.theme-modern.skin-poster.sv4 .s4-big-tx .s4-pill { margin-top: 22px; }
body.theme-modern.skin-poster.sv4 .s4-promo { position: relative; z-index: 2; margin-top: 18px; height: 180px; border-radius: 30px; overflow: hidden; background: linear-gradient(90deg, #10251B, #0b1a12 55%, #155a35); box-shadow: inset 0 0 0 1px rgba(var(--s4rgb),.3); display: flex; align-items: center; gap: 40px; padding: 0 56px; }
body.theme-modern.skin-poster.sv4 .s4-promo h3 { margin: 0; width: 420px; font: 900 28px/1.1 var(--s4f) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.sv4 .s4-promo h3 span { color: var(--s4g); }
body.theme-modern.skin-poster.sv4 .s4-code { display: flex; align-items: center; gap: 12px; height: 58px; padding: 0 8px 0 22px; border: 0; border-radius: 16px; background: #000; box-shadow: inset 0 0 0 1.5px rgba(var(--s4rgb),.6); cursor: pointer; min-width: 0; }
body.theme-modern.skin-poster.sv4 .s4-code b { font: 700 17px "JetBrains Mono", ui-monospace, monospace; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster.sv4 .s4-code:hover .s4-pill { background: #fff; }
/* ---------------- live ---------------- */
body.theme-modern.skin-poster.sv4 .s4-live { display: grid; grid-template-columns: 1.5fr 1fr; gap: 18px; margin-top: 70px; }
body.theme-modern.skin-poster.sv4 .s4-lc { position: relative; padding: 28px 30px; border-radius: 26px; background: #080b09; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
body.theme-modern.skin-poster.sv4 .s4-lc h4 { display: flex; align-items: center; justify-content: space-between; margin: 0; font: 900 19px var(--s4f); text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-kp { display: flex; gap: 30px; margin: 18px 0 8px; }
body.theme-modern.skin-poster.sv4 .s4-kp div { margin: 0; }
body.theme-modern.skin-poster.sv4 .s4-kp dt { font: 800 10.5px var(--m-font); letter-spacing: .12em; text-transform: uppercase; color: #7d857f; }
body.theme-modern.skin-poster.sv4 .s4-kp dd { margin: 2px 0 0; font: 900 24px var(--m-font); color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-kp dd.g { color: var(--s4g); }
body.theme-modern.skin-poster.sv4 .s4-lc .s4-area { height: 180px; }
body.theme-modern.skin-poster.sv4 .s4-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font: 800 11.5px var(--m-font); letter-spacing: .08em; text-transform: uppercase; color: #cfd6d1 !important; text-decoration: none !important; }
body.theme-modern.skin-poster.sv4 .s4-more:hover { color: var(--s4g) !important; }
body.theme-modern.skin-poster.sv4 .s4-empty { margin: 30px 0; font: 500 14px/1.6 var(--m-font); color: #7d857f; }
body.theme-modern.skin-poster.sv4 .s4-tv { list-style: none; margin: 12px 0 0; padding: 0; }
body.theme-modern.skin-poster.sv4 .s4-tv li { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.07); }
body.theme-modern.skin-poster.sv4 .s4-tv li:first-child { border-top: 0; }
body.theme-modern.skin-poster.sv4 .s4-tv i { flex: none; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font: 900 12px var(--m-font); font-style: normal; background: rgba(255,255,255,.07); color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-tv i.g1 { background: #C4A36A; color: #111; }
body.theme-modern.skin-poster.sv4 .s4-tv a { display: flex; align-items: center; gap: 10px; min-width: 0; font: 700 14px var(--m-font); color: #fff !important; text-decoration: none !important; }
body.theme-modern.skin-poster.sv4 .s4-tv a img { width: 30px; height: 30px; border-radius: 7px; image-rendering: pixelated; }
body.theme-modern.skin-poster.sv4 .s4-tv a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.theme-modern.skin-poster.sv4 .s4-tv b { margin-left: auto; font: 700 14px "JetBrains Mono", ui-monospace, monospace; color: #fff; }
body.theme-modern.skin-poster.sv4 .s4-full { width: 100%; height: 46px; margin-top: 14px; }
/* ---------------- community band ---------------- */
body.theme-modern.skin-poster.sv4 .s4-foot { position: relative; display: block; height: 280px; margin: 100px 0 0; overflow: hidden; background: linear-gradient(90deg, rgba(var(--s4rgb),.25), var(--s4gd) 50%, rgba(var(--s4rgb),.25)); text-decoration: none !important; }
body.theme-modern.skin-poster.sv4 .s4-foot::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(0,0,0,.25) 1.2px, transparent 1.4px); background-size: 22px 22px; }
body.theme-modern.skin-poster.sv4 .s4-fdc { position: absolute; z-index: 1; width: 240px; filter: brightness(0) invert(1) drop-shadow(0 10px 20px rgba(0,0,0,.3)); opacity: .92; transition: transform .3s; }
body.theme-modern.skin-poster.sv4 .s4-fdc.l { left: -30px; top: 60px; transform: rotate(-12deg); }
body.theme-modern.skin-poster.sv4 .s4-fdc.r { right: -30px; top: 40px; transform: rotate(12deg); }
body.theme-modern.skin-poster.sv4 .s4-foot:hover .s4-fdc.l { transform: rotate(-6deg) translateY(-6px); } body.theme-modern.skin-poster.sv4 .s4-foot:hover .s4-fdc.r { transform: rotate(6deg) translateY(-6px); }
body.theme-modern.skin-poster.sv4 .s4-f-in { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; gap: 40px; padding: 0 16px; }
body.theme-modern.skin-poster.sv4 .s4-f-card { flex: none; width: 150px; height: 150px; border-radius: 26px; background: #000; display: grid; place-items: center; box-shadow: 0 20px 40px rgba(0,0,0,.4); }
body.theme-modern.skin-poster.sv4 .s4-f-card :is(img, svg) { width: 96px; height: 96px; border-radius: 18px; image-rendering: pixelated; }
body.theme-modern.skin-poster.sv4 .s4-f-tx b { display: block; max-width: 560px; font: 900 60px/.95 var(--s4f); text-transform: uppercase; color: var(--s4ink); }
body.theme-modern.skin-poster.sv4 .s4-f-tx small { display: block; margin-top: 12px; font: 800 16px var(--m-font); color: var(--s4ink); }
body.theme-modern.skin-poster.sv4 .foot-talk, body.theme-modern.skin-poster.sv4 .s4-foot + * { margin-top: 0; }
/* ---------------- smaller screens ---------------- */
@media (max-width: 1240px) {
  body.theme-modern.skin-poster.sv4 .s4-hero { height: auto; padding-bottom: 60px; }
  body.theme-modern.skin-poster.sv4 .s4-hero > :not(.s4-dots) { position: relative; left: auto !important; right: auto !important; top: auto !important; }
  body.theme-modern.skin-poster.sv4 .s4-hero > * { margin-left: var(--x); margin-right: var(--x); }
  body.theme-modern.skin-poster.sv4 .s4-top { margin-top: 24px; }
  body.theme-modern.skin-poster.sv4 .s4-title { margin-top: 30px; }
  body.theme-modern.skin-poster.sv4 .s4-rank { align-items: flex-start; margin-top: 18px; }
  body.theme-modern.skin-poster.sv4 .s4-lap { width: auto; margin-top: 30px; }
  body.theme-modern.skin-poster.sv4 .s4-ui { left: 30px; }
  body.theme-modern.skin-poster.sv4 .s4-mascot, body.theme-modern.skin-poster.sv4 .s4-prop.s4-block, body.theme-modern.skin-poster.sv4 .s4-prop.s4-gems, body.theme-modern.skin-poster.sv4 .s4-phone { display: none; }
  body.theme-modern.skin-poster.sv4 .s4-dev { width: auto; text-align: left; margin-top: 30px; font-size: 20px; }
  body.theme-modern.skin-poster.sv4 .s4-knight { opacity: .35; }
  body.theme-modern.skin-poster.sv4 .s4-quote { left: auto; right: calc(50vw - 50% ); top: 560px; }
  body.theme-modern.skin-poster.sv4 .s4-archer { display: none; }
}
@media (max-width: 900px) {
  body.theme-modern.skin-poster.sv4 .s4-join { position: relative; right: auto; top: auto; width: auto; margin: 16px; }
  body.theme-modern.skin-poster.sv4 .s4-scr { height: auto; }
  body.theme-modern.skin-poster.sv4 .s4-ui { position: relative; left: auto; top: auto; width: auto; padding: 24px 16px 0; }
  body.theme-modern.skin-poster.sv4 .s4-base { margin: 0 -10px; }
  body.theme-modern.skin-poster.sv4 .s4-card-sec { height: auto; padding-bottom: 40px; }
  body.theme-modern.skin-poster.sv4 .s4-cs { width: auto; }
  body.theme-modern.skin-poster.sv4 .s4-quote { position: relative; left: auto; right: auto; top: auto; width: auto; margin-top: 30px; }
  body.theme-modern.skin-poster.sv4 .s4-knight { height: 600px; top: 120px; }
  body.theme-modern.skin-poster.sv4 .s4-pick { display: none; }
  body.theme-modern.skin-poster.sv4 .s4-steps, body.theme-modern.skin-poster.sv4 .s4-steps.n3, body.theme-modern.skin-poster.sv4 .s4-live { grid-template-columns: minmax(0, 1fr); }
  body.theme-modern.skin-poster.sv4 .s4-panel { padding: 28px 18px; border-radius: 24px; }
  body.theme-modern.skin-poster.sv4 .s4-pn-h { flex-direction: column; gap: 16px; }
  body.theme-modern.skin-poster.sv4 .s4-pn-h h2 { font-size: 34px !important; }
  body.theme-modern.skin-poster.sv4 .s4-tabs, body.theme-modern.skin-poster.sv4 .s4-tabs.n3, body.theme-modern.skin-poster.sv4 .s4-tabs.n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.theme-modern.skin-poster.sv4 .s4-big { height: 520px; }
  body.theme-modern.skin-poster.sv4 .s4-big-tx { left: 20px; right: 20px; bottom: 24px; width: auto; }
  body.theme-modern.skin-poster.sv4 .s4-big-tx h3 { font-size: 46px !important; }
  body.theme-modern.skin-poster.sv4 .s4-promo { height: auto; flex-direction: column; align-items: flex-start; gap: 18px; padding: 28px 20px; }
  body.theme-modern.skin-poster.sv4 .s4-promo h3 { width: auto; font-size: 22px !important; }
  body.theme-modern.skin-poster.sv4 .s4-promo .s4-prop { display: none; }
  body.theme-modern.skin-poster.sv4 .s4-code { max-width: 100%; }
  body.theme-modern.skin-poster.sv4 p.s4-outline { font-size: 54px; } body.theme-modern.skin-poster.sv4 p.s4-outline-sm { font-size: 44px; }
  body.theme-modern.skin-poster.sv4 .s4-join-sec, body.theme-modern.skin-poster.sv4 .s4-way-sec { padding-top: 60px; }
}
@media (max-width: 640px) {
  body.theme-modern.skin-poster.sv4 .s4-k { font-size: 22px; }
  body.theme-modern.skin-poster.sv4 h1.s4-name, body.theme-modern.skin-poster.sv4 h1.s4-name.s4-xl2 { font-size: 46px !important; }
  body.theme-modern.skin-poster.sv4 h1.s4-name.s4-xl3 { font-size: 34px !important; }
  body.theme-modern.skin-poster.sv4 .s4-top { flex-direction: column; align-items: flex-start; }
  body.theme-modern.skin-poster.sv4 .s4-sc-r { padding: 20px; gap: 8px 16px; }
  body.theme-modern.skin-poster.sv4 .s4-sc-r b { font-size: 24px; }
  body.theme-modern.skin-poster.sv4 .s4-sc1, body.theme-modern.skin-poster.sv4 .s4-sc2, body.theme-modern.skin-poster.sv4 .s4-sc3 { height: auto; }
  body.theme-modern.skin-poster.sv4 .s4-cs-name b { font-size: 24px; }
  body.theme-modern.skin-poster.sv4 .s4-st h3 { font-size: 24px !important; }
  body.theme-modern.skin-poster.sv4 .s4-st-art { width: 70px; height: 70px; }
  body.theme-modern.skin-poster.sv4 .s4-kp { gap: 18px; flex-wrap: wrap; }
  body.theme-modern.skin-poster.sv4 .s4-foot { height: auto; padding: 40px 0; }
  body.theme-modern.skin-poster.sv4 .s4-f-in { flex-direction: column; gap: 20px; text-align: center; }
  body.theme-modern.skin-poster.sv4 .s4-f-card { width: 110px; height: 110px; }
  body.theme-modern.skin-poster.sv4 .s4-f-tx b { font-size: 34px; }
  body.theme-modern.skin-poster.sv4 .s4-fdc { width: 140px; }
}
/* v25: server page v4 fixes — quote beside the card, long mode names, props, mode art */
body.theme-modern.skin-poster.sv4 .s4-quote { position: absolute !important; left: 600px !important; right: auto !important; top: auto !important; bottom: 0; width: 330px; }
body.theme-modern.skin-poster.sv4 .s4-big-tx h3 { word-break: normal !important; overflow-wrap: normal !important; white-space: nowrap; }
body.theme-modern.skin-poster.sv4 .s4-big-tx h3.l2 { font-size: 64px !important; }
body.theme-modern.skin-poster.sv4 .s4-big-tx h3.l3 { font-size: 50px !important; }
body.theme-modern.skin-poster.sv4 .s4-promo .s4-prop { height: auto !important; max-width: none !important; }
body.theme-modern.skin-poster.sv4 .s4-promo .s4-prop:first-of-type { width: 96px !important; top: 42px !important; right: 160px !important; }
body.theme-modern.skin-poster.sv4 .s4-promo .s4-prop:last-of-type { width: 74px !important; top: 34px !important; right: 50px !important; }
body.theme-modern.skin-poster.sv4 .s4-block { top: 860px !important; width: 116px !important; }
body.theme-modern.skin-poster.sv4 .s4-pick { left: calc(50vw - 50% + 590px) !important; top: 230px !important; width: 96px !important; }
@media (max-width: 1240px) { body.theme-modern.skin-poster.sv4 .s4-quote { left: 580px !important; } }
@media (max-width: 900px) {
  body.theme-modern.skin-poster.sv4 .s4-quote { position: relative !important; left: auto !important; bottom: auto; width: auto; margin-top: 28px; }
  body.theme-modern.skin-poster.sv4 .s4-big-tx h3, body.theme-modern.skin-poster.sv4 .s4-big-tx h3.l2 { font-size: 42px !important; white-space: normal; }
  body.theme-modern.skin-poster.sv4 .s4-big-tx h3.l3 { font-size: 32px !important; white-space: normal; }
}
body.theme-modern.skin-poster.sv4 .s4-card-sec .s4-pick { display: none !important; }
body.theme-modern.skin-poster.sv4 .s4-prop { height: auto !important; max-width: none !important; }
/* ==========================================================================
   v27 · Vote page in the black/green showcase style (body.vt4)
   ========================================================================== */
body.theme-modern.skin-poster.vt4 .vt4-hero { height: 760px; }
body.theme-modern.skin-poster.vt4 .vt4-hero::after { height: 200px; }
body.theme-modern.skin-poster.vt4 .vt4-title { left: var(--x); top: 190px; z-index: 7; width: 720px; }
body.theme-modern.skin-poster.vt4 .vt4-title h1.s4-name { font-size: 104px !important; }
body.theme-modern.skin-poster.vt4 .vt4-title h1.s4-name.s4-xl2 { font-size: 84px !important; }
body.theme-modern.skin-poster.vt4 .vt4-title h1.s4-name.s4-xl3 { font-size: 64px !important; }
body.theme-modern.skin-poster.vt4 .vt4-lead { margin: 22px 0 0; max-width: 520px; font: 500 17px/1.6 var(--m-font); color: #d5ddd8; }
body.theme-modern.skin-poster.vt4 .vt4-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; }
body.theme-modern.skin-poster.vt4 .vt4-chips span { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px; border-radius: 999px; background: #0a0f0c; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); font: 800 12px var(--m-font); letter-spacing: .05em; text-transform: uppercase; color: #fff; }
body.theme-modern.skin-poster.vt4 .vt4-chips span.g { background: var(--s4g); color: var(--s4ink); box-shadow: none; }
body.theme-modern.skin-poster.vt4 .vt4-chips i { width: 8px; height: 8px; border-radius: 50%; background: var(--s4g); }
body.theme-modern.skin-poster.vt4 .vt4-chips .off i { background: #ff6b6b; }
body.theme-modern.skin-poster.vt4 .vt4-mascot { right: calc(var(--x) + 40px); top: 150px; height: 700px; width: auto; z-index: 5; transform: scaleX(-1); filter: drop-shadow(0 30px 40px rgba(0,0,0,.7)); pointer-events: none; }
body.theme-modern.skin-poster.vt4 .vt4-gems { right: calc(var(--x) + 420px); top: 200px; width: 96px; z-index: 6; }
body.theme-modern.skin-poster.vt4 .vt4-block { right: var(--x); top: 610px; width: 110px; transform: rotate(10deg); z-index: 6; }
body.theme-modern.skin-poster.vt4 .s4-hero > .vt4-mascot, body.theme-modern.skin-poster.vt4 .s4-hero > .vt4-title { position: absolute; }
/* vote card */
body.theme-modern.skin-poster.vt4 .vt-page { position: relative; z-index: 8; margin-top: -170px !important; }
body.theme-modern.skin-poster.vt4 .vt-card { border-radius: 30px !important; background: linear-gradient(180deg, #0c120e, #080b09) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 40px 80px -30px rgba(0,0,0,.9) !important; border: 0 !important; padding: 34px 36px !important; }
body.theme-modern.skin-poster.vt4 .vt-pzh b { font: 900 26px/1 var(--s4f) !important; text-transform: uppercase; }
body.theme-modern.skin-poster.vt4 .vt-pzh-ic { border-radius: 16px !important; overflow: hidden; box-shadow: 0 0 0 3px #fff !important; }
body.theme-modern.skin-poster.vt4 .vt-card :is(input[type=text], input:not([type])) { height: 58px !important; border-radius: 14px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important; border: 0 !important; color: #fff !important; font: 600 16px var(--m-font) !important; }
body.theme-modern.skin-poster.vt4 .vt-card :is(input[type=text], input:not([type])):focus { box-shadow: inset 0 0 0 2px var(--s4g) !important; outline: 0; }
body.theme-modern.skin-poster.vt4 .vt-label, body.theme-modern.skin-poster.vt4 .vt-captcha label { font: 800 11px var(--m-font) !important; letter-spacing: .14em !important; text-transform: uppercase; color: #9aa39c !important; }
html body.theme-modern.skin-poster.vt4.pg-vote button.btn.vt-submit.vt-submit.vt-submit { height: 64px !important; border-radius: 999px !important; background: var(--s4gd) !important; background-image: none !important; color: var(--s4ink) !important; box-shadow: none !important; border: 0 !important; font: 900 18px var(--s4f) !important; letter-spacing: .04em !important; }
html body.theme-modern.skin-poster.vt4.pg-vote button.btn.vt-submit.vt-submit.vt-submit * { color: var(--s4ink) !important; }
html body.theme-modern.skin-poster.vt4.pg-vote button.btn.vt-submit.vt-submit.vt-submit:hover { background: var(--s4g) !important; }
body.theme-modern.skin-poster.vt4 .vt-state :is(h2, h3) { font-family: var(--s4f) !important; text-transform: uppercase; }
/* rewards as coloured tiles */
body.theme-modern.skin-poster.vt4 .vt-pzrw { margin-top: 80px !important; }
body.theme-modern.skin-poster.vt4 .vt-pzrw .pz-k { color: var(--s4g) !important; }
body.theme-modern.skin-poster.vt4 .vt-pzrw-h { font: 900 46px/1 var(--s4f) !important; text-transform: uppercase; }
body.theme-modern.skin-poster.vt4 .vt-pzrw-g { gap: 18px !important; margin-top: 26px; }
body.theme-modern.skin-poster.vt4 .vt-pzrw-g > div { position: relative; min-height: 200px; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-end; padding: 26px !important; border: 0 !important; border-radius: 22px !important; overflow: hidden; box-shadow: none !important; }
body.theme-modern.skin-poster.vt4 .vt-pzrw-g > div:nth-child(1) { background: linear-gradient(135deg, rgba(var(--s4rgb),.85), rgba(var(--s4rgb),.35) 70%, #0b120e) !important; }
body.theme-modern.skin-poster.vt4 .vt-pzrw-g > div:nth-child(2) { background: linear-gradient(135deg, #1c3a2c, #0f2219) !important; }
body.theme-modern.skin-poster.vt4 .vt-pzrw-g > div:nth-child(3) { background: linear-gradient(135deg, #C4A36A, #7a5d2c) !important; }
body.theme-modern.skin-poster.vt4 .vt-pzrw-g > div img { position: absolute; right: 20px; top: 20px; width: 84px !important; height: 84px !important; border-radius: 16px !important; box-shadow: 0 0 0 2px rgba(255,255,255,.85) !important; }
body.theme-modern.skin-poster.vt4 .vt-pzrw-g b { display: block; font: 900 24px/1.05 var(--s4f) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster.vt4 .vt-pzrw-g small { display: block; margin-top: 8px; font: 600 13.5px/1.45 var(--m-font) !important; color: rgba(255,255,255,.85) !important; }
body.theme-modern.skin-poster.vt4 .pz-more-vote .pz-big { font-family: var(--s4f) !important; }
@media (max-width: 1240px) {
  body.theme-modern.skin-poster.vt4 .vt4-hero { height: auto; }
  body.theme-modern.skin-poster.vt4 .s4-hero > .vt4-title { position: relative; width: auto; margin-top: 40px; }
  body.theme-modern.skin-poster.vt4 .s4-hero > .vt4-mascot { display: none; }
  body.theme-modern.skin-poster.vt4 .vt-page { margin-top: 20px !important; }
}
@media (max-width: 640px) {
  body.theme-modern.skin-poster.vt4 .vt4-title h1.s4-name, body.theme-modern.skin-poster.vt4 .vt4-title h1.s4-name.s4-xl2 { font-size: 46px !important; }
  body.theme-modern.skin-poster.vt4 .vt4-title h1.s4-name.s4-xl3 { font-size: 34px !important; }
  body.theme-modern.skin-poster.vt4 .vt-card { padding: 22px 18px !important; }
  body.theme-modern.skin-poster.vt4 .vt-pzrw-h { font-size: 30px !important; }
}
body.theme-modern.skin-poster.vt4 .vt-pzrw { width: 100%; max-width: none !important; }
@media (max-width: 1240px) { body.theme-modern.skin-poster.vt4 .s4-hero > .s4-prop { display: none !important; } }
/* v28: username field is one box (the head + input), not a box inside a box */
body.theme-modern.skin-poster.vt4 .vt-name { display: flex !important; align-items: center; gap: 10px; height: 58px; padding: 0 6px 0 7px !important; border: 0 !important; border-radius: 14px !important; background: #000 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important; }
body.theme-modern.skin-poster.vt4 .vt-name:focus-within { box-shadow: inset 0 0 0 2px var(--s4g) !important; }
body.theme-modern.skin-poster.vt4 .vt-name input { flex: 1; min-width: 0; height: 100% !important; padding: 0 8px 0 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; }
body.theme-modern.skin-poster.vt4 .vt-name .vt-head { flex: none; width: 44px; height: 44px; border-radius: 10px; overflow: hidden; background: #111 !important; box-shadow: none !important; }
body.theme-modern.skin-poster.vt4 .vt-name .vt-head img { width: 100%; height: 100%; image-rendering: pixelated; }
html body.theme-modern.skin-poster.vt4 .vt-card .vt-name input.vt-input, html body.theme-modern.skin-poster.vt4 .vt-card .vt-name input, html body.theme-modern.skin-poster.vt4 .vt-card .vt-name input:focus { background: transparent !important; box-shadow: none !important; border: 0 !important; outline: 0 !important; }
/* ==========================================================================
   v29 · User panel "game menu" (Figma "Panel v2"), body:has(.pn4-nav)
   ========================================================================== */
body.theme-modern.skin-poster .pn-shell:not(.mr-shell):has(> .pn4-nav) { max-width: 1240px !important; grid-template-columns: 330px minmax(0, 1fr) !important; column-gap: 30px !important; row-gap: 30px !important; }
body.theme-modern.skin-poster .pn-shell > .pn4-nav { grid-column: 1; grid-row: 1 / span 2; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; position: static !important; }
body.theme-modern.skin-poster .pn-shell > .pn4-stage { grid-column: 2; grid-row: 1; }
body.theme-modern.skin-poster .pn-shell:has(> .pn4-stage) > .pn-content { grid-column: 2; grid-row: 2; }
body.theme-modern.skin-poster .pn-shell:not(.mr-shell):has(> .pn4-nav):not(:has(> .pn4-stage)) > .pn-content { grid-column: 2; grid-row: 1 / span 2; }
body.theme-modern.skin-poster .pn4-tiles { display: flex; flex-direction: column; gap: 12px; margin-bottom: 18px; }
body.theme-modern.skin-poster .pnav a.pn4-tl { position: relative; display: flex !important; align-items: center; height: 80px; min-height: 0; margin: 0 !important; padding: 0 110px 0 18px !important; border-radius: 0 !important; border: 1.5px solid rgba(var(--s4rgb),.55) !important; background: rgba(3,8,5,.75) !important; box-shadow: none !important; color: #fff !important; text-decoration: none !important; transition: border-color .15s, background .15s; }
body.theme-modern.skin-poster .pnav a.pn4-tl:hover { border-color: var(--s4g) !important; background: rgba(16,37,27,.85) !important; }
body.theme-modern.skin-poster .pn4-tx { display: flex; flex-direction: column; min-width: 0; }
body.theme-modern.skin-poster .pn4-tx b { display: flex; align-items: center; gap: 8px; font: 900 16px/1 "Unbounded", var(--m-font) !important; text-transform: uppercase; color: var(--s4g); white-space: nowrap; }
body.theme-modern.skin-poster .pn4-tx b em { font: 900 9.5px var(--m-font); font-style: normal; letter-spacing: .08em; padding: 3px 6px; border-radius: 5px; background: var(--s4g); color: #04140a; }
body.theme-modern.skin-poster .pn4-tx small { margin-top: 7px; font: 700 10.5px var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #cfd6d1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.theme-modern.skin-poster .pnav a.pn4-tl img { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: auto; height: 76px; max-width: 96px; object-fit: contain; filter: drop-shadow(0 10px 14px rgba(0,0,0,.6)); transition: transform .2s; }
body.theme-modern.skin-poster .pnav a.pn4-tl:hover img { transform: translateY(-50%) scale(1.06) rotate(-3deg); }
body.theme-modern.skin-poster .pnav a.pn4-tl.on { background: var(--s4g) !important; border-color: var(--s4g) !important; }
body.theme-modern.skin-poster .pnav a.pn4-tl.on b { color: #04140a; }
body.theme-modern.skin-poster .pnav a.pn4-tl.on b em { background: #04140a; color: var(--s4g); }
body.theme-modern.skin-poster .pnav a.pn4-tl.on small { color: #0c3a22; }
body.theme-modern.skin-poster .pn4-nav > h4 { margin: 20px 0 8px !important; }
body.theme-modern.skin-poster .pn4-nav > .pnav-admin { padding: 10px; border-radius: 18px; background: #000; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
/* stage */
body.theme-modern.skin-poster .pn4-stage { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 28px; align-items: start; }
body.theme-modern.skin-poster .pn4-feat { position: relative; min-height: 520px; overflow: hidden; background: #000 var(--pn4-art) center / cover; box-shadow: 0 40px 80px -20px rgba(0,0,0,.9); transform: perspective(1600px) rotateY(-3deg); transform-origin: right center; }
body.theme-modern.skin-poster .pn4-feat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(5,18,10,.82) 62%, rgba(12,58,34,.96)); }
body.theme-modern.skin-poster .pn4-ft { position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 28px; }
body.theme-modern.skin-poster .pn4-chip { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--s4g); color: #04140a; font: 900 10.5px var(--m-font); letter-spacing: .06em; text-transform: uppercase; }
body.theme-modern.skin-poster .pn4-ft h2 { margin: 14px 0 0 !important; font: 900 40px/1 "Unbounded", var(--m-font) !important; text-transform: uppercase; color: #fff !important; }
body.theme-modern.skin-poster .pn4-ft p { margin: 12px 0 0; max-width: 560px; font: 500 14.5px/1.55 var(--m-font); color: #d5ddd8; }
body.theme-modern.skin-poster .pn4-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
body.theme-modern.skin-poster a.pn4-pill { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; border-radius: 999px; background: rgba(0,0,0,.5) !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.5) !important; color: #fff !important; font: 900 12px var(--m-font) !important; letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster a.pn4-pill.g { background: var(--s4g) !important; box-shadow: none !important; color: #04140a !important; }
body.theme-modern.skin-poster a.pn4-pill:hover { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
body.theme-modern.skin-poster .pn4-acc { position: relative; padding: 30px 26px 30px; text-align: center; background: linear-gradient(180deg, #121614, #0b0e0c); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); transform: perspective(1600px) rotateY(4deg); transform-origin: left center; }
body.theme-modern.skin-poster .pn4-vl { position: absolute; right: 12px; top: 30px; width: 2px; height: 150px; background: #fff; }
body.theme-modern.skin-poster .pn4-lb { margin: 0; font: 800 11.5px var(--m-font); letter-spacing: .18em; text-transform: uppercase; color: var(--s4g); }
body.theme-modern.skin-poster .pn4-nm { margin: 8px 0 22px; font: 700 24px "Unbounded", var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #fff; overflow-wrap: anywhere; }
body.theme-modern.skin-poster .pn4-lv { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 12px 0 22px; }
body.theme-modern.skin-poster .pn4-ring { flex: none; width: 74px; height: 74px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--s4g) 0 var(--p), rgba(255,255,255,.12) var(--p) 100%); }
body.theme-modern.skin-poster .pn4-ring > span { width: 62px; height: 62px; border-radius: 50%; background: #0f1311; display: flex; flex-direction: column; align-items: center; justify-content: center; }
body.theme-modern.skin-poster .pn4-ring b { font: 900 24px/1 "Unbounded", var(--m-font); color: #fff; }
body.theme-modern.skin-poster .pn4-ring small { font: 700 8.5px var(--m-font); letter-spacing: .1em; text-transform: uppercase; color: #9aa39c; }
body.theme-modern.skin-poster .pn4-lt { text-align: left; }
body.theme-modern.skin-poster .pn4-lt b { display: block; font: 900 26px "Unbounded", var(--m-font); color: var(--s4g); }
body.theme-modern.skin-poster .pn4-lt small { font: 700 11px var(--m-font); letter-spacing: .08em; text-transform: uppercase; color: #cfd6d1; }
body.theme-modern.skin-poster .pn4-lic { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0 22px; }
body.theme-modern.skin-poster .pn4-lic span { height: 62px; display: flex; align-items: center; justify-content: center; font: 900 10px/1.25 var(--m-font); letter-spacing: .06em; text-transform: uppercase; color: #fff; transform: skewX(-8deg); }
body.theme-modern.skin-poster .pn4-lic .a { background: linear-gradient(135deg, #2fbf6e, #14663b); }
body.theme-modern.skin-poster .pn4-lic .n { background: linear-gradient(135deg, #3a3f3c, #1c201e); color: #aeb5b0; }
body.theme-modern.skin-poster .pn4-lic .b { background: linear-gradient(135deg, #C4A36A, #7a5d2c); }
body.theme-modern.skin-poster .pn4-cc { margin: 8px 0 18px; font: 700 15px "Unbounded", var(--m-font); letter-spacing: .06em; color: #fff; }
body.theme-modern.skin-poster a.pn4-start { display: flex; align-items: center; justify-content: center; gap: 8px; height: 52px; background: var(--s4g); color: #04140a !important; font: 900 15px "Unbounded", var(--m-font); letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important; }
body.theme-modern.skin-poster a.pn4-start:hover { background: #fff; }
/* hero title in the same type */
body.theme-modern.skin-poster.pa-dash:has(.pn4-nav) .pn-hero h1 { font-family: "Unbounded", var(--m-font) !important; letter-spacing: -.01em !important; }
@media (max-width: 1240px) { body.theme-modern.skin-poster .pn4-stage { grid-template-columns: minmax(0, 1fr); } body.theme-modern.skin-poster :is(.pn4-feat, .pn4-acc) { transform: none; } body.theme-modern.skin-poster .pn4-acc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; text-align: left; } body.theme-modern.skin-poster .pn4-vl { display: none; } body.theme-modern.skin-poster .pn4-lv { justify-content: flex-start; } body.theme-modern.skin-poster a.pn4-start { grid-column: 1 / -1; } }
@media (max-width: 1000px) {
  body.theme-modern.skin-poster .pn-shell:not(.mr-shell):has(> .pn4-nav) { grid-template-columns: minmax(0, 1fr) !important; }
  body.theme-modern.skin-poster .pn-shell > .pn4-nav, body.theme-modern.skin-poster .pn-shell > .pn4-stage, body.theme-modern.skin-poster .pn-shell:not(.mr-shell):has(> .pn4-nav) > .pn-content { grid-column: 1 !important; grid-row: auto !important; }
  body.theme-modern.skin-poster .pn4-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body.theme-modern.skin-poster .pn4-tiles { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  body.theme-modern.skin-poster .pnav a.pn4-tl { height: 64px; padding-right: 84px !important; }
  body.theme-modern.skin-poster .pnav a.pn4-tl img { height: 58px; }
  body.theme-modern.skin-poster .pn4-feat { min-height: 440px; }
  body.theme-modern.skin-poster .pn4-ft { left: 18px; right: 18px; bottom: 20px; }
  body.theme-modern.skin-poster .pn4-ft h2 { font-size: 28px !important; }
  body.theme-modern.skin-poster .pn4-acc { grid-template-columns: minmax(0, 1fr); text-align: center; }
  body.theme-modern.skin-poster .pn4-lv { justify-content: center; }
}
/* v29b · support page in the panel layout, smaller screens */
body.theme-modern.skin-poster .pn-shell.pn4-sup { display: grid; margin: 0 auto 60px; padding: 0 24px; width: 100%; box-sizing: border-box; }
body.theme-modern.skin-poster .pn4-sup .pn-content { min-width: 0; }
body.theme-modern.skin-poster .pn4-sup .rs.pg-over.tk { max-width: none; margin: 0; padding: 0; }
body.theme-modern.skin-poster .pn4-sup .tk-grid { grid-template-columns: minmax(0, 1fr) 300px; }
@media (max-width: 1240px) { body.theme-modern.skin-poster .pn4-acc { display: none !important; } body.theme-modern.skin-poster .pn4-sup .tk-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
  body.theme-modern.skin-poster .pn4-tiles { display: flex !important; flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; gap: 8px; margin: 0 0 12px; padding: 0 0 6px; scrollbar-width: none; }
  body.theme-modern.skin-poster .pn4-tiles::-webkit-scrollbar { display: none; }
  body.theme-modern.skin-poster .pnav a.pn4-tl { flex: 0 0 218px; scroll-snap-align: start; }
  body.theme-modern.skin-poster .pn-shell.pn4-sup { padding: 0 16px; }
}
/* v30 · no black box behind the panel menu / stage (page art shows through) */
body.theme-modern.skin-poster .pn-shell:has(> .pn4-nav) { background: transparent !important; box-shadow: none !important; }
/* ==========================================================================
   v31 · Panel page content in the game-menu style (Figma "Panel v3")
   Scope: pages that show the picture-tile menu. :not(#z) lifts these rules
   above the older poster button/card overrides.
   ========================================================================== */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) {
  --g5: var(--s4g); --g5ink: #04140a; --g5line: rgba(var(--s4rgb),.32);
  --g5frame: linear-gradient(var(--g5) 0 0) 0 0/14px 3px no-repeat, linear-gradient(var(--g5) 0 0) 0 0/3px 14px no-repeat,
    linear-gradient(var(--g5) 0 0) 100% 0/14px 3px no-repeat, linear-gradient(var(--g5) 0 0) 100% 0/3px 14px no-repeat,
    linear-gradient(var(--g5) 0 0) 0 100%/14px 3px no-repeat, linear-gradient(var(--g5) 0 0) 0 100%/3px 14px no-repeat,
    linear-gradient(var(--g5) 0 0) 100% 100%/14px 3px no-repeat, linear-gradient(var(--g5) 0 0) 100% 100%/3px 14px no-repeat;
}
/* frames */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.sv-card, .pn-sec, .pn-srv, .lown, .wn-banner, .wn-card, .wn-start, .rf-hero, .pn-profile, .pn-preview, .mr-head, .mr-check, .mr-nav, .pr-status, .pr-pkg, .rsp-card, .wn-feat) {
  border-radius: 0 !important; border: 0 !important;
  background: var(--g5frame), linear-gradient(180deg, rgba(12,22,16,.94), rgba(4,8,6,.96)) !important;
  box-shadow: inset 0 0 0 1.5px var(--g5line) !important; backdrop-filter: none !important;
}
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.wn-start, .rf-hero, .pr-status.on, .lown) { background: var(--g5frame), linear-gradient(115deg, rgba(var(--s4rgb),.16), rgba(4,8,6,.96) 58%) !important; }
/* inner panels */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-ach, .pn-setup, .pn-award, .pn2-tip, .wn-demo, .pn-plug, .pn-drop, .ed, .rf-stats > *, .pn-profile-facts > *, .pr-perks li, .tk-help li a, .pn-check, .rf-how > *, .wn-banner-ic) {
  border-radius: 0 !important; border: 0 !important; background: rgba(0,0,0,.38) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.rf-stats > *, .pn-profile-facts > *) { box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 -3px 0 var(--g5) !important; }
/* headings */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.sv-card > header h2, .pn-sec h2, .pn-sec > header h2, .pn-sec-h h2, .mr-head .mr-name, .wn-h, .rf-hero h2, .pr-pkg h3, .pn-setup h3, .pn-setup b.pn-setup-h, .tk-new h2) {
  font-family: "Unbounded", var(--m-font) !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: .005em !important;
}
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .sv-card > header { border-radius: 0 !important; border-bottom: 1px solid rgba(var(--s4rgb),.18) !important; background: linear-gradient(90deg, rgba(var(--s4rgb),.1), transparent 60%) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .wn-h { color: var(--g5) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pn-num { border-radius: 0 !important; background: var(--g5) !important; color: var(--g5ink) !important; transform: skewX(-10deg); font-family: "Unbounded", var(--m-font) !important; box-shadow: none !important; }
/* buttons */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.btn, button.btn, a.btn, .pn-save, .pn-cancel, button[type=submit], .mr-next, .mr-back, .lown-btns a, .wn-banner-go, .pf-promo, .pf-edit) {
  border-radius: 0 !important; font-family: "Unbounded", var(--m-font) !important; font-weight: 700 !important; font-size: 11px !important; letter-spacing: .04em !important; text-transform: uppercase !important;
  background: rgba(var(--s4rgb),.06) !important; color: #fff !important; border: 0 !important; box-shadow: inset 0 0 0 1.5px rgba(var(--s4rgb),.6) !important; transform: none !important;
}
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.btn:not(.btn-ghost):not(.btn-sm):not(.btn-danger):not(.pn-del), .sv-btn-vote, .pn-save, button[type=submit]:not(.btn-ghost):not(.pn-del), .mr-next, .lown-go, .pn2-acts .pf-promo, .pr-pkg.best .btn) {
  background: var(--g5) !important; color: var(--g5ink) !important; box-shadow: none !important;
}
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.btn, .pn-save, .pn-cancel, button[type=submit], .mr-next, .mr-back, .lown-btns a, .wn-banner-go, .pf-promo, .pf-edit) * { color: inherit !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.btn, .pn-save, .pn-cancel, button[type=submit], .mr-next, .mr-back, .lown-btns a, .wn-banner-go, .pf-promo, .pf-edit):is(:hover, :focus-visible) { background: #fff !important; color: #07080a !important; box-shadow: none !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.btn-danger, .pn-del, .btn.pn-del) { background: rgba(255,92,92,.08) !important; color: #ff8a8a !important; box-shadow: inset 0 0 0 1.5px rgba(255,92,92,.65) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.btn-danger, .pn-del):hover { background: #ff6b6b !important; color: #1a0505 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .btn:disabled { opacity: .45 !important; }
/* fields */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden]), select, textarea) {
  border-radius: 0 !important; background: #050806 !important; border: 1.5px solid rgba(255,255,255,.14) !important; box-shadow: inset 0 2px 0 rgba(0,0,0,.5) !important; color: #fff !important;
}
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea):focus { border-color: var(--g5) !important; box-shadow: 0 0 0 3px rgba(var(--s4rgb),.18) !important; outline: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.fld > span:first-child, .fld > label, .fld > b:first-child, .tk-f > span:first-child) { color: var(--g5) !important; font: 800 10.5px var(--m-font) !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.fld > span:first-child, .tk-f > span:first-child) :is(em, small) { color: #7d857f !important; letter-spacing: .08em !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) input[type=file]::file-selector-button { border-radius: 0; border: 1.5px solid rgba(var(--s4rgb),.6); background: rgba(var(--s4rgb),.08); color: #fff; font: 700 11px "Unbounded", var(--m-font); text-transform: uppercase; padding: 8px 14px; margin-right: 12px; cursor: pointer; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-drop, .tk-file) { box-shadow: none !important; outline: 1.5px dashed rgba(var(--s4rgb),.4) !important; outline-offset: -1.5px; background: rgba(var(--s4rgb),.04) !important; }
/* chips, tags and states */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn2-pill, .pro-tag, .tk-st, .badge, .mr-st, .pr-tag, .pn-count, .pf-pro, .lown-tag, .wn-kick, .pn2-pro, .rsp-st) {
  border-radius: 0 !important; transform: skewX(-10deg);
}
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.wn-kick, .lown-tag, .pn2-pro) { background: var(--g5) !important; color: var(--g5ink) !important; }
/* progress bars → block bars */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-setup-bar, .pn-ach-bar, .pn-pv2-bar, .mr-bar, .sv-meter, .pn-strength) {
  border-radius: 0 !important; -webkit-mask: repeating-linear-gradient(90deg, #000 0 14px, transparent 14px 17px); mask: repeating-linear-gradient(90deg, #000 0 14px, transparent 14px 17px);
}
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-setup-bar, .pn-ach-bar, .pn-pv2-bar, .mr-bar, .sv-meter, .pn-strength) > * { border-radius: 0 !important; }
/* checklist marks → diamonds */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-setup-ck, .mr-dot) { border-radius: 0 !important; transform: rotate(45deg) scale(.85); }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-setup-ck, .mr-dot) > * { transform: rotate(-45deg); }
/* achievement medals → inventory slots */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pn-ach-medals > * { border-radius: 0 !important; }
/* tabs, steps, product picker */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-steps2 a, .pn-steps2 > *, .ed-tabs > *, .pr-tabs a, .wn-pick a, .rsp-tabs > *, .mr-nav a) { border-radius: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-steps2 a, .pn-steps2 > *, .pr-tabs a) { transform: skewX(-8deg); box-shadow: inset 0 0 0 1.5px rgba(var(--s4rgb),.35) !important; background: rgba(3,8,5,.75) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-steps2 a, .pn-steps2 > *, .pr-tabs a) > * { transform: skewX(8deg); }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-steps2 .on, .pn-steps2 a.on, .pr-tabs a.on) { background: var(--g5) !important; color: var(--g5ink) !important; box-shadow: none !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-steps2 .on, .pr-tabs a.on) * { color: var(--g5ink) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .mr-nav a.on { background: rgba(var(--s4rgb),.12) !important; color: var(--g5) !important; box-shadow: inset 3px 0 0 var(--g5) !important; }
/* misc */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn2-icon, .pn-pv2-icon, .mr-ic, .pn-avatar, .rs-ico) { border-radius: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn2-icon, .pn-pv2-icon) { box-shadow: 0 0 0 2px var(--g5), 0 0 0 6px rgba(var(--s4rgb),.12) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn2-title, .pn-profile-main b, .pn-profile-main h2, .mr-name) { font-family: "Unbounded", var(--m-font) !important; text-transform: uppercase; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn2-stats b, .rf-stats b, .pn-ach-n b, .pn-profile-facts b, .pr-price) { font-family: "Unbounded", var(--m-font) !important; font-weight: 900 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn2-stats > *) { border-radius: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-msg, .note, .pn-foot-note) { border-radius: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn2-banner, .pr-banner) img, html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .banner { border-radius: 0 !important; }
/* promote: shop cards */
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-pkg { text-align: center; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-pkg .pr-price { font-size: 30px !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-pkg.best { background: var(--g5frame), linear-gradient(180deg, rgba(245,201,106,.14), rgba(4,8,6,.96) 55%) !important; box-shadow: inset 0 0 0 2px #f5c96a, 0 0 40px -10px rgba(245,201,106,.45) !important; --g5: #f5c96a; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-pkg.best .btn { background: #f5c96a !important; color: #2a1c04 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-pkg.best .pr-tag { background: #f5c96a !important; color: #2a1c04 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-tabs a.on { --g5: var(--s4g); }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn2-tools > *, .pz-pact, .pn-del, .rsp-tabs > *, .tk-help li a) { border-radius: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pn-check li::before { border-radius: 0 !important; transform: rotate(45deg) scale(.8); }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-ed label > span, .pn-ed label) { border-radius: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .tagpick label > span { border-radius: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .tagpick input:checked + span { background: var(--g5) !important; color: var(--g5ink) !important; box-shadow: none !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.wn-card h3, .wn-card > b, .pr-perks b, .pr-tabs a b, .rf-how b, .tk-help b) { font-family: "Unbounded", var(--m-font) !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-tabs a b { color: var(--g5) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-tabs a.on b { color: var(--g5ink) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-state { font-family: "Unbounded", var(--m-font) !important; text-transform: uppercase; font-style: normal !important; color: var(--g5) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pr-state.off { color: #aeb5b0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .rsp-row:not(.rsp-head) { box-shadow: inset 3px 0 0 var(--g5) !important; background: rgba(0,0,0,.3) !important; border-radius: 0 !important; margin-bottom: 6px; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .rsp-row:not(.rsp-head):has(.rsp-st:not(.ok)) { box-shadow: inset 3px 0 0 #ff6b6b !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .rsp-a { margin-left: 10px; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .rsp-kpis b, html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .rsp-kpis strong { font-family: "Unbounded", var(--m-font) !important; font-weight: 900 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .rsp-kpis > * { border-radius: 0 !important; background: rgba(0,0,0,.38) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 -3px 0 var(--g5) !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.rsp-why) { border-radius: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .tk-side .sv-card > header h2 { font-size: 17px !important; white-space: nowrap; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .wn-feat .wn-demo { border-radius: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .wn-feat :is(h3, h4, b.wn-t) { font-family: "Unbounded", var(--m-font) !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 0 !important; }
html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) .pn-ach-medals { flex-wrap: wrap; }
@media (max-width: 640px) { html body.theme-modern.skin-poster:has(.pn4-nav):not(#z) :is(.pn-content) :is(.pn-steps2 a, .pn-steps2 > *, .pr-tabs a, .pr-tabs a > *) { transform: none !important; } }
/* sv4 · Pro chip in the hero */
body.theme-modern.skin-poster.sv4 .s4-chips .s4-pro { background: var(--s4g) !important; color: var(--s4ink) !important; border-color: var(--s4g) !important; font-weight: 900; }
body.theme-modern.skin-poster.sv4 .s4-rank:is(.r1, .r2, .r3) b { color: #07080a !important; }