/* Пробник PiZДаБoLы — общий стиль: обложка «Палп» (затёртая чёрная бумага, вырезки, красный), бумага с заломами */
@import url("/static/fonts/fonts.css");
:root{
  --ink:#0d0b0a; --ink2:#1a1613; --line:rgba(236,224,199,.18);
  --cream:#ece0c7; --paper:#f3e9d4; --paper-ink:#1b1511; --muted:#a89982; --brown:#5f4f3d;
  --red:#d0151e; --red-deep:#8a0d13; --ok:#2f6b3f; --warn:#b5651d;
  --cut:'Archivo Black','Arial Black',Impact,sans-serif; --book:'Old Standard TT',Georgia,serif; --mono:'PT Mono',ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--ink);color:var(--cream);font:17px/1.55 var(--book)}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--cream);outline-offset:3px}
.screen{min-height:100svh;padding:max(28px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center}
.col{width:100%;max-width:34rem;display:flex;flex-direction:column;gap:18px}
.dark{background:var(--ink) url("/static/fon_cherny.jpg") center/cover fixed}
.paper{background:#efe5cf url("/static/list_1.jpg") center/cover fixed;color:var(--paper-ink)}
.kraft{background:#b28c60 url("/static/konvert.jpg") center/cover;color:#2a1d12}
.logo{width:min(84%,22rem);display:block;margin:6px auto 4px;transform:rotate(-1.5deg)}
.tag{display:inline-block;background:var(--red);color:#fff2e2;font:12px/1 var(--cut);text-transform:uppercase;letter-spacing:.06em;padding:8px 11px 6px;transform:rotate(-2.5deg);align-self:flex-start}
h2{font:700 clamp(30px,8vw,40px)/1.08 var(--book);margin:0;text-wrap:balance}
.rule{width:120px;height:4px;background:currentColor;margin:-4px 0 4px}
p{margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;font:17px/1 var(--cut);text-transform:uppercase;letter-spacing:.02em;
  padding:17px 22px 15px;border:0;background:var(--red);color:#fff2e2;box-shadow:0 6px 14px rgba(0,0,0,.45);transform:rotate(-1.5deg)}
.btn small{display:block;font:11px var(--mono);text-transform:none;letter-spacing:.02em;margin-top:6px;opacity:.85}
.btn.cream{background:var(--cream);color:var(--ink)}
.btn.ink{background:var(--paper-ink);color:var(--cream)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.wide{width:100%;flex-direction:column}
.mono{font:12px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.muted{color:var(--muted)}
.fadein{animation:fadein .5s ease both}
@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}