/* NLauncher — общий слой сайта в стиле главной «Острова» (2026-10-12).
 * Подключается последним на каждой странице (кроме главной — у неё home2.vN.css): цвета и фон страницы, шапка любого
 * семейства страниц (.nc-top кабинета, .h-top лендингов, header.top, .hh, .tx-header, шапка /download) в виде шапки
 * главной, общий подвал .o-foot, плитки-герои разделов. Тема — html[data-theme] (ключ nl-site-theme).
 * Файл версионирован: правки — новым site2.v5.css (+ apply-site2.py). v2, v3, v4 — блоки в конце файла. */
:root{
  --s2-bg:#E9EEF7;--s2-card:#FFFFFF;--s2-soft:#EEF2F9;--s2-line:#DCE3EF;--s2-text:#14203D;--s2-text2:#3F4A63;--s2-mute:#5D6880;
  --s2-acc:#2E6CF6;--s2-acc-d:#1E4FC4;--s2-acc-text:#1E56D4;
  --s2-shadow:0 1px 2px rgba(20,32,61,.06),0 10px 28px rgba(20,32,61,.08);
  --s2-tile-sh:inset 0 -7px 0 rgba(0,0,0,.14),0 16px 36px rgba(18,38,92,.16);
  --s2-sky:linear-gradient(180deg,#2B63EC 0%,#4F86FA 46%,#A9CBFF 100%);--s2-glow:rgba(255,255,255,.34);
  --s2-deep:linear-gradient(160deg,#13224D 0%,#24418A 100%);
  --s2-pix:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAu0lEQVR42o1TuxLDIAxTOAaO0f//jR45NrpgTlWdNCzBLyzLyrXWwj4dwMC7c3LLNoyCJl8t/LpfhCBDondsO/xWKGCSgKQ48iJnVgrMHfQEctvxIQhQqQsTOKjQybb9UAtfcBDw/Ylx8TUAMx7gmbnLlOKfx7ItQAibN/roAFr5IxYnVHoOB/YAVXXQaGOvRui0CUZxyK4ZsyImp/vUBiXpNESVmUbO/5ONwJwYwc+20WtS7In+cbPK8QFXdVR/kLzrjwAAAABJRU5ErkJggg==")
}
html[data-theme="dark"]{
  --s2-bg:#0A0F1E;--s2-card:#121A30;--s2-soft:#18213B;--s2-line:#232E4C;--s2-text:#EEF2FF;--s2-text2:#C3CBE5;--s2-mute:#98A3C6;
  --s2-acc:#4C82FF;--s2-acc-d:#2C5BD0;--s2-acc-text:#9DBBFF;
  --s2-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.3);
  --s2-sky:linear-gradient(180deg,#0C1840 0%,#183273 52%,#3159B4 100%);--s2-glow:rgba(160,190,255,.18);
  --s2-deep:linear-gradient(160deg,#0A1330 0%,#16285A 100%)
}
html body{background-color:var(--s2-bg)!important}

/* ---------- шапка: любое семейство страниц выглядит как шапка главной ---------- */
html body header.nc-top,html body header.h-top,html body header.top,html body header.hh,html body header.tx-header,html body>header:not([class]){
  background:color-mix(in srgb,var(--s2-bg) 86%,transparent)!important;border-bottom:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}
html body .nc-brand,html body .h-brand,html body header.top .brand,html body .hh .brand,html body .tx-brand,html body>header:not([class]) .brand{
  display:inline-flex!important;align-items:center!important;gap:10px!important;color:var(--s2-text)!important;text-decoration:none!important;
  font:800 21px/1 Onest,system-ui,sans-serif!important;letter-spacing:-.01em!important;text-transform:none!important}
html body .nc-brand span,html body .h-brand span,html body header.top .brand span,html body .tx-brand span,html body>header:not([class]) .brand span{
  font:inherit!important;letter-spacing:inherit!important;text-transform:none!important;color:inherit!important}
html body .nc-brand img,html body .h-brand img,html body header.top .brand img,html body .hh .brand img,html body .tx-brand img,html body>header:not([class]) .brand img{
  width:34px!important;height:34px!important;border-radius:9px!important}
/* круглые кнопки: тема, вход-иконка */
html body #nc-theme,html body #h-theme,html body #theme-btn,html body #dl-theme,html body header #nav-login.h-ibtn,html body header #nav-login.icon-btn,html body header #nav-login.ibtn,html body .nc-top .nc-ib{
  width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid var(--s2-line)!important;background:var(--s2-card)!important;
  color:var(--s2-text)!important;box-shadow:var(--s2-shadow)!important;display:inline-grid!important;place-items:center!important}
/* «Скачать» — синяя таблетка */
html body .nc-btn-dl,html body header .h-dl-top,html body header.top .btn.pri,html body .hh .btn.pri{
  background:var(--s2-acc)!important;color:#fff!important;border:0!important;border-radius:99px!important;box-shadow:none!important;
  font:700 15px/1 Onest,system-ui,sans-serif!important;padding:12px 20px!important;height:auto!important;text-decoration:none!important}
html body .nc-btn-dl:hover,html body header .h-dl-top:hover,html body header.top .btn.pri:hover,html body .hh .btn.pri:hover{background:var(--s2-acc-d)!important}
/* «Войти» текстом (кабинет, /download) */
html body .nc-top .nc-chip.guest,html body .nc-top a.nc-chip[href^="/login"],html body .tx-login,html body>header:not([class]) .login{
  background:transparent!important;border:0!important;box-shadow:none!important;color:var(--s2-text)!important;font:700 15px/1 Onest,system-ui,sans-serif!important}

/* ---------- общий подвал ---------- */
.o-foot{max-width:1280px;margin:64px auto 0;padding:0 40px;box-sizing:border-box;font-family:Onest,system-ui,sans-serif;color:var(--s2-text)}
.o-foot *{box-sizing:border-box}
.o-foot .o-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--s2-text)!important;font-weight:800;font-size:21px;letter-spacing:-.01em}
.o-foot .o-brand img{width:32px;height:32px;border-radius:9px;display:block}
.o-foot-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:22px;padding:54px 0 40px}
.o-foot-brand p{margin:14px 0 16px;font-size:14px;line-height:1.55;color:var(--s2-mute);max-width:240px}
.o-foot h3{margin:0 0 12px;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--s2-acc-text)}
.o-foot-grid>div:not(.o-foot-brand){display:flex;flex-direction:column;gap:12px}
.o-foot-grid>div>a{color:var(--s2-text2)!important;text-decoration:none;font-weight:600;font-size:15px}
.o-foot-grid>div>a:hover{color:var(--s2-acc-text)!important}
.o-soc{display:flex;gap:8px;flex-wrap:wrap}
.o-soc a{display:inline-flex;align-items:center;padding:8px 13px;border-radius:12px;background:var(--s2-card);border:1px solid var(--s2-line);color:var(--s2-text)!important;text-decoration:none;font-weight:700;font-size:13px;box-shadow:var(--s2-shadow)}
.o-soc a:hover{color:var(--s2-acc-text)!important}
.o-foot-bot{display:flex;gap:12px 24px;flex-wrap:wrap;justify-content:space-between;padding:20px 0 34px;border-top:1px solid var(--s2-line);font-size:13px;color:var(--s2-mute)}
.o-foot-bot span:last-child{display:flex;gap:18px;flex-wrap:wrap}
.o-foot-bot a{color:var(--s2-mute)!important;text-decoration:none}
.o-foot-bot a:hover{color:var(--s2-acc-text)!important}
@media (max-width:1240px){.o-foot{padding-left:24px;padding-right:24px}}
@media (max-width:640px){.o-foot{padding-left:12px;padding-right:12px}.o-foot-grid{grid-template-columns:1fr 1fr;padding-top:36px}.o-foot-brand{grid-column:1/-1}}

