:root{
  /* ═══ ЯК НА ЖИВОМУ САЙТІ (імена й значення без змін) ═══ */
  --bg:#1b1a12;--bg2:#14130d;--card:#26241a;--card2:#2e2b1e;--line:#3d3925;--text:#f1e8cd;--muted:#b9ae8d;--sand:#e6cf98;--terra:#c4572f;--terra-f:#b4502a;--terra-d:#8f3a1c;--olive:#7d8a4e;--ink:#20160c;
  --display:"Arial Black","Segoe UI Black",Impact,"Helvetica Neue",system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:ui-monospace,Menlo,Consolas,monospace;
  /* ═══ ДОДАНО (виносимо сирі кольори живого CSS у токени + білий) ═══ */
  --white:#fff8e6;            /* ніки, ключові числа, H3 */
  --terra-t:#ffb08f;          /* текст і іконки на терракотовому тлі (було сирим hex) */
  --terra-tt:#ffd9c7;
  --olive-t:#d9e5a8;
  --live:#8fcf5a;             /* точка «Онлайн» */
  --terra-bg:rgba(196,87,47,.16);
  --olive-bg:rgba(125,138,78,.22);
  --live-bg:rgba(143,207,90,.12);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;
  --r-sm:10px;--r-md:14px;--r-lg:16px;
  --shadow-card:0 1px 0 rgba(255,248,230,.05) inset,0 10px 24px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
body{margin:0;color:var(--text);font:17px/1.55 var(--body);background:radial-gradient(900px 520px at 50% -8%,rgba(196,87,47,.22),transparent 62%),repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 2px,transparent 2px 7px),var(--bg)}
.wrap{max-width:720px;margin:0 auto;padding:14px 16px 56px}
a{color:var(--sand)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sand);outline-offset:2px}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}

/* ── шапка (як на живому) ── */
.top{border-bottom:1px solid var(--line);background:rgba(16,14,10,.82);position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}
.top .hw{max-width:45rem;margin-inline:auto;padding:6px 16px 10px;display:flex;align-items:center;gap:8px 16px;min-height:60px;flex-wrap:wrap}
.hrow1{display:flex;align-items:center;gap:16px;width:100%}
.brand{min-height:44px;display:flex;align-items:center;gap:12px;text-decoration:none;font:900 1.0625rem/1 var(--display);text-transform:uppercase;letter-spacing:.14em;color:var(--sand);margin-inline-end:auto}
.brand img{width:38px;height:38px;border-radius:50%}
.hact{display:flex;gap:8px}
.langsw{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1.5px solid var(--line);border-radius:50%;color:var(--sand);font-weight:800;font-size:.875rem;text-decoration:none}
nav{display:flex;gap:4px;overflow-x:auto;max-width:100%;scrollbar-width:none;width:100%}
nav::-webkit-scrollbar{display:none}
nav a{white-space:nowrap;text-decoration:none;color:var(--muted);font-size:.875rem;font-weight:700;padding-inline:14px;min-height:38px;display:inline-flex;align-items:center;border-radius:99px;position:relative}
nav a::after{content:"";position:absolute;inset:-3px 0}
nav a.on{color:#fff;background:var(--terra-f)}

/* ── hero ── */
.hero{text-align:center;padding:10px 0 6px}
.emblem{display:block;margin:6px auto 10px;width:min(40vw,150px);height:auto;border-radius:50%;filter:drop-shadow(0 14px 28px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(196,87,47,.28))}
h1{margin:6px 0 10px;font:900 clamp(24px,6.6vw,38px)/1.2 var(--display);text-transform:uppercase;letter-spacing:.015em;color:var(--sand);text-wrap:balance}
.lead{margin:0 auto 16px;max-width:34em;opacity:.88;text-wrap:pretty}

header.top{transition:transform .25s}header.top.hide{transform:translateY(-100%)}
.jump{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;margin:-6px 0 18px;border-radius:999px;border:1.5px solid var(--sand);background:rgba(230,207,152,.08);color:var(--sand);font:800 14px/1 var(--body);letter-spacing:.04em;text-decoration:none}
.jump svg{width:16px;height:16px;transition:transform .2s}
.jump:hover svg,.jump:focus-visible svg{transform:translateY(2px)}
.hero{text-align:center}
#killfeed{scroll-margin-top:12px}
#killfeed h2:focus{outline:none}
#killfeed.flash{animation:kfflash 1.2s ease-out}
@keyframes kfflash{0%{box-shadow:0 0 0 0 rgba(230,207,152,.0)}20%{box-shadow:0 0 0 4px rgba(230,207,152,.45)}100%{box-shadow:0 0 0 4px rgba(230,207,152,0)}}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#killfeed.flash{animation:none}}
.hero h1 .h1a{display:block;margin-bottom:.16em}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px}
.chips li::before{display:none}
.chips li{padding:6px 12px;border:1.5px solid var(--line);border-radius:999px;background:var(--bg2);font:700 13px/1.2 var(--body);letter-spacing:.03em;color:var(--text)}
.chips li.hot{border-color:var(--terra);background:var(--terra-bg);color:var(--terra-tt)}
.chips li.live{border-color:rgba(143,207,90,.55);background:var(--live-bg);color:#d9f2c4}
.dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--live);vertical-align:-.9px;animation:vp 2.6s ease-out infinite}
@keyframes vp{0%{box-shadow:0 0 0 0 rgba(143,207,90,.55)}70%{box-shadow:0 0 0 8px rgba(143,207,90,0)}100%{box-shadow:0 0 0 0 rgba(143,207,90,0)}}

