*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,serif;background:#1a3a22 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><path d='M0 80L80 0' stroke='%23224a2c' stroke-width='8'/></svg>");color:#24180f;line-height:1.7}
a{color:#7a1f1f}
.frame{max-width:920px;margin:20px auto;background:#f6efe2;border:14px solid #6b3a1f;box-shadow:0 0 0 6px #c6a15b,0 18px 0 #102616;min-height:calc(100vh - 40px)}
.board{background:#102616;color:#f6efe2;padding:16px 18px;display:flex;justify-content:space-between;align-items:center}
.board a{color:#f6efe2;text-decoration:none;font-family:"Trebuchet MS",sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:800}
.overs{font-family:"Trebuchet MS",sans-serif;color:#c6a15b;font-size:.75rem}
.links{display:flex;background:#c6a15b}
.links a{flex:1;text-align:center;text-decoration:none;color:#24180f;font-family:"Trebuchet MS",sans-serif;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:12px 6px;border-right:1px solid #6b3a1f}
.links a.on{background:#7a1f1f;color:#f6efe2}
.inn{padding:22px 22px 40px}
h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15;margin:0 0 10px}
h2{font-size:1.15rem;margin:20px 0 8px;color:#7a1f1f}
p,li{margin:0 0 12px}
.lead{font-size:1.05rem;color:#5c4636}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.tile{background:#102616;color:#f6efe2;padding:12px;text-align:center}
.tile b{display:block;font-family:"Trebuchet MS",sans-serif;font-size:1.3rem;color:#c6a15b}
.tile span{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.shot{width:100%;height:auto;display:block;margin:12px 0 4px;border:4px solid #6b3a1f}
.cap{font-size:.84rem;color:#6d5748;font-style:italic;margin:0 0 14px}
.strip{background:#f3e2c4;border-left:6px solid #7a1f1f;padding:10px 12px;margin:10px 0 14px}
.end{margin-top:16px;padding-top:10px;border-top:2px solid #c6a15b;color:#6d5748;font-size:.9rem}
.burger{display:none}
@media(max-width:720px){
  .frame{margin:0;border-width:8px}
  .tiles{grid-template-columns:1fr}
  .links{display:none;flex-direction:column}
  .links.open{display:flex}
  .burger{display:inline-block;margin:8px;background:#7a1f1f;color:#fff;border:0;padding:8px 12px;font-weight:700}
}