/* ---------- плитки-герои: начало страницы — синяя плитка «небо», как «Это ты» на главной ---------- */
.cx-hero>.wrap,.x-hero>.x-hero-in,.card.wd-hero,.card.em-hero,.card.lk-hero,.px-hero>.px-hero-in,main>.hero,.tx-hero,.cl-hero,.hp-hero,
main.wrap>section.head,.bh,.nx-head,.card.hero-h,.au-hero,.au-intro{
  position:relative!important;isolation:isolate;overflow:hidden!important;border:0!important;border-radius:30px!important;color:#fff;
  background:radial-gradient(70% 60% at 78% 8%,var(--s2-glow) 0%,rgba(255,255,255,0) 62%),var(--s2-sky)!important;
  box-shadow:var(--s2-tile-sh)!important}
.cx-hero>.wrap::before,.x-hero>.x-hero-in::before,.card.wd-hero::before,.card.em-hero::before,.card.lk-hero::before,.px-hero>.px-hero-in::before,main>.hero::before,.tx-hero::before,.cl-hero::before,.hp-hero::before,
main.wrap>section.head::before,.bh::before,.nx-head::before,.card.hero-h::before,.au-hero::before,.au-intro::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none;display:block!important;
  background:var(--s2-pix)!important;background-size:64px 64px!important;image-rendering:pixelated;opacity:.6!important;border:0!important;transform:none!important}
