/* Шрифты раздела /eh/ — локально (Google Fonts, лицензия OFL): Kurale, Old Standard TT, PT Mono, Marck Script */
@font-face{font-family:'Kurale';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/kurale-400-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Kurale';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/kurale-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Kurale';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/kurale-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Marck Script';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/marck-script-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Marck Script';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/marck-script-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Old Standard TT';font-style:italic;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/old-standard-tt-400i-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Old Standard TT';font-style:italic;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/old-standard-tt-400i-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Old Standard TT';font-style:italic;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/old-standard-tt-400i-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Old Standard TT';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/old-standard-tt-400-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Old Standard TT';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/old-standard-tt-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Old Standard TT';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/old-standard-tt-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Old Standard TT';font-style:normal;font-weight:700;font-display:swap;src:url(../bundles/app/fonts/old-standard-tt-700-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Old Standard TT';font-style:normal;font-weight:700;font-display:swap;src:url(../bundles/app/fonts/old-standard-tt-700-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Old Standard TT';font-style:normal;font-weight:700;font-display:swap;src:url(../bundles/app/fonts/old-standard-tt-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'PT Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/pt-mono-400-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'PT Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/pt-mono-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'PT Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../bundles/app/fonts/pt-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* «Древний ужас» (/eh/), 26.09.2026 — оформление «ночная экспедиция» (макет .claude/design/eldritch_2026-09-26). Шрифты — fonts.css */
:root{
  color-scheme:dark;
  --night:#0b1412; --deep:#11201c; --panel:#162823; --panel-2:#1c322b; --line:#2b453c; --line-2:#3a5a4d;
  --vine:#3f6c56; --verd:#86b89b; --brass:#c9a55c; --brass-2:#e8d29a; --brass-d:#8b6a2d;
  --text:#ebe3cf; --fog:#a9b8ae; --fog-2:#7f9187;
  --paper:#eee1c1; --paper-2:#e0cda3; --paper-3:#d2b986; --ink:#2b1f13; --ink-2:#5b4731;
  --blood:#b0351f; --blood-d:#6d1e12; --mind:#3a5d9c;
  --lore:#6f3f96; --infl:#d4722b; --obs:#3f8c48; --str:#bb362b; --will:#4263b0;
  --t-america:#94aa5e; --t-europe:#cf8750; --t-asia:#8e6ea8; --t-otherworld:#caa04c; --t-expedition:#d9ae70;
  --t-general:#9a8a6c; --t-research:#5b8a67; --t-special:#3f7a45; --t-mythos:#8e5ea5; --t-mystery:#6d9a4f;
  --t-asset:#c07f3b; --t-artifact:#9a3a28; --t-spell:#7650a0; --t-condition:#857a62;
  --t-monster:#9b8f7a; --t-epic:#c55a3a; --t-ancient:#5f8f52; --t-investigator:#b9483a;
  --my-green:#5e8f3e; --my-yellow:#c89b2d; --my-blue:#4c7cab;
  --f-display:"Kurale","Old Standard TT",Georgia,serif;
  --f-body:"Old Standard TT",Georgia,"Times New Roman",serif;
  --f-mono:"PT Mono","Courier New",monospace;
  --f-hand:"Marck Script","Segoe Script",cursive;
  --r:6px; --gut:clamp(16px,3.2vw,40px); --maxw:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--text);font:17px/1.55 var(--f-body);
  background-image:
    radial-gradient(1200px 600px at 85% -10%,rgba(63,108,86,.28),transparent 60%),
    radial-gradient(900px 500px at -10% 30%,rgba(40,70,58,.22),transparent 60%);
  background-attachment:fixed}
a{color:var(--brass-2);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#fff3cf}
:focus-visible{outline:2px solid var(--brass-2);outline-offset:2px;border-radius:3px}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--f-display);font-weight:400;text-wrap:balance;margin:0;letter-spacing:.01em}
p{margin:0}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.sc{font-variant:small-caps;letter-spacing:.06em}
.muted{color:var(--fog)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
button{font:inherit;color:inherit}

/* ---------- полоса игр (общая для сайта) ---------- */
.gstrip{background:#070c0b;border-bottom:1px solid #1f2f2a;font:13px/1 var(--f-mono)}
.gstrip .wrap{display:flex;align-items:center;gap:4px;min-height:38px;overflow-x:auto;scrollbar-width:none}
.gstrip a{display:flex;align-items:center;gap:7px;padding:12px 12px;color:var(--fog-2);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.gstrip a:hover{color:var(--text)}
.gstrip a.on{color:var(--brass-2);border-bottom-color:var(--brass)}
.gstrip .soon{font-size:10px;border:1px solid #33443e;padding:2px 5px;border-radius:3px;color:#6c7e76}
.gstrip .sp{flex:1}
.gstrip .dot{width:7px;height:7px;border-radius:50%;background:#56716a}
.gstrip a.on .dot{background:var(--verd);box-shadow:0 0 8px var(--verd)}

/* ---------- шапка ---------- */
.hd{position:relative;background:linear-gradient(#0f1d19,#0c1614);border-bottom:1px solid var(--line)}
.hd .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding-block:14px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.logo-seal{width:46px;height:46px;flex:none}
.logo-t{display:grid;line-height:1}
.logo-t b{font:400 25px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;
  background:linear-gradient(180deg,#f3e2ae 10%,#c9a55c 55%,#8b6a2d 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-t small{font:12px/1.4 var(--f-mono);color:var(--fog-2);letter-spacing:.12em;text-transform:uppercase;margin-top:5px}
.nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.nav a{padding:8px 12px;color:var(--text);text-decoration:none;font:16px var(--f-display);border-radius:var(--r)}
.nav a:hover{background:var(--panel)}
.nav a.on{color:var(--brass-2);box-shadow:inset 0 -2px 0 var(--brass)}
.hsearch{display:flex;align-items:center;gap:8px;background:var(--deep);border:1px solid var(--line-2);border-radius:var(--r);padding:0 10px;min-width:240px}
.hsearch svg{width:18px;height:18px;color:var(--brass);flex:none}
.hsearch input{background:none;border:0;color:var(--text);font:15px var(--f-body);padding:9px 0;width:100%;outline:none}
.hsearch input::placeholder{color:var(--fog-2)}
.hsearch:focus-within{border-color:var(--brass)}
.hd-r{display:flex;gap:8px;align-items:center;min-width:0}
.menu-btn{display:none;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r);padding:8px 12px;cursor:pointer}

/* шкала безысходности — индикатор прокрутки */
.doom{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(9,15,13,.94);backdrop-filter:blur(4px);border-bottom:1px solid var(--line)}
.doom .wrap{display:flex;align-items:center;gap:12px;height:30px}
.doom-l{font:11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fog-2);white-space:nowrap}
.doom-l b{color:#e2796a;font-weight:400}
.doom-track{flex:1;display:grid;grid-template-columns:repeat(21,1fr);gap:3px;min-width:0}
.doom-track i{height:14px;border-radius:2px;background:#1a2a25;font:9px/14px var(--f-mono);font-style:normal;text-align:center;color:#5b6f67;overflow:hidden;transition:background .25s,color .25s}
.doom-track i.past{background:#3a1a14;color:#a0584a}
.doom-track i.now{background:var(--blood);color:#fff;box-shadow:0 0 10px rgba(176,53,31,.7)}
.doom-track i:last-child{background:#2a1010;color:#d58a7c}

/* ---------- общие блоки ---------- */
main{min-height:60vh}
.sec{padding-block:44px}
.sec-h{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.sec-h h2{font-size:clamp(26px,3vw,34px);color:var(--brass-2)}
.sec-h p{color:var(--fog);max-width:52ch}
.eyebrow{font:12px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--verd)}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(#d8b86c,#b28c42);color:#23180c;border:1px solid #7d5f26;border-radius:var(--r);padding:9px 16px;font:16px var(--f-display);text-decoration:none;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.btn:hover{filter:brightness(1.07);color:#1a1108}
.btn.ghost{background:transparent;color:var(--brass-2);border-color:var(--line-2);box-shadow:none}
.btn.ghost:hover{border-color:var(--brass);color:#fff3cf}
.crumbs{font:13px var(--f-mono);color:var(--fog-2);display:flex;gap:8px;flex-wrap:wrap;padding-top:22px}
.crumbs a{color:var(--fog);text-decoration:none}
.crumbs a:hover{color:var(--brass-2)}
.chip{display:inline-flex;align-items:center;gap:6px;font:12px var(--f-mono);letter-spacing:.06em;padding:3px 8px;border-radius:3px;border:1px solid var(--line-2);color:var(--fog)}
.swatch{width:10px;height:10px;border-radius:2px;background:var(--tc,#888);display:inline-block;flex:none}

/* ---------- главная ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(1px 1px at 12% 22%,#fff8 50%,transparent),radial-gradient(1px 1px at 32% 70%,#fff6 50%,transparent),
  radial-gradient(1.5px 1.5px at 48% 12%,#fff7 50%,transparent),radial-gradient(1px 1px at 66% 40%,#fff5 50%,transparent),
  radial-gradient(1px 1px at 78% 86%,#fff6 50%,transparent),radial-gradient(1.5px 1.5px at 90% 18%,#fff8 50%,transparent),
  radial-gradient(1px 1px at 22% 88%,#fff4 50%,transparent),radial-gradient(1px 1px at 58% 60%,#fff4 50%,transparent)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;padding-block:48px 56px;position:relative}
.hero h1{font-size:clamp(40px,5.6vw,72px);line-height:.98;text-transform:uppercase;letter-spacing:.08em;
  background:linear-gradient(180deg,#f7e8b8 15%,#caa55a 60%,#7f5f25);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 span{display:block;font-size:.42em;letter-spacing:.22em;color:var(--verd);-webkit-text-fill-color:var(--verd);margin-top:14px}
.hero .lead{margin-top:18px;font-size:19px;color:var(--text);max-width:40ch}
.bigsearch{margin-top:26px;display:flex;gap:0;border:1px solid var(--brass-d);border-radius:var(--r);background:#0a1311;overflow:hidden;max-width:520px}
.bigsearch input{flex:1;min-width:0;background:none;border:0;color:var(--text);font:18px var(--f-body);padding:13px 16px;outline:none}
.bigsearch button{border:0;border-left:1px solid var(--brass-d);background:linear-gradient(#d8b86c,#b28c42);color:#23180c;font:16px var(--f-display);padding:0 18px;cursor:pointer}
.bigsearch:focus-within{border-color:var(--brass-2)}
.hints{margin-top:10px;font-size:14px;color:var(--fog-2)}
.hints a{color:var(--fog)}
.boxcount{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px 28px;font:14px var(--f-mono);color:var(--fog)}
.boxcount b{display:block;font:400 28px var(--f-display);color:var(--brass-2)}

.awake{position:relative}
.awake-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.awake-h h2{font-size:22px;color:var(--brass-2)}
.awake-h span{font:12px var(--f-mono);color:var(--fog-2);letter-spacing:.1em;text-transform:uppercase}
.ancs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.anc{position:relative;display:block;border-radius:8px;overflow:hidden;border:1px solid #3d5a3f;text-decoration:none;color:var(--text);background:#000;aspect-ratio:3/3.7;transition:transform .35s,border-color .35s,box-shadow .35s}
.anc img{width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:.88;transition:opacity .3s}
.anc::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(4,10,8,.95))}
.anc .doomn{position:absolute;top:8px;left:8px;z-index:2;width:38px;height:38px;border-radius:50%;background:#1b0f0a;border:2px solid var(--blood);display:grid;place-items:center;font:18px var(--f-display);color:#f2c4b6}
.anc .nm{position:absolute;left:10px;right:10px;bottom:10px;z-index:2}
.anc .nm b{display:block;font:400 20px/1.1 var(--f-display);color:var(--brass-2)}
.anc .nm small{font-size:13px;font-style:italic;color:var(--fog)}
.anc:hover{transform:translateY(-6px);border-color:var(--brass);box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 0 1px var(--brass-d)}
.anc:hover img{opacity:1}
.awake-f{margin-top:12px;font-size:14px;color:var(--fog-2)}

/* билеты-типы */
.groups{display:grid;gap:34px}
.grp-h{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;flex-wrap:wrap;border-bottom:1px dashed var(--line-2);padding-bottom:8px}
.grp-h h3{font-size:22px;color:var(--text)}
.grp-h span{color:var(--fog-2);font-size:14px}
.tickets{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.ticket{--tc:var(--brass);position:relative;display:grid;grid-template-columns:78px 1fr;text-decoration:none;color:var(--ink);
  background:var(--paper);border-radius:7px;min-height:112px;transition:transform .2s,box-shadow .2s;
  -webkit-mask:radial-gradient(circle 8px at 78px 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 8px at 78px 100%,#0000 98%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 8px at 78px 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 8px at 78px 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
.ticket:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 10px 24px rgba(0,0,0,.5)}
.ticket .stub{background:var(--tc);display:grid;place-items:center;padding:10px 8px;border-right:2px dashed rgba(43,31,19,.35)}
.ticket .stub img{width:54px;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.45);transform:rotate(-4deg)}
.ticket .stub.wide img{width:62px}
.ticket .body{padding:11px 14px 10px;display:grid;align-content:space-between;gap:6px}
.ticket .body b{font:400 19px/1.15 var(--f-display);color:var(--ink);padding-right:32px}
.ticket .body small{font-size:13.5px;line-height:1.35;color:var(--ink-2)}
.ticket .meta{display:flex;justify-content:space-between;align-items:end;font:12px var(--f-mono);color:var(--ink-2);letter-spacing:.06em}
.ticket .meta .n{font-size:15px;color:var(--ink)}
.ticket .punch{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--tc) 80%,#000);color:color-mix(in srgb,var(--tc) 70%,#000);display:grid;place-items:center;transform:rotate(-14deg);opacity:.75}
.ticket .punch img{width:16px;height:16px;opacity:.8}

/* сыщики на главной */
.invrow{display:grid;grid-auto-flow:column;grid-auto-columns:170px;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory}
.invc{scroll-snap-align:start;text-decoration:none;color:var(--ink);background:#f1e8d4;padding:8px 8px 10px;border-radius:3px;box-shadow:0 6px 16px rgba(0,0,0,.45);transform:rotate(var(--rot,0deg));transition:transform .2s}
.invc:hover{transform:rotate(0) translateY(-4px)}
.invc img{width:100%;aspect-ratio:138/156;object-fit:cover;filter:sepia(.15) contrast(1.02)}
.invc b{display:block;font:400 16px/1.2 var(--f-display);margin-top:8px}
.invc small{font-size:13px;color:var(--ink-2);font-style:italic}
.invc .vit{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;align-items:center}.invc .skd{margin-left:0;width:100%}
.seal{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:14px var(--f-display);color:#fff;flex:none}
.seal.hp{background:var(--blood)}
.seal.san{background:var(--mind)}
.skd{display:flex;gap:3px;margin-left:auto}
.skd i{width:17px;height:21px;border-radius:2px;font:11px/21px var(--f-mono);font-style:normal;color:#fff;text-align:center}

/* новости-телеграммы + правила */
.two{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}
.tgrams{display:grid;gap:14px}
.tgram{background:#e9dfc6;color:#231a10;border-radius:3px;padding:14px 18px 16px;font:14px/1.55 var(--f-mono);text-transform:uppercase;letter-spacing:.02em;position:relative;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.tgram header{display:flex;justify-content:space-between;border-bottom:1px solid #b7a882;padding-bottom:6px;margin-bottom:8px;font-size:12px;color:#6a5a3e}
.tgram header b{font-weight:400;color:#8a2d1d;letter-spacing:.18em}
.tgram a{color:#231a10}
.tgram .ex{position:absolute;right:12px;bottom:10px;font:10px var(--f-mono);color:#8a7a5a;text-transform:none}
.rulesbox{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px}
.rulesbox h3{font-size:22px;color:var(--brass-2);margin-bottom:6px}
.rlist{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:2px}
.rlist a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r);text-decoration:none;color:var(--text)}
.rlist a:hover{background:var(--panel-2)}
.rlist a span{color:var(--fog-2);font:13px var(--f-mono)}

/* ---------- страница «Все карты» ---------- */
.ph{padding-block:18px 26px;border-bottom:1px solid var(--line)}
.ph h1{font-size:clamp(34px,4.4vw,52px);color:var(--brass-2)}
.ph p{color:var(--fog);margin-top:8px;max-width:60ch}
.adv{margin-top:16px}
.adv summary{cursor:pointer;color:var(--brass-2);font:16px var(--f-display);list-style:none;display:inline-flex;gap:8px;align-items:center}
.adv summary::before{content:"+";font:18px var(--f-mono);width:18px}
.adv[open] summary::before{content:"−"}
.advgrid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}
.fld{display:grid;gap:6px;font-size:14px;color:var(--fog)}
.fld select,.fld input{background:var(--deep);border:1px solid var(--line-2);border-radius:var(--r);color:var(--text);font:15px var(--f-body);padding:8px 10px}
.skillpick{display:flex;gap:6px;flex-wrap:wrap}
.skillpick label{cursor:pointer}
.skillpick input{position:absolute;opacity:0}
.skillpick span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:4px;border:1px solid var(--line-2);font-size:13px}
.skillpick input:checked+span{background:var(--k);border-color:var(--k);color:#fff}
.skillpick input:focus-visible+span{outline:2px solid var(--brass-2)}
.typeboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}
.tbcol{display:flex;flex-direction:column;gap:26px;min-width:0}
.tb{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 18px 10px}
.tb h2{font-size:24px;color:var(--brass-2)}
.tb>p{color:var(--fog-2);font-size:14px;margin:2px 0 10px}
.trow{--tc:#888;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:10px 6px;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}
.trow:hover{background:var(--panel-2)}
.trow img{width:48px;border-radius:3px;box-shadow:0 2px 8px #000a;outline:2px solid var(--tc);outline-offset:-2px}
.trow.wide img{width:48px;aspect-ratio:1.4;object-fit:cover}
.trow b{font:400 18px var(--f-display);display:flex;gap:8px;align-items:center}
.trow small{display:block;font-size:13.5px;color:var(--fog);line-height:1.35}
.trow .c{font:15px var(--f-mono);color:var(--brass-2)}

/* ---------- страница типа ---------- */
.thead{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;padding-block:14px 26px}
.thead .backs{position:relative;width:120px;height:150px}
.thead .backs img{position:absolute;width:92px;border-radius:5px;box-shadow:0 8px 20px #000c}
.thead .backs img:first-child{left:0;top:10px;transform:rotate(-8deg)}
.thead .backs img:last-child{left:28px;top:0;transform:rotate(5deg)}
.thead.wide .backs img{width:120px}
.thead h1{font-size:clamp(32px,4vw,48px);color:var(--brass-2)}
.thead p{color:var(--fog);margin-top:6px;max-width:62ch}
.thead .facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
.seg button{background:none;border:0;padding:7px 14px;cursor:pointer;font:15px var(--f-display);color:var(--fog)}
.seg button+button{border-left:1px solid var(--line-2)}
.seg button[aria-pressed="true"]{background:var(--brass);color:#23180c}
.tools .sp{flex:1}
.tools select,.tools input{background:var(--deep);border:1px solid var(--line-2);border-radius:var(--r);color:var(--text);font:15px var(--f-body);padding:7px 10px}
.fchips{display:flex;gap:6px;flex-wrap:wrap}
.fchips button{background:none;border:1px solid var(--line-2);border-radius:20px;padding:4px 11px;font-size:14px;cursor:pointer;color:var(--fog)}
.fchips button[aria-pressed="true"]{border-color:var(--brass);color:var(--brass-2);background:rgba(201,165,92,.1)}
.listwrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;margin-top:18px;align-items:start}
.tblbox{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--deep)}
table.tl{width:100%;border-collapse:collapse;font-size:15.5px}
.tl th{font:12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fog-2);text-align:left;padding:11px 12px;border-bottom:1px solid var(--line-2);white-space:nowrap;font-weight:400}
.tl td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tl tr:last-child td{border-bottom:0}
.tl tbody tr{cursor:pointer}
.tl tbody tr:hover td,.tl tbody tr.hot td{background:var(--panel-2)}
.tl td a{color:var(--text);text-decoration:none;font:400 17px var(--f-display)}
.tl td a:hover{color:var(--brass-2)}
.tl .num{font-family:var(--f-mono);color:var(--fog-2);white-space:nowrap}
.coin{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4dd9c,#b88a3a);color:#2a1b09;font:14px var(--f-display);border:1px solid #6d4f1c}
.peek{position:sticky;top:48px}
.peek img{border-radius:8px;box-shadow:0 12px 30px #000c;width:100%}
.peek p{font-size:13px;color:var(--fog-2);margin-top:8px}
.scans{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;margin-top:18px}
.scans.small{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.scans.wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.scan{text-decoration:none;color:var(--text);display:grid;gap:8px}
.scan .fl{perspective:900px}
.scan .fl>div{position:relative;transition:transform .6s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.scan .fl img{border-radius:6px;box-shadow:0 8px 20px #000b;backface-visibility:hidden;width:100%}
.scan .fl img+img{position:absolute;inset:0;height:100%;object-fit:cover;transform:rotateY(180deg)}
.scan:hover .fl>div,.scan:focus-visible .fl>div{transform:rotateY(180deg)}
.scan span{font:15px var(--f-display);text-align:center}
.short{columns:3 250px;column-gap:26px;margin-top:18px}
.short section{break-inside:avoid;margin-bottom:22px}
.short h3{font-size:18px;color:var(--brass-2);border-bottom:1px solid var(--line-2);padding-bottom:4px;margin-bottom:6px}
.short a{display:flex;gap:8px;align-items:center;padding:4px 0;color:var(--text);text-decoration:none}
.short a:hover{color:var(--brass-2)}
.short a small{color:var(--fog-2);margin-left:auto;font:12px var(--f-mono)}
.note{margin-top:16px;font-size:14px;color:var(--fog-2);border-left:2px solid var(--line-2);padding-left:12px}

/* ---------- страница карты ---------- */
.ch{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;padding-block:6px 20px}
.ch h1{font-size:clamp(32px,4.2vw,50px);color:var(--brass-2);line-height:1.05}
.ch .sub{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--fog)}
.ch .sub i{font-style:italic}
.nbrs{display:flex;gap:8px}
.nbrs a{font:14px var(--f-mono);text-decoration:none;border:1px solid var(--line-2);border-radius:var(--r);padding:7px 11px;color:var(--fog)}
.nbrs a:hover{border-color:var(--brass);color:var(--brass-2)}
.cardgrid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:40px;align-items:start}
.cardgrid.big{grid-template-columns:minmax(0,1fr)}
.stage{position:sticky;top:44px}
.cardgrid.big .stage{position:static}
.flipbox{perspective:1600px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.flipbox.drag{cursor:grabbing}
.flipper{position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,.8,.25,1)}
.flipbox.drag .flipper{transition:none}
.flipper img{width:100%;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 20px 50px rgba(0,0,0,.7);pointer-events:none}
.flipper img.bk{position:absolute;inset:0;height:100%;object-fit:cover;transform:rotateY(180deg)}
.flipper.token img{border-radius:0;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.stage-bar{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.stage-bar .side{font:13px var(--f-mono);color:var(--fog-2);letter-spacing:.06em}
.stage-bar .side b{color:var(--brass-2);font-weight:400}
.stage-hint{font-size:13px;color:var(--fog-2);margin-top:8px}
.cardgrid.big .flipbox{max-width:880px;margin-inline:auto}
.cardgrid.big .stage-bar,.cardgrid.big .stage-hint{justify-content:center;text-align:center}
.textcol{display:grid;gap:14px}
.tside{position:relative;transition:opacity .3s}
.tside-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font:12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fog-2)}
.tside.on .tside-h{color:var(--brass-2)}
.tside-h button{background:none;border:1px solid var(--line-2);border-radius:4px;padding:3px 8px;font:12px var(--f-mono);color:var(--fog);cursor:pointer;text-transform:none;letter-spacing:0}
.tside-h button:hover{color:var(--brass-2);border-color:var(--brass)}
.cardgrid.big .textcol{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}
.plainback{padding:14px 16px;border:1px dashed var(--line-2);border-radius:8px;color:var(--fog);font-size:15px;display:flex;gap:14px;align-items:center}
.plainback img{width:54px;border-radius:4px;flex:none}

.facts2{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0;background:var(--deep);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:6px}
.facts2 div{padding:10px 14px;box-shadow:inset -1px -1px 0 var(--line)}
.facts2 dt{font:11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fog-2)}
.facts2 dd{margin:2px 0 0;font-size:16px}
.blk{margin-top:36px}
.blk>h2{font-size:24px;color:var(--brass-2);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.blk>h2 small{font:13px var(--f-mono);color:var(--fog-2)}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}
.rel a{text-decoration:none;color:var(--text);font-size:14px;display:grid;gap:6px}
.rel img{border-radius:5px;box-shadow:0 6px 14px #000a}
.faq{border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.faq details{border-top:1px solid var(--line)}
.faq details:first-child{border-top:0}
.faq summary{cursor:pointer;padding:12px 16px;font:17px var(--f-display);list-style:none}
.faq summary::before{content:"?";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--vine);color:#e8f2ea;font:13px var(--f-mono);margin-right:10px}
.faq .a{padding:0 16px 14px 48px;color:var(--text)}
.faq .a small{display:block;color:var(--fog-2);font:12px var(--f-mono);margin-top:6px}
.review{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--deep)}
.review .ava{width:40px;height:40px;border-radius:50%;background:var(--vine);display:grid;place-items:center;font:18px var(--f-display)}
.review header{font-size:14px;color:var(--fog);display:flex;gap:10px;flex-wrap:wrap}
.review header b{color:var(--text);font-weight:400;font-family:var(--f-display);font-size:16px}
.review p{margin-top:6px}
.likes{margin-top:8px;display:flex;gap:10px;font-size:14px;color:var(--fog)}
.likes button{background:none;border:1px solid var(--line-2);border-radius:20px;padding:3px 10px;cursor:pointer;color:var(--fog)}
.rform{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}
.rform textarea{width:100%;min-height:110px;background:var(--deep);border:1px solid var(--line-2);border-radius:var(--r);color:var(--text);font:16px var(--f-body);padding:10px;resize:vertical}
.rform .row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.gate{margin-top:10px;padding:12px 14px;border:1px solid var(--brass-d);background:rgba(201,165,92,.08);border-radius:var(--r)}

/* ---------- значки в тексте карт ---------- */
.ic{display:inline-flex;vertical-align:-3px;width:1.2em;height:1.2em;align-items:center;justify-content:center;border-radius:3px;margin:0 1px}
.ic img{width:.95em;height:.95em;display:block}
.ic.ic-lore{background:var(--lore)} .ic.ic-infl{background:var(--infl)} .ic.ic-obs{background:var(--obs)} .ic.ic-str{background:var(--str)} .ic.ic-will{background:var(--will)}
.ic.ic-rec{background:#c3301c;border-radius:50%}
.ic.ic-hp{background:var(--blood);border-radius:50%} .ic.ic-san{background:var(--mind);border-radius:50%}
.ic.ic-half{background:none;width:auto;padding:0 1px}
.ic.ic-half img{width:1em;height:1em}

/* ---------- текстовые карточки: общее ---------- */
.tc{--fr:#8c6a3a;--hd:var(--paper-2);position:relative;color:var(--ink);background:var(--paper);border-radius:12px;border:7px solid var(--fr);
  box-shadow:0 14px 34px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.25),inset 0 0 40px rgba(120,90,40,.18);font-size:16px;line-height:1.5;overflow:hidden}
.tc p+p{margin-top:.5em}
.tc .t{font:400 22px/1.15 var(--f-display);text-align:center;color:var(--ink)}
.tc .tr{font-style:italic;font-weight:700;text-align:center;font-size:15px;color:var(--ink-2);font-variant:small-caps;letter-spacing:.04em}
.tc .fl{font-style:italic}
.tc .nb{position:absolute;right:0;bottom:0;background:var(--fr);color:#f4e7c5;font:12px var(--f-mono);padding:3px 10px 2px 12px;border-top-left-radius:8px}
.tc .pad{padding:14px 18px}
.tc b{font-weight:700}

/* контакты в регионах — три города, шапки цвета региона */
.tc--region{--fr:var(--rg)}
.tc--region .loc{padding:10px 18px 12px;background:linear-gradient(color-mix(in srgb,var(--rg) 30%,var(--paper)),var(--paper) 60%)}
.tc--region .loc+.loc{border-top:3px double color-mix(in srgb,var(--rg) 70%,#3a2a18)}
.tc--region .loc h4{font:400 20px var(--f-display);text-align:center;margin:0 0 4px}
.tc--region .loc p{text-align:center}
.tc--region .loc:last-of-type{padding-bottom:26px}

/* общие и поисковые — город/глушь/море */
.tc--zones{--fr:#5d5040}
.tc--zones.res{--fr:var(--t-research)}
.zone{padding:10px 18px 12px}
.zone h4{margin:0 0 4px;font:400 20px var(--f-display);display:flex;gap:8px;justify-content:center;align-items:center}
.zone h4 img{width:22px;height:22px}
.zone p{text-align:center}
.zone.city{background:linear-gradient(#e9dcbc,#efe3c6)}
.zone.wild{background:linear-gradient(#dfd4b7,#e8dec4);border-top:2px solid rgba(60,45,25,.25)}
.zone.sea{background:linear-gradient(#cfd9e0,#dde4e6);border-top:2px solid rgba(40,60,80,.3);padding-bottom:26px}

/* Иной мир — вступление, свет успеха, огонь провала */
.tc--ow{--fr:#6b5530;border-radius:14px}
.tc--ow .top{display:grid;grid-template-columns:1fr 82px;gap:10px;align-items:start;padding:12px 16px 4px}
.tc--ow .top .t{text-align:left}
.portal{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#7ab3c6 0 30%,#2b4a3b 45%,transparent 47%),conic-gradient(from 20deg,#5a3d1d,#b28a4f,#3e2a13,#8a6a3a,#5a3d1d);box-shadow:0 0 0 3px #3a2a15,0 4px 12px #0006;margin-top:-4px}
.tc--ow .pt{padding:6px 18px 14px}
.tc--ow .ok{margin:6px 12px;border-radius:10px;padding:14px 16px;background:radial-gradient(ellipse at center,#fbf0cf,#f2d99a 70%,#d9b464);box-shadow:0 0 22px rgba(240,200,110,.55)}
.tc--ow .bad{margin:6px 12px 14px;border-radius:10px;padding:14px 16px 24px;color:#2a1106;background:radial-gradient(ellipse at center,#f3e3c3 35%,#e2a45f 75%,#b4472a);box-shadow:inset 0 0 18px rgba(120,30,10,.5)}
.tc--ow .ok,.tc--ow .bad,.tc--ow .pt{text-align:center}
.lbl{display:block;font:11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(43,31,19,.6);margin-bottom:4px;text-align:center}

/* экспедиция — багажные бирки */
.tc--exp{--fr:#6d5a3e;background:#d9c7a3;padding:10px 10px 22px}
.tc--exp .t{text-align:left;padding:6px 8px 10px;font-size:23px}
.tag{position:relative;background:#f0dfb8;margin:8px 4px 8px 14px;padding:12px 16px 12px 40px;
  clip-path:polygon(18px 0,100% 0,100% 100%,18px 100%,0 50%);box-shadow:0 3px 6px rgba(0,0,0,.2)}
.tag::before{content:"";position:absolute;left:16px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:#d9c7a3;box-shadow:inset 0 0 0 2px #8e7650}
.tag.first{background:#f5ead0}
.tag.bad{background:linear-gradient(90deg,#f0dfb8,#eab07a 90%);}

/* особые — лозы */
.tc--special{--fr:#2f5a2d;border-width:9px;border-style:solid;
  border-image:repeating-linear-gradient(45deg,#2c4f25 0 6px,#3f6d33 6px 12px,#1f3a1b 12px 16px) 9}
.tc--special .t{text-align:left;padding:12px 18px 6px}
.tc--special .pt{padding:6px 18px 12px;text-align:center}
.tc--special .mid{background:linear-gradient(#e9e0c2,#efe5c9);border-top:2px solid rgba(47,90,45,.4);border-bottom:2px solid rgba(47,90,45,.4)}
.tc--special .bad{padding:14px 18px 26px;text-align:center;background:radial-gradient(ellipse at center,#f3e3c3 35%,#e2a45f 75%,#b4472a)}

/* Миф — полоса уровня сложности, значки, свиток */
.tc--myth{--tier:var(--my-yellow);--fr:#5d4428;background:linear-gradient(var(--paper),#e7d6b0)}
.tc--myth.green{--tier:var(--my-green)} .tc--myth.blue{--tier:var(--my-blue)}
.tc--myth .tier{height:34px;background:linear-gradient(var(--tier),color-mix(in srgb,var(--tier) 60%,#000));display:flex;align-items:center;gap:8px;padding:0 12px}
.tc--myth .tier .mi{width:30px;height:30px;border-radius:50%;background:#f3ead5;display:grid;place-items:center;box-shadow:0 1px 3px #0007}
.tc--myth .tier .mi img{width:20px;height:20px}
.tc--myth .tier .mi.rec{background:#fff;color:#c3301c}
.tc--myth .tier .mi.gate{color:#2c5b8a} .tc--myth .tier .mi.omen{color:#1a1a1a} .tc--myth .tier .mi.clue{color:#2e7a3a}
.tc--myth .tier .rum{margin-left:auto;font:12px var(--f-mono);color:#f4ecd6;border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:2px 9px}
.tc--myth .scroll{margin:12px 14px 0;padding:12px 16px;background:#f4e9cf;border:1px solid #cdb582;border-radius:4px 4px 16px 4px;font-style:italic;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.tc--myth .plaque{margin:14px 26px 4px;padding:8px 10px;background:linear-gradient(#f0e3c0,#dcc491);border:1px solid #9b7b44;border-radius:22px;text-align:center;font:400 20px var(--f-display);box-shadow:0 2px 0 #7d6031}
.tc--myth .body{padding:8px 18px 14px;text-align:center}
.tc--myth .kind{font-style:italic;font-weight:700;font-variant:small-caps;letter-spacing:.05em;display:block;margin:4px 0 6px;color:var(--ink-2)}
.tc--myth .recl{margin:0 12px 12px;padding:10px 14px 22px;border-top:1px solid rgba(43,31,19,.3);text-align:center;font-size:15px}
.tc--myth .tierlbl{position:absolute;right:12px;top:40px;font:11px var(--f-mono);letter-spacing:.1em;color:color-mix(in srgb,var(--tier) 75%,#000)}

/* Тайна — горизонтальная, лозы */
.tc--mystery{--fr:#35602f;display:grid;grid-template-columns:1fr;border-width:8px}
.tc--mystery .t{text-align:left;padding:10px 16px 6px;font-size:21px}
.tc--mystery .fl{margin:0 14px;padding:10px 14px;background:#e5dcc0;border-radius:6px;text-align:center}
.tc--mystery .pt{padding:10px 18px 24px;text-align:center}
.tc--mystery .anc-tag{position:absolute;right:12px;top:12px;font:11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#35602f}

/* малые карты: актив, артефакт, заклинание, состояние */
.tc--mini{--fr:var(--mf);border-width:8px;background:linear-gradient(#f2e5c4,#e7d4a9)}
.tc--mini .ttl{margin:10px 10px 0;padding:9px 12px;background:linear-gradient(#f5e9c9,#e3cc97);border:1px solid rgba(0,0,0,.25);border-radius:4px;display:flex;align-items:center;gap:10px;justify-content:center;min-height:48px}
.tc--mini .ttl .t{font-size:20px}
.tc--mini .ttl .coin{width:34px;height:34px;font-size:19px;flex:none;margin-left:-4px}
.tc--mini .ttl.left{justify-content:flex-start}
.tc--mini .ttl small{display:block;font:italic 13px var(--f-body);text-align:center;color:var(--ink-2)}
.tc--mini .pad{text-align:center;padding:12px 16px 16px}
.tc--mini .tr{margin-bottom:6px}
.tc--mini .recl{margin:0 12px 12px;padding:8px 10px 0;border-top:1px solid rgba(43,31,19,.25);text-align:center}
.tc--asset{--mf:var(--t-asset)}
.tc--artifact{--mf:var(--t-artifact)}
.tc--spell{--mf:var(--t-spell);background:linear-gradient(#f0dcae,#e3c78e)}
.tc--condition{--mf:var(--t-condition)}
.tc--unique{--mf:var(--t-unique)}
.outs{display:grid;gap:8px;text-align:left;margin-top:6px}
.outs div{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start}
.outs b{font:15px var(--f-mono);background:var(--t-spell);color:#fff;border-radius:4px;text-align:center;padding:1px 0}
.tc--spell .intro{font-weight:700;text-align:center}
.tc--condition.bk .ttl{background:linear-gradient(#ece2ca,#d7c6a0)}
.tc--condition.bk .t{font-variant:small-caps;letter-spacing:.06em;font-weight:700}

/* монстр — жетон со срезанным углом */
.tc--token{--fr:#4b3b2a;border:0;border-radius:0;background:#efe6d3;clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%);max-width:360px}
.tc--token .face{height:160px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#7c4a2a,#2a170c);color:#f6e7c8;font:400 30px var(--f-display);text-shadow:0 2px 10px #000}
.srow{display:grid;grid-template-columns:1fr 1fr;gap:0;font:18px var(--f-display)}
.srow>div{display:flex;align-items:center;gap:8px;padding:8px 12px}
.srow.w>div:first-child{background:#cfcbd6} .srow.w>div:last-child{background:#9d98b3;color:#fff}
.srow.s>div:first-child{background:#e3d0bb} .srow.s>div:last-child{background:#b08560;color:#fff}
.srow small{font:12px var(--f-body);font-style:italic;opacity:.8}
.tough{position:absolute;right:0;top:0;width:54px;height:92px;background:linear-gradient(#3f7a45,#274d2b);color:#fff;display:grid;place-items:center;font:26px var(--f-display);border-bottom-left-radius:16px}
.tc--token .pad{text-align:center;padding:12px 18px 34px 18px}
.tc--token .toughn{display:block;font-size:14px;margin-top:6px}

/* лист Древнего */
.tc--ancient{--fr:#2f4b2c;background:linear-gradient(#efe4c8,#e5d5b0);border-width:9px}
.ag{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr)}
.ag-l{background:#d8ccae;border-right:2px solid rgba(47,75,44,.4);padding:14px 12px;display:grid;gap:12px;align-content:start}
.ag-r{padding:16px 20px 22px}
.ag-r .t{font-size:30px}
.ag-r .ep{text-align:center;font-style:italic;color:var(--ink-2);border-top:1px solid rgba(43,31,19,.35);margin:6px auto 12px;padding-top:4px;max-width:260px}
.ag-r ul{margin:0;padding-left:20px}
.ag-r li+li{margin-top:.5em}
.ag-r .lore{margin-top:12px;font-style:italic;text-align:center}
.dn{display:flex;align-items:center;gap:10px}
.dn i{width:46px;height:46px;border-radius:50%;border:3px solid var(--blood);display:grid;place-items:center;font:22px var(--f-display);font-style:normal;background:#f5e3d8;color:var(--blood-d)}
.dn span{font:12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.panel h5{margin:0 0 6px;font:400 15px var(--f-display);text-align:center;background:#3d5a37;color:#efe5c8;border-radius:12px;padding:2px 8px}
.panel p{font-size:14px;text-align:center}
.cultist{position:relative;border:1px solid rgba(0,0,0,.2);background:#efe7d4}
.cultist .srow{font-size:15px}
.cultist .srow>div{padding:5px 8px}
.cultist p{padding:6px 44px 8px 8px;font-size:13.5px}
.cultist .tough{width:34px;height:52px;font-size:20px;border-bottom-left-radius:10px}
.deckt{width:100%;border-collapse:collapse;font-size:14px}
.deckt td{padding:3px 4px}
.deckt td+td{text-align:center}
.deckt i{display:inline-grid;place-items:center;width:24px;height:22px;border-radius:3px;color:#fff;font:13px var(--f-mono);font-style:normal}
.deckt .g{background:var(--my-green)} .deckt .y{background:var(--my-yellow)} .deckt .b{background:var(--my-blue)}
.ag-back .last{background:#f4ecd5;border:1px solid rgba(47,75,44,.35);border-radius:8px;padding:12px 16px;margin-bottom:14px}
.ag-back .last .kind{display:block;text-align:center;font-style:italic;font-weight:700;font-variant:small-caps;margin:2px 0 6px}

/* лист сыщика — паспорт */
.tc--passport{--fr:#6e1f17;background:#6e1f17;border-width:6px;border-radius:10px;padding:8px}
.pp{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pp-pg{background:repeating-linear-gradient(#f3eee2 0 23px,#e6e0d0 23px 24px);border-radius:4px;padding:14px 16px;position:relative}
.pp-pg .lbl{text-align:left}
.pp-name{font:400 26px/1.1 var(--f-display);text-align:center}
.pp-prof{text-align:center;font:400 18px var(--f-display);color:#4c3a2a;margin-top:6px}
.pp-pg ul{margin:10px 0 0;padding-left:18px}
.pp-pg li+li{margin-top:.4em}
.pp-q{margin-top:10px;font-style:italic;font-size:14.5px}
.pp-vit{display:flex;gap:18px;justify-content:center;margin-top:10px}
.pp-vit div{display:grid;justify-items:center;gap:3px;font:11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#6a5a48}
.pp-vit .seal{width:48px;height:48px;font-size:24px;border:3px double rgba(255,255,255,.6)}
.stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:6px;background:#efe3c2;border-radius:4px;padding:8px}
.stamp{--k:#555;border:2px dashed color-mix(in srgb,var(--k) 55%,#fff);background:var(--k);color:#fff;border-radius:3px;display:grid;justify-items:center;padding:4px 2px 5px;gap:2px}
.stamp small{font:10.5px var(--f-mono);letter-spacing:.02em;text-transform:uppercase;color:#fff;opacity:.9}
.stamp img{width:20px;height:20px}
.stamp b{font:400 24px/1 var(--f-display)}
.pp-hand{font:22px var(--f-hand);color:#233a7a;transform:rotate(-2deg);margin-top:8px}
.pp-case{border:1px solid #c9bfa9;border-radius:3px;background:#f7f3ea;padding:10px 12px;margin-top:10px;font-size:14.5px}
.pp-case h5{margin:0 0 4px;font:11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#6d5c86}

/* ---------- подвал ---------- */
.ft{margin-top:60px;border-top:1px solid var(--line);background:#070d0c}
.ft .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;padding-block:34px}
.ft h4{margin:0 0 10px;font:400 17px var(--f-display);color:var(--brass-2)}
.ft a{display:block;color:var(--fog);text-decoration:none;padding:3px 0;font-size:15px}
.ft a:hover{color:var(--brass-2)}
.ft p{color:var(--fog-2);font-size:14px}
.ft p.src{font-size:13px}
.ft p a{display:inline;padding:0;color:var(--brass-2);text-decoration:underline;text-decoration-color:rgba(201,169,97,.4)}
.ft .end{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:12px var(--f-mono);color:var(--fog-2)}

/* панель макета */
.toast{position:fixed;left:50%;bottom:70px;transform:translateX(-50%);background:var(--panel-2);border:1px solid var(--brass-d);padding:10px 16px;border-radius:8px;z-index:50;font-size:15px}

/* ---------- адаптив ---------- */
@media (max-width:1080px){
  .hd .wrap{grid-template-columns:auto 1fr auto}
  .nav{display:none}
  .nav.open{display:flex;grid-column:1/-1;justify-content:flex-start;order:3}
  .menu-btn{display:inline-block}
  .hsearch{min-width:0}
  .listwrap{grid-template-columns:minmax(0,1fr)}
  .peek{display:none}
}
@media (max-width:900px){
  .hero .wrap{grid-template-columns:minmax(0,1fr)}
  .two{grid-template-columns:minmax(0,1fr)}
  .typeboard{display:flex;flex-direction:column}
  .tbcol{display:contents}
  .tbcol>.tb{order:var(--o)}
  .cardgrid{grid-template-columns:minmax(0,1fr)}
  .stage{position:static;max-width:420px;margin-inline:auto;width:100%}
  .ft .wrap{grid-template-columns:1fr 1fr}
  .ft .wrap>div:first-child{grid-column:1/-1}
}
@media (max-width:620px){
  body{font-size:16px}
  .hd .wrap{grid-template-columns:minmax(0,1fr);gap:12px}
  .hd-r{width:100%}
  .hsearch{flex:1}
  .logo-t b{font-size:20px}
  .ancs{grid-template-columns:repeat(2,1fr)}
  .doom-track i{font-size:0}
  .doom-l span{display:none}
  .thead{grid-template-columns:1fr}
  .thead .backs{height:120px}
  .ag{grid-template-columns:1fr}
  .ag-l{border-right:0;border-bottom:2px solid rgba(47,75,44,.4)}
  .pp{grid-template-columns:1fr}
  .stamps{grid-template-columns:repeat(5,minmax(0,1fr))}
  .stamp small{font-size:8.5px}
  .ft .wrap{grid-template-columns:1fr}
  .tc--ow .top{grid-template-columns:1fr 60px}
  .portal{width:60px;height:60px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}

/* дополнения к макету для шаблонов сайта */
.gstrip .gsoon{display:flex;align-items:center;gap:7px;padding:12px;color:#56685f;white-space:nowrap}
.invc .ph{display:block;overflow:hidden;aspect-ratio:138/156}
.invc .ph img{width:300%;max-width:none;margin:-15.7% 0 0 -30%;filter:sepia(.15) contrast(1.02)}
.invc img{aspect-ratio:auto}
.ag-r .lore{margin-top:12px;font-style:italic;text-align:center}
.tc .fl p{margin:0}
.tc--ancient .panel p{margin:0}
.cultist p{margin:0;padding:6px 44px 8px 8px;font-size:13.5px}
.srow .ic{font-size:14px}
.tl .skd,.facts2 .skd{margin:0}.cardgrid.big.vert .flipbox{max-width:660px}
/* виды из дополнений (26.09.2026) */
:root{--t-unique:#b0843a;--t-personal:#6d7fa3;--t-reward:#a3606d;--t-outpost:#7ea0b8;--t-mountains:#8a97a6;--t-antarctica:#a9c2d4;
  --t-egypt:#c9a24a;--t-africa:#b8763b;--t-ruins:#7b8f5a;--t-dreamland:#8d7cc4;--t-dreamquest:#6f6bb0;--t-ruined:#8b6b5a;
  --t-disaster:#b04a3a;--t-reference:#7f8f86;--t-prelude:#9a6fb0;--t-adventure:#4f8a8a}
.tc--generic .pad{padding:16px 20px 20px;text-align:center}
.tc--generic .t{margin-bottom:4px}
.tc--generic .tr{margin-bottom:8px}
.tc--generic .fl{margin:6px 0 10px;padding:8px 12px;background:rgba(0,0,0,.05);border-radius:6px}
.tc .kindtag{position:absolute;right:12px;top:10px;font:11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fr)}

/* прелюдия — лист пергамента: название с чертой, вступление курсивом */
.tc--prelude{--fr:#7a5a32;background:radial-gradient(ellipse at 50% 30%,#f4e8c8,#e3cc9a 85%,#cfae74);padding:22px 22px 24px}
.tc--prelude .t{font-size:24px;padding:10px 0 8px;margin:0 20px 12px;border-bottom:1px solid rgba(43,31,19,.45)}
.tc--prelude .fl{font-size:15px;line-height:1.45;margin-bottom:14px}
.tc--prelude .pt p+p{margin-top:.7em}

/* приключение — открытка: колода и глава, штемпель, правила в две колонки с чертой */
.tc--adventure{--fr:#6e5534;background:linear-gradient(#efe0bd,#e4cf9f);padding:14px 18px 20px}
.tc--adventure .advh{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;margin-bottom:8px}
.tc--adventure .t{text-align:left;font-size:22px}
.tc--adventure .deck{font:700 15px var(--f-body);font-variant:small-caps;letter-spacing:.06em;font-style:italic;color:var(--ink-2);margin-top:4px}
.tc--adventure .stamp{min-width:58px;height:66px;padding:0 6px;display:grid;place-items:center;font:400 24px var(--f-display);color:#f4e7c5;
  background:var(--t-adventure);border:3px solid #f2e4c1;outline:2px dashed color-mix(in srgb,var(--t-adventure) 70%,#000);outline-offset:-1px;
  box-shadow:0 2px 6px rgba(0,0,0,.3);transform:rotate(4deg)}
.tc--adventure .fl{font-size:15px;line-height:1.45;color:var(--ink-2);margin-bottom:10px;max-width:46ch}
.tc--adventure .cols{column-count:2;column-gap:28px;column-rule:1px solid rgba(43,31,19,.35)}
.tc--adventure .cols p{break-inside:avoid}
.tc--adventure .cols p+p{margin-top:.7em}
@media (max-width:620px){.tc--adventure .cols{column-count:1}}

/* памятка — сетка 2×2: число игроков, открытие врат, выложить улик, наплыв монстров */
.tc--reference{--fr:#7a5a32;background:linear-gradient(#f0e2c0,#e2cc9b);padding:12px 16px 18px}
.tc--reference .t{font-variant:small-caps;letter-spacing:.08em;margin-bottom:6px}
.refgrid{display:grid;grid-template-columns:1fr 1fr;margin:0}
.refgrid>div{padding:10px 8px;text-align:center}
.refgrid>div:nth-child(odd){border-right:2px solid rgba(140,50,30,.45)}
.refgrid>div:nth-child(-n+2){border-bottom:2px solid rgba(140,50,30,.45)}
.refgrid dt{font:12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.refgrid dd{margin:6px 0 0;display:flex;align-items:center;justify-content:center;gap:12px;font:400 40px/1 var(--f-display)}
.refgrid dd img{width:36px;height:36px}

/* кабинет: вход через Яндекс ID / VK ID (03.10.2026) */
.acc-oauth{margin:18px 0;padding:14px 18px;background:var(--paper);color:var(--ink);border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.4)}
.acc-oauth .oauth-h{font:400 20px var(--f-display);margin:0 0 10px;color:var(--ink)}
.acc-oauth .btn.ghost{color:var(--ink);border-color:rgba(43,31,19,.4)}

/* контакт в разрушенном городе — пепел и трещина */
.tc--ruined{--fr:#5a4a40;background:linear-gradient(#e6ddcf,#d6cbb9);padding:12px 0 18px;
  background-image:linear-gradient(115deg,transparent 48.6%,rgba(60,40,30,.35) 49%,transparent 49.6%),linear-gradient(#e6ddcf,#d6cbb9)}
.tc--ruined .t{text-align:left;padding:0 18px 8px;font-variant:small-caps;letter-spacing:.05em;color:#3d2f26}
.tc--ruined .pt,.tc--ruined .ok,.tc--ruined .bad{padding:10px 18px;text-align:center}
.tc--ruined .ok{background:rgba(255,250,235,.55);border-top:2px solid rgba(90,74,64,.35);border-bottom:2px solid rgba(90,74,64,.35)}
.tc--ruined .bad{padding-bottom:24px;background:linear-gradient(rgba(176,74,58,0),rgba(176,74,58,.22))}

/* бедствие — экстренный выпуск газеты, штамп разрушенного города */
.tc--disaster{--fr:#3a2a22;background:#efe7d6;padding:0 0 22px}
.tc--disaster .flash{background:var(--t-disaster);color:#fff3e4;font:12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:6px 10px}
.tc--disaster .t{font-size:24px;padding:12px 18px 8px;border-bottom:3px double rgba(43,31,19,.55);margin:0 12px}
.tc--disaster .fl{padding:10px 18px 0;font-size:15px;line-height:1.45;color:var(--ink-2);text-align:justify}
.tc--disaster .pt{padding:12px 18px 0;text-align:center}
.ruin-stamp{display:block;width:max-content;max-width:calc(100% - 36px);margin:14px auto 0;padding:4px 14px;border:3px solid var(--t-disaster);
  color:var(--t-disaster);font:700 15px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-4deg);opacity:.85}
/* личная история («Маски Ньярлатхотепа»): листок досье со скрепкой; задание — сыщик и условия, награда — чистый лист,
   последствие — обгоревший */
.tc--dossier{--fr:#6b4f2e;position:relative;background:linear-gradient(#f3ead6,#e6d8b8);padding:22px 20px 20px;text-align:center}
.tc--dossier .clip{position:absolute;left:18px;top:-8px;width:14px;height:44px;border:2px solid #8d8f93;border-radius:8px;border-bottom-color:transparent;opacity:.85}
.tc--dossier .kindtag{color:var(--t-personal)}
.tc--dossier .t{font-size:22px;padding:4px 0 8px;margin:0 16px 10px;border-bottom:1px dashed rgba(43,31,19,.45)}
.tc--dossier .t a{color:inherit;text-decoration-color:rgba(43,31,19,.35)}
.tc--dossier .role{font-style:italic;color:var(--ink-2);margin-top:-4px}
.tc--dossier .task{margin-top:14px;font:13px var(--f-mono);letter-spacing:.06em;color:var(--ink-2)}
.tc--dossier .task b{display:block;margin-top:4px;font:400 19px var(--f-display);letter-spacing:0;color:var(--ink)}
.tc--dossier .fl{font-size:15px;line-height:1.45;color:var(--ink-2);margin-bottom:12px}
.tc--dossier .pt p+p{margin-top:.7em}
.tc--dossier .outcomes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.tc--dossier .oc{display:grid;gap:2px;padding:8px 10px;border-radius:6px;text-decoration:none;color:var(--ink);font:400 16px var(--f-display)}
.tc--dossier .oc small{font:11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.tc--dossier .oc.good{background:rgba(255,252,240,.7);border:1px solid rgba(107,79,46,.35)}
.tc--dossier .oc.bad{background:linear-gradient(rgba(60,30,15,.08),rgba(60,30,15,.2));border:1px solid rgba(90,40,20,.4)}
.tc--dossier.gain .kindtag{color:var(--t-reward)}
.tc--dossier.burnt{background:radial-gradient(ellipse at 50% 40%,#efe2c4 55%,#d9bf92 78%,#9c6a3c 100%)}
.tc--dossier.burnt .kindtag{color:#7a3a22}
.tc--dossier .owner{margin-top:14px;padding-top:8px;border-top:1px solid rgba(43,31,19,.25);font-size:13.5px;color:var(--ink-2)}
.tc--dossier .owner a{color:#5a3a1c;text-decoration-color:rgba(90,58,28,.45)}
@media (max-width:620px){.tc--dossier .outcomes{grid-template-columns:1fr}}
/* наборы: база и дополнения */
.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.pk{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line-2);border-radius:8px;background:var(--panel);text-decoration:none;color:var(--text)}
.pk:hover{border-color:var(--brass)}
.pk-n{font:11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--verd)}
.pk b{font:400 18px/1.2 var(--f-display);color:var(--brass-2)}
.pk small{font:13px var(--f-mono);color:var(--fog-2)}
.pk.empty{opacity:.6}
.pk.empty b{color:var(--text)}/* сообщения */
.flashes{padding-top:16px;display:grid;gap:8px}
.flash{padding:10px 14px;border-radius:6px;border:1px solid var(--line-2);background:var(--panel-2)}
.flash-notice{border-color:var(--vine);color:#cfe8d8}
.flash-warning{border-color:var(--brass-d);color:var(--brass-2)}
.flash-error{border-color:#8a2b1c;color:#f0b3a6;background:#2a1411}

/* моя коллекция — штампы-визы */
.stamps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:22px}
.visa{position:relative;cursor:pointer}
.visa input{position:absolute;opacity:0}
.visa-in{position:relative;display:grid;gap:4px;min-height:120px;padding:14px 16px;border:2px dashed var(--line-2);border-radius:10px;background:var(--panel);transition:border-color .2s,background .2s,transform .2s}
.visa:hover .visa-in{border-color:var(--brass-d)}
.visa input:focus-visible+.visa-in{outline:2px solid var(--brass-2);outline-offset:2px}
.visa-n{font:11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--verd)}
.visa b{font:400 19px/1.2 var(--f-display);color:var(--text)}
.visa small{font:12px var(--f-mono);color:var(--fog-2)}
.visa-mark{position:absolute;right:12px;bottom:10px;font:700 15px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--blood);border:3px double var(--blood);border-radius:6px;padding:2px 8px;transform:rotate(-12deg);opacity:0;transition:opacity .2s}
.visa input:checked+.visa-in{border-style:solid;border-color:var(--brass);background:linear-gradient(var(--panel-2),var(--panel))}
.visa input:checked+.visa-in b{color:var(--brass-2)}
.visa input:checked+.visa-in .visa-mark{opacity:.9}
.coll-bar{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}

/* кабинет в оформлении /eh/ */
.eh-account{padding-bottom:40px}
.acc-head{padding-block:10px 18px}
.acc-head h1{font-size:clamp(32px,4vw,46px);color:var(--brass-2)}
.acc-head p{color:var(--fog);margin-top:6px;max-width:60ch}
.eh-account .fld{display:grid;gap:5px;margin-bottom:14px;font-size:14px;color:var(--ink-2)}
.eh-account .fld span{font:12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.eh-account .fld small{color:#7a6a52}
.eh-account .fld input,.eh-account .acc-form input[type=text],.eh-account .acc-form input[type=email],.eh-account .acc-form input[type=password]{width:100%;background:#fbf6ea;border:1px solid #bfa97d;border-radius:6px;color:var(--ink);font:16px var(--f-body);padding:9px 11px}
.eh-account .fld input:focus{outline:2px solid var(--brass);border-color:var(--brass-d)}
.eh-account .chk{display:flex;gap:8px;align-items:center;margin-bottom:14px;color:var(--ink-2);font-size:15px}
.btn.wide{width:100%;justify-content:center}
.bpass{display:grid;grid-template-columns:minmax(0,1fr) 220px;max-width:760px;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.55)}
.bpass-main{background:var(--paper);color:var(--ink);padding:22px 26px 24px;border-right:2px dashed rgba(43,31,19,.35)}
.bpass-top{display:flex;justify-content:space-between;font:12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#8a2d1d;border-bottom:1px solid #cbb78e;padding-bottom:8px;margin-bottom:16px}
.bpass-stub{background:var(--paper-2);color:var(--ink);padding:22px 20px;display:grid;align-content:start;gap:2px}
.bpass-stub .mono{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:8px}
.bpass-stub b{font:400 24px var(--f-display)}
.bpass-links{display:grid;gap:6px;margin-top:22px}
.bpass-links a,.acc-note a{color:#6d3d12}
.acc-form{max-width:520px;background:var(--paper);color:var(--ink);border-radius:12px;padding:22px 24px;box-shadow:0 18px 40px rgba(0,0,0,.55)}
.acc-links{display:flex;gap:12px;margin-top:14px;font-size:15px;color:var(--ink-2)}
.acc-links a{color:#6d3d12}
.acc-note{font-size:14px;color:var(--ink-2);margin-bottom:12px}
.acc-pass{max-width:900px}
.acc-pass .pp-pg p{margin:4px 0 0}
.acc-muted{color:#7a6a52;font-size:14px}
.acc-seals{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:14px;color:var(--ink-2)}
.acc-actions{display:grid;gap:8px;margin-top:16px}
.acc-actions .btn.ghost{color:#5b3a12;border-color:#bfa97d;justify-content:center}
.acc-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:26px}
.acc-game{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.acc-game.eh{border-color:var(--brass-d)}
.acc-game h2{font-size:20px;color:var(--brass-2)}
.acc-game p{color:var(--fog);font-size:15px;margin-top:4px}
.acc-game ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}
/* остальные страницы кабинета (разметка Bootstrap 5 из общих шаблонов) */
.eh-account .row{display:block;max-width:640px;margin-inline:auto}
.eh-account .card{background:var(--paper);color:var(--ink);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.55);overflow:hidden;margin-top:20px}
.eh-account .card-header{font:400 22px var(--f-display);padding:16px 22px 10px;border-bottom:1px solid #cbb78e}
.eh-account .card-body{padding:18px 22px 22px}
.eh-account form>div,.eh-account .mb-3{margin-bottom:14px}
.eh-account label,.eh-account .form-label{display:block;margin-bottom:4px;font:12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.eh-account .form-control,.eh-account .form-select,.eh-account textarea{width:100%;background:#fbf6ea;border:1px solid #bfa97d;border-radius:6px;color:var(--ink);font:16px var(--f-body);padding:9px 11px}
.eh-account input[type=color]{width:60px;height:36px;padding:2px;border:1px solid #bfa97d;border-radius:6px;background:#fbf6ea}
.eh-account .form-check{display:flex;gap:8px;align-items:center}
.eh-account .form-check label{margin:0;text-transform:none;letter-spacing:0;font:15px var(--f-body)}
.eh-account .form-text,.eh-account .text-muted{color:#7a6a52;font-size:13px}
.eh-account .invalid-feedback,.eh-account .form-error-message{color:#9a2a1a;font-size:14px}
.eh-account .alert{padding:10px 14px;border-radius:6px;background:#f3e0d8;color:#6d1e12;margin-bottom:12px}
.eh-account .btn-primary{background:linear-gradient(#d8b86c,#b28c42);color:#23180c;border:1px solid #7d5f26;border-radius:var(--r);padding:9px 16px;font:16px var(--f-display);cursor:pointer}
.eh-account .btn-link,.eh-account .btn-light{color:#6d3d12;background:none;border:0;padding:9px 8px;font:15px var(--f-body)}
@media (max-width:620px){.bpass{grid-template-columns:1fr}.bpass-main{border-right:0;border-bottom:2px dashed rgba(43,31,19,.35)}}/* справочник */
.rband{background:linear-gradient(#10201b,#0c1714);border-bottom:1px solid var(--line)}
.rband-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:end;padding-block:8px 18px}
.rband h1{font-size:clamp(34px,4.4vw,52px);color:var(--brass-2)}
.rband p{color:var(--fog);margin-top:8px;max-width:62ch}
.rsearch input{width:100%;background:#0a1311;border:1px solid var(--brass-d);border-radius:var(--r);color:var(--text);font:18px var(--f-body);padding:12px 14px}
.rsearch input:focus{outline:none;border-color:var(--brass-2)}
.rsearch-n{font:13px var(--f-mono);color:var(--verd);margin-top:6px;min-height:18px}
.rletters{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:14px}
.rletters a{display:inline-grid;place-items:center;min-width:30px;height:30px;border:1px solid var(--line-2);border-radius:4px;text-decoration:none;color:var(--brass-2);font:16px var(--f-display)}
.rletters a:hover{border-color:var(--brass);background:var(--panel)}
.rgrid{display:grid;grid-template-columns:250px minmax(0,1fr) 230px;gap:28px;align-items:start;padding-top:24px}
.rtoc{position:sticky;top:44px;max-height:calc(100vh - 60px);overflow:auto;padding-right:10px;scrollbar-gutter:stable;font-size:14.5px}
.rtoc-h{display:none}
.rtoc details{border-bottom:1px solid var(--line);padding:6px 0}
.rtoc summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px;list-style:none;font:16px var(--f-display)}
.rtoc summary a{color:var(--brass-2);text-decoration:none}
.rtoc summary i{font:12px var(--f-mono);font-style:normal;color:var(--fog-2)}
.rtoc ul{list-style:none;margin:6px 0 4px;padding:0 0 0 8px;display:grid;gap:1px}
.rtoc li a{display:block;padding:2px 6px;border-radius:3px;color:var(--fog);text-decoration:none}
.rtoc li a:hover{color:var(--text)}
.rtoc li a.on{background:var(--vine);color:#fff}
.rgold{background:var(--paper);color:var(--ink);border-radius:10px;padding:16px 20px;margin-bottom:26px;border-left:6px solid var(--brass)}
.rgold h2{font-size:22px;margin-bottom:6px}
.rgold p+p{margin-top:6px}
.rsec{margin-bottom:34px}
.rsec-h{display:flex;align-items:center;gap:12px;font-size:28px;color:var(--brass-2);border-bottom:1px solid var(--line-2);padding-bottom:8px;margin-bottom:12px}
.rsec-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--vine);color:#fff;font:16px var(--f-mono)}
.rsec-intro{color:var(--fog);margin-bottom:14px}
.rart{padding:14px 0 16px;border-bottom:1px dashed var(--line);scroll-margin-top:50px}
.rart-h{font-size:22px;color:var(--text);display:flex;align-items:baseline;gap:8px}
.rart-a{font:15px var(--f-mono);color:var(--fog-2);text-decoration:none;opacity:.6}
.rart:hover .rart-a,.rart-a:focus{opacity:1;color:var(--brass-2)}
.rart-al{font:13px var(--f-mono);color:var(--fog-2);margin-top:2px}
.rart p{margin-top:8px}
.rart .rli{position:relative;padding-left:20px}
.rart .rli::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;background:var(--brass);transform:rotate(45deg)}
.rart .rsub{position:relative;padding-left:40px}
.rart .rsub::before{content:"–";position:absolute;left:24px;color:var(--brass)}
.rart .rstep{padding:8px 12px;background:var(--panel);border-radius:6px}
.rart .rstep b:first-child{color:var(--brass-2)}
.rart h4{margin:14px 0 0;font:400 18px var(--f-display);color:var(--brass-2)}
.rart .rsee{font-size:15px;color:var(--fog)}
.rart .rsee span{font:12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fog-2)}
.rart.rbox{background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:12px 16px;margin:10px 0;border-bottom-style:solid}
.rart.rbox .rart-h{font-size:18px;color:var(--brass-2)}
.rfaq .rart-h{font-size:19px;color:var(--brass-2)}
.rfaq .rart-h::before{content:"В";font:13px var(--f-mono);background:var(--vine);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-grid;place-items:center;flex:none}
.rart .ra{padding-left:30px;position:relative}
.rart .ra::before{content:"О";position:absolute;left:0;top:2px;font:13px var(--f-mono);background:var(--brass-d);color:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}
.rref{color:var(--brass-2)}
.rnone{color:var(--fog);padding:20px 0}
.rside{position:sticky;top:44px;display:grid;gap:14px;font-size:14.5px}
.rside-b{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.rside-b h3{font:11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fog-2);margin-bottom:6px}
.rside-b ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.rside-b a{color:var(--text)}
#rcur{font:17px var(--f-display);color:var(--brass-2)}
.rpeek{position:absolute;z-index:30;width:330px;background:var(--paper);color:var(--ink);border-radius:8px;padding:10px 14px;box-shadow:0 12px 30px #000c;font-size:14.5px;pointer-events:none}
.rpeek b{display:block;font:400 17px var(--f-display);margin-bottom:4px}
.rtoc-btn{display:none}
@media (max-width:1200px){.rgrid{grid-template-columns:230px minmax(0,1fr)}.rside{display:none}}
@media (max-width:900px){
  .rband-in{grid-template-columns:1fr}
  .rgrid{grid-template-columns:minmax(0,1fr)}
  .rtoc{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:75vh;z-index:45;background:var(--deep);border-top:2px solid var(--vine);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .25s}
  .rtoc.open{transform:none}
  .rtoc-h{display:flex;justify-content:space-between;align-items:center;font:18px var(--f-display);color:var(--brass-2);margin-bottom:6px}
  .rtoc-x{background:none;border:0;font-size:26px;color:var(--fog);cursor:pointer}
  .rtoc-btn{display:block;position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--brass);color:#23180c;border:0;border-radius:20px;padding:9px 16px;font:15px var(--f-display);box-shadow:0 8px 20px #000a}
  .rpeek{display:none}
}/* как играть */
.ht-head{padding-block:8px 18px}
.ht-head h1{font-size:clamp(34px,4.4vw,52px);color:var(--brass-2)}
.ht-head p{color:var(--fog);margin-top:8px;max-width:64ch}
.ht-toc{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ht-toc a{padding:5px 11px;border:1px solid var(--line-2);border-radius:20px;text-decoration:none;color:var(--text);font-size:14.5px}
.ht-toc a:hover{border-color:var(--brass);color:var(--brass-2)}
.ht{max-width:980px}
.ht-sec{padding-block:26px;border-bottom:1px solid var(--line);scroll-margin-top:44px}
.ht-sec h2{display:flex;align-items:center;gap:12px;font-size:clamp(24px,3vw,32px);color:var(--brass-2);margin-bottom:12px}
.ht-sec h3{font:400 20px var(--f-display);color:var(--text);margin:16px 0 6px}
.ht-sec p+p{margin-top:8px}
.ht-n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blood);color:#fff;font:18px var(--f-mono);flex:none}
.ht-big{font-size:19px}
.ht-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:14px}
.ht-box{background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:14px 16px}
.ht-box h3{margin-top:0;color:var(--brass-2)}
.ht-box.good{border-color:var(--vine)}
.ht-box.bad{border-color:#7a2a1d;margin-top:14px}
.ht-box ul{margin:8px 0 0;padding-left:20px}
.ht-box li+li{margin-top:6px}
.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin:12px 0}
.ht-it{display:grid;gap:4px;font-size:14.5px}
.ht-it img{border-radius:6px;box-shadow:0 8px 20px #000a;aspect-ratio:4/3;object-fit:cover;object-position:50% 0}
.ht-it b{font:400 17px var(--f-display);color:var(--brass-2)}
.ht-it span{color:var(--fog)}
.ht-inv{display:grid;gap:10px;margin:12px 0}
.ht-inv-row{display:flex;gap:14px;align-items:center}
.ht-skills{display:flex;gap:3px;flex:none}
.ht-skills i{width:22px;height:28px;border-radius:3px;color:#fff;font:14px/28px var(--f-mono);font-style:normal;text-align:center}
.ht-tbl{border-collapse:collapse;width:100%;max-width:640px;margin:8px 0}
.ht-tbl td{padding:7px 10px;border-bottom:1px solid var(--line)}
.ht-tbl td:first-child{white-space:nowrap;color:var(--brass-2);font-family:var(--f-display)}
.ht-note{margin-top:14px;padding:12px 16px;background:rgba(201,165,92,.1);border-left:4px solid var(--brass);border-radius:0 8px 8px 0}
.ht-steps{margin:10px 0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.ht-steps>li{counter-increment:s;position:relative;padding:10px 14px 10px 54px;background:var(--panel);border-radius:8px}
.ht-steps>li::before{content:counter(s);position:absolute;left:12px;top:9px;width:30px;height:30px;border-radius:50%;background:var(--brass);color:#23180c;display:grid;place-items:center;font:15px var(--f-mono)}
.ht-steps ul{margin:6px 0 0;padding-left:18px}
.ht-steps.small>li{padding-block:7px}
.ht-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.ht-ph{display:grid;gap:4px;padding:14px;border-radius:10px;background:var(--paper);color:var(--ink);text-decoration:none;border-top:6px solid var(--vine)}
.ht-ph.bad{border-top-color:var(--blood)}
.ht-ph b{font:400 20px var(--f-display)}
.ht-ph span{font-size:14.5px;color:var(--ink-2)}
.ht-acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:10px 0}
.ht-act{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.ht-act b{font:400 18px var(--f-display);color:var(--brass-2)}
.ht-act p{margin-top:4px;font-size:15.5px}
.ht-dice{display:flex;flex-wrap:wrap;gap:10px;align-content:center;justify-content:center;background:var(--panel);border-radius:10px;padding:18px}
.ht-dice .d{width:52px;height:52px;border-radius:10px;background:#f1ead6;color:#2b1f13;display:grid;place-items:center;font:26px var(--f-display);box-shadow:inset 0 -3px 0 #c9b98f}
.ht-dice .d.ok{background:var(--vine);color:#fff;box-shadow:inset 0 -3px 0 #2a4a3a}
.ht-dice p{width:100%;text-align:center;color:var(--fog);font-size:14px}
.ht-myth{display:grid;gap:8px;margin:10px 0}
.ht-myth>div{display:grid;grid-template-columns:40px 170px 1fr;gap:12px;align-items:center;background:var(--panel);border-radius:8px;padding:8px 12px}
.ht-myth img{width:34px;height:34px;background:#f3ead5;border-radius:50%;padding:6px}
.ht-myth b{font:400 17px var(--f-display);color:var(--brass-2)}
.ht-myth span{font-size:15px}
.ht-tips{padding-left:20px}
.ht-tips li+li{margin-top:6px}
.ht-end{display:flex;gap:10px;flex-wrap:wrap;padding-block:26px}
@media (max-width:700px){.ht-phases{grid-template-columns:1fr}.ht-myth>div{grid-template-columns:40px 1fr}.ht-myth span{grid-column:1/-1}}/* файлы */
.fl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px;padding-block:26px}
.fl-card{display:grid;grid-template-columns:96px 1fr;gap:18px;background:var(--paper);color:var(--ink);border-radius:12px;padding:20px;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.fl-ico{display:grid;justify-items:center;align-content:start;gap:6px;background:#e3d3ad;border-radius:8px;padding:14px 8px}
.fl-ico img{width:48px;height:48px;background:#f7efd9;border-radius:50%;padding:8px}
.fl-ico span{font:13px var(--f-mono);letter-spacing:.14em;color:#8a2d1d}
.fl-kind{font:12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.fl-body h2{font-size:26px;margin:2px 0 6px}
.fl-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.fl-act .btn.ghost{color:#5b3a12;border-color:#bfa97d}
.fl-online{color:#6d3d12;font-size:15px}
/* компоненты */
.cmp{max-width:1080px}
.cmp-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.cmp-kinds div{display:grid;justify-items:center;text-align:center;gap:4px;background:var(--paper);color:var(--ink);border-radius:10px;padding:14px}
.cmp-kinds img{width:34px;height:34px}
.cmp-kinds b{font:400 19px var(--f-display)}
.cmp-kinds span{font-size:14.5px;color:var(--ink-2)}
.cmp-sheets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.cmp-sheets a{display:grid;gap:6px;text-decoration:none;color:var(--text)}
.cmp-sheets img{border-radius:8px;box-shadow:0 10px 24px #000a;aspect-ratio:16/10;object-fit:cover;object-position:50% 0}
.cmp-sheets b{font:400 20px var(--f-display);color:var(--brass-2)}
.cmp-sheets span{color:var(--fog);font-size:15px}
.cmp-decks{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:12px}
.cmp-decks a{display:grid;gap:6px;text-decoration:none;color:var(--text);font-size:13.5px;text-align:center}
.cmp-decks img{border-radius:5px;box-shadow:0 6px 14px #000a;outline:2px solid var(--tc);outline-offset:-2px}
.cmp-toks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px}
.cmp-tok{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}
.cmp-tok.wide{grid-template-columns:150px 1fr}
.cmp-img{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}
.cmp-img img{width:60px;height:auto;filter:drop-shadow(0 4px 8px #000a)}
.cmp-tok.wide .cmp-img img{width:140px}
.cmp-img img.cmp-ico{width:56px;height:56px;background:#f3ead5;border-radius:50%;padding:10px}
.cmp-tok b{font:400 18px var(--f-display);color:var(--brass-2);display:block}
.cmp-n{font:12px var(--f-mono);color:var(--verd)}
.cmp-tok p{font-size:14.5px;margin-top:4px}
.cmp-standee{display:block;width:84px;height:110px;border-radius:40px 40px 6px 6px;background-size:360%;background-position:14% 16%;box-shadow:0 8px 18px #000a;border:3px solid #d8c9a4}
.cmp-dice{display:flex;gap:6px}
.cmp-dice i{width:40px;height:40px;border-radius:8px;background:var(--vine);color:#fff;display:grid;place-items:center;font:20px var(--f-display);font-style:normal}
@media (max-width:620px){.cmp-kinds{grid-template-columns:1fr}.fl-card{grid-template-columns:1fr}}/* новости-телеграммы */
.tgram h3{font:400 18px var(--f-mono);text-transform:uppercase;margin:0 0 6px;letter-spacing:.03em}
.tgram h3 a{color:#231a10;text-decoration:none}
.tgram p{margin:0}
.tgram p+p{margin-top:6px}
.tgrams-list{max-width:760px;margin-top:22px}
.tgram-one{max-width:760px;margin-top:10px}
.tgram-one .tgram{text-transform:none;font:16px/1.6 var(--f-body)}/* меню «Правила» (выпадающее) */
.navdd{position:relative}
.navdd summary{list-style:none;cursor:pointer;padding:8px 12px;color:var(--text);font:16px var(--f-display);border-radius:var(--r);display:flex;gap:6px;align-items:center}
.navdd summary::-webkit-details-marker{display:none}
.navdd summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.navdd summary:hover{background:var(--panel)}
.navdd.on summary{color:var(--brass-2);box-shadow:inset 0 -2px 0 var(--brass)}
.navdd-m{position:absolute;left:0;top:calc(100% + 6px);z-index:30;min-width:210px;display:grid;background:var(--deep);border:1px solid var(--line-2);border-radius:8px;padding:6px;box-shadow:0 14px 30px #000c}
.navdd-m a{padding:8px 10px !important}
@media (max-width:1080px){.navdd-m{position:static;box-shadow:none;border:0;padding:0 0 0 12px}}.eh-account label.chk{text-transform:none;letter-spacing:0;font:15px var(--f-body);color:var(--ink-2);display:flex}
/* игровой мир (/eh/world, 04.10.2026): карта Leaflet, маркеры мест, подсказки, список мест */
.wmap{position:relative;margin-top:18px;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:#0d1a16}
.wmap-pv{display:block;width:100%;height:auto}
.wmap.on{height:min(76vh,780px);min-height:360px}
.wmap.on .wmap-pv{display:none}
.wmap .leaflet-container,.wmap.leaflet-container{background:#0d1a16;font:14px var(--f-body)}
.wmap .leaflet-bar{border:1px solid var(--line-2);box-shadow:0 4px 12px #000a}
.wmap .leaflet-bar a{background:var(--deep);color:var(--brass-2);border-bottom-color:var(--line-2)}
.wmap .leaflet-bar a:hover{background:var(--panel-2);color:var(--brass-2)}
.wm{display:inline-grid;place-items:center;box-sizing:border-box;border-radius:50%;border:2px solid #f4ead2;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 3px 8px #000b;cursor:pointer;font:700 11px var(--f-mono);color:#f4ead2}
.wm--city{background:var(--brass-d)}.wm--wild{background:#2f7a4c}.wm--sea{background:#2c5f93}.wm--mark{background:var(--blood)}
.wm--space{background:#0d1a16;border-color:var(--brass);color:var(--brass-2)}
.leaflet-marker-icon.wm:hover,.leaflet-marker-icon.wm:focus{transform-origin:center;outline:2px solid var(--brass-2);outline-offset:2px}
.wpop .leaflet-popup-content-wrapper{background:var(--deep);color:var(--text);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 12px 28px #000c}
.wpop .leaflet-popup-tip{background:var(--deep);border:1px solid var(--line-2)}
.wpop .leaflet-popup-content{margin:12px 14px;line-height:1.4}
.wpop a.leaflet-popup-close-button{color:var(--fog)}
.wtip{background:var(--deep);color:var(--brass-2);border:1px solid var(--line-2);font:400 14px var(--f-display);box-shadow:0 4px 12px #000a}
.wtip::before{border-top-color:var(--line-2)}
.wp-t{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.wp-t b{font:400 18px var(--f-display);color:var(--brass-2)}
.wp-t span{font:12px var(--f-mono);color:var(--fog-2);text-transform:uppercase;letter-spacing:.06em}
.wp-pop p{color:var(--fog);font-size:14px;margin:4px 0}
.wp-pop ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.wp-pop li{font-size:14.5px}
.wp-pop a,.wpop .leaflet-popup-content a{color:var(--brass-2)}
.wp-pop small{font:12px var(--f-mono);color:var(--fog-2)}
.wp-n{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}
.wp-n a{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border:1px solid var(--line-2);border-radius:5px;text-decoration:none;font:12px var(--f-mono)}
.wp-n a:hover{background:var(--panel-2)}
.wmap-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:13.5px;color:var(--fog)}
.wmap-legend span{display:inline-flex;align-items:center;gap:7px}
.wmap-legend .wm{width:16px;height:16px;border-width:2px;font-size:8px;cursor:default}
.wp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:14px}
.wp-list .wp{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:12px 14px;scroll-margin-top:60px}
.wp-list .wp-t{display:none}
.wp-list .wp h3{margin:0 0 4px}
.wp-go{all:unset;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:400 19px var(--f-display);color:var(--text)}
.wp-go img{width:20px;height:20px}
.wp-go:hover,.wp-go:focus-visible{color:var(--brass-2);text-decoration:underline;text-underline-offset:3px}
.wsp-h{margin-top:22px !important}
.wsp{display:flex;flex-wrap:wrap;gap:8px}
.wp--space .wp-pop{display:none}
.wp--space .wp-go{font:14px var(--f-mono);gap:6px;padding:5px 10px;border:1px solid var(--line-2);border-radius:20px;color:var(--fog)}
.wp--space .wp-go img{width:16px;height:16px}
@media (max-width:620px){.wmap.on{height:62vh}.wp-list{grid-template-columns:1fr}}
.worldcta{position:relative;display:block;height:260px;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text)}
.worldcta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.85) brightness(.75);transition:transform .6s}
.worldcta:hover img{transform:scale(1.03)}
.worldcta-t{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;gap:6px;max-width:440px;padding:24px 28px;background:linear-gradient(90deg,rgba(11,20,18,.94) 55%,rgba(11,20,18,0))}
.worldcta-t b{font:400 clamp(26px,3vw,34px) var(--f-display);color:var(--brass-2)}
.worldcta-t small{color:var(--fog);font-size:15px}
.worldcta-t .btn{align-self:flex-start;margin-top:8px}
@media (max-width:620px){.worldcta{height:300px}.worldcta-t{max-width:none;right:0;background:linear-gradient(0deg,rgba(11,20,18,.95) 60%,rgba(11,20,18,.3))}}
/* правила с дополнениями (04.10.2026): галочки, метки, блоки дополнений в «Как играть» и справочнике, страница «Дополнения» */
.js .xb:not(.xon){display:none}
.xbar{margin-top:16px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);padding:12px 14px;display:grid;gap:10px}
.xbar-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.xbar-h b{font:400 18px var(--f-display);color:var(--brass-2)}
.xbar-n{font:13px var(--f-mono);color:var(--fog)}
.xbar-b{margin-left:auto;display:flex;gap:6px}
.xbtn{background:none;border:1px solid var(--line-2);border-radius:16px;color:var(--text);padding:4px 11px;font:13px var(--f-body);cursor:pointer}
.xbtn:hover{border-color:var(--brass)}
.xbar-g{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.xbar-l{font:12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--verd);margin-right:4px}
.xbar-l small{display:block;text-transform:none;letter-spacing:0;color:var(--fog-2)}
.xbar-g--fan{border-top:1px dashed var(--line-2);padding-top:10px}
.xchk{--x:#7d5f24;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border:1px solid var(--line-2);border-radius:18px;cursor:pointer;font-size:14.5px;user-select:none}
.xchk input{accent-color:var(--x);margin:0}
.xchk small{font:11px var(--f-mono);color:var(--fog-2)}
.xchk:has(input:checked){border-color:var(--x);background:color-mix(in srgb,var(--x) 22%,transparent)}
.xchk--fan{border-style:dashed}
.xbar-more{font-size:14px;color:var(--fog);margin-top:8px}
.xtags,.xtags-in{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}
.xtags{margin:0 0 6px}
.xtag{--x:#7d5f24;display:inline-block;padding:1px 8px;border-radius:10px;background:var(--x);color:#fff;font:11.5px/1.6 var(--f-mono);text-shadow:0 1px 1px #0006}
.js .xtag.off{display:none}
.xtag--fan{background:repeating-linear-gradient(135deg,var(--x) 0 6px,color-mix(in srgb,var(--x) 70%,#000) 6px 12px)}
.xtag--fan::before{content:"фанатское · "}
.xb{margin:14px 0 4px;border:1px solid var(--line-2);border-left:4px solid var(--brass);border-radius:8px;background:var(--panel);padding:10px 14px}
.xb-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}
.xb-h b{font:400 17px var(--f-display);color:var(--brass-2)}
.xb-b p{margin:4px 0}
.xb--fan{border-style:dashed;border-left-style:solid;border-left-color:#8a8f99;background:repeating-linear-gradient(135deg,var(--panel) 0 14px,color-mix(in srgb,var(--panel) 92%,#fff) 14px 28px)}
.ht-act.xb{margin:0;border-left-width:4px}
.ht-act.xb .xtags-in{margin:2px 0 4px}
.rart.xb{border-left:4px solid var(--brass)}
.xb--in{margin:10px 0}
.rtoc .xli a::after{content:" •";color:var(--brass)}
.xl-line{list-style:none;margin:20px 0;padding:0;display:grid;gap:18px}
.xl-item{--x:#7d5f24;display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;scroll-margin-top:60px}
.xl-year{font:400 26px var(--f-display);color:var(--x);text-align:right;padding-top:14px;border-right:3px solid var(--x);padding-right:12px}
.xl-card{--x:#7d5f24;background:var(--panel);border:1px solid var(--line-2);border-top:4px solid var(--x);border-radius:10px;padding:16px 18px;scroll-margin-top:60px}
.xl-card h2{font-size:clamp(22px,2.6vw,28px);color:var(--brass-2);margin:2px 0 6px}
.xl-card h3{font:400 18px var(--f-display);color:var(--text);margin:14px 0 6px}
.xl-n{font:12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fog-2)}
.xl-mech{margin:0;padding-left:20px;display:grid;gap:6px}
.xl-go{display:inline-flex;gap:8px;margin-left:6px}
.xl-go a{font:12.5px var(--f-mono);color:var(--brass-2)}
.xl-none,.xl-note{color:var(--fog);font-size:14.5px}
.xl-comp{display:flex;flex-wrap:wrap;gap:6px}
.xl-comp span{border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:14px;color:var(--fog)}
.xl-comp b{color:var(--brass-2);font-weight:400}
.xl-fan{margin-top:30px;padding-top:20px;border-top:1px dashed var(--line-2);display:grid;gap:16px}
.xl-card--fan{border-style:dashed;border-top-style:solid}
@media (max-width:620px){.xl-item{grid-template-columns:1fr}.xl-year{text-align:left;border-right:0;border-bottom:3px solid var(--x);padding:0 0 4px}.xbar-b{margin-left:0}}
.fl-fan{margin-top:34px;padding-top:20px;border-top:1px dashed var(--line-2)}
.fl-fan>h2{color:var(--brass-2)}
.fl-fan>p{color:var(--fog);margin:6px 0 14px}
.fl-card--fan{border-style:dashed}
.pk--fan{border-style:dashed}
.pk--fan .pk-n{color:var(--fog-2)}
.chip--fan{border-style:dashed;text-decoration:none;color:var(--fog)}
.chip--fan:hover{color:var(--brass-2)}