/* ── пошук сервера (головна дія для нового гравця) ── */
.find{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;background:var(--card);border:2px solid var(--terra);border-radius:var(--r-lg);padding:14px 16px;margin:0 0 20px;box-shadow:0 0 0 4px rgba(196,87,47,.12),0 10px 24px rgba(0,0,0,.35)}
.find .name{flex:1 1 100%;min-width:0}
.find .lbl{display:block;color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.find code{display:block;font:700 clamp(16px,4.6vw,20px)/1.25 var(--mono);color:var(--white);word-break:break-word}
.copy{flex:1 1 100%;min-height:48px;padding:12px 18px;text-align:center;border:0;border-radius:12px;background:var(--sand);color:var(--ink);font:800 14px/1 var(--body);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 3px 0 var(--terra-d);display:inline-flex;align-items:center;justify-content:center;gap:8px}

/* ── баннер ── */
.banner{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--r-lg);border:2px solid var(--terra);background:var(--terra-bg);margin:0 0 20px}
.banner svg{flex:none;margin-top:2px;color:var(--terra-t)}
.banner .b{display:flex;flex-direction:column;gap:6px;min-width:0}
.banner h2{font:900 15px/1.25 var(--display);text-transform:uppercase;color:var(--terra-tt);text-wrap:balance}
.banner p{font-size:15px;color:#ffe6d9}
.banner a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--terra-tt);font-size:15px}