/* текстовая колонка героя — белым */
:is(.cx-hero>.wrap>div:first-child,.x-hero-txt,.wd-hero>.info,.em-hero>.info,.lk-hero>.info,.px-copy,main>.hero,.tx-hero>div:first-child,.cl-head,.hp-hero,
  main.wrap>section.head>div:first-child,.bh>div:first-child,.nx-head,.hero-h,.au-hero>div:first-child,.au-intro) :is(h1,h2){
  color:#fff!important;text-shadow:0 4px 0 rgba(8,22,64,.22)}
:is(.cx-hero>.wrap>div:first-child,.x-hero-txt,.wd-hero>.info,.em-hero>.info,.lk-hero>.info,.px-copy,main>.hero,.tx-hero>div:first-child,.cl-head,.hp-hero,
  main.wrap>section.head>div:first-child,.bh>div:first-child,.nx-head,.hero-h,.au-hero>div:first-child,.au-intro) h1 :is(em,span:not(.count)){
  color:#CFE0FF!important;-webkit-text-fill-color:#CFE0FF!important;background:none!important;font-style:normal}
:is(.cx-hero>.wrap>div:first-child,.x-hero-txt,.wd-hero>.info,.em-hero>.info,.lk-hero>.info,.px-copy,main>.hero,.tx-hero>div:first-child,.cl-head,.hp-hero,
  main.wrap>section.head>div:first-child,.bh>div:first-child,.nx-head,.hero-h,.au-hero>div:first-child,.au-intro) :is(p,li,.lead,.flow){
  color:rgba(255,255,255,.92)!important}
:is(.cx-hero>.wrap>div:first-child,.x-hero-txt,.wd-hero>.info,.em-hero>.info,.lk-hero>.info,.px-copy,main>.hero,.tx-hero>div:first-child,.cl-head,.hp-hero,
  main.wrap>section.head>div:first-child,.bh>div:first-child,.nx-head,.hero-h,.au-hero>div:first-child,.au-intro) :is(.kick,.kicker,.x-kick,.nc-kicker,.k,.na-eyebrow,.px-eyebrow,.tx-pill){
  color:rgba(255,255,255,.88)!important;background:transparent!important}
:is(.cx-hero>.wrap>div:first-child,.x-hero-txt,.wd-hero>.info,.em-hero>.info,.lk-hero>.info,.px-copy,main>.hero,.tx-hero>div:first-child,.cl-head,.hp-hero,
  main.wrap>section.head>div:first-child,.bh>div:first-child,.nx-head,.hero-h,.au-hero>div:first-child,.au-intro) a:not([class]){color:#fff!important;text-decoration:underline;text-underline-offset:3px}
/* кнопки в герое: главная — белая, остальные — «стекло» */
:is(.cx-hero,.x-hero,.wd-hero,.em-hero,.lk-hero,.px-hero,main>.hero,.tx-hero,.cl-head,.hp-hero,main.wrap>section.head,.bh,.nx-head,.hero-h,.au-hero) :is(.btn.pri,.l-btn.pri,.nc-btn,.btn.w){
  background:#fff!important;color:#1A3EA6!important;border:0!important;border-radius:15px!important;box-shadow:0 4px 0 rgba(8,22,64,.3)!important;font-weight:800!important}
:is(.cx-hero,.x-hero,.wd-hero,.em-hero,.lk-hero,.px-hero,main>.hero,.tx-hero,.cl-head,.hp-hero,main.wrap>section.head,.bh,.nx-head,.hero-h,.au-hero) :is(.btn:not(.pri):not(.w),.l-btn.sec,.btn.sec,.btn.gh){
  background:rgba(10,30,90,.22)!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:15px!important;box-shadow:none!important;font-weight:800!important}
/* цифры героя — на «стекле» */
:is(.wd-hero,.lk-hero) .kpis{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.26)!important;border-radius:18px!important}
:is(.wd-hero,.lk-hero) .kpis>div{border-color:rgba(255,255,255,.22)!important}
:is(.wd-hero,.lk-hero) .kpis :is(b,span){color:#fff!important}
:is(.wd-hero,.lk-hero) .kpis span{opacity:.82}
/* картинка/3D справа — светлая панель внутри плитки */
:is(.wd-hero,.lk-hero)>.stage,.em-hero>.stage,.px-hero .px-stage{margin:14px!important;border-radius:22px!important;overflow:hidden!important}
/* геометрия: герои-обёртки (.wrap) сжимаются до колонки содержимого страницы, внутри — поля плитки */
.cx-hero,.x-hero,.px-hero{padding-top:6px!important;padding-bottom:26px!important;background:transparent!important}
.cx-hero>.wrap,.x-hero>.x-hero-in,.px-hero>.px-hero-in,.nx-head,.cl-hero{
  width:calc(100% - 88px)!important;max-width:1192px!important;margin:6px auto 26px!important;padding:44px 40px!important;box-sizing:border-box!important}
.x-hero>.x-hero-in,.px-hero>.px-hero-in{margin:0 auto!important}
main>.hero,.hp-hero,main.wrap>section.head,.tx-hero,.au-hero,.au-intro{padding:44px 40px!important;box-sizing:border-box!important}
.card.hero-h{padding:34px 32px!important}
.cx-hero>.wrap{min-height:0!important}
/* PLUS — тёмно-синяя плитка, как на главной */
.px-hero>.px-hero-in{background:radial-gradient(60% 60% at 80% 0%,rgba(130,160,255,.22) 0%,rgba(255,255,255,0) 62%),linear-gradient(160deg,#0E1A3D 0%,#22386E 100%)!important}
.px-hero>.px-hero-in::before{opacity:.3!important}
/* острова — настоящие рендеры из мира игры (те же, что на главной) */
main>.hero::after,.hp-hero::after,.nx-head::after,.card.hero-h::after,.au-intro::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat!important}
main>.hero{min-height:330px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:14px!important}
main>.hero>*{max-width:calc(100% - 330px)!important;margin:0!important;flex:none!important}
main>.hero::after{background-image:url(/assets/home2/wave.v1.webp),url(/assets/home2/blk-petals.v1.webp),url(/assets/home2/isl-grass.v1.webp)!important;
  background-size:auto 186px,120px auto,90px auto!important;background-position:right 126px bottom 124px,right 130px bottom 24px,right 28px top 24px!important}
.hp-hero::after{background-image:url(/assets/home2/isl-petals.v1.webp),url(/assets/home2/isl-grass.v1.webp)!important;
  background-size:118px auto,104px auto!important;background-position:left 44px bottom 30px,right 54px top 30px!important}
.nx-head{min-height:300px}
.nx-head>*{max-width:calc(100% - 300px)!important}
.nx-head::after{background-image:url(/assets/home2/isl-cherry.v1.webp)!important;background-size:230px auto!important;background-position:right 60px center!important}
.card.hero-h::after{background-image:url(/assets/home2/isl-farm.v1.webp)!important;background-size:120px auto!important;background-position:right 28px center!important}
.card.hero-h>*{max-width:calc(100% - 150px)}
.au-intro::after{background-image:url(/assets/home2/wave.v1.webp),url(/assets/home2/blk-petals.v1.webp)!important;
  background-size:auto 180px,116px auto!important;background-position:right 52px bottom 120px,right 56px bottom 22px!important}
@media (max-width:1240px){.cx-hero>.wrap,.x-hero>.x-hero-in,.px-hero>.px-hero-in,.nx-head,.cl-hero{width:calc(100% - 48px)!important}}
@media (max-width:860px){
  main>.hero::after,.hp-hero::after,.nx-head::after,.card.hero-h::after,.au-intro::after{display:none}
  main>.hero>*,.nx-head>*,.card.hero-h>*{max-width:none!important}
  .cx-hero>.wrap,.x-hero>.x-hero-in,.px-hero>.px-hero-in,.nx-head,.cl-hero,main>.hero,.hp-hero,main.wrap>section.head,.tx-hero,.au-hero,.au-intro{padding:30px 22px!important}
}
@media (max-width:640px){
  .cx-hero>.wrap,.x-hero>.x-hero-in,.px-hero>.px-hero-in,.nx-head,.cl-hero{width:calc(100% - 24px)!important}
  .cx-hero>.wrap,.x-hero>.x-hero-in,.px-hero>.px-hero-in,.nx-head,.cl-hero,.card.wd-hero,.card.em-hero,.card.lk-hero,main>.hero,.tx-hero,.hp-hero,main.wrap>section.head,.bh,.card.hero-h,.au-hero,.au-intro{border-radius:26px!important}
}
/* /emotes-howto: шаги-таблетки на синем */
.card.hero-h .flow span{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.26)}
.card.hero-h .flow i{color:rgba(255,255,255,.7)!important}
/* /download, «Спасибо»: меню в шапке по центру */
html body>header:not([class]) nav .nlx-bar,html body .tx-nav .nlx-bar{margin:0 auto!important}
html body .s2-sp,html body .tx-nav>.sp{display:none!important}
/* ссылки-подписи в героях: белым */
.cx-hero .cx-host,.cx-hero .cx-host span,main>.hero .ver-new,main>.hero .ver{color:#fff!important}
main>.hero .ver{opacity:.8}
/* вход/регистрация: обёртка страницы красится своим --bg — тот же фон, что у сайта */
#auth-root{background:var(--s2-bg)!important}

/* ================= v2 (2026-10-12): недочёты, найденные проверкой всех страниц ================= */

/* светлые карточки внутри плитки-героя — свой тёмный текст (в v1 наследовали белый цвет плитки: белым по белому) */
html body :is(.tx-hero .tx-file,.em-hero .now,section.head .wallet,.cl-hero .cl-latest,main>.hero>.card,.au-intro .au-tips){color:var(--s2-text)!important}
html body .au-intro .au-tips.au-tips.au-tips :is(li,p){color:var(--s2-text2)!important}  /* тройной класс: сильнее белого правила v1 (0,4,1) */
html body :is(section.head .wallet,.cl-hero .cl-latest,main>.hero>.card) :is(.btn.pri,.l-btn.pri){
  background:var(--s2-acc)!important;color:#fff!important;border:0!important;box-shadow:0 3px 0 var(--s2-acc-d)!important}

/* цвета редкости: shop.v2.css задаёт их только внутри магазина (.shx), а классы .r-* есть и в модалке вещи, и в каталоге —
   там --rc был пустым (плашка «Легендарная» белым по белому) */
:root{--rc-common:#8A909C;--rc-uncommon:#3FA34D;--rc-rare:#2E6CF6;--rc-epic:#8B5CF6;--rc-legendary:#E59A0C;--rc-mythic:#E6397A}
html[data-theme="dark"]{--rc-common:#9AA1AD;--rc-uncommon:#6FD17E;--rc-rare:#6F9BFF;--rc-epic:#B794FF;--rc-legendary:#F5C445;--rc-mythic:#FF6FA5}

/* /download: кнопки других систем — вторичные синие вместо чёрных; блок про macOS — тёмно-синяя плитка, как на главной */
html body .rows .row:not(.mine) .dl:not(.done):not([disabled]){
  background:var(--s2-soft)!important;color:var(--s2-acc-text)!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--s2-acc) 30%,transparent)!important}
html body .rows .row:not(.mine) .dl:not(.done):not([disabled]):hover{background:color-mix(in srgb,var(--s2-acc) 13%,var(--s2-card))!important}
html body .cards>.dark{
  background:radial-gradient(60% 60% at 85% 0%,rgba(130,160,255,.2) 0%,rgba(255,255,255,0) 62%),linear-gradient(160deg,#0E1A3D 0%,#22386E 100%)!important;
  border:0!important;box-shadow:var(--s2-tile-sh)!important}

/* /hosting: «Опиши сервер словами» — тёмно-синяя плитка по ширине страницы вместо чёрной полосы от края до края */
html body .x-ai-sec>.x-night{
  width:calc(100% - 48px);max-width:1192px;margin:0 auto;border-radius:30px;padding:64px 0 40px;
  background:linear-gradient(160deg,#0E1A3D 0%,#22386E 100%);box-shadow:var(--s2-tile-sh);
  --surface:#13224F;--surface-2:#192C5F;--line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.2)}
html body .x-ai-sec>.x-night::after{background:linear-gradient(180deg,rgba(14,26,61,.94) 0%,rgba(14,26,61,.5) 42%,rgba(30,52,108,.94) 100%)}
html body .x-ai-sec>.x-night>.l-wrap{max-width:none;padding:0 40px}
html body .x-ai-sec>.x-night .x-ai{background:rgba(11,21,52,.84);box-shadow:0 40px 80px -40px rgba(3,8,26,.85)}
@media (max-width:860px){html body .x-ai-sec>.x-night>.l-wrap{padding:0 22px}}
@media (max-width:640px){
  html body .x-ai-sec>.x-night{width:calc(100% - 24px);border-radius:24px;padding:44px 0 26px}
  html body .x-ai-sec>.x-night>.l-wrap{padding:0 14px}}

/* PLUS: «сейчас танцует» на тёмно-синей плитке — тёмное стекло (в светлой теме было светлым, а текст белым) */
html body .px-hero .px-np{--px-glass:rgba(10,18,44,.62);--line:rgba(255,255,255,.14);--mute:#AEB8D8;color:#fff}

/* /download/thanks: длинные команды не растягивают страницу на телефоне */
html body .tx-step>div{min-width:0}
html body .tx-code{max-width:100%}
html body .tx-code pre{overflow-x:auto}

/* гардероб, тёмная тема: «−20 %» на мятной плашке — тёмным */
html[data-theme="dark"] body .set .off{color:#04301A}
/* документация: «Да» читается на светлом фоне */
html:not([data-theme="dark"]) body .dx-feedback .yes{color:#15803D!important}
/* /mods: SEO-блок в цветах страницы (в разметке оставался класс тёмной версии) */
html body .l-seo .seo.seo-dark{--s-ink:var(--ink);--s-ink2:var(--ink-2);--s-mute:var(--mute);--s-card:var(--surface);--s-line:var(--line);--s-acc:var(--acc);--s-acc-soft:var(--acc-soft)}

/* шапки всех семейств — в одной колонке с главной (1200): логотип и меню не прыгают при переходах между страницами */
html body header.nc-top .nc-row{box-sizing:border-box}
html body header.nc-top .nc-row{column-gap:16px}
html body:not(:has(.nc-wrap)) header.nc-top .nc-row{width:fit-content;min-width:min(1248px,100%);max-width:100%;margin-left:auto;margin-right:auto}
/* колокольчик уведомлений — только вошедшим (v1 случайно показывал его гостям: перебивал display у .ns-authonly) */
html:not(.nc-in) body .nc-top .ns-authonly{display:none!important}
html body .page>header>nav,html body .page>main{max-width:1248px}
html body header.tx-header .tx-nav{max-width:1248px}
/* меню не помещается в шапку уже ~1100px (страница уезжала вбок): 1101–1180 — плотнее, до 1100 — кнопка-меню, как на телефоне */
@media (min-width:1101px) and (max-width:1180px){html body .nlx-bar .nlx-a.nlx-a{padding:0 8px!important;font-size:13.5px!important}}
@media (max-width:1100px){html body header:has(.nlx-burger) .nlx-bar{display:none!important}html body .nlx-burger{display:grid!important}}

/* ================= v3 (2026-10-12): плитки-заголовки для оставшихся страниц, кабинет без чёрного и фиолетового ================= */

/* .s2-hero — синяя плитка «небо» для заголовка страницы (класс ставится в разметку: рейтинг, добавление сервера, сообщество,
   партнёры, вебхуки, документы); isl-* — настоящий остров из мира игры справа */
html body .s2-hero{position:relative!important;isolation:isolate;overflow:hidden!important;border:0!important;border-radius:30px!important;color:#fff!important;
  background:radial-gradient(70% 60% at 78% 8%,var(--s2-glow) 0%,rgba(255,255,255,0) 62%),var(--s2-sky)!important;box-shadow:var(--s2-tile-sh)!important;
  padding:40px!important;box-sizing:border-box!important}
html body .s2-hero::before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none;display:block!important;
  background:var(--s2-pix)!important;background-size:64px 64px!important;image-rendering:pixelated;opacity:.6!important}
html body .s2-hero[class*="isl-"]::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:48px;top:50%;width:var(--iw,140px);aspect-ratio:var(--ia,1);
  transform:translateY(-50%);background:var(--isl) center/contain no-repeat;filter:drop-shadow(0 18px 18px rgba(8,22,64,.28))}
html body .s2-hero[class*="isl-"]>*{max-width:calc(100% - 220px)}
html body .s2-hero.isl-snowy{--isl:url(/assets/home2/isl-snowy.v1.webp);--ia:290/340;--iw:132px}
html body .s2-hero.isl-home{--isl:url(/assets/home2/isl-home.v1.webp);--ia:500/560;--iw:168px}
html body .s2-hero.isl-friends{--isl:url(/assets/home2/isl-friends.v1.webp);--ia:592/691;--iw:150px}
html body .s2-hero.isl-farm{--isl:url(/assets/home2/isl-farm.v1.webp);--ia:320/319;--iw:150px}
html body .s2-hero.isl-grass{--isl:url(/assets/home2/isl-grass.v1.webp);--ia:320/490;--iw:104px}
html body .s2-hero :is(h1,h2){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 4px 0 rgba(8,22,64,.22)}
html body .s2-hero h1 :is(em,span){color:#CFE0FF!important;-webkit-text-fill-color:#CFE0FF!important;background:none!important;font-style:normal}
html body .s2-hero :is(p,li,.lead,.rt-lead){color:rgba(255,255,255,.92)!important}
html body .s2-hero :is(.kick,.kicker,.k,.eyebrow){color:rgba(255,255,255,.9)!important;background:transparent!important;border-color:rgba(255,255,255,.35)!important}
html body .s2-hero a:not([class]){color:#fff!important;text-decoration:underline;text-underline-offset:3px}
html body .s2-hero .stats :is(.v,.k){color:#fff!important}
html body .s2-hero .stats .k{opacity:.82}
html body .s2-hide{display:none!important}
html body .s2-hero .s2-dot{background:#fff!important}
@media (max-width:860px){
  html body .s2-hero{padding:28px 22px!important;border-radius:24px!important}
  html body .s2-hero[class*="isl-"]::after{display:none}
  html body .s2-hero[class*="isl-"]>*{max-width:none}}
/* /partners: 3D-фигурки стоят внутри плитки, по её краям */
html body .mascots.s2-in{top:var(--s2-mt,64px);height:290px;z-index:3!important}
html body .mascots.s2-in .mascot{width:228px;height:290px}
html body .mascots.s2-in .mascot.left{left:calc(50% - 470px)}
html body .mascots.s2-in .mascot.right{left:calc(50% + 242px)}
/* оглавление вебхуков на плитке — «стекло»; заголовок добавления сервера — во всю ширину; сообщество — с отступами */
html body .s2-hero .wh-toc a{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.4)!important;color:#fff!important;text-decoration:none!important}
html body .s2-hero .wh-toc a:hover{background:rgba(255,255,255,.28)!important}
html body .sa-head.s2-hero{max-width:none!important}
html body .head.s2-hero{margin:20px 0 18px!important}
html body .head.s2-hero.isl-friends{--iw:112px}

/* кабинет: главная кнопка страницы — синяя, акцентная цифра — тёмно-синяя плитка, PLUS — как плитка PLUS на главной */
html body #pageAction{background:var(--s2-acc)!important;color:#fff!important;box-shadow:0 3px 0 var(--s2-acc-d)!important}
html body #pageAction:hover{background:var(--s2-acc-d)!important}
html body .cb-stat.hi{background:linear-gradient(160deg,#13224D 0%,#24418A 100%)!important;box-shadow:var(--s2-tile-sh)}
html body .plx-mini{background:radial-gradient(60% 120% at 92% 0%,rgba(130,160,255,.28) 0%,rgba(255,255,255,0) 60%),linear-gradient(160deg,#0E1A3D 0%,#22386E 100%)!important;
  box-shadow:var(--s2-tile-sh)!important}
html body .plx-mini .w{background:linear-gradient(135deg,#FCD34D,#F59E0B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html body .plx-mini .go{color:#1A3EA6!important}

/* ================= v4 (2026-10-12): публичный профиль игрока ================= */
/* герой профиля — плитка «небо» со своей сеткой: слева 3D-модель на светлой панели, справа данные игрока
   (v1 по ошибке применял к нему правила героя /download: колонка, ограничение ширины, чужой персонаж и острова) */
html body main>.hero.card{display:grid!important;grid-template-columns:minmax(0,420px) minmax(0,1fr)!important;gap:0!important;padding:0!important;
  min-height:0!important;align-items:stretch!important;justify-content:normal!important}
html body main>.hero.card>*{max-width:none!important;margin:0!important}
html body main>.hero.card::after{content:none!important;display:none!important}
html body main>.hero.card>.stage{margin:14px!important;border:0!important;border-radius:22px!important;min-height:480px}
html body main>.hero.card>.info{padding:30px 34px 30px 20px!important}
html body main>.hero.card .badge{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
html body main>.hero.card :is(.status,.status b,.status span:not(.dot),.bio){color:rgba(255,255,255,.92)!important}
html body main>.hero.card .status .sep{color:rgba(255,255,255,.55)!important}
html body main>.hero.card :is(.tags .tag,.links a,.links span){background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
html body main>.hero.card .hl{color:var(--s2-text)!important}
html body main>.hero.card .hl :is(small,em,i:not(.hi)){color:var(--s2-mute)!important}
html body main>.hero.card .facts{border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.1)!important}
html body main>.hero.card .facts>*{border-color:rgba(255,255,255,.25)!important}
html body main>.hero.card .facts span{color:rgba(255,255,255,.75)!important}
html body main>.hero.card .cape-rep,html body main>.hero.card .cape-rep .lnk{color:rgba(255,255,255,.8)!important}
@media (max-width:860px){
  html body main>.hero.card{grid-template-columns:minmax(0,1fr)!important}
  html body main>.hero.card>.stage{margin:12px 12px 0!important;min-height:380px}
  html body main>.hero.card>.info{padding:22px 20px 24px!important}}