@import url('https://fonts.googleapis.com/css2?family=Anton&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Special+Elite&display=swap');
:root { --paper: #ece5d3; --ink: #1a1714; --soft: #5c5446; --red: #c3281f; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 19px/1.6 'Old Standard TT', Georgia, serif; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 64px; }
.mast { background: var(--red); border-top: 4px solid var(--ink); border-bottom: 4px solid var(--ink); text-align: center; padding: 6px 0; margin: 0 -16px; }
.mast a { font: 44px/1.1 Anton, Impact, sans-serif; color: #fff; text-decoration: none; letter-spacing: 1px; -webkit-text-stroke: 1.5px var(--ink); }
.dateline { font: 14px 'Special Elite', monospace; display: flex; justify-content: space-between; border-bottom: 1px solid var(--ink); padding: 4px 0; }
h1 { font: 52px/1 Anton, Impact, sans-serif; text-transform: uppercase; margin: 28px 0 6px; }
h2 { font: 26px/1.2 Anton, Impact, sans-serif; text-transform: uppercase; margin: 32px 0 6px; }
.rule { border-top: 5px solid var(--ink); border-bottom: 1px solid var(--ink); height: 4px; margin: 0 0 20px; }
.small { font: 14px 'Special Elite', monospace; color: var(--soft); }
a { color: var(--red); }
ul { padding-left: 22px; }
nav { margin-top: 48px; border-top: 1px solid var(--ink); padding-top: 12px; font: 15px 'Special Elite', monospace; display: flex; gap: 18px; flex-wrap: wrap; }
.play { display: inline-block; background: var(--red); color: #fff; font: 28px/1 Anton, Impact, sans-serif; text-decoration: none; padding: 14px 26px; border: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--ink); }