/* ── секції ── */
main{counter-reset:s}
section{position:relative;background:var(--card);border:2px solid var(--line);border-radius:var(--r-lg);padding:18px 18px 16px;margin:0 0 20px;box-shadow:var(--shadow-card)}
section.num{counter-increment:s}
section.num h2::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;margin-right:10px;border-radius:7px;background:var(--terra-f);color:#fff;font:800 13px/1 var(--body);vertical-align:middle}
h2{font:900 18px/1.2 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--sand)}
section>h2{margin-bottom:12px}
li{position:relative;padding:10px 0 10px 26px;border-top:1px dashed var(--line)}
li:first-child{border-top:0}
.chips li:first-child{border-top-style:solid;border-top-width:1.5px}
li::before{content:"";position:absolute;left:3px;top:1.1em;width:10px;height:10px;background:var(--olive);transform:rotate(45deg);border-radius:2px}
.rules li::before{background:var(--terra)}
b{color:var(--sand)}
.ok-t{color:#c6e08b;font-weight:700}
.small{font-size:13px;color:var(--muted)}

/* ── новини ── */
.nhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px 12px;flex-wrap:wrap;margin-bottom:14px}
.nhead span{font-size:13px;color:var(--muted)}
#list{display:flex;flex-direction:column;gap:12px}
article{background:var(--card2);border:2px solid var(--line);border-radius:var(--r-md);padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
article.issue{border-color:var(--terra);background:linear-gradient(90deg,rgba(196,87,47,.14),transparent 55%),var(--card2)}
.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;border:1.5px solid var(--olive);background:var(--olive-bg);color:var(--olive-t)}
.tag.issue{border-color:var(--terra);background:rgba(196,87,47,.2);color:var(--terra-t)}
article h3{font:900 17px/1.25 var(--display);color:var(--white)}
article p{font-size:15px;line-height:1.55}
.moreb{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:12px 0 0;border:2px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--sand);font:700 14px var(--body);padding:12px 22px;min-height:46px;cursor:pointer}

/* ── стрічка смертей ── */
.kfh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.kfh h2{margin:0}
.refresh{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;background:transparent;border:1.5px solid var(--terra);color:var(--terra-tt);font:700 14px var(--body);cursor:pointer}
.refresh svg{width:16px;height:16px}
.kfn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:13px;color:var(--muted);margin:0 0 12px}
.kfn .upd{display:block}
.kfn .upd .dot{width:7px;height:7px;margin-right:6px;animation:none}
.kfn .upd .dot{vertical-align:-.8px}
.kf{display:grid;gap:8px}
.kf li{padding:12px 14px;background:var(--card2);border:2px solid var(--line);border-radius:var(--r-md)}
.kf li::before{display:none}
.kf li.pvp{border-color:rgba(196,87,47,.6)}
.names{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:17px;line-height:1.3;color:var(--white)}
.names .a{color:var(--muted);font-weight:500;margin:0 6px}
.mrow{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;color:var(--muted)}
.mrow .ic{flex:none;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--card);color:var(--sand)}
.mrow .ic svg{width:15px;height:15px;fill:currentColor}
.mrow .ic .w{fill:var(--card)}
.pvp .mrow .ic{background:rgba(196,87,47,.2);color:var(--terra-t)}
.mrow .what{color:var(--text);font-weight:700}
.mrow .sub::before{content:"·";margin-right:8px}
.mrow time{margin-left:auto;white-space:nowrap}
.kfm{display:block;width:100%;margin-top:12px}
.kff{margin-top:12px;font-size:13px;color:var(--muted)}

/* ── як зайти: кроки ── */
.steps{counter-reset:st}
.steps li{padding-left:44px;counter-increment:st}
.steps li::before{content:counter(st);left:0;top:9px;width:28px;height:28px;transform:none;border-radius:50%;background:var(--card2);border:1.5px solid var(--sand);color:var(--sand);font:800 13px/25px var(--body);text-align:center}
.note{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:12px 14px;border-radius:var(--r-sm);background:var(--bg2);border:1.5px dashed var(--line);font-size:15px;color:var(--muted)}
.note svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--sand)}

/* ── як тут грається: слайдер плиток ── */
.pvp-l{font-size:16px;margin-bottom:14px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px}

.facts>div{background:var(--card2);border:2px solid var(--line);border-radius:var(--r-md);padding:12px 14px}
.facts strong{display:block;white-space:nowrap;font:900 20px/1.1 var(--display);color:var(--white)}
.facts span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.facts-cap{margin-top:12px;font-size:14px;color:var(--muted)}

