/* My Empire — первый экран (meh-), сайт 2 (myempirevip.pl), первый экран общий у двух сайтов. Копия myempire-3936.com/pl: тёмная бирюза #03181c, шапка с текстурой,
   кнопки в рамке-«плашке», левое меню 230px с блоком «Zbuduj swoje imperium!», плитками Sklep / Wheel of Fortune и группами пунктов,
   баннер с историческими героями и красной CTA, ряд категорий-плашек с иконками, «Top gry: Polska» с золотыми номерами.
   Текстуры, иконки, логотип и картинки — официальные; шрифт заголовков — Cinzel вместо фирменного Beaufort. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#03181c url(/assets/img/myempire-tex-page.webp) top center/1048px auto repeat;color:#fff;font:400 16px/1.6 Jost,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.meh-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;height:62px;padding:0 20px 0 10px;background:#062128 url(/assets/img/myempire-tex-header.webp) center/cover;border-bottom:1px solid #12414a;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.meh-side-btn{flex:none;width:40px;height:40px;display:grid;place-items:center;border:1px solid #1f5560;border-radius:8px;background:#0a2c33;color:#d9b36a}
.meh-side-btn svg{width:22px;height:22px}
.meh-logo{display:block;margin-right:auto}
.meh-logo img{width:92px;height:49px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.meh-find{display:flex;align-items:center;gap:10px;width:300px;height:40px;padding:0 14px;border-radius:8px;background:#03181c;color:#686868;font:500 16px/1 Jost,Arial,sans-serif;text-decoration:none}
.meh-find svg{width:18px;height:18px;color:#8a8a8a}
.meh-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:109px;padding:0 14px;background:url(/assets/img/myempire-btn-secondary.webp) center/100% 100% no-repeat;color:#fff;font:700 14px/1 Cinzel,Georgia,serif;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 2px #000;white-space:nowrap}
.meh-btn:hover{filter:brightness(1.15)}
.meh-tabs{display:none}
.meh-shell{display:grid;grid-template-columns:234px minmax(0,1fr)}
.meh-side{position:sticky;top:62px;align-self:start;height:calc(100vh - 62px);overflow:auto;padding:0 4px 8px;display:flex;flex-direction:column;gap:6px;background:#041d22;scrollbar-width:thin}
.meh-empire{position:relative;padding:8px 6px 8px;min-height:92px;background:linear-gradient(90deg,#0b3037,#0b3037 55%,rgba(11,48,55,.2))}
.meh-empire img{position:absolute;right:0;top:0;width:70px;height:73px;object-fit:cover;object-position:top}
.meh-empire p{position:relative;margin:0 0 8px;max-width:130px;color:#e7e7e7;font:700 13px/1.25 Cinzel,Georgia,serif;text-transform:uppercase}
.meh-empire nav{position:relative;display:flex;gap:6px}
.meh-empire a{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border:1.5px solid #c49a4c;border-radius:4px;color:#fff;font:700 12px/1 Cinzel,Georgia,serif;text-transform:uppercase;text-decoration:none}
.meh-empire a:first-child{background:linear-gradient(#2f6fd1,#1a4ca3)}
.meh-empire a:last-child{background:linear-gradient(#0f3e47,#0a2c33)}
.meh-tiles{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.meh-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100px;padding:6px;background:url(/assets/img/myempire-tile-bg.webp) center/100% 100% no-repeat;color:#d8d8d8;font:700 12px/1.15 Cinzel,Georgia,serif;text-transform:uppercase;text-align:center;text-decoration:none}
.meh-tile img{width:48px;height:48px}
.meh-group{padding:4px;background:url(/assets/img/myempire-submenu-bg.webp) center/100% 100% no-repeat;border-radius:6px}
.meh-group a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:4px;color:#fff;font:700 14px/1.1 Cinzel,Georgia,serif;text-transform:uppercase;text-decoration:none}
.meh-group a:hover{background:rgba(196,154,76,.12)}
.meh-group img{flex:none;width:22px;height:22px}
.meh-new{margin-left:auto;padding:2px 6px;border-radius:3px;background:#1d8f3a;font:700 9px/1.2 Jost,Arial,sans-serif}
.meh-side__foot{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.meh-side__foot a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:#0a2c33;border-top:1px solid #1f5560;color:#fff;font:700 11px/1.15 Cinzel,Georgia,serif;text-transform:uppercase;text-align:center;text-decoration:none}
.meh-flag{width:18px;height:18px;border-radius:50%;background:linear-gradient(#fff 50%,#dc143c 50%)}
.meh-help{width:16px;height:16px;border-radius:50%;background:#bbb;color:#03181c;font-size:11px;display:grid;place-items:center}
.meh-main{min-width:0}
.meh-hero{position:relative;height:372px;overflow:hidden;background:#0b2a33}
.meh-hero picture,.meh-hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}
.meh-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,24,28,.82) 0,rgba(3,24,28,.5) 35%,rgba(3,24,28,0) 60%),linear-gradient(0deg,#03181c 0,rgba(3,24,28,0) 22%)}
.meh-hero__copy{position:relative;z-index:2;width:min(470px,46%);margin-left:6%;padding-top:96px;text-align:center}
.meh-plate{display:inline-block;padding:4px 10px;background:rgba(10,30,30,.85);color:#e7e7e7;font:700 13px/1.2 Cinzel,Georgia,serif;letter-spacing:.18em;text-transform:uppercase}
.meh-hero__h{margin:8px 0 2px;color:#fff;font:700 42px/1.1 Cinzel,Georgia,serif;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.meh-hero__sum{margin:0 0 14px;color:#fff;font:700 30px/1.15 Cinzel,Georgia,serif;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.meh-cta{display:inline-flex;align-items:center;justify-content:center;width:283px;height:82px;padding-bottom:4px;background:url(/assets/img/myempire-cta-button.webp) center/100% 100% no-repeat;color:#fff;font:700 24px/1 Cinzel,Georgia,serif;text-transform:uppercase;text-decoration:none;text-shadow:0 2px 3px rgba(60,0,0,.8)}
.meh-cta:hover{filter:brightness(1.1)}
.meh-arr{position:absolute;top:50%;z-index:3;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:#0f3e47;border:1.5px solid #c49a4c;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:18px;line-height:1}
.meh-arr--l{left:20px}.meh-arr--r{right:20px}
.meh-dots{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;justify-content:center;gap:8px}
.meh-dots i{width:10px;height:10px;border-radius:50%;background:#5d6f73}
.meh-dots i:nth-child(2){background:#d9b36a}
.meh-cats{display:flex;gap:10px;padding:14px 16px 8px;overflow-x:auto;scrollbar-width:none}
.meh-cats::-webkit-scrollbar{display:none}
.meh-cat{flex:none;position:relative;display:flex;align-items:center;gap:8px;height:41px;padding:0 16px 0 46px;background:url(/assets/img/myempire-toggle-bg.webp) center/100% 100% no-repeat;color:#fff;font:700 13px/1 Cinzel,Georgia,serif;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.meh-cat img{position:absolute;left:-4px;top:50%;width:48px;height:48px;margin-top:-26px}
.meh-cat--q{display:none}
.meh-top-games{padding:12px 16px 26px}
.meh-bar{display:flex;align-items:center;gap:12px;margin:6px 0 12px}
.meh-bar__t{margin:0;color:#fff;font:700 21px/1.2 Cinzel,Georgia,serif;text-transform:uppercase;white-space:nowrap}
.meh-bar__line{flex:1;height:14px;background:url(/assets/img/myempire-divider-decor.webp) left center/14px 14px no-repeat,url(/assets/img/myempire-divider-line.webp) center/auto 2px repeat-x}
.meh-all{color:#d9b36a;font:700 15px/1 Cinzel,Georgia,serif;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.meh-nav{width:30px;height:30px;border-radius:50%;background:#0f3e47;display:grid;place-items:center;color:#fff;text-decoration:none}
.meh-row{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:64px;overflow-x:auto;scrollbar-width:none;padding:4px 4px 4px 54px}
.meh-row::-webkit-scrollbar{display:none}
.meh-card{position:relative;display:block;padding:3px;border-radius:6px;background:linear-gradient(#d9b36a,#7a5a24);text-decoration:none}
.meh-card img{width:100%;aspect-ratio:226/338;object-fit:cover;border-radius:4px}
.meh-card b{position:absolute;left:-54px;bottom:-6px;font:900 78px/1 Cinzel,Georgia,serif;background:url(/assets/img/myempire-number-bg.webp) center/cover;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #5a4115;pointer-events:none}
@media (max-width:1023px){
  .meh-shell{display:block}
  .meh-side,.meh-find,.meh-side-btn{display:none}
  .meh-top{height:58px;padding:0 10px;gap:8px}
  .meh-tabs{display:flex;gap:4px;padding:6px;background:#062128;border-bottom:1px solid #12414a}
  .meh-tabs a{flex:1;display:flex;align-items:center;justify-content:center;height:38px;background:url(/assets/img/myempire-plate-half.webp) center/100% 100% no-repeat;color:#fff;font:700 13px/1 Cinzel,Georgia,serif;text-transform:uppercase;text-decoration:none;white-space:nowrap}
}
@media (max-width:640px){
  .meh-logo img{width:76px;height:41px}
  .meh-btn{min-width:0;height:38px;padding:0 10px;font-size:12px}
  .meh-hero{height:auto;min-height:470px;display:flex;align-items:flex-end}
  .meh-hero::before{background:linear-gradient(0deg,#03181c 0,rgba(3,24,28,.75) 38%,rgba(3,24,28,0) 65%)}
  .meh-hero picture img{object-position:center top}
  .meh-hero__copy{width:100%;margin:0;padding:230px 12px 40px}
  .meh-hero__h{font-size:32px}
  .meh-hero__sum{font-size:22px}
  .meh-cta{width:100%;max-width:330px;height:70px;font-size:21px}
  .meh-arr{display:none}
  .meh-cat--q{display:flex;width:52px;padding:0;justify-content:center}
  .meh-cat--q svg{width:22px;height:22px;color:#d9b36a}
  .meh-bar__t{font-size:16px}
  .meh-nav{display:none}
  .meh-row{grid-template-columns:repeat(5,120px);gap:44px;padding-left:40px}
  .meh-card b{font-size:58px;left:-40px}
}

.meh-hero__h--sm{font-size:32px}
@media (max-width:640px){.meh-hero__h--sm{font-size:24px}}
/* myempirevip.pl — контент meb-: «плашки» — секции-полосы во всю ширину с чередованием #03181c / #072a31; на ПК слева H2 на официальной
   плашке в золотой рамке (plate-half) и номер главы римскими не используется — вместо него иконка категории над плашкой, справа текст 640px;
   обложки — пара широких и ряд узких; FAQ — две колонки с тонкой золотой рамкой; футер по центру. */
