/* TanksEdition — общий стиль сайта (дизайн в духе Танков Онлайн 2017) */

:root {
  --green:#8cf53a; --green-2:#5fc21b; --green-dark:#1f3a12; --lime-glow:rgba(140,245,58,.45);
  --orange:#f07819; --gold:#ffba51;
  --dark:#070a08; --steel:#141b17; --steel-2:#1c2620; --line:#34442f; --line-hi:#4f6a44;
  --text:#eef3e6; --muted:#a9b4a1; --dim:#6f7a69;
}
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { min-width:320px; color:var(--text); background:var(--dark); font-family:"PT Sans",sans-serif; }
body::before { content:""; position:fixed; inset:0; z-index:-2; background:radial-gradient(ellipse at 50% 0%,rgba(140,245,58,.12),transparent 60%),linear-gradient(rgba(7,10,8,.45),rgba(7,10,8,.92)),url("arhetictura.png") center/cover no-repeat; }
body::after { content:""; position:fixed; inset:0; z-index:-1; opacity:.18; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.6) 3px 4px),repeating-linear-gradient(115deg,transparent 0 8px,rgba(255,255,255,.06) 9px 10px); }
a { color:inherit; }

.wrap { width:min(1180px,100%); margin:auto; padding:0 20px; }
.dot { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); animation:pulse 1.8s infinite; }
.load { width:46px; height:5px; background:#0a0f0b; border:1px solid #2a3626; overflow:hidden; }
.load i { display:block; height:100%; background:linear-gradient(90deg,var(--green-2),var(--green)); }
@keyframes pulse { 50% { opacity:.35; } }
.burger { display:none; background:none; border:1px solid var(--line-hi); color:var(--green); font-size:1.3rem; width:42px; height:36px; cursor:pointer; }
.tnav-logo { display:flex; align-items:center; gap:9px; text-decoration:none; font:800 1rem Orbitron,sans-serif; color:#eef3e6; letter-spacing:.04em; white-space:nowrap; }
.tnav-logo img { width:34px; height:34px; border-radius:6px; border:1px solid #5a605c; box-shadow:0 0 10px rgba(0,0,0,.6); }
.tnav-logo b { color:var(--green); }
.emblem-logo { width:100%; height:100%; object-fit:cover; clip-path:polygon(50% 0,100% 36%,81% 100%,19% 100%,0 36%); display:block; }
.emblem { width:170px; height:162px; }
.wiki-list { list-style:none; display:flex; flex-direction:column; gap:8px; }
.wiki-list a { display:flex; justify-content:space-between; gap:10px; padding:9px 12px; background:#0d130f; border:1px solid var(--line); text-decoration:none; color:#e6eedf; font-size:.93rem; transition:border-color .2s,color .2s; }
.wiki-list a:hover { border-color:var(--green-2); color:var(--green); }
.wiki-list small { color:var(--dim); white-space:nowrap; }
/* ---------- ГЛАВНЫЙ СЛАЙДЕР ---------- */
.eyebrow { display:inline-block; padding:6px 14px; margin-bottom:20px; color:#0c1a05; background:var(--green); font:700 .72rem Orbitron,sans-serif; letter-spacing:.2em; clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%); }
h1 { font:800 clamp(2.3rem,8.2vw,5.6rem) Orbitron,sans-serif; letter-spacing:.03em; line-height:1; color:#f4ffe8; text-shadow:0 0 12px var(--lime-glow),0 6px 0 #142a0a; white-space:nowrap; }
h1 .accent { color:var(--green); }
.letter { display:inline-block; animation:drop .8s both; }
.letter:nth-child(2){animation-delay:.07s}.letter:nth-child(3){animation-delay:.14s}.letter:nth-child(4){animation-delay:.21s}.letter:nth-child(5){animation-delay:.28s}.letter:nth-child(6){animation-delay:.35s}.letter:nth-child(7){animation-delay:.42s}.letter:nth-child(8){animation-delay:.49s}.letter:nth-child(9){animation-delay:.56s}.letter:nth-child(10){animation-delay:.63s}.letter:nth-child(11){animation-delay:.7s}.letter:nth-child(12){animation-delay:.77s}
@keyframes drop { from { opacity:0; transform:translateY(-75px) rotate(-8deg); } 70% { transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.slide-text { min-height:3.4em; max-width:640px; margin:26px auto 34px; color:var(--muted); font:400 clamp(1rem,2vw,1.18rem)/1.65 "PT Sans",sans-serif; transition:opacity .4s; }
.slide-dots { display:flex; gap:8px; justify-content:center; margin-top:34px; }
.slide-dots button { width:34px; height:5px; border:0; background:#2f3d2b; cursor:pointer; transition:background .3s; }
.slide-dots button.on { background:var(--green); box-shadow:0 0 8px var(--green); }

/* ---------- КНОПКА С МОЛНИЕЙ (без изменений) ---------- */
.download { isolation:isolate; position:relative; display:inline-flex; align-items:center; gap:11px; padding:19px 36px; overflow:visible; color:#281000; background:linear-gradient(#ffd06d,#f28720 55%,#b8490e); border:1px solid #ffe094; text-decoration:none; font:800 1rem Orbitron,sans-serif; letter-spacing:.08em; box-shadow:inset 0 2px rgba(255,255,255,.55),0 0 22px rgba(255,119,12,.75); transition:transform .2s,filter .2s; clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%); }
.download:hover { transform:translateY(-3px) scale(1.02); filter:brightness(1.14); }
.download-shell { position:relative; display:inline-block; overflow:visible; }
.lightning { position:absolute; z-index:5; width:410px; height:270px; left:50%; top:50%; overflow:visible; pointer-events:none; opacity:0; transform:translate(-50%,-50%); }
.lightning path { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.lightning .aura { stroke:#297eff; stroke-width:8; opacity:.34; filter:url(#electric-glow); }
.lightning .core { stroke:#e9ffff; stroke-width:2.3; filter:url(#electric-glow); }
.lightning .branch { stroke:#9eeeff; stroke-width:1.15; opacity:.83; filter:url(#electric-glow); }
.download-shell:hover .lightning { animation:lightning-flash 1.08s steps(2,end) infinite; }
.ember-field { position:absolute; inset:-55px; z-index:4; pointer-events:none; overflow:visible; }
.ember-field i { position:absolute; left:50%; top:50%; width:var(--size); height:var(--size); opacity:0; border-radius:2px 50% 50% 50%; background:linear-gradient(135deg,#fff7a9 0 22%,#ffb01a 35%,#e84007 80%); box-shadow:0 0 4px #ffc638,0 0 9px #ed5b0a; transform:translate(-50%,-50%); }
.download-shell:hover .ember-field i { animation:ember-burst var(--speed) cubic-bezier(.08,.68,.31,1) infinite; animation-delay:var(--delay); }
.ember-field i:nth-child(1){--x:-86px;--y:-74px;--r:210deg;--size:4px;--speed:.82s;--delay:.04s}.ember-field i:nth-child(2){--x:-46px;--y:-104px;--r:90deg;--size:3px;--speed:.73s;--delay:.19s}.ember-field i:nth-child(3){--x:-120px;--y:-26px;--r:310deg;--size:5px;--speed:.95s;--delay:.37s}.ember-field i:nth-child(4){--x:-72px;--y:36px;--r:35deg;--size:2px;--speed:.65s;--delay:.1s}.ember-field i:nth-child(5){--x:78px;--y:76px;--r:130deg;--size:4px;--speed:.88s;--delay:.28s}.ember-field i:nth-child(6){--x:45px;--y:108px;--r:50deg;--size:3px;--speed:.7s;--delay:.06s}.ember-field i:nth-child(7){--x:118px;--y:31px;--r:255deg;--size:4px;--speed:.92s;--delay:.43s}.ember-field i:nth-child(8){--x:72px;--y:-35px;--r:145deg;--size:2px;--speed:.62s;--delay:.22s}.ember-field i:nth-child(9){--x:-103px;--y:-50px;--r:330deg;--size:3px;--speed:.78s;--delay:.51s}.ember-field i:nth-child(10){--x:104px;--y:59px;--r:70deg;--size:4px;--speed:.84s;--delay:.14s}.ember-field i:nth-child(11){--x:-35px;--y:-82px;--r:220deg;--size:2px;--speed:.6s;--delay:.34s}.ember-field i:nth-child(12){--x:38px;--y:87px;--r:145deg;--size:3px;--speed:.74s;--delay:.47s}.ember-field i:nth-child(13){--x:-130px;--y:18px;--r:90deg;--size:3px;--speed:.67s;--delay:.13s}.ember-field i:nth-child(14){--x:130px;--y:-18px;--r:210deg;--size:2px;--speed:.79s;--delay:.39s}.ember-field i:nth-child(15){--x:-18px;--y:-120px;--r:300deg;--size:4px;--speed:.9s;--delay:.25s}.ember-field i:nth-child(16){--x:18px;--y:120px;--r:120deg;--size:2px;--speed:.64s;--delay:.55s}.ember-field i:nth-child(17){--x:-96px;--y:74px;--r:235deg;--size:3px;--speed:.71s;--delay:.31s}.ember-field i:nth-child(18){--x:96px;--y:-74px;--r:45deg;--size:3px;--speed:.86s;--delay:.08s}.ember-field i:nth-child(19){--x:-58px;--y:-119px;--r:180deg;--size:2px;--speed:.58s;--delay:.44s}.ember-field i:nth-child(20){--x:58px;--y:119px;--r:20deg;--size:3px;--speed:.76s;--delay:.17s}
@keyframes ember-burst { 0% { opacity:0; transform:translate(-50%,-50%) scale(.2) rotate(0); } 12% { opacity:1; } 70% { opacity:.85; } 100% { opacity:0; transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.5) rotate(var(--r)); } }
@keyframes lightning-flash { 0%,42%,100% { opacity:0; } 43% { opacity:1; } 47% { opacity:.18; } 50% { opacity:.95; } 55% { opacity:0; } 73% { opacity:.75; } 76% { opacity:0; } }

/* ---------- ОСНОВНАЯ СЕТКА ---------- */
.main-grid { display:grid; grid-template-columns:1fr 330px; gap:24px; padding-bottom:60px; }
.block { background:linear-gradient(180deg,var(--steel-2),var(--steel)); border:1px solid var(--line); box-shadow:0 10px 26px rgba(0,0,0,.4); }
.block-head { display:flex; align-items:center; justify-content:space-between; padding:12px 18px; background:linear-gradient(90deg,var(--green-dark),transparent); border-bottom:1px solid var(--line); }
.block-head h2 { font:400 1rem "Russo One",sans-serif; text-transform:uppercase; letter-spacing:.05em; color:#f0fae8; display:flex; align-items:center; gap:10px; }
.block-head h2::before { content:""; width:4px; height:18px; background:var(--green); box-shadow:0 0 8px var(--green); }
.block-head a { color:var(--green); font-size:.8rem; text-decoration:none; }
.block-head a:hover { text-decoration:underline; }
.block-body { padding:18px; }
.sidebar { display:flex; flex-direction:column; gap:24px; }

/* новости — галерея */
.news-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.card { display:flex; flex-direction:column; background:#0e1410; border:1px solid var(--line); overflow:hidden; transition:transform .25s,border-color .25s,box-shadow .25s; }
.card:hover { transform:translateY(-4px); border-color:var(--green-2); box-shadow:0 10px 24px rgba(0,0,0,.5),0 0 16px rgba(140,245,58,.18); }
.card-img { position:relative; height:150px; background:linear-gradient(135deg,#25361f,#0f1710 70%); background-size:cover; background-position:center; display:grid; place-items:center; }
.card-img::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 50%,rgba(14,20,16,.95)); }
.card-img svg { width:90px; opacity:.35; }
.card-tag { position:absolute; top:10px; left:10px; z-index:1; padding:3px 9px; background:var(--green); color:#0c1a05; font:700 .66rem Orbitron,sans-serif; letter-spacing:.08em; }
.card-body { padding:14px 16px 18px; }
.card time { color:var(--green); font:.74rem Orbitron,sans-serif; }
.card h3 { margin:8px 0 8px; font:400 1.02rem/1.35 "Russo One",sans-serif; color:#f4fbee; }
.card p { color:var(--muted); font:400 .93rem/1.55 "PT Sans",sans-serif; }
.card.wide { grid-column:1 / -1; }
.card.wide .card-img { height:220px; }

/* опрос */
.poll-q { margin-bottom:14px; font:700 .98rem "PT Sans",sans-serif; }
.poll label { display:block; position:relative; margin-bottom:8px; padding:9px 12px; background:#0d130f; border:1px solid var(--line); cursor:pointer; font-size:.92rem; overflow:hidden; transition:border-color .2s; }
.poll label:hover { border-color:var(--green-2); }
.poll input { accent-color:var(--green); margin-right:8px; }
.poll .bar { position:absolute; left:0; top:0; bottom:0; width:0; background:rgba(140,245,58,.16); transition:width .8s; z-index:0; }
.poll .opt { position:relative; z-index:1; display:flex; justify-content:space-between; }
.btn-green { display:inline-block; margin-top:6px; padding:10px 20px; border:0; cursor:pointer; color:#0c1a05; background:linear-gradient(#b3ff6e,var(--green) 50%,var(--green-2)); font:400 .85rem "Russo One",sans-serif; text-transform:uppercase; box-shadow:0 0 12px rgba(140,245,58,.35),inset 0 1px rgba(255,255,255,.6); clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%); transition:filter .2s; }
.btn-green:hover { filter:brightness(1.15); }

/* видеоблог */
.video { position:relative; aspect-ratio:16/9; display:grid; place-items:center; background:linear-gradient(135deg,#1f2e1a,#0b110c); border:1px solid var(--line); cursor:pointer; }
.play { width:62px; height:62px; border-radius:50%; display:grid; place-items:center; background:rgba(140,245,58,.15); border:2px solid var(--green); box-shadow:0 0 18px var(--lime-glow); transition:transform .2s; }
.play::after { content:""; margin-left:5px; border-left:18px solid var(--green); border-top:11px solid transparent; border-bottom:11px solid transparent; }
.video:hover .play { transform:scale(1.1); }
.video-title { margin-top:10px; font:400 .92rem "Russo One",sans-serif; }

/* статистика */
.stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.stat { padding:12px; background:#0d130f; border:1px solid var(--line); text-align:center; }
.stat b { display:block; color:var(--green); font:800 1.25rem Orbitron,sans-serif; text-shadow:0 0 10px var(--lime-glow); }
.stat span { color:var(--dim); font-size:.78rem; text-transform:uppercase; }

/* о игре */
.features { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.feature { padding:20px; background:#0d130f; border:1px solid var(--line); text-align:center; transition:border-color .2s; }
.feature:hover { border-color:var(--green-2); }
.feature .ico { width:52px; height:52px; margin:0 auto 12px; display:grid; place-items:center; color:var(--green); border:2px solid var(--green-2); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); font-size:1.4rem; background:rgba(140,245,58,.08); }
.feature h3 { font:400 .95rem "Russo One",sans-serif; margin-bottom:6px; }
.feature p { color:var(--muted); font-size:.9rem; line-height:1.5; }
.about-text { color:var(--muted); line-height:1.7; margin-bottom:18px; }

/* ---------- ПОДВАЛ ---------- */
footer { background:#040605; border-top:2px solid var(--green-dark); padding:34px 0 22px; color:var(--dim); font-size:.85rem; }
.foot-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:24px; margin-bottom:24px; }
footer h4 { color:#dfe9d6; font:400 .85rem "Russo One",sans-serif; text-transform:uppercase; margin-bottom:10px; }
footer ul { list-style:none; } footer li { margin-bottom:6px; }
footer a { text-decoration:none; color:var(--dim); transition:color .2s; } footer a:hover { color:var(--green); }
.copy { border-top:1px solid #172015; padding-top:16px; text-align:center; font:.75rem Orbitron,sans-serif; }


/* ---------- СТИЛЬ 2017: МЕНЮ ---------- */
.tnav { position:sticky; top:0; z-index:30; background:linear-gradient(#3a3f3c,#1d211f 55%,#121513); border-bottom:1px solid #000; box-shadow:0 2px 0 rgba(255,255,255,.06) inset,0 4px 14px rgba(0,0,0,.7); }
.tnav .wrap { display:flex; align-items:center; justify-content:space-between; height:50px; }
.tnav-menu { display:flex; list-style:none; gap:6px; margin:0 auto; }
.tnav-menu a { display:flex; align-items:center; gap:8px; padding:8px 16px; text-decoration:none; color:#e9ece8; font:700 1.05rem "PT Sans",sans-serif; text-shadow:0 1px 0 #000; border-radius:3px; transition:color .2s,background .2s; }
.tnav-menu a .ic { color:#cfd5cf; font-size:.95rem; }
.tnav-menu a:hover { background:rgba(255,255,255,.06); }
.tnav-menu a.on, .tnav-menu a.on .ic, .tnav-menu a:hover .ic { color:var(--green); text-shadow:0 0 8px var(--lime-glow); }
.tnav-right { display:flex; align-items:center; gap:10px; }
.lang-select { display:flex; align-items:center; gap:6px; padding:3px 6px 3px 8px; background:linear-gradient(#2b302d,#151816); border:1px solid #5a605c; border-radius:3px; box-shadow:inset 0 1px rgba(255,255,255,.12); }
.flag { width:20px; height:13px; background:linear-gradient(#fff 33%,#2b5bd3 33% 66%,#d52b1e 66%); box-shadow:0 0 0 1px #000; }
.lang-select select, .server-select select { appearance:none; background:transparent; border:0; color:#e9ece8; font:700 .88rem "PT Sans",sans-serif; padding-right:14px; cursor:pointer; background-image:linear-gradient(45deg,transparent 50%,#e9ece8 50%),linear-gradient(135deg,#e9ece8 50%,transparent 50%); background-position:right 5px center,right 0 center; background-size:5px 5px; background-repeat:no-repeat; }
.lang-select option, .server-select option { background:#151816; }
.help { width:34px; height:30px; display:grid; place-items:center; text-decoration:none; color:#e9ece8; font:700 1.1rem "PT Sans",sans-serif; background:linear-gradient(#2b302d,#151816); border:1px solid #5a605c; border-radius:3px; }
.help:hover { color:var(--green); border-color:var(--green-2); }

/* ---------- СТИЛЬ 2017: СЦЕНА ---------- */
.stage { position:relative; padding:34px 0 26px; background:linear-gradient(rgba(6,9,7,.15),rgba(6,9,7,.55)); }
.stage-grid { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; }
.emblem-wrap { text-align:center; }
.emblem { width:150px; height:142px; margin:0 auto 14px; padding:7px; background:linear-gradient(160deg,#f0f2ef,#8b918d 45%,#d9ddd9 60%,#6c726e); clip-path:polygon(50% 0,100% 36%,81% 100%,19% 100%,0 36%); filter:drop-shadow(0 6px 10px #000); animation:emblem-in .9s both; }
.emblem-in { width:100%; height:100%; display:grid; place-items:center; background:radial-gradient(circle at 50% 35%,#5fd23a,#1d7a1c 60%,#0d3d10); clip-path:polygon(50% 0,100% 36%,81% 100%,19% 100%,0 36%); }
.emblem-in svg { width:76%; margin-top:16px; }
@keyframes emblem-in { from { opacity:0; transform:scale(.4) rotate(-20deg); } to { opacity:1; transform:none; } }
.emblem-wrap h1 { font-size:clamp(2rem,5.4vw,4rem); }
.emblem-wrap .letter { background:linear-gradient(#ffffff 0%,#c9cec9 45%,#7b827d 52%,#e4e8e4 100%); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:none; filter:drop-shadow(0 2px 0 #1b1f1c) drop-shadow(0 0 1px #000) drop-shadow(0 6px 6px rgba(0,0,0,.7)); }
.emblem-wrap .letter.accent { background:linear-gradient(#e6ffcf 0%,#9cf55a 45%,#3f9a15 52%,#b9ff7e 100%); -webkit-background-clip:text; background-clip:text; filter:drop-shadow(0 2px 0 #10260a) drop-shadow(0 0 8px rgba(140,245,58,.45)); }
.play-panel { justify-self:end; width:min(330px,100%); display:flex; flex-direction:column; align-items:stretch; gap:16px; }
.server-row { display:flex; align-items:center; gap:10px; color:#e3e7e2; font:700 .95rem "PT Sans",sans-serif; text-shadow:0 1px 2px #000; }
.server-select { flex:1; display:flex; align-items:center; gap:10px; padding:5px 10px; background:linear-gradient(#2b302d,#111412); border:1px solid #5a605c; border-radius:3px; }
.server-select .load { flex:1; width:auto; height:12px; border-radius:2px; }
.server-select .load i { transition:width .5s; }
.play-panel .download-shell { display:block; }
.play-panel .download { width:100%; justify-content:center; padding:22px 20px; font-size:1.15rem; }
.online-row { display:flex; justify-content:space-between; align-items:center; color:#e3e7e2; font:700 .92rem "PT Sans",sans-serif; text-shadow:0 1px 2px #000; }
.online-row b { display:flex; align-items:center; gap:7px; color:var(--green); }

/* ---------- СТИЛЬ 2017: БАННЕР ---------- */
.banner-zone { padding:0 0 46px; }
.banner { position:relative; min-height:300px; display:grid; place-items:center; padding:40px 70px 56px; background:radial-gradient(ellipse at center,#2f2412 0%,#120e08 60%,#070605 100%); border:1px solid #6b6f6b; box-shadow:0 0 0 1px #000,0 14px 30px rgba(0,0,0,.6); overflow:hidden; }
.banner::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,186,81,.03) 60px 61px); pointer-events:none; }
.banner-gate { position:relative; width:min(560px,100%); padding:34px 30px; text-align:center; background:linear-gradient(#1b1d1c,#0d0e0d); border:6px solid #3f4441; outline:2px solid #6d736f; outline-offset:-12px; clip-path:polygon(14% 0,86% 0,100% 18%,100% 82%,86% 100%,14% 100%,0 82%,0 18%); box-shadow:inset 0 0 40px rgba(255,170,40,.25); }
.banner-gate::before, .banner-gate::after { content:""; position:absolute; left:16%; right:16%; height:4px; background:linear-gradient(90deg,transparent,#ffba51,transparent); box-shadow:0 0 14px #ffaa28; }
.banner-gate::before { top:10px; } .banner-gate::after { bottom:10px; }
.banner .slide-text { margin:10px auto 0; color:#f3e7cf; font:700 clamp(1.05rem,2.2vw,1.35rem)/1.5 "PT Sans",sans-serif; text-shadow:0 2px 4px #000; }
.banner .eyebrow { margin-bottom:8px; }
.arrow { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:0; cursor:pointer; background:rgba(0,0,0,.7); color:#fff; font:700 1.8rem/1 "PT Sans",sans-serif; transition:background .2s,color .2s; }
.arrow:hover { background:#000; color:var(--green); }
.arrow.left { left:14px; } .arrow.right { right:14px; }
.banner .slide-dots { position:absolute; bottom:14px; left:0; right:0; margin:0; }
.banner .slide-dots button { width:16px; height:16px; border-radius:50%; background:transparent; border:2px solid #cfd3cf; }
.banner .slide-dots button.on { background:#cfd3cf; box-shadow:0 0 8px rgba(255,255,255,.5); }
/* ---------- АДАПТИВ ---------- */
@media (max-width:980px) {
  .main-grid{grid-template-columns:1fr} .foot-grid{grid-template-columns:1fr 1fr}
  .stage-grid{grid-template-columns:1fr} .stage-side{display:none} .play-panel{justify-self:center}
}
@media (max-width:820px) {
  .burger{display:block}
  .tnav-menu{display:none; position:absolute; top:50px; left:0; right:0; flex-direction:column; background:#151816; border-bottom:2px solid var(--green-2); padding:6px; margin:0}
  .tnav-menu.open{display:flex}
  .news-grid,.features{grid-template-columns:1fr}
  .banner{padding:30px 50px 50px; min-height:0}
  .lightning{width:300px;height:200px}
}
@media (max-width:420px) { .tnav-logo span{display:none} .foot-grid{grid-template-columns:1fr} }

/* ---------- Логотип в эмблеме ---------- */
.emblem { width:176px; height:168px; padding:6px; }
.emblem .emblem-logo { background:#ddd; }
/* ---------- Соцсети ---------- */
.social-list { display:flex; flex-direction:column; gap:10px; }
.social { --c:#8cf53a; display:flex; align-items:center; gap:12px; padding:10px 12px; text-decoration:none; color:#eef3e6;
  background:#0d130f; border:1px solid var(--line); border-left:4px solid var(--c);
  transition:transform .2s, border-color .2s, box-shadow .2s, background .2s; }
.social:hover { transform:translateX(4px); border-color:var(--c); background:#111a14; box-shadow:0 0 16px color-mix(in srgb, var(--c) 35%, transparent); }
.social-ico { width:42px; height:42px; flex:none; display:grid; place-items:center; font-size:1.2rem; color:#fff;
  background:var(--c); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
.social-txt { flex:1; min-width:0; display:flex; flex-direction:column; }
.social-txt b { font:400 1rem "Russo One",sans-serif; }
.social-txt small { color:var(--muted); font-size:.85rem; }
.social-go { color:var(--c); font:700 1.6rem/1 "PT Sans",sans-serif; transition:transform .2s; }
.social:hover .social-go { transform:translateX(3px); }
.social.yt { --c:#ff2b2b; }
.social.ds { --c:#5865f2; }
.social.tt { --c:#25f4ee; }
.social.tt .social-ico { color:#111; }