@font-face{font-family:"Oswald";font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fonts/oswald-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fonts/oswald-lat.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}

:root{
  --bg:#0b0a08;--ink:#e9e3d4;--muted:#a59e8f;--dim:#6e685d;
  --amber:#f2b705;--amber2:#ffd23a;--hot:#ff7a1a;--line:#2a2722;--card:rgba(22,20,17,.78);
  --head:"Oswald","Roboto Condensed","Arial Narrow",Impact,sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);min-height:100%;
  background:radial-gradient(120% 70% at 50% -10%,#3a2c17 0%,#1c1712 35%,#0e0d0b 70%,#090807 100%) fixed}
a{color:var(--amber)}
#fx{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
.grain{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(0,0,0,.55) 100%)}

/* buttons */
.btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.btn{--c:var(--amber);display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 22px;border-radius:4px;
  font:500 19px/1 var(--head);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  color:#120f0a;background:var(--c);box-shadow:0 6px 18px rgba(0,0,0,.45),inset 0 -3px 0 rgba(0,0,0,.18);
  transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;will-change:transform}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover,.btn:focus-visible{background:var(--amber2);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.5),0 0 22px rgba(242,183,5,.25)}
.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.btn.alt{color:var(--amber);background:rgba(14,12,9,.72);border:2px solid var(--amber);position:relative;overflow:hidden;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.btn.alt::before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background:repeating-linear-gradient(-45deg,var(--amber) 0 8px,#120f0a 8px 16px);opacity:.9}
.btn.alt:hover,.btn.alt:focus-visible{color:#120f0a;background:var(--amber)}

.hazard{height:8px;background:repeating-linear-gradient(-45deg,var(--amber) 0 12px,#14110c 12px 24px)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important}
}