:root { --ink:#1e2027; --felt:#176851; --felt-dark:#0c3d32; --chalk:#e4b45b; --cream:#f6f0e3; --red:#b9363f; --wood:#442b20; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 12% 8%, #fff5d3 0 5%, transparent 26%), repeating-linear-gradient(118deg, #e6d9be 0 2px, #e0d2b5 2px 5px); font-family:Georgia, 'Times New Roman', serif; }
main { width:min(900px,100%); margin:0 auto; padding:clamp(18px,4vw,52px) clamp(14px,3vw,32px) 54px; }
.kicker { margin:0 0 7px; font:700 .72rem/1.2 'Courier New',monospace; letter-spacing:.15em; color:#6e5740; text-transform:uppercase; }
h1 { max-width:15ch; margin:0; font-size:clamp(2.6rem,7vw,5.7rem); line-height:.86; letter-spacing:-.07em; }
h1 em { color:var(--red); font-style:italic; }
.site-nav { display:flex; flex-wrap:wrap; gap:8px; margin:28px 0 31px; }
.site-nav a { padding:8px 10px; color:#4c3024; border:1px solid rgba(68,43,32,.3); background:rgba(255,250,235,.58); font:700 .72rem/1 'Courier New',monospace; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; }
.site-nav a:hover { color:#fff9ea; background:var(--felt-dark); }
.lede { max-width:66ch; margin:19px 0 29px; color:#4d4035; font-size:clamp(1.08rem,2vw,1.3rem); line-height:1.52; }
.paper { padding:clamp(20px,4vw,40px); border:1px solid rgba(68,43,32,.26); background:rgba(255,251,239,.76); box-shadow:9px 10px 0 rgba(68,43,32,.15); }
h2 { margin:32px 0 10px; font-size:clamp(1.55rem,3.5vw,2.5rem); letter-spacing:-.04em; }
h2:first-child { margin-top:0; }
h3 { margin:22px 0 7px; font-size:1.18rem; }
p, li { line-height:1.58; }
ul, ol { padding-left:1.25rem; }
li + li { margin-top:8px; }
.callout { margin:26px 0; padding:18px; border-left:4px solid var(--chalk); background:#173e34; color:#fff9ea; }
.callout a { color:#ffe5a4; }
.play-frame { display:block; width:100%; min-height:570px; border:12px solid var(--wood); background:var(--felt-dark); box-shadow:0 18px 26px rgba(7,18,18,.28); }
.faq { display:grid; gap:12px; margin-top:27px; }
.faq article { padding:16px; border-top:3px solid var(--chalk); background:rgba(246,240,227,.72); }
.faq h3 { margin:0 0 7px; }
.faq p { margin:0; }
footer { margin-top:29px; color:#6e5740; font-size:.88rem; }
@media (max-width:680px) { .play-frame { min-height:425px; border-width:7px; } }