/* ── правила ── */
.more{margin-top:10px}
.more summary{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:9px 12px 9px 10px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--card2);color:var(--sand);font-weight:600;font-size:15px;line-height:1.35;margin-top:0}
.more summary::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;border:1.5px solid var(--terra);background:
 linear-gradient(var(--terra),var(--terra)) center/9px 1.5px no-repeat,
 linear-gradient(var(--terra),var(--terra)) center/1.5px 9px no-repeat;transition:transform .18s ease}
.more summary::after{content:none}
.more summary:hover{border-color:var(--terra)}
.more[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;color:var(--terra-tt)}
.more[open] summary::before{transform:rotate(45deg)}
.more[open]{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--card2)}
.more[open] summary{border:0;background:transparent}
.more[open]>:not(summary){margin-left:12px;margin-right:12px}
.more[open]>p:last-child{padding-bottom:10px}
.more p{margin:4px 0 8px;color:var(--muted)}
.more .poi{margin:0 0 10px}
.ban{margin-top:12px;padding:12px 14px;border-radius:var(--r-sm);background:var(--terra-bg);border:1.5px solid rgba(196,87,47,.5);color:var(--terra-tt);font-weight:700;font-size:15px}

/* ── контакт ── */
.contact p{margin:0 0 14px}
.mail{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:12px;background:var(--terra-f);color:#fff;font:800 15px/1.1 var(--body);text-decoration:none;box-shadow:0 3px 0 var(--terra-d);word-break:break-all}

/* ── докладніше: рядки зі стрілкою ── */
.links li{padding:0;border-top:1px dashed var(--line)}
.links li::before{display:none}
.links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 0;font-weight:700;text-decoration:none;color:var(--sand)}
.links a svg{flex:none;width:18px;height:18px;color:var(--terra)}

/* ── підвал ── */
footer{margin-top:26px;text-align:center;color:var(--muted);display:grid;gap:10px;justify-items:center}
footer img{width:64px;height:64px;border-radius:50%}
footer .fl{display:flex;flex-wrap:wrap;justify-content:center}
footer .fl a{color:var(--muted);padding:0 12px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
footer .fl a:hover{color:var(--sand)}
.fbpill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1.5px solid var(--line);border-radius:99px;color:var(--sand);text-decoration:none;font-weight:700;font-size:15px}

@media(min-width:560px){
  .find .name{flex:1 1 0}
  .copy{flex:0 0 auto;min-width:200px}
}

