/* «Поддержать» arkham.town (31.10.2026): кнопка, подсказка и панель «Аркхэмский вестник» на всех страницах сайта и форума,
   плюс страница /support/ (.dn-page). Всё под префиксом dn-, стили разделов сюда не протекают и наоборот. Версия — DonateWidget::ASSET_V. */
@font-face{font-family:'DN Oswald';font-weight:700;font-display:swap;src:url('fonts/oswald-700-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'DN Oswald';font-weight:700;font-display:swap;src:url('fonts/oswald-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DN Mono';font-weight:400;font-display:swap;src:url('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:'DN Mono';font-weight:400;font-display:swap;src:url('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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DN Caveat';font-weight:700;font-display:swap;src:url('fonts/caveat-700-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'DN Caveat';font-weight:700;font-display:swap;src:url('fonts/caveat-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.dn,.dn-page{--dn-ink:#1e1912;--dn-paper:#efe6cf;--dn-paper2:#e6dabd;--dn-red:#8f1d17;--dn-red2:#6f140f;--dn-brass:#f0c674;--dn-night:#1d1209;--dn-green:#2f6b4a;--dn-clue:#6b5a2e;
  --dn-head:'DN Oswald','Oswald','Arial Narrow',Impact,sans-serif;--dn-mono:'DN Mono','PT Mono',Consolas,monospace;--dn-hand:'DN Caveat','Caveat',cursive;--dn-serif:Georgia,'PT Serif','Times New Roman',serif}
.dn *,.dn *::before,.dn *::after,.dn-page *,.dn-page *::before,.dn-page *::after{box-sizing:border-box}
.dn-sprite{position:absolute;width:0;height:0;overflow:hidden}
.dn svg,.dn-page svg{fill:none}

/* --- кнопка --- */
.dn-open{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1035;display:inline-flex;align-items:center;gap:9px;height:46px;margin:0;padding:0 18px 0 7px;
  border:1px solid #6b4f22;border-radius:23px;background:var(--dn-night);color:var(--dn-brass);font:700 15px/1 var(--dn-head);letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 0 0 1px rgba(240,198,116,.08);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent}
.dn-open:hover{background:#2a1a0c;box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 3px rgba(240,198,116,.18);transform:translateY(-1px)}
.dn-open:focus-visible{outline:3px solid var(--dn-brass);outline-offset:3px}
.dn-open__sign{width:32px;height:32px;padding:3px;border-radius:50%;background:#2c1d0e;color:var(--dn-brass);transition:transform .5s cubic-bezier(.3,1.4,.5,1),filter .3s}
.dn-open:hover .dn-open__sign{transform:rotate(72deg);filter:drop-shadow(0 0 4px rgba(240,198,116,.8))}
.dn-open.is-calling .dn-open__sign{animation:dn-glow 2.4s ease-in-out 3}
@keyframes dn-glow{0%,100%{filter:none}50%{filter:drop-shadow(0 0 6px rgba(240,198,116,.95))}}
.dn.is-open .dn-open{visibility:hidden}

/* --- подсказка-записка (появляется редко, см. donate.js) --- */
.dn-note{position:fixed;left:16px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:1035;display:flex;align-items:flex-start;max-width:min(270px,calc(100vw - 32px));
  padding:12px 6px 12px 14px;background:#f6efdc;color:var(--dn-ink);box-shadow:0 8px 20px rgba(0,0,0,.3);transform:rotate(-1.5deg);animation:dn-drop .45s cubic-bezier(.2,.9,.3,1.2)}
.dn-note[hidden]{display:none}
.dn-note::before{content:'';position:absolute;top:-9px;left:50%;width:70px;height:18px;margin-left:-35px;background:rgba(214,196,150,.75);transform:rotate(3deg)}
.dn-note__text{margin:0;padding:0;border:0;background:none;color:inherit;font:700 20px/1.15 var(--dn-hand);text-align:left;cursor:pointer}
.dn-note__x{flex:none;margin:-6px 0 0 4px;padding:0 6px;border:0;background:none;color:#7a6a4a;font:400 22px/1 var(--dn-serif);cursor:pointer}
@keyframes dn-drop{from{opacity:0;transform:translateY(12px) rotate(-4deg)}to{opacity:1;transform:rotate(-1.5deg)}}

/* --- затемнение и панель --- */
.dn-dim{position:fixed;inset:0;z-index:2147482990;background:rgba(10,6,3,.6);opacity:0;pointer-events:none;transition:opacity .3s}
.dn.is-open .dn-dim{opacity:1;pointer-events:auto}
.dn-panel{position:fixed;top:0;left:0;bottom:0;z-index:2147483000;width:min(440px,100vw);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;transform:translateX(-104%);
  transition:transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s linear .38s;background:var(--dn-paper);color:var(--dn-ink);box-shadow:8px 0 40px rgba(0,0,0,.5);text-align:left}
.dn.is-open .dn-panel{visibility:visible;transform:none;transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.dn-paper{position:relative;min-height:100%;padding:18px 22px 26px;font:400 15.5px/1.5 var(--dn-serif);
  background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.45),transparent 60%),repeating-linear-gradient(0deg,rgba(90,70,30,.025) 0 1px,transparent 1px 3px),var(--dn-paper)}
.dn-close{position:absolute;top:6px;right:8px;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--dn-ink);font:400 30px/38px var(--dn-serif);cursor:pointer}
.dn-close:hover{background:rgba(0,0,0,.07)}
.dn-close:focus-visible{outline:2px solid var(--dn-red)}

/* шапка газеты */
.dn-mast{margin:0 0 14px;padding:6px 0 0;border-top:4px double var(--dn-ink);border-bottom:4px double var(--dn-ink);text-align:center}
.dn-mast__line{display:flex;justify-content:space-between;gap:8px;margin:0 30px 0 0;font:400 10.5px/1.6 var(--dn-mono);letter-spacing:.06em;text-transform:uppercase;color:#4a4030}
.dn-mast__line--low{margin:0;padding:3px 0;border-top:1px solid var(--dn-ink)}
.dn-mast__name{margin:2px 0 4px;font:700 33px/1 var(--dn-head);letter-spacing:.015em;text-transform:uppercase;color:var(--dn-ink)}
.dn-head{margin:0 0 8px;font:700 27px/1.04 var(--dn-head);text-transform:uppercase;letter-spacing:.01em;color:var(--dn-ink)}
.dn-lead{margin:0 0 14px;font:400 15.5px/1.5 var(--dn-serif);color:var(--dn-ink);hyphens:auto}

/* оплата */
.dn-pay{display:flex;align-items:center;gap:14px;margin:0 0 6px}
.dn-pay__btn{flex:1;display:flex;align-items:center;gap:11px;min-height:58px;padding:9px 14px;border-radius:4px;background:var(--dn-red);color:#fff8ea!important;text-decoration:none!important;
  box-shadow:0 3px 0 var(--dn-red2),0 6px 14px rgba(111,20,15,.3);transition:background .2s,transform .15s}
.dn-pay__btn:hover{background:#a3241c;transform:translateY(-1px)}
.dn-pay__btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--dn-red2)}
.dn-pay__btn:focus-visible{outline:3px solid var(--dn-ink);outline-offset:2px}
.dn-pay__sign{flex:none;width:30px;height:30px;color:#ffe2a6}
.dn-pay__btn span{display:flex;flex-direction:column}
.dn-pay__btn b{font:700 19px/1.1 var(--dn-head);letter-spacing:.04em;text-transform:uppercase}
.dn-pay__btn small{font:400 11.5px/1.3 var(--dn-mono);opacity:.9}
.dn-pay__qr{flex:none;margin:0;text-align:center}
.dn-pay__qr img{display:block;width:112px;height:112px;padding:5px;background:#fff;border:1px solid #cbbd98;image-rendering:pixelated}
.dn-pay__qr figcaption{max-width:120px;margin:3px auto 0;font:700 16px/1 var(--dn-hand);color:#5a4a2c}
.dn-pay__note{margin:0 0 16px;font:400 12.5px/1.45 var(--dn-mono);color:#4a4030}
@media (hover:none),(max-width:600px){.dn-pay__qr{display:none}}

/* трек месяца */
.dn-track{margin:0 0 18px;padding:10px 12px 12px;border:1.5px solid var(--dn-ink);background:rgba(255,255,255,.28)}
.dn-track__head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;font:400 11.5px/1 var(--dn-mono);letter-spacing:.08em;text-transform:uppercase}
.dn-track__head b{font:700 16px/1 var(--dn-head);letter-spacing:.05em}
.dn-cells{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:0 0 8px;padding:0;list-style:none}
.dn-cells li{display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin:0;padding:2px;border:1px solid rgba(30,25,18,.35);border-radius:50%}
.dn-cells svg{width:100%;height:100%}
.dn-cells .is-doom{color:#7a1a14;background:rgba(122,26,20,.07);opacity:.6}
.dn-cells .is-sealed{color:var(--dn-green);background:rgba(47,107,74,.14);border-color:var(--dn-green)}
.dn.is-open .dn-cells .is-sealed,.dn-page .dn-cells .is-sealed{animation:dn-seal .5s cubic-bezier(.3,1.6,.5,1) both}
.dn-cells li:nth-child(2){animation-delay:.06s!important}.dn-cells li:nth-child(3){animation-delay:.12s!important}.dn-cells li:nth-child(4){animation-delay:.18s!important}
.dn-cells li:nth-child(5){animation-delay:.24s!important}.dn-cells li:nth-child(6){animation-delay:.3s!important}.dn-cells li:nth-child(7){animation-delay:.36s!important}
.dn-cells li:nth-child(8){animation-delay:.42s!important}.dn-cells li:nth-child(9){animation-delay:.48s!important}.dn-cells li:nth-child(10){animation-delay:.54s!important}
@keyframes dn-seal{from{transform:scale(.3) rotate(-90deg);opacity:0}to{transform:none;opacity:1}}
.dn-track__sum{margin:0;font:400 15px/1.3 var(--dn-serif)}
.dn-track__sum b{font:700 20px/1 var(--dn-head);letter-spacing:.02em}
.dn-track__state{margin:3px 0 0;font:400 13.5px/1.4 var(--dn-serif);color:#3d3424}
.dn-track.is-done .dn-track__state{color:var(--dn-green);font-weight:700}
.dn-track__purpose{margin:6px 0 0;padding-top:6px;border-top:1px dashed rgba(30,25,18,.3);font:400 12px/1.4 var(--dn-mono);color:#4a4030}

/* хроника */
.dn-rubric{display:flex;align-items:center;gap:10px;margin:0 0 6px;font:700 15px/1.2 var(--dn-head);letter-spacing:.08em;text-transform:uppercase;color:var(--dn-ink)}
.dn-rubric::after{content:'';flex:1;height:0;border-top:1px solid var(--dn-ink)}
.dn-rubric small{font:400 12px/1 var(--dn-mono);color:#6a5d43}
.dn-items{margin:0 0 12px;padding:0;list-style:none}
.dn-item{margin:0;padding:9px 0 10px;border-bottom:1px dashed rgba(30,25,18,.3)}
.dn-item__token{display:inline-flex;align-items:center;gap:5px;margin:0 0 2px;font:400 10.5px/1 var(--dn-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dn-clue)}
.dn-item__token svg{width:15px;height:15px}
.dn-item--sign .dn-item__token{color:var(--dn-green)}
.dn-item--seal .dn-item__token{color:var(--dn-red)}
.dn-item__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.dn-item__name{font:700 16px/1.25 var(--dn-serif);overflow-wrap:anywhere}
.dn-item__sum{flex:none;font:700 17px/1 var(--dn-head);letter-spacing:.02em}
.dn-item__date,.dn-item__via{font:400 11.5px/1.4 var(--dn-mono);color:#6a5d43}
.dn-item__via::before{content:' · '}
.dn-item__msg{display:block;margin:4px 0 0;padding-left:10px;border-left:2px solid #b8a67a;font:italic 400 14px/1.45 var(--dn-serif);color:#3d3424;quotes:'«' '»';overflow-wrap:anywhere}
.dn-item__msg::before{content:open-quote}.dn-item__msg::after{content:close-quote}
.dn-empty{margin:4px 0 12px;font:700 19px/1.2 var(--dn-hand);color:#5a4a2c}
.dn-more{display:inline-block;margin-top:4px;font:700 14px/1.2 var(--dn-head);letter-spacing:.06em;text-transform:uppercase;color:var(--dn-red)!important;text-decoration:none!important;border-bottom:1px solid currentColor}
.dn-more:hover{color:var(--dn-red2)!important}

/* где у раздела внизу свои кнопки и плашки, поднимаем кнопку выше */
@media (max-width:991px){body:has(.a-rtocbtn) .dn-open,body:has(.a-rtocbtn) .dn-note{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media (max-width:900px){body:has(.rtoc-btn) .dn-open{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media (max-width:860px){.dn[data-dn-sec="mom2"] .dn-open{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.dn[data-dn-sec="mom2"] .dn-note{bottom:calc(132px + env(safe-area-inset-bottom,0px))}}

/* телефон: кнопка компактнее, панель выезжает снизу */
@media (max-width:600px){
  .dn-open{left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));height:42px;padding:0 14px 0 5px;font-size:13.5px}
  .dn-open__sign{width:30px;height:30px}
  .dn-panel{top:auto;left:0;right:0;width:100%;max-height:90vh;max-height:90dvh;border-radius:14px 14px 0 0;transform:translateY(104%);box-shadow:0 -8px 40px rgba(0,0,0,.5)}
  .dn-paper{padding:16px 16px calc(22px + env(safe-area-inset-bottom,0px))}
  .dn-close{top:0;right:2px;width:36px;height:36px;font-size:28px;line-height:36px}
  .dn-paper::before{content:'';display:block;width:44px;height:4px;margin:-6px auto 10px;border-radius:2px;background:rgba(30,25,18,.25)}
  .dn-mast__name{font-size:27px}
  .dn-head{font-size:23px}
}
@media (prefers-reduced-motion:reduce){.dn *,.dn-page *{animation:none!important;transition:none!important}}
@media print{.dn{display:none!important}}

/* --- страница /support/ --- */
.dn-page{margin:0;min-height:100vh;background:var(--dn-night);color:var(--dn-ink);font:400 16px/1.55 var(--dn-serif)}
.dnp-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;max-width:1120px;margin:0 auto;padding:14px 20px;font:700 14px/1.2 var(--dn-head);letter-spacing:.05em;text-transform:uppercase}
.dnp-top a{color:#f0e2c4;text-decoration:none}
.dnp-top a:hover{color:var(--dn-brass)}
.dnp-top__home{font-size:22px;color:var(--dn-brass)!important;text-transform:none;letter-spacing:0}
.dnp-top__links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-left:auto}
.dnp{max-width:1120px;margin:0 auto 30px;padding:22px 34px 34px;background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.45),transparent 60%),repeating-linear-gradient(0deg,rgba(90,70,30,.025) 0 1px,transparent 1px 3px),var(--dn-paper);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.dnp-mast .dn-mast__name{font-size:clamp(34px,7vw,74px);margin:4px 0 6px}
.dnp-mast .dn-mast__line{margin:0;font-size:11.5px}
.dnp-front{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0 30px;margin:0 0 26px}
.dnp-main{padding-right:30px;border-right:1px solid var(--dn-ink)}
.dnp-h1{font-size:clamp(30px,4.6vw,52px);margin:4px 0 12px}
.dnp-lead{font-size:18px;line-height:1.55;column-count:1}
.dnp-lead::first-line{font-variant:small-caps;letter-spacing:.03em}
.dn-page .dn-pay__qr img{width:132px;height:132px}
.dn-page .dn-pay__btn{min-height:66px}
.dn-page .dn-pay__btn b{font-size:22px}
.dnp-uses p{margin:0 0 10px;font-size:15px;line-height:1.5}
.dnp-uses b{font:700 15px/1 var(--dn-head);letter-spacing:.04em;text-transform:uppercase}
.dnp-rubric{font-size:20px;margin:0 0 10px}
.dnp-note{max-width:760px;margin:0 0 12px;font:400 13px/1.5 var(--dn-mono);color:#4a4030}
.dnp-board{margin:0 -34px 26px;padding:20px 34px 26px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0 1.5px,transparent 2.5px) 0 0/17px 19px,radial-gradient(circle at 70% 60%,rgba(60,30,10,.18) 0 1.5px,transparent 2.5px) 0 0/13px 11px,radial-gradient(ellipse at 50% 0%,#a87447,#7d5130) #8a5d36;box-shadow:inset 0 0 0 10px #5b3a1e,inset 0 0 30px rgba(0,0,0,.35)}
.dnp-board .dnp-rubric{color:#fff3da}
.dnp-board .dnp-rubric::after{border-color:rgba(255,243,218,.6)}
.dnp-board .dnp-note{color:#fff3da}
.dnp-board .dn-empty{color:#fff3da}
.dn-rank{display:inline-block;padding:2px 7px;border:1.5px solid currentColor;border-radius:3px;font:400 11px/1.3 var(--dn-mono);letter-spacing:.06em;text-transform:uppercase;color:#6d6658;transform:rotate(-2deg)}
.dn-rank--detective{color:#2f4f6b}.dn-rank--professor{color:#7a4b1c}.dn-rank--keeper{color:var(--dn-red)}
.dnp-ranks{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 16px;padding:0;list-style:none}
.dnp-ranks li{display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:#f6efdc;transform:none;font-size:11px}
.dnp-ranks li b{font:700 14px/1.1 var(--dn-head);letter-spacing:.04em}
.dnp-patrons{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 18px;margin:0;padding:6px 0 0;list-style:none}
.dnp-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px 12px;background:#fbf7ec linear-gradient(transparent 27px,rgba(143,29,23,.5) 27px 28px,transparent 28px) no-repeat;
  box-shadow:0 6px 14px rgba(0,0,0,.35);transform:rotate(var(--tilt,0deg));transition:transform .2s}
.dnp-card:hover{transform:rotate(0) scale(1.03);z-index:1}
.dnp-card__pin{position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e85a4a,#8f1d17 70%);box-shadow:0 2px 3px rgba(0,0,0,.4)}
.dnp-card__no{position:absolute;top:6px;right:10px;font:400 11px/1 var(--dn-mono);color:#8a7c5c}
.dnp-card__name{margin-top:6px;font:700 22px/1.1 var(--dn-hand);color:var(--dn-ink);overflow-wrap:anywhere}
.dnp-card__sum{font:700 15px/1.2 var(--dn-head);letter-spacing:.03em}
.dnp-card__since{font:400 11px/1.3 var(--dn-mono);color:#6a5d43}
.dnp-card--keeper{background-color:#fff4dc;box-shadow:0 0 0 2px var(--dn-red),0 6px 14px rgba(0,0,0,.35)}
.dnp-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px;padding:0;list-style:none;font:400 12px/1.4 var(--dn-mono);color:#4a4030}
.dnp-legend li{display:flex;align-items:center;gap:6px}
.dnp-legend svg{width:18px;height:18px;color:var(--dn-ink)}
.dnp-legend b{font-weight:700}
.dnp-month{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 0;padding:4px 0;border-top:3px double var(--dn-ink);border-bottom:1px solid var(--dn-ink);font:700 17px/1.2 var(--dn-head);letter-spacing:.06em;text-transform:uppercase}
.dnp-month span{font-size:15px}
.dnp-chronicle .dn-items{column-count:2;column-gap:30px;column-rule:1px solid rgba(30,25,18,.35)}
.dnp-chronicle .dn-item{break-inside:avoid}
.dnp-foot{max-width:1120px;margin:0 auto;padding:0 20px 30px;color:#cdb98f;font:400 13px/1.5 var(--dn-mono);text-align:center}
.dnp-foot a{color:var(--dn-brass)}
@media (max-width:860px){
  .dnp{padding:16px 16px 24px}
  .dnp-front{grid-template-columns:1fr}
  .dnp-main{padding:0 0 18px;margin:0 0 18px;border-right:0;border-bottom:1px solid var(--dn-ink)}
  .dnp-board{margin:0 -16px 22px;padding:16px 16px 20px}
  .dnp-chronicle .dn-items{column-count:1}
  .dnp-hide-s{display:none}
  .dnp-top__links{margin-left:0}
}