.meb-wrap{margin:0}
.meb-band{padding:40px 16px}
.meb-band:nth-child(even){background:#072a31}
.meb-in{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
.meb-head{position:sticky;top:80px;text-align:center}
.meb-head img{width:56px;height:56px;margin:0 auto 6px}
.meb-plate{display:flex;align-items:center;justify-content:center;min-height:64px;padding:12px 20px;background:url(/assets/img/myempire-plate-half.webp) center/100% 100% no-repeat}
.meb-plate h2,.meb-plate h1{margin:0;color:#fff;font:700 19px/1.25 Cinzel,Georgia,serif;text-transform:uppercase;text-shadow:0 2px 3px #000}
.meb-txt{color:#dbe4e5}
.meb-txt p{margin:0 0 14px}
.meb-txt p:last-child{margin-bottom:0}
.meb-txt strong{color:#fff}
.meb-txt ul,.meb-txt ol{margin:0 0 14px;padding-left:22px}
.meb-txt li{margin-bottom:7px}
.meb-txt li::marker{color:#e8c278;font-weight:700}
.meb-txt a[data-local]{color:#e8c278;font-weight:700}
.meb-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 16px}
.meb-pair a{display:block;border:2px solid #c49a4c;border-radius:6px;overflow:hidden}
.meb-pair img{width:100%;aspect-ratio:226/151;object-fit:cover}
.meb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 16px}
.meb-row a{display:block;border:2px solid #1f5560;border-radius:6px;overflow:hidden}
.meb-row img{width:100%;aspect-ratio:226/338;object-fit:cover}
.meb-go{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;background:url(/assets/img/myempire-btn-secondary.webp) center/100% 100% no-repeat;color:#fff;font:700 15px/1 Cinzel,Georgia,serif;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 2px #000}
.meb-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.meb-faq div{padding:14px 16px;border:1px solid #c49a4c;border-radius:6px;background:rgba(3,24,28,.6)}
.meb-faq h3{margin:0 0 6px;color:#e8c278;font:700 16px/1.3 Cinzel,Georgia,serif}
.meb-faq p{margin:0}
.meb-ft{padding:30px 16px 26px;background:#021215;border-top:1px solid #1f5560;text-align:center;color:#9fb4b7;font-size:14px}
.meb-ft img{width:110px;height:59px;margin:0 auto 14px}
.meb-ft__l{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;margin-bottom:14px;font:700 14px/1.3 Cinzel,Georgia,serif}
.meb-ft a{color:#fff;text-decoration:none}
.meb-ft__rg{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.meb-ft__rg a{padding:4px 12px;border:1px solid #1f5560;border-radius:4px}
.meb-ft__rg .is-18{background:#c49a4c;border-color:#c49a4c;color:#03181c;font-weight:700}
.meb-ft p{margin:6px 0 0}
@media (max-width:900px){
  .meb-in{grid-template-columns:1fr;gap:16px}
  .meb-head{position:static}
  .meb-faq{grid-template-columns:1fr}
}
@media (max-width:640px){
  .meb-band{padding:30px 12px}
  .meb-plate h2,.meb-plate h1{font-size:16px}
  .meb-row{grid-template-columns:repeat(2,1fr)}
  .meb-go{width:100%}
}