/* ═══ внутрішні сторінки ═══ */
.crumb{margin:6px 0 4px}.crumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none;font-size:14px}
.page-h1{margin:0 0 12px;font:900 clamp(24px,6.6vw,34px)/1.2 var(--display);text-transform:uppercase;letter-spacing:.015em;color:var(--sand);text-wrap:balance;text-align:left}
.page-lead{margin:0 0 22px;max-width:60ch;opacity:.9}
.card-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.card-h .n{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 8px;border-radius:7px;background:var(--terra-f);color:#fff;font:800 13px/1 var(--body);letter-spacing:.04em}
.card-h h2{margin:0}
section.pg{counter-increment:none}
section.pg h2::before{display:none}
/* чек-лист вимог */
.req li{padding-left:34px}.req li::before{display:none}
.req li svg{position:absolute;left:0;top:12px;width:22px;height:22px;color:var(--live)}
/* кроки */
ol.s{counter-reset:st;list-style:none;padding-left:0;margin:0 0 14px}ol.s li{padding-left:44px;counter-increment:st}
ol.s li::before{content:counter(st);left:0;top:9px;width:28px;height:28px;transform:none;border-radius:50%;background:var(--card2);border:1.5px solid var(--sand);color:var(--sand);font:800 13px/25px var(--body);text-align:center}
.copybox{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;border:2px solid var(--terra);border-radius:var(--r-lg);padding:14px 16px;margin:14px 0 12px;background:var(--bg2);box-shadow:0 0 0 4px rgba(196,87,47,.12)}
.copybox .lbl{display:block;color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.copybox code{font:700 clamp(16px,4.6vw,20px)/1.25 var(--mono);color:var(--white);overflow-wrap:anywhere}
.copybox .copy{flex:1 1 100%}
@media(min-width:560px){.copybox .copy{flex:0 0 auto;min-width:180px}}
/* плитки-факти (сітка, не слайдер) */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px}
.tiles>div{background:var(--card2);border:2px solid var(--line);border-radius:var(--r-md);padding:12px 14px}
.tiles strong{display:block;font:900 19px/1.1 var(--display);color:var(--white);white-space:nowrap}
.tiles span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.tiles .hot{border-color:rgba(196,87,47,.6);background:linear-gradient(90deg,rgba(196,87,47,.14),transparent 70%),var(--card2)}
.tiles-cap{margin-top:12px;font-size:14px;color:var(--muted)}
/* кнопки */
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 4px}
.cta .btn{flex:1 1 14rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:12px;padding:0 24px;font:800 14px/1 var(--body);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;background:var(--sand);color:var(--ink);box-shadow:0 3px 0 var(--terra-d)}
.btn.o{background:var(--terra-f);color:#fff}
.btn.g{background:transparent;color:var(--sand);box-shadow:none;border:1.5px solid var(--line)}
/* FAQ */
.faq details{border-top:1px dashed var(--line)}.faq details:first-of-type{border-top:0}
.faq summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center;justify-content:space-between;font-weight:700;color:var(--sand);padding:8px 0;min-height:52px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;border:1.5px solid var(--terra);color:var(--terra);border-radius:99px;width:28px;height:28px;text-align:center;line-height:25px;font-weight:800}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 12px;color:var(--text)}
/* 100 м */
.big{display:flex;align-items:center;gap:16px;margin:0 0 14px;padding:14px 16px;border-radius:var(--r-md);border:2px solid var(--terra);background:var(--terra-bg)}
.big strong{flex:none;font:900 38px/1 var(--display);color:var(--white)}
.big span{font-size:15px;color:var(--terra-tt)}
.pg .poi{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 14px}
@media(min-width:560px){.pg .poi{grid-template-columns:1fr 1fr}}
.pg .poi li{padding:10px 12px 10px 34px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--card2);font-size:15px}
.pg .poi li::before{left:13px;top:1.2em;width:9px;height:9px;background:var(--sand)}
.pg .poi li:first-child{border-top:1.5px solid var(--line)}
/* карта */
.mapbar{position:sticky;top:0}
.maptop{padding:14px 16px 4px;max-width:45rem;margin:0 auto}
.maptop h1{margin:0 0 4px;font:900 clamp(18px,5vw,24px)/1.15 var(--display);text-transform:uppercase;color:var(--sand);text-align:left}
.maptop p{font-size:14px;color:var(--muted)}
.filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;max-width:45rem;margin:0 auto}
.filters button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg2);color:var(--text);font:700 14px var(--body)}
.filters button i{width:10px;height:10px;border-radius:50%;display:block}
.filters button b{color:var(--muted);font-weight:600}
.filters button.on{border-color:var(--sand);background:rgba(230,207,152,.12)}
.mapwrap{position:relative;max-width:45rem;margin:0 auto;padding:0 16px 16px}
.mapwrap img{display:block;width:100%;height:auto;border-radius:var(--r-lg);border:2px solid var(--line)}
.mapctl{position:absolute;right:28px;top:12px;display:grid;gap:8px}
.mapctl button{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line);background:rgba(20,19,13,.88);color:var(--sand);font:700 22px var(--body)}
.mapnote{position:absolute;left:28px;top:12px;padding:6px 10px;border-radius:999px;background:rgba(20,19,13,.88);border:1.5px solid var(--line);font-size:12px;color:var(--muted)}
.legend{max-width:45rem;margin:0 auto;padding:0 16px 24px;font-size:14px;color:var(--muted)}

