/* Valor — главная в стиле игрового интерфейса WoW (рамки, «металл», золотые заголовки) */
:root{
  --bg:#0e0b0a;--panel:#18130f;--panel2:#110d0b;--ink:#0a0807;
  --steel-hi:#bdb6ae;--steel:#6f6862;--steel-lo:#2b2724;
  --gold:#f1c22d;--orange:#ff9d3a;--salmon:#ff7757;--amber:#e8b35a;
  --text:#d2c9be;--muted:#968c80;--green:#8ed14f;--green-d:#2f5a16;--red:#d9503c;
  --alli:#4a8fe0;--horde:#d8453a;
  --wrap:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.v2{margin:0;background:linear-gradient(rgba(10,8,7,.72),rgba(10,8,7,.72)),url(tex-body.png) #0e0b0a;background-size:auto,512px;color:var(--text);font:16px/1.6 'Roboto Condensed','PT Sans',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.v2 a{color:var(--amber);text-decoration:none}
.v2 a:hover{color:#ffd27a}
.v2 img{max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.gold{font-family:'Philosopher',serif;font-weight:700;background:linear-gradient(180deg,#f7d44a 0%,#ffb23d 45%,#ff7757 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.95)) drop-shadow(0 0 8px rgba(0,0,0,.5));line-height:1.1}
.kicker{font-family:'Philosopher',serif;font-weight:700;color:var(--gold);font-size:20px;letter-spacing:.3px;text-shadow:0 2px 0 #000}
.muted{color:var(--muted)}
.script{font-family:'Marck Script',cursive;font-weight:400}

/* ---------- металлическая рамка ---------- */
.wf{position:relative;background:linear-gradient(180deg,rgba(28,22,20,.97),rgba(15,12,11,.98));background-image:linear-gradient(180deg,rgba(30,23,21,.94),rgba(14,11,10,.97)),url(tex-panel.png);background-size:auto,256px;
  box-shadow:0 0 0 1px #000,0 0 0 3px #4d4742,0 0 0 4px #1c1917,0 0 0 6px #837c75,0 0 0 7px #000,inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 60px rgba(0,0,0,.55),0 14px 36px rgba(0,0,0,.65)}
.wf::before{content:"";position:absolute;inset:-12px;pointer-events:none;z-index:4;
  background:url(v2/corner-tl.svg) left top/34px no-repeat,url(v2/corner-tr.svg) right top/34px no-repeat,url(v2/corner-bl.svg) left bottom/34px no-repeat,url(v2/corner-br.svg) right bottom/34px no-repeat}
.wf--thin{box-shadow:0 0 0 1px #000,0 0 0 3px #5b554f,0 0 0 4px #000,inset 0 0 40px rgba(0,0,0,.5),0 10px 24px rgba(0,0,0,.55)}
.wf--thin::before{inset:-8px;background-size:24px,24px,24px,24px}
.wf-in{box-shadow:0 0 0 1px #000,0 0 0 3px #57514b,0 0 0 4px #000}

/* ---------- кнопки как в интерфейсе игры ---------- */
.wb{--g1:#3a200e;--g2:#150b05;--glow:255,150,50;--txt:#f5cf85;--edge:#8a6a3a;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 38px;margin:0 20px;
  font:700 19px/1 'Philosopher',serif;letter-spacing:1.6px;text-transform:uppercase;color:var(--txt) !important;text-shadow:0 1px 1px #000,0 0 8px rgba(0,0,0,.6);cursor:pointer;border:0;
  background:radial-gradient(ellipse 70% 90% at 50% 115%,rgba(var(--glow),.6),rgba(var(--glow),0) 70%),linear-gradient(180deg,var(--g1),var(--g2));
  box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--edge),inset 0 0 0 4px #120a05,inset 0 1px 0 5px rgba(255,255,255,.06),0 0 0 1px #000,0 0 0 3px #8e8780,0 0 0 4px #2b2724,0 0 0 5px #6b645e,0 0 0 6px #000;transition:filter .15s,transform .1s}
.wb::before,.wb::after{content:"";position:absolute;top:50%;width:13px;height:24px;transform:translateY(-50%);background:linear-gradient(180deg,#e0d9d0,#7c756f 55%,#3a3531)}
.wb::before{left:-19px;clip-path:polygon(100% 0,0 50%,100% 100%)}
.wb::after{right:-19px;clip-path:polygon(0 0,100% 50%,0 100%)}
.wb:hover{filter:brightness(1.22) saturate(1.1)}
.wb:active{transform:translateY(1px);filter:brightness(.9)}
.wb--green{--g1:#1f3c0d;--g2:#0c1905;--glow:140,230,70;--txt:#e6ffb8;--edge:#5f8f2e}
.wb--red{--g1:#4a120b;--g2:#1a0604;--glow:255,90,50;--txt:#ffd9a8;--edge:#8f3a22}
.wb--block{display:flex;margin:0 20px;width:calc(100% - 40px)}
.wb--big{min-height:62px;font-size:24px}
.wb--sm{min-height:40px;font-size:15px;padding:0 26px}

/* ---------- шапка ---------- */
.v2-head{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#171210 0%,#0c0908 100%);box-shadow:0 1px 0 #000,0 2px 0 #5a534d,0 3px 0 #000,0 10px 24px rgba(0,0,0,.6)}
.v2-head .wrap{max-width:1440px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;gap:20px}
.v2-nav{display:flex;align-items:center;gap:22px;font:700 14px/1 'Roboto Condensed',sans-serif;letter-spacing:.6px;text-transform:uppercase}
.v2-nav a{color:#e9dfd2 !important;white-space:nowrap;padding:8px 0;position:relative}
.v2-nav a:hover,.v2-nav a.on{color:var(--gold) !important}
.v2-nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.v2-nav .dd::after{content:" \25BE";font-size:11px;color:var(--muted)}
.v2-nav--r{justify-content:flex-end}
.v2-nav .hot{color:#1c1300 !important;background:linear-gradient(135deg,#ffd23f,#ff7a2f);padding:6px 10px;border-radius:3px;box-shadow:0 0 12px rgba(255,140,0,.45)}
.v2-logo{display:block;position:relative;z-index:2;margin-top:8px;margin-bottom:-10px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.8))}
.v2-logo img{display:block;height:112px;width:auto}
.v2-gem{position:absolute;left:50%;bottom:-16px;width:64px;height:30px;margin-left:-32px;background:url(v2/gem.svg) center/contain no-repeat;z-index:1}
.v2-burger{display:none;background:#1f1812;border:1px solid #4d4742;color:var(--gold);width:44px;height:40px;border-radius:3px;font-size:22px;cursor:pointer}
.v2-mnav{display:none}

/* ---------- объявление ---------- */
.v2-ann{margin:52px auto 0;display:flex;align-items:center;gap:22px;padding:14px 18px}
.v2-ann__ico{flex:0 0 58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#6b4a24,#1e140a 70%);box-shadow:0 0 0 2px #000,0 0 0 4px #8a827b,0 0 0 5px #000;font-size:26px}
.v2-ann__txt{flex:1;font-size:30px;line-height:1.15}
.v2-ann__txt small{display:block;font:15px/1.4 'Roboto Condensed',sans-serif;color:var(--muted);margin-top:2px}

/* ---------- первый экран: слайдер + сайдбар ---------- */
.v2-top{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;margin-top:34px;align-items:stretch}
/* слайдер тянется на высоту правой колонки (кнопки + баннеры), но не ниже 474px */
.v2-slider{height:auto;min-height:474px;overflow:hidden}
.v2-slide{position:absolute;inset:0;display:flex;align-items:center;padding:0 48px;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;
  background:radial-gradient(ellipse at 20% 50%,#241a14 0%,#120d0b 60%,#0b0807 100%)}
.v2-slide::before{content:"";position:absolute;top:0;right:0;bottom:0;width:70%;background:var(--img) var(--pos,70% 50%)/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 16%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 16%,#000 34%)}
.v2-slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(11,8,7,.55) 0%,rgba(11,8,7,0) 22%),linear-gradient(180deg,rgba(11,8,7,.35) 0%,rgba(11,8,7,0) 14%)}
.v2-slide[data-slot="hero-main"]{--pos:74% 50%}
.v2-slide[data-slot="slide-battlepass"]{--pos:66% 50%}
.v2-slide[data-slot="slide-mythic"]{--pos:58% 50%}
.v2-slide[data-slot="slide-event"]{--pos:72% 50%}
.v2-slide.on{opacity:1;visibility:visible}
.v2-slide__body{max-width:390px;position:relative;z-index:2}
.v2-slide h1,.v2-slide h2{margin:0 0 16px;font-size:46px}
.v2-slide p{margin:0 0 24px;color:#e5ddd2;font-size:17px;line-height:1.55;text-shadow:0 1px 2px #000}
.v2-dots{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:12px;z-index:5}
.v2-dots button{width:14px;height:14px;border-radius:50%;border:0;padding:0;cursor:pointer;background:radial-gradient(circle,#2a2320 40%,#000 41%,#000 55%,transparent 56%),radial-gradient(circle,#a79f97,#4b4540);box-shadow:0 0 0 1px #000}
.v2-dots button.on{background:radial-gradient(circle,#b9ff6a 0,#5fa51c 40%,#000 41%,#000 55%,transparent 56%),radial-gradient(circle,#e8e0d6,#6d6660)}
.v2-side{display:flex;flex-direction:column;gap:16px}
.v2-side .wb{margin-left:20px;margin-right:20px}
.v2-ver{font-size:13px;color:var(--muted);text-align:center;margin-top:-4px}
.v2-ver b{color:#c9b8e8;font-weight:500}
.v2-realms{padding:16px 20px;display:flex;flex-direction:column;gap:10px}
.v2-realm{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;font-size:16px;color:#eadfd3}
.v2-realm i{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9ff9c,#5fa51c 60%,#274a0a);box-shadow:0 0 0 2px #000,0 0 8px rgba(142,209,79,.7)}
.v2-realm i.off{background:radial-gradient(circle at 35% 35%,#ffb3a3,#c0392b 60%,#4a120b);box-shadow:0 0 0 2px #000,0 0 8px rgba(217,80,60,.6)}
.v2-realm em{font-style:normal;color:var(--green);font-weight:700}
.v2-realm small{grid-column:2/4;color:var(--muted);font-size:13px;margin-top:-6px}
.v2-realm small b{color:#8fb4ec;font-weight:500}.v2-realm small b.h{color:#ec8f86}
.v2-banner{display:flex;align-items:center;height:72px;padding:0 16px 0 40%;font-size:25px;line-height:1.05;text-align:center;justify-content:center;
  background:linear-gradient(90deg,rgba(12,9,8,0) 0%,rgba(12,9,8,.15) 38%,rgba(12,9,8,.88) 58%,rgba(12,9,8,.95) 100%),var(--img) left 30%/cover no-repeat,radial-gradient(ellipse at 20% 50%,#3d2c1c,#140e0b 70%);transition:filter .15s}
.v2-banner:hover{filter:brightness(1.18)}

/* ---------- секции ---------- */
.v2-sec{margin-top:92px}
.v2-h{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}
.v2-h h2{margin:0;font-size:42px}
.v2-h a{font:700 15px 'Philosopher',serif;letter-spacing:1px;text-transform:uppercase}
.v2-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.v2-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}

/* новости */
.v2-card{padding:18px 18px 24px;display:flex;flex-direction:column}
.v2-art{position:relative;display:block;background:var(--img) center/cover no-repeat,linear-gradient(rgba(14,11,10,.35),rgba(14,11,10,.35)),url(filler.jpg) center/cover no-repeat,#241b14}
.v2-card .v2-art{aspect-ratio:16/9}
.v2-card__date{margin:16px 0 4px;font-size:13px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}
.v2-card__date b{color:var(--green);font-weight:700}
.v2-card h3{margin:0 0 18px;font:700 21px/1.3 'Philosopher',serif;color:var(--orange);text-shadow:0 1px 0 #000;flex:1}
.v2-card .wb{align-self:center}

/* большая секция-витрина с героями, выходящими за рамку */
.v2-show{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:440px;margin-top:150px}
.v2-show__art{position:relative}
.v2-show__art img{position:absolute;bottom:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.8)) drop-shadow(0 0 1px #000);pointer-events:none}
.v2-show__body{padding:54px 54px 54px 20px}
.v2-show__body h2{margin:0 0 20px;font-size:54px}
.v2-show__body p{margin:0 0 16px;font-size:17px}
.v2-show--rev{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.v2-show--rev .v2-show__body{order:-1;padding:54px 20px 54px 54px}
.v2-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 45% 70%,rgba(142,209,79,.18),transparent 60%)}

/* расы */
.v2-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.v2-tab{font:700 16px 'Philosopher',serif;letter-spacing:.5px;padding:10px 18px;color:var(--muted);background:#15100d;cursor:pointer;border:0;box-shadow:0 0 0 1px #000,0 0 0 3px #3e3934,0 0 0 4px #000}
.v2-tab[aria-selected="true"]{color:#fff2cf;background:linear-gradient(#2a1d10,#150d07);box-shadow:0 0 0 1px #000,0 0 0 3px #a7874f,0 0 0 4px #000}
.v2-tab[data-races-tab="alliance"][aria-selected="true"]{box-shadow:0 0 0 1px #000,0 0 0 3px var(--alli),0 0 0 4px #000}
.v2-tab[data-races-tab="horde"][aria-selected="true"]{box-shadow:0 0 0 1px #000,0 0 0 3px var(--horde),0 0 0 4px #000}
.v2-races{display:flex;gap:18px;overflow-x:auto;padding:8px 6px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6b5530 #140f0c}
.v2-race{flex:0 0 172px;scroll-snap-align:start;text-align:center}
.v2-race[hidden]{display:none}
.v2-race__img{height:230px;background:var(--race) center bottom/auto 94% no-repeat,radial-gradient(ellipse at 50% 90%,rgba(241,194,45,.18),transparent 62%),linear-gradient(#231a15,#100c0a);box-shadow:0 0 0 1px #000,0 0 0 3px #4d4742,0 0 0 4px #000}
.v2-race[data-faction="alliance"] .v2-race__img{box-shadow:0 0 0 1px #000,0 0 0 3px #4d4742,0 0 0 4px #000,inset 0 -3px 0 var(--alli)}
.v2-race[data-faction="horde"] .v2-race__img{box-shadow:0 0 0 1px #000,0 0 0 3px #4d4742,0 0 0 4px #000,inset 0 -3px 0 var(--horde)}
.v2-race[data-faction="both"] .v2-race__img{box-shadow:0 0 0 1px #000,0 0 0 3px #4d4742,0 0 0 4px #000,inset 0 -3px 0 var(--gold)}
.v2-race b{display:block;margin-top:12px;font:700 17px/1.2 'Philosopher',serif;color:#f1e4cf}
.v2-race small{color:var(--muted);font-size:13px}

/* хардкор-модификаторы — иконки как на панели способностей */
.v2-mods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px;margin-top:28px}
.v2-mod{display:flex;align-items:center;gap:12px;font:700 15px/1.25 'Philosopher',serif;color:#efe2cc}
.v2-mod img{flex:0 0 46px;width:46px;height:46px;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 3px #8a8279,0 0 0 4px #000,0 4px 10px rgba(0,0,0,.6)}

/* тройка карточек с артом */
.v2-feat{padding:16px 16px 26px;text-align:center}
.v2-feat .v2-art{aspect-ratio:16/10}
.v2-feat h3{margin:20px 0 10px;font-size:30px}
.v2-feat p{margin:0 14px;font-size:15.5px}

/* призыв «вступить в орден» с артом */
.v2-cta{margin-top:92px;padding:54px 40px 50px;text-align:center;background:linear-gradient(180deg,rgba(11,8,7,.5) 0%,rgba(11,8,7,.2) 35%,rgba(11,8,7,.55) 100%),radial-gradient(ellipse 60% 70% at 50% 45%,rgba(11,8,7,.55),rgba(11,8,7,0) 100%),var(--img) center 45%/cover no-repeat,#140e0b}
.v2-cta h2{margin:0 0 30px;font-size:48px}
.v2-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:900px;margin:0 auto 34px}
.v2-step b{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;transform:rotate(45deg);font:700 24px 'Philosopher',serif;color:var(--gold);background:linear-gradient(135deg,#2a1f16,#0e0a08);box-shadow:0 0 0 1px #000,0 0 0 3px #8a827b,0 0 0 4px #000}
.v2-step b span{transform:rotate(-45deg)}
.v2-step h3{margin:0 0 6px;font:700 22px 'Philosopher',serif;color:#f4e6cc}
.v2-step p{margin:0;color:#efe6da;font-size:15.5px;text-shadow:0 1px 3px #000,0 0 8px #000}
.v2-step h3{text-shadow:0 2px 3px #000,0 0 10px #000}
.v2-cta>.vs-tag{left:16px;top:16px}

/* сообщество */
.v2-comm{padding:26px 24px 30px;text-align:center}
.v2-comm__ico{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 2px #000,0 0 0 4px #8a827b,0 0 0 5px #000}
.v2-comm__ico svg{width:32px;height:32px;fill:#fff}
.v2-comm h3{margin:0 0 8px;font-size:30px}
.v2-comm p{margin:0 0 22px;font-size:15.5px;min-height:50px}

/* подвал */
.v2-foot{margin-top:110px;background:linear-gradient(#0f0b0a,#070504);box-shadow:0 -1px 0 #000,0 -2px 0 #5a534d,0 -3px 0 #000;padding:44px 0 34px;position:relative}
.v2-foot::before{content:"";position:absolute;left:50%;top:-16px;width:64px;height:30px;margin-left:-32px;background:url(v2/gem.svg) center/contain no-repeat}
.v2-foot .wrap{display:grid;grid-template-columns:260px repeat(3,minmax(0,1fr));gap:30px}
.v2-foot img{height:70px;width:auto}
.v2-foot h4{margin:0 0 12px;font:700 17px 'Philosopher',serif;color:var(--gold)}
.v2-foot a{display:block;color:#bfb4a7 !important;padding:3px 0;font-size:15px}
.v2-foot a:hover{color:var(--gold) !important}
.v2-foot__legal{grid-column:1/-1;border-top:1px solid #2a2320;padding-top:18px;font-size:13px;color:#7d7368;text-align:center}

/* метки слотов превью внутри v2 */
.v2 .vs-tag{z-index:6}
.v2-slide>.vs-tag{left:18px;top:18px}
.v2-banner{position:relative}
.v2-banner>.vs-tag{left:6px;top:6px;font-size:10px;padding:1px 6px}

/* ---------- адаптив ---------- */
@media (max-width:1180px){
  .v2-nav{gap:14px;font-size:13px}
  .v2-nav .x{display:none}
}
@media (max-width:1000px){
  .v2-head .wrap{grid-template-columns:auto 1fr auto;height:60px}
  .v2-head .v2-nav{display:none}
  .v2-burger{display:block;justify-self:end}
  .v2-logo{grid-column:2;justify-self:center;margin-top:6px;margin-bottom:-6px}
  .v2-logo img{height:80px}
  .v2-mnav.open{display:flex;flex-direction:column;gap:2px;padding:12px 20px 18px;background:#0c0908;box-shadow:0 2px 0 #5a534d}
  .v2-mnav a{padding:10px 0;border-bottom:1px solid #2a2320;font:700 15px 'Roboto Condensed';text-transform:uppercase;color:#e9dfd2 !important}
  .v2-top{grid-template-columns:1fr}
  .v2-slider{height:474px;min-height:0}
  .v2-side{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .v2-side>*{min-width:0}
  .v2-grid3{grid-template-columns:1fr 1fr}
  .v2-steps{grid-template-columns:1fr}
  .v2-show,.v2-show--rev{grid-template-columns:1fr;margin-top:210px}
  .v2-show__art{min-height:260px}
  .v2-show__body,.v2-show--rev .v2-show__body{order:0;padding:24px 28px 36px}
  .v2-mods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2-foot .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .wrap{padding:0 14px}
  .v2-ann{flex-direction:column;text-align:center;margin-top:44px}
  .v2-ann__txt{font-size:24px}
  .v2-slider{height:520px}
  .v2-slide{padding:0 22px 44px;align-items:flex-end}
  .v2-slide::before{left:0;width:auto;height:60%;bottom:auto;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
  .v2-slide h1,.v2-slide h2{font-size:36px}
  .v2-side{grid-template-columns:1fr}
  .v2-grid3,.v2-grid2{grid-template-columns:1fr}
  .v2-h h2{font-size:32px}
  .v2-show__body h2{font-size:38px}
  .v2-mods{grid-template-columns:1fr}
  .v2-foot .wrap{grid-template-columns:1fr}
  .wb{padding:0 22px;font-size:16px}
}

/* ============ Навигация: кнопки в стиле игрового интерфейса (Valor 2026-09-24) ============ */
.v2-head .wrap{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:64px}
.v2-logo{align-self:start}
.v2-nav{gap:8px;font:700 13px/1 'Roboto Condensed',sans-serif;letter-spacing:.7px}
.v2-nav>a,.v2-dd>a{--edge:#5d4d3c;--g1:#2c211a;--g2:#120d0a;--glow:255,160,60;--gl:0;
  position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 11px 0 8px;border-radius:3px;
  color:#eadcc4 !important;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.7);white-space:nowrap;
  background:radial-gradient(ellipse 85% 110% at 50% 128%,rgba(var(--glow),var(--gl)),rgba(var(--glow),0) 72%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 44%),linear-gradient(180deg,var(--g1),var(--g2));
  box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--edge),inset 0 0 0 3px rgba(0,0,0,.55),0 0 0 1px #000,0 0 0 2px #4f4943,0 0 0 3px #000,0 3px 6px rgba(0,0,0,.55);
  transition:color .15s,box-shadow .15s,transform .12s,filter .15s}
.v2-nav>a:hover,.v2-dd>a:hover,.v2-dd.open>a,.v2-dd:focus-within>a{--edge:#b98f45;--gl:.42;color:#ffe6a3 !important;transform:translateY(-1px)}
.v2-nav>a:active,.v2-dd>a:active{transform:translateY(1px);filter:brightness(.92)}
.v2-nav>a:focus-visible,.v2-dd>a:focus-visible{outline:2px solid #f1c22d;outline-offset:3px}
.v2-nav>a.on{--edge:#e2b64b;--gl:.55;--g1:#3b2a14;--g2:#191007;color:#ffd35a !important;
  box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--edge),inset 0 0 12px rgba(255,190,80,.22),0 0 0 1px #000,0 0 0 2px #8a7a5a,0 0 0 3px #000,0 0 14px rgba(255,180,60,.22),0 3px 6px rgba(0,0,0,.55)}
.v2-nav>a.on::after{content:"";position:absolute;left:50%;right:auto;bottom:-10px;width:9px;height:9px;margin-left:-4.5px;transform:rotate(45deg);
  background:radial-gradient(circle at 35% 30%,#d4ffe0,#23b865 45%,#04401d);box-shadow:0 0 0 1px #000,0 0 0 2px #d0a64a,0 0 0 3px #000,0 0 10px rgba(60,220,120,.55)}
.v2-nav>a.hot{--edge:#ff9d3a;--g1:#5b2a09;--g2:#241004;--glow:255,140,40;--gl:.5;padding:0 11px 0 8px;border-radius:3px;color:#ffe2a8 !important;animation:v2-hot 2.8s ease-in-out infinite;
  background:radial-gradient(ellipse 85% 110% at 50% 128%,rgba(var(--glow),var(--gl)),rgba(var(--glow),0) 72%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 44%),linear-gradient(180deg,var(--g1),var(--g2));
  box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--edge),inset 0 0 0 3px rgba(0,0,0,.55),0 0 0 1px #000,0 0 0 2px #4f4943,0 0 0 3px #000,0 3px 6px rgba(0,0,0,.55)}
.v2-nav>a.hot:hover{--gl:.75;--edge:#ffc15a}
@keyframes v2-hot{0%,100%{filter:none}50%{filter:brightness(1.16) drop-shadow(0 0 7px rgba(255,150,40,.5))}}
.v2-nav>a.cta{--edge:#6f9f36;--g1:#24460f;--g2:#0c1905;--glow:150,235,80;--gl:.32;color:#ecffc8 !important}
.v2-nav>a.cta:hover{--edge:#9fd45a;--gl:.6}
.v2-nav>a.cta.cab{--edge:#d9ad4a;--g1:#3e2c10;--g2:#160f05;--glow:255,200,90;--gl:.35;color:#ffe2a0 !important}
/* иконки: золото через маску */
.v2-nav a[data-i]::before,.v2-mnav a[data-i]::before{content:"";flex:0 0 17px;width:17px;height:17px;
  background:linear-gradient(180deg,#fff4c8,#eab94c 52%,#93601a);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;transition:transform .15s}
.v2-nav>a:hover::before,.v2-dd>a:hover::before,.v2-nav .v2-dd__menu a:hover::before{background:linear-gradient(180deg,#fffbe8,#ffd66e 52%,#b87d24);transform:scale(1.08)}
.v2-nav>a.hot::before,.v2-mnav a.hot::before{background:linear-gradient(180deg,#fff0c8,#ffb14a 50%,#c2561a)}
.v2-nav>a.cta::before,.v2-mnav a.cta::before{background:linear-gradient(180deg,#f4ffd8,#a6e05c 52%,#4c8a1f)}
.v2-nav>a.cta.cab::before,.v2-mnav a.cta.cab::before{background:linear-gradient(180deg,#fff4c8,#eab94c 52%,#93601a)}
/* выпадающее меню «Сообщество» */
.v2-dd{position:relative;display:inline-flex}
.v2-nav .v2-dd>a.dd::after{content:"";width:0;height:0;margin-left:1px;border:4px solid transparent;border-top:5px solid #c9ad78;border-bottom:0;transition:transform .2s}
.v2-dd.open>a.dd::after,.v2-dd:hover>a.dd::after{transform:rotate(180deg)}
.v2-dd__menu{position:absolute;top:100%;left:50%;width:270px;margin-left:-135px;padding-top:16px;z-index:60;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility 0s linear .16s}
.v2-dd:hover .v2-dd__menu,.v2-dd:focus-within .v2-dd__menu,.v2-dd.open .v2-dd__menu{opacity:1;visibility:visible;transform:none;transition:opacity .16s,transform .16s}
.v2-dd__box{position:relative;display:grid;gap:9px;padding:13px;border-radius:3px;background:linear-gradient(180deg,rgba(30,23,21,.98),rgba(14,11,10,.99)),url(tex-panel.png);background-size:auto,256px;
  box-shadow:0 0 0 1px #000,0 0 0 3px #5b554f,0 0 0 4px #000,inset 0 0 30px rgba(0,0,0,.5),0 14px 30px rgba(0,0,0,.7)}
.v2-dd__box::before{content:"";position:absolute;top:-9px;left:50%;width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);background:#1d1714;box-shadow:-2px -2px 0 1px #5b554f,-3px -3px 0 1px #000}
.v2-nav .v2-dd__menu a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:3px;position:relative;text-transform:none;letter-spacing:0;white-space:normal;
  color:#eadcc4 !important;background:linear-gradient(180deg,#241b16,#120d0a);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a3e33;transition:box-shadow .15s,transform .12s}
.v2-nav .v2-dd__menu a:hover{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #b98f45,inset 0 -12px 18px -10px rgba(255,160,60,.45);transform:translateX(2px)}
.v2-nav .v2-dd__menu a[data-i]::before{flex-basis:22px;width:22px;height:22px}
.v2-dd__menu b{display:block;font:700 15px/1.2 'Philosopher',serif;color:#f5d68a}
.v2-dd__menu small{display:block;margin-top:2px;font:400 12.5px/1.25 'Roboto Condensed',sans-serif;color:var(--muted)}
/* узкие экраны: сначала убираем иконки, потом «О проекте» и FAQ (правило .x выше) */
@media (max-width:1400px){ .v2-nav>a::before,.v2-dd>a::before{display:none} .v2-nav>a,.v2-dd>a,.v2-nav>a.hot{padding:0 12px} }
@media (max-width:1320px){ .v2-nav{gap:7px;font-size:12px;letter-spacing:.5px} .v2-nav>a,.v2-dd>a,.v2-nav>a.hot{padding:0 10px} .v2-nav .v2-dd__menu{left:auto;right:-8px;margin-left:0} .v2-dd__box::before{left:auto;right:58px} }
/* ≤1240: шапка переходит на «бургер» раньше остальной вёрстки — иначе кнопки не помещаются */
@media (max-width:1240px){
  .v2-head .wrap{grid-template-columns:auto 1fr auto;grid-template-rows:60px;height:60px}
  .v2-head .v2-nav{display:none}
  .v2-burger{display:block;justify-self:end}
  .v2-logo{grid-column:2;justify-self:center;margin-top:6px;margin-bottom:-6px}
  .v2-logo img{height:80px}
}
/* мобильное меню: сетка из таких же кнопок */
@media (max-width:1240px){
  .v2-mnav.open{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:34px 16px 20px}
  .v2-mnav a{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:0;border-radius:3px;font:700 14px/1 'Roboto Condensed',sans-serif;letter-spacing:.6px;text-transform:uppercase;
    color:#eadcc4 !important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 44%),linear-gradient(180deg,#2c211a,#120d0a);
    box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #5d4d3c,0 0 0 1px #000,0 0 0 2px #4f4943,0 0 0 3px #000}
  .v2-mnav a.on{color:#ffd35a !important;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #e2b64b,inset 0 0 12px rgba(255,190,80,.25),0 0 0 1px #000,0 0 0 2px #8a7a5a,0 0 0 3px #000}
  .v2-mnav a.hot{color:#ffe2a8 !important;background:radial-gradient(ellipse 85% 110% at 50% 128%,rgba(255,140,40,.5),rgba(255,140,40,0) 72%),linear-gradient(180deg,#5b2a09,#241004);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #ff9d3a,0 0 0 1px #000,0 0 0 2px #4f4943,0 0 0 3px #000}
  .v2-mnav a.cta{grid-column:1/-1;justify-content:center;color:#ecffc8 !important;background:radial-gradient(ellipse 85% 110% at 50% 128%,rgba(150,235,80,.35),rgba(150,235,80,0) 72%),linear-gradient(180deg,#24460f,#0c1905);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #6f9f36,0 0 0 1px #000,0 0 0 2px #4f4943,0 0 0 3px #000}
  .v2-mnav a.cta.cab{color:#ffe2a0 !important;background:linear-gradient(180deg,#3e2c10,#160f05);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #d9ad4a,0 0 0 1px #000,0 0 0 2px #4f4943,0 0 0 3px #000}
  .v2-mnav__cap{grid-column:1/-1;margin:6px 0 -2px;font:700 12px/1 'Roboto Condensed',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
}
@media (prefers-reduced-motion:reduce){ .v2-nav>a.hot{animation:none} .v2-nav>a,.v2-dd>a,.v2-dd__menu{transition:none} }

/* ============ Навигация v3 (Valor 2026-09-24): группы «Мир» и «Справка», демо-плашка, подвал ============ */
.v2-nav .v2-dd>a.dd.on{--edge:#e2b64b;--gl:.55;--g1:#3b2a14;--g2:#191007;color:#ffd35a !important;
  box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--edge),inset 0 0 12px rgba(255,190,80,.22),0 0 0 1px #000,0 0 0 2px #8a7a5a,0 0 0 3px #000,0 0 14px rgba(255,180,60,.22),0 3px 6px rgba(0,0,0,.55)}
/* меню левой половины прижато влево, правой — вправо; стрелка ставится скриптом через --ax */
.v2-nav .v2-dd__menu{--ax:50%}
.v2-nav:not(.v2-nav--r) .v2-dd__menu{left:-10px;margin-left:0}
.v2-nav--r .v2-dd__menu{left:auto;right:-10px;margin-left:0}
.v2-dd__box::before{left:var(--ax) !important;right:auto !important}
.v2-dd--wide .v2-dd__menu{width:540px}
.v2-dd--wide .v2-dd__box{grid-template-columns:1fr 1fr}
.v2-nav .v2-dd__menu a.on{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #e2b64b,inset 0 0 14px rgba(255,190,80,.2)}
.v2-nav .v2-dd__menu a.on b{color:#ffd35a}
@media (max-width:1320px){ .v2-dd--wide .v2-dd__menu{width:500px} }
/* плашка «демо-данные» */
.v2-demo{display:flex;align-items:center;gap:14px;margin:26px 0 -6px;padding:12px 18px;border-radius:3px;font-size:15px;color:#e9dcc3;
  background:linear-gradient(90deg,rgba(80,52,12,.55),rgba(30,22,14,.4));box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #7a5a26,0 0 0 1px #000}
.v2-demo b{color:#ffd35a}
.v2-demo__ic{flex:0 0 26px;height:26px;background:linear-gradient(180deg,#fff4c8,#eab94c 52%,#93601a);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;
  --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-1.2 5v7h2.4V7zm0 8.6V18h2.4v-2.4z'/%3E%3C/svg%3E")}
/* подвал: теперь пять колонок */
.v2-foot .wrap{grid-template-columns:240px repeat(4,minmax(0,1fr))}
@media (max-width:1000px){ .v2-foot .wrap{grid-template-columns:1fr 1fr} }

/* ============ Главная: «Исследуй Valor» — плитки новых разделов (Valor 2026-09-24) ============ */
.v2-hub{margin-top:60px;padding:26px 28px 28px}
.v2-hub__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.v2-hub a{position:relative;display:flex;flex-direction:column;gap:6px;min-height:132px;padding:18px 18px 16px 18px;border-radius:3px;color:var(--text) !important;
  background:radial-gradient(ellipse 90% 80% at 50% 120%,rgba(255,160,60,0),rgba(255,160,60,0) 70%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 40%),linear-gradient(180deg,#221a15,#110d0a);
  box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a3e33,0 0 0 1px #000,0 6px 14px rgba(0,0,0,.5);transition:transform .15s,box-shadow .15s}
.v2-hub a[data-i]::before{content:"";width:38px;height:38px;margin-bottom:4px;background:linear-gradient(180deg,#fff4c8,#eab94c 52%,#93601a);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;filter:drop-shadow(0 0 0 transparent)}
.v2-hub b{font:700 20px/1.15 'Philosopher',serif;color:#f5d68a}
.v2-hub small{font-size:14px;line-height:1.35;color:var(--muted)}
.v2-hub a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #b98f45,inset 0 -30px 40px -20px rgba(255,160,60,.35),0 0 0 1px #000,0 10px 22px rgba(0,0,0,.6)}
.v2-hub a:hover b{color:#ffe29a}
.v2-hub a em{position:absolute;top:12px;right:12px;font:700 11px/1 'Roboto Condensed',sans-serif;letter-spacing:.8px;text-transform:uppercase;font-style:normal;color:#1c1300;background:linear-gradient(135deg,#ffd23f,#ff9d3a);padding:4px 7px;border-radius:2px}
@media (max-width:1000px){ .v2-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:520px){ .v2-hub{padding:20px 16px} .v2-hub__grid{gap:10px} .v2-hub a{min-height:0;padding:14px} .v2-hub a[data-i]::before{width:30px;height:30px} .v2-hub b{font-size:17px} .v2-hub small{font-size:13px} }
/* вариант с иконками из игры (v2-hub--wow, Valor 2026-09-25); золотые значки выше — для отката (HUB_ICONS = 'glyph' в build_site.py) */
.v2-hub--wow a[data-i]::before{content:none}
.v2-hub__ic{display:block;width:44px;height:44px;margin-bottom:6px;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 2px #8a8279,0 0 0 3px #000,0 4px 10px rgba(0,0,0,.6);transition:box-shadow .15s}
.v2-hub a:hover .v2-hub__ic{box-shadow:0 0 0 1px #000,0 0 0 2px #d6ae5c,0 0 0 3px #000,0 0 14px rgba(241,194,45,.5)}
@media (max-width:520px){ .v2-hub__ic{width:36px;height:36px;margin-bottom:4px} }
/* иконки кнопок */
[data-i="home"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4 22V10h2V6.5h2.2V10H11V6.5h2V10h2.8V6.5H18V10h2v12h-6v-4.2a2 2 0 0 0-4 0V22z'/%3E%3C/svg%3E")}
[data-i="news"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M6.5 3H18a3 3 0 0 1 3 3v1.5h-3.2V18a3 3 0 0 1-3 3H5.5a3 3 0 0 1-3-3v-1.5h3.2V6a3 3 0 0 1 .8-3zM9 8.2h6v1.6H9zm0 3.3h6v1.6H9zm0 3.3h4v1.6H9z'/%3E%3C/svg%3E")}
[data-i="ladder"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M6.5 3h11v1.8H21V8a4.3 4.3 0 0 1-4.1 4.3 5.6 5.6 0 0 1-3.9 3V18h3.2v2.2H7.8V18H11v-2.7a5.6 5.6 0 0 1-3.9-3A4.3 4.3 0 0 1 3 8V4.8h3.5zM5 6.6V8a2.3 2.3 0 0 0 1.6 2.2 7 7 0 0 1-.1-1.1V6.6zm14 0h-1.5v2.5a7 7 0 0 1-.1 1.1A2.3 2.3 0 0 0 19 8zM6 20.8h12V23H6z'/%3E%3C/svg%3E")}
[data-i="hardcore"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a8.2 8.2 0 0 0-8.2 8.2c0 2.9 1.4 4.8 3.2 5.9V19a1.2 1.2 0 0 0 1.2 1.2h.9V22h2v-1.8h1.8V22h2v-1.8h.9A1.2 1.2 0 0 0 17 19v-2.9c1.8-1.1 3.2-3 3.2-5.9A8.2 8.2 0 0 0 12 2zM8.9 14.1a2.2 2.2 0 1 1 0-4.4 2.2 2.2 0 0 1 0 4.4zm6.2 0a2.2 2.2 0 1 1 0-4.4 2.2 2.2 0 0 1 0 4.4zM12 14.3l1.3 2.4h-2.6z'/%3E%3C/svg%3E")}
[data-i="shop"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M9 2.5h6l-1.4 3.2h-3.2zM9.8 6.6h4.4c3.6 2 6.3 5.6 6.3 9.3a5.4 5.4 0 0 1-5.4 5.4H8.9a5.4 5.4 0 0 1-5.4-5.4c0-3.7 2.7-7.3 6.3-9.3zm2.2 4.1a3.4 3.4 0 1 0 0 6.8 3.4 3.4 0 0 0 0-6.8zm0 1.9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E")}
[data-i="game"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M5.5 3h13A2.5 2.5 0 0 1 21 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 18.5v-13A2.5 2.5 0 0 1 5.5 3zM8 6.4a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.2zm8 0a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.2zm-4 4a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.2zm-4 4a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.2zm8 0a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.2z'/%3E%3C/svg%3E")}
[data-i="community"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4.5 2h2.2v20H4.5zM7.8 3.2h12.4l-2.8 4.3 2.8 4.3H7.8z'/%3E%3C/svg%3E")}
[data-i="about"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M1.8 5.2C5 4 8.2 4.2 11 6v15c-2.8-1.7-6-1.9-9.2-.7zM22.2 5.2C19 4 15.8 4.2 13 6v15c2.8-1.7 6-1.9 9.2-.7z'/%3E%3C/svg%3E")}
[data-i="faq"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm-.2 4.3a4 4 0 0 0-4 3.4l2.1.4a1.9 1.9 0 1 1 2.8 2c-1.2.7-1.9 1.5-1.9 3v.6h2.1v-.5c0-.7.3-1 1-1.4a4 4 0 0 0-2.1-7.5zM10.8 16.4h2.3v2.3h-2.3z'/%3E%3C/svg%3E")}
[data-i="login"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7.5 6.5a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM12.6 10H22v3h-2v3.2h-2.6V13h-4.8z'/%3E%3C/svg%3E")}
[data-i="cabinet"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.5a4.3 4.3 0 1 1 0 8.6 4.3 4.3 0 0 1 0-8.6zM3.5 21.5c0-4.7 3.8-8.3 8.5-8.3s8.5 3.6 8.5 8.3z'/%3E%3C/svg%3E")}
[data-i="start"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 2.3a7.7 7.7 0 1 0 0 15.4 7.7 7.7 0 0 0 0-15.4zM9.8 7.8l6.6 4.2-6.6 4.2z'/%3E%3C/svg%3E")}
[data-i="discord"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4 3.5h16A2.5 2.5 0 0 1 22.5 6v10A2.5 2.5 0 0 1 20 18.5H9.5L4.5 22v-3.5H4A2.5 2.5 0 0 1 1.5 16V6A2.5 2.5 0 0 1 4 3.5zM8 9.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm4 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm4 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E")}
[data-i="telegram"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M1.8 11.2 21.8 3l-3.6 18-6-4.8-3 3.6v-5.8l9.2-8.4-11.4 7z'/%3E%3C/svg%3E")}
[data-i="vk"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8 4.5a3.2 3.2 0 1 1 0 6.4 3.2 3.2 0 0 1 0-6.4zm8.3 1a2.7 2.7 0 1 1 0 5.4 2.7 2.7 0 0 1 0-5.4zM1.5 20.5c0-3.7 2.9-6.6 6.5-6.6s6.5 2.9 6.5 6.6zm13.8 0a8 8 0 0 0-2.1-5.3 5.6 5.6 0 0 1 9.3 4.2v1.1z'/%3E%3C/svg%3E")}
[data-i="world"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1.5l2.6 7.9L22.5 12l-7.9 2.6L12 22.5l-2.6-7.9L1.5 12l7.9-2.6zm0 8.4a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2z'/%3E%3C/svg%3E")}
[data-i="races"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4 4c5-2 11-2 16 0v7c0 5.5-3.6 9.5-8 11-4.4-1.5-8-5.5-8-11zM6.8 10.4c1.1-1 2.9-1 4 0-1.1 1-2.9 1-4 0zm6.4 0c1.1-1 2.9-1 4 0-1.1 1-2.9 1-4 0zM9 15.2c1.8 1.2 4.2 1.2 6 0l-.6 1.6c-1.5.8-3.3.8-4.8 0z'/%3E%3C/svg%3E")}
[data-i="status"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 5c5 0 9 4.5 10 7-1 2.5-5 7-10 7S3 14.5 2 12c1-2.5 5-7 10-7zm0 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 2.2a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6z'/%3E%3C/svg%3E")}
[data-i="dungeons"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3 22V11a9 9 0 0 1 18 0v11zm3-2h2v-7H6zm4 0h2v-9h-2zm4 0h2v-9h-2zm4 0v-7h-2v7z'/%3E%3C/svg%3E")}
[data-i="reminders"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a1.6 1.6 0 0 1 1.6 1.6v.7a6.5 6.5 0 0 1 4.9 6.7v4.2l2 2.3V19h-17v-1.5l2-2.3V11a6.5 6.5 0 0 1 4.9-6.7v-.7A1.6 1.6 0 0 1 12 2zM9.6 20h4.8a2.4 2.4 0 0 1-4.8 0z'/%3E%3C/svg%3E")}
[data-i="fame"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3 7.5l4.6 3.6L12 3.5l4.4 7.6L21 7.5l-2 11H5zM5 19.8h14v2H5z'/%3E%3C/svg%3E")}
[data-i="chronicle"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 20.5V9a5 5 0 0 1 10 0v11.5zM11 9.5h2v2.3h2.3v2H13v4h-2v-4H8.7v-2H11zM4 21h16v1.8H4z'/%3E%3C/svg%3E")}
[data-i="guilds"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2l8 3v6c0 5.3-3.4 9.3-8 11-4.6-1.7-8-5.7-8-11V5zm0 3.2v14.3c3-1.3 5-4.3 5-8.1V7.1z'/%3E%3C/svg%3E")}
[data-i="armory"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 3l5 2 5-2 4 3-2 5v8.5L12 22l-7-2.5V11L3 6zm4.3 5v11h1.4V8z'/%3E%3C/svg%3E")}
[data-i="calendar"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4 5h16a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm1 5v9h14v-9zM7 2.5h2V5H7zm8 0h2V5h-2zM6.5 11.5h3v3h-3zm4.5 0h3v3h-3zm4.5 0h3v3h-3zm-9 4.2h3v2.3h-3zm4.5 0h3v2.3h-3z'/%3E%3C/svg%3E")}
[data-i="guides"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M1.8 5.2C5 4 8.2 4.2 11 6v15c-2.8-1.7-6-1.9-9.2-.7zM22.2 5.2C19 4 15.8 4.2 13 6v15c2.8-1.7 6-1.9 9.2-.7z'/%3E%3C/svg%3E")}
[data-i="changelog"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M2.5 6.5h13.5c.3 2.6 2.4 4.3 5.5 4.3v2c-3.3 0-5.4 1.3-6.5 3.2v1.8h2.5V21H5.5v-3.2H8V16c-1-2-3-3.2-5.5-3.2z'/%3E%3C/svg%3E")}
[data-i="rewards"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4 10h16v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm6.5 1.6v4h3v-4zM5 5.5A2.5 2.5 0 0 1 7.5 3h9A2.5 2.5 0 0 1 19 5.5V9H5z'/%3E%3C/svg%3E")}
[data-i="rules"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M6.5 3H18a3 3 0 0 1 3 3v1.5h-3.2V18a3 3 0 0 1-3 3H5.5a3 3 0 0 1-3-3v-1.5h3.2V6a3 3 0 0 1 .8-3zM9 8.2h6v1.6H9zm0 3.3h6v1.6H9zm0 3.3h4v1.6H9z'/%3E%3C/svg%3E")}
[data-i="map"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/%3E%3C/svg%3E")}
[data-i="help"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M1.8 5.2C5 4 8.2 4.2 11 6v15c-2.8-1.7-6-1.9-9.2-.7zM22.2 5.2C19 4 15.8 4.2 13 6v15c2.8-1.7 6-1.9 9.2-.7z'/%3E%3C/svg%3E")}
[data-i="roadmap"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M11 2h2v2.5h6l2.5 2.5L19 9.5h-6v2H6.5L4 9l2.5-2.5H11zM11 12.5h2V22h-2z'/%3E%3C/svg%3E")}

/* ===== Valor 2026-09-25: исправления после релиза ===== */
/* мобильное меню: если пунктов больше, чем влезает в экран, — прокрутка внутри меню; страница под ним не едет */
@media (max-width:1240px){
  .v2-mnav.open{max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  html.v2-menu-open,html.v2-menu-open body{overflow:hidden}
  html.v2-menu-open .vm{display:none}
}
.v2-burger[aria-expanded="true"]{color:#ffd35a;box-shadow:inset 0 0 0 1px #d6ae5c}
/* длинные слова в золотых заголовках не вылезают за рамку (градиент по тексту обрезался) */
h1.gold,h2.gold,h3.gold,.v2-phead h1,.v2-article h1{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:520px){ h1.gold,.v2-phead h1{font-size:clamp(24px,7.6vw,34px)} }
/* ленивые картинки (v2.js): до подхода к экрану слот без картинки */
[data-lz],[data-lzslide]{--img:none !important}
/* таблицы с прокруткой: тень справа — видно, что таблица шире экрана */
.v2-scroll{background:linear-gradient(90deg,#0e0b09 30%,rgba(14,11,9,0)) left/40px 100% no-repeat local,linear-gradient(270deg,#0e0b09 30%,rgba(14,11,9,0)) right/40px 100% no-repeat local,
  radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.6),rgba(0,0,0,0)) left/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.6),rgba(0,0,0,0)) right/14px 100% no-repeat scroll}