
:root{
  --ink:#160905;
  --smoke:#24110b;
  --burn:#7d1b0c;
  --fire:#ffb000;
  --paper:#f6d99c;
  --paper2:#ffe8b9;
  --cream:#fff2cf;
  --green:#00ff8a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--cream);
  background:
    radial-gradient(circle at top left, rgba(255,176,0,.2), transparent 30rem),
    repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0 2px, transparent 2px 8px),
    #190905;
}
a{color:#ffd76a}
a:hover{color:white}
.topbar{
  position:sticky;top:0;z-index:99;
  background:linear-gradient(90deg,#4a0500,#b91b0d,#4a0500);
  color:white;text-align:center;font-weight:900;
  padding:.7rem 1rem;border-bottom:3px solid #ffcc45;
  text-transform:uppercase;letter-spacing:.04em
}
.topbar a{color:white;text-decoration:underline}
.masthead{text-align:center;padding:1.4rem 1rem 1rem;background:rgba(0,0,0,.35);border-bottom:5px ridge #8b2a11}
.logo{display:inline-block;color:#ffcf6c;text-decoration:none;font-size:clamp(2.1rem,7vw,5.5rem);font-family:Georgia,serif;font-weight:900;text-shadow:4px 4px 0 #5b1208, 0 0 16px #ff4b14;letter-spacing:.03em}
.blink{animation:blink 1s infinite;color:var(--green);font-weight:900}
@keyframes blink{50%{opacity:.15}}
.site-nav{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.site-nav a,.button,.share-links a{
  border:3px outset #ffcf6c;background:#5a160a;color:#fff8d8;
  padding:.75rem 1rem;text-decoration:none;font-weight:900;border-radius:4px;
  box-shadow:0 4px 0 #1b0703
}
.site-nav a:hover,.button:hover,.share-links a:hover{transform:translateY(1px);box-shadow:0 2px 0 #1b0703}
main{max-width:1180px;margin:auto;padding:1rem}
.hero{min-height:55vh;display:grid;place-items:center;padding:2rem 1rem}
.wanted-poster{color:var(--ink)}
.poster-inner{
  width:min(980px,100%);background:var(--paper);
  border:14px double #5a160a;outline:8px solid #210b04;
  text-align:center;padding:clamp(1rem,4vw,3rem);
  box-shadow:0 0 30px rgba(0,0,0,.8), inset 0 0 60px rgba(100,50,0,.25)
}
.stamp{font-family:Georgia,serif;font-size:clamp(3rem,12vw,8rem);font-weight:900;line-height:.85;margin:.2rem;color:#8e1609;text-shadow:2px 2px 0 #fff0bd}
.small-stamp{font-size:1.8rem}
.poster-inner h1{font-size:clamp(2rem,8vw,5.2rem);margin:.4rem 0;font-family:Georgia,serif}
.reward{font-size:clamp(1.2rem,3vw,2rem);font-weight:900}
.hero-copy{font-size:1.15rem;max-width:760px;margin:1rem auto;color:#2a1208}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
.primary{background:#b91b0d}
.counter-strip,.marquee{
  border:4px ridge #ffcf6c;background:#000;padding:1rem;margin:1rem 0;text-align:center;font-weight:900
}
.counter{font-family:"Courier New",monospace;background:#101010;color:#00ff8a;padding:.35rem .6rem;border:2px inset #777;margin:0 .5rem}
.marquee{overflow:hidden;white-space:nowrap;color:#ffcf6c}
.marquee div{display:inline-block;animation:scroll 18s linear infinite}
@keyframes scroll{from{transform:translateX(70%)}to{transform:translateX(-100%)}}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:2rem 0}
.card,.contact-panel,.share-box,.video-wall,.guestbook,.article,.news-card,.aim-box{
  background:rgba(43,16,8,.92);border:4px ridge #a73b16;border-radius:10px;
  padding:1.2rem;box-shadow:0 0 18px rgba(0,0,0,.45)
}
.card h2,.contact-panel h2,.share-box h2{color:#ffcf6c}
.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}
.checklist li{margin:.7rem 0}
.checklist li::marker{content:"🔥 "}
.aim-box{font-family:"Courier New",monospace;background:#d8d8d8;color:#030303;border-color:#fff}
.aim-title{background:linear-gradient(#285efb,#0b2b91);color:white;margin:-1.2rem -1.2rem 1rem;padding:.55rem;font-weight:bold}
.share-links{display:flex;flex-wrap:wrap;gap:.7rem}
.offer-form{display:grid;gap:.75rem;max-width:680px}
.offer-form input,.offer-form textarea{
  width:100%;padding:.9rem;border:3px inset #d6b36f;background:#fff8dd;color:#1b0703;font-size:1rem
}
.offer-form button{cursor:pointer;padding:1rem;background:#ffb000;color:#210b04;border:4px outset #ffe6a7;font-weight:900;font-size:1rem}
.form-message{display:none;padding:1rem;margin:.5rem 0;border-radius:6px}
.success{background:#064c24}.error{background:#6c0808}
.page-hero{text-align:center;padding:3rem 1rem;background:rgba(0,0,0,.32);border:4px ridge #8b2a11;margin:1rem 0}
.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.2rem,7vw,4.8rem);color:#ffcf6c;margin:.2rem}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
iframe{width:100%;aspect-ratio:16/9;border:5px ridge #ffcf6c;background:#000}
.news-list{display:grid;gap:1rem}
.news-card time,.article time{color:#ffcf6c;font-weight:900}
.read-more{font-weight:900}
.guest-list{columns:2;column-gap:2rem}
.guest-list li{break-inside:avoid;margin:0 0 .5rem;padding:.4rem;background:rgba(0,0,0,.25)}
.not-found{text-align:center;padding:6rem 1rem}
.not-found h1{font-size:clamp(3rem,10vw,7rem);color:#ffcf6c}
.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:2rem;margin-top:2rem;background:#0a0301;border-top:5px ridge #8b2a11}
@media(max-width:760px){
  .split,.video-grid,.footer{grid-template-columns:1fr}
  .guest-list{columns:1}
  .topbar{font-size:.8rem}
}