/* ═══ живі правила, яких немає в концепті ═══ */
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;color-scheme:dark}
.skip{position:absolute;left:12px;top:-60px;background:var(--sand);color:#2a2418;padding:12px 16px;border-radius:10px;font-weight:800;z-index:20;text-decoration:none}.skip:focus{top:12px}
main:focus{outline:none}
#banners{display:flex;flex-direction:column;gap:12px;margin:0 0 20px}#banners:empty{display:none}#banners .banner{margin:0}
.chips li.warn{border-color:rgba(230,180,80,.6);background:rgba(230,180,80,.12);color:#f3dca6}.chips li.off{border-color:rgba(214,92,76,.65);background:rgba(214,92,76,.14);color:#ffc9c0}.warn .dot{background:#e6b450;animation:none}.off .dot{background:#e0594a;animation:none}
.stl{margin:-8px auto 18px;max-width:34em;font-size:14px;color:var(--muted)}
.moreb[hidden]{display:none}
.links li a{font-weight:700}
.chips,.kf,.steps,.rules,.links{padding:0;list-style:none}
.chips{margin-bottom:20px}
/* закріплений банер на внутрішніх сторінках (JS створює aside.warn) */
.bugbanner .warn{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--r-lg);border:2px solid var(--terra);background:var(--terra-bg);margin:0 0 20px;color:var(--terra-tt)}
.bugbanner .warn svg{flex:none;margin-top:2px;color:var(--terra-t)}
.bugbanner .warn strong{display:block;font:900 15px/1.25 var(--display);text-transform:uppercase;color:var(--terra-tt);margin-bottom:6px;text-wrap:balance}
.bugbanner .warn p{margin:0;font-size:15px;color:#ffe6d9}
.bugbanner:empty{display:none}
ul.o li::before{background:var(--terra)}
/* стрічка смертей: стани */
#killfeed .kf-warn{background:var(--card2);border:1px solid var(--terra-d);border-left:4px solid var(--terra);border-radius:var(--r-sm);padding:12px 14px;margin:0 0 12px;font-size:15px}
#killfeed .kf-warn small{display:block;color:var(--muted);margin-top:4px}
#killfeed.stale .kf{opacity:.55}
#killfeed .kf-empty{color:var(--muted);padding:16px;border:1px dashed var(--line);border-radius:var(--r-md)}
#killfeed li[hidden]{display:none}
#killfeed h2:focus{outline:none}
.refresh[disabled]{opacity:.55;cursor:default}
.refresh.spin svg{animation:kfspin .8s linear}
@keyframes kfspin{to{transform:rotate(360deg)}}
.kfn .upd.err{color:#ffc9c0}
.kfn .upd.err .dot{display:none}
.copy[data-copy],.copybox .copy{cursor:pointer}
.faq{margin:0}
@media(prefers-reduced-motion:reduce){.dot{animation:none}.refresh.spin svg{animation:none}}
/* внутрішні сторінки: низ без зайвого поля */
.wrap>main{padding-bottom:0}

/* ═══ рух (як на живому) ═══ */
:root{interpolate-size:allow-keywords}
@view-transition{navigation:auto}
.copy,.mail,.moreb,section,article,li::before{transition:transform .14s ease,box-shadow .14s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
details::details-content{block-size:0;overflow:clip;transition:block-size .28s ease,content-visibility .28s allow-discrete}
details[open]::details-content{block-size:auto}
@media(hover:hover){
 .copy:hover,.mail:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--terra-d)}
 .moreb:hover{border-color:var(--sand)}
 section:hover{border-color:#4e4830}article:hover{border-color:#5a5336}article.issue:hover{border-color:#e0693b}
 li:hover::before{transform:rotate(45deg) scale(1.3)}
}
.copy:active,.mail:active{transform:translateY(2px);box-shadow:0 1px 0 var(--terra-d)}
@media(prefers-reduced-motion:no-preference){
 @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
 @keyframes pop{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
 @keyframes ring{0%,100%{box-shadow:0 0 0 0 rgba(196,87,47,0)}50%{box-shadow:0 0 0 7px rgba(196,87,47,.3)}}
 .emblem{animation:pop .65s cubic-bezier(.2,.8,.2,1) both}
 h1{animation:rise .5s .1s both}.lead{animation:rise .5s .18s both}
 .chips li{animation:rise .4s both}
 .chips li:nth-child(1){animation-delay:.24s}.chips li:nth-child(2){animation-delay:.29s}.chips li:nth-child(3){animation-delay:.34s}.chips li:nth-child(4){animation-delay:.39s}.chips li:nth-child(5){animation-delay:.44s}
 .banner{animation:rise .5s .3s both}
 .find{animation:rise .5s .36s both}
 article{animation:rise .4s both}
 @supports (animation-timeline:view()){
  main>section{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
 }
}
nav{overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-block:3px;touch-action:pan-x pan-y}nav a::after{inset:0 0}

/* ── головна v2 (31.10): плоска структура «сервер», авто-статус; без карток і кнопки копіювання (на консолі її нікуди вставити) ── */
.hero{padding:4px 0 0}
.hero .emblem{width:84px;height:84px;margin:14px auto 10px}
.hero h1{margin:0 0 18px}
.hero h1 .h1b{display:block;margin-top:4px;font:600 16px/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}
.srvrow{margin:0 0 22px}
.stat{display:flex;width:fit-content;max-width:100%;margin:0 auto;justify-content:center;align-items:center;padding:8px 18px;border:1.5px solid rgba(143,207,90,.55);border-radius:999px;background:var(--live-bg);font:700 16px/1.25 var(--body);letter-spacing:.02em;color:#d9f2c4}
.stat .dot{margin:0 9px 0 0;flex:none}
.stat.warn{border-color:rgba(230,180,80,.6);background:rgba(230,180,80,.12);color:#f3dca6}
.stat.off{border-color:rgba(214,92,76,.65);background:rgba(214,92,76,.14);color:#ffc9c0}
.stat.unk{border-color:var(--line);background:var(--bg2);color:var(--muted)}
.stat.unk .dot{background:#8a8577;animation:none}
.pk{margin:10px 0 0;font:500 14px/1.3 var(--body);color:var(--muted)}
.pk b{color:var(--sand);font-weight:700}
.pk.soon{color:#ffcf8a}
.srvrow .stl{margin:6px auto 0}
.srvlab{margin:0 0 8px;font:600 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.field{display:flex;justify-content:center;padding:14px 10px;border:1.5px solid var(--line);border-radius:12px;background:rgba(0,0,0,.25)}
.field code{font:700 clamp(16px,5.2vw,21px)/1.2 var(--mono);color:var(--white);white-space:nowrap}
.srvmeta{margin:14px 0 4px;font:600 15px/1.4 var(--body);color:var(--text)}
.dlc{margin:0 0 18px;font:500 13px/1.4 var(--body);color:var(--muted)}
.dlc b{color:var(--terra-tt);font-weight:700}
.jumpw{margin:0 0 10px;text-align:center}
.jumpw .jump{margin:0}
/* плашка з таблиці новин: тонка смуга замість рамки із заливкою */
#banners{margin:0 0 14px}
#banners .banner{text-align:left;gap:0;padding:4px 0 4px 12px;border:0;border-left:3px solid var(--terra);border-radius:0;background:none}
#banners .banner>svg{display:none}
#banners .banner h2{font:800 13px/1.3 var(--body);letter-spacing:.03em}
#banners .banner p{font-size:14px;color:#e8cfc2}
#banners .banner a{margin-top:-4px}
#banners .banner p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}

/* новини: обрізка до 3 рядків + «читати повністю» */
article p.clip{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
article p.clip.open{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.rm{display:block;margin:6px auto 0 0;text-align:left;padding:6px 0;min-height:32px;border:0;background:none;color:var(--sand);font:700 14px var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rm[hidden]{display:none}
.seo-l{margin:0 0 12px}