/* Shared by every page under /games. Kept as one file so the rules library has a
   single look and one place to change it. Fonts are the app's own, self-hosted,
   because these pages are the first thing a stranger loads. */
@font-face{font-family:'Oswald';src:url('../fonts/oswald-500.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'Oswald';src:url('../fonts/oswald-600.woff2') format('woff2');font-weight:600;font-display:swap;}
@font-face{font-family:'Oswald';src:url('../fonts/oswald-700.woff2') format('woff2');font-weight:700;font-display:swap;}
@font-face{font-family:'Archivo';src:url('../fonts/archivo-400.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Archivo';src:url('../fonts/archivo-500.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'Archivo';src:url('../fonts/archivo-600.woff2') format('woff2');font-weight:600;font-display:swap;}

:root{--pine:#0F3024;--felt:#2E7D58;--paper:#F6F1E4;--paper-2:#FBF8F0;--ink:#16201B;
  --ink-soft:#4A5650;--line:#D9CFB8;--brass:#C39A3E;--brass-deep:#8A6B22;}
*{box-sizing:border-box;}
body{margin:0;font-family:'Archivo',system-ui,sans-serif;background:var(--paper);
  color:var(--ink);line-height:1.62;-webkit-text-size-adjust:100%;}

.top{background:radial-gradient(120% 120% at 50% -20%,#19432F 0%,var(--pine) 70%);
  padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.top a.brand{font-family:'Oswald';font-weight:700;font-size:19px;letter-spacing:.03em;
  text-transform:uppercase;color:var(--paper);text-decoration:none;}
.top a.brand b{color:var(--brass);font-weight:700;}
.top a.go{font-family:'Oswald';font-weight:600;font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--pine);background:var(--brass);text-decoration:none;
  padding:9px 15px;border-radius:7px;white-space:nowrap;}

main{max-width:720px;margin:0 auto;padding:28px 22px 56px;}
.crumb{font-size:12.5px;color:var(--ink-soft);margin:0 0 14px;}
.crumb a{color:var(--felt);}
h1{font-family:'Oswald';font-weight:700;font-size:31px;line-height:1.1;letter-spacing:.01em;
  margin:0 0 12px;color:var(--pine);}
h2{font-family:'Oswald';font-weight:600;font-size:21px;letter-spacing:.012em;
  margin:34px 0 10px;color:var(--pine);}
h3{font-family:'Oswald';font-weight:600;font-size:16px;letter-spacing:.015em;margin:22px 0 6px;}
p{margin:0 0 14px;font-size:16px;}
ul,ol{margin:0 0 14px;padding-left:22px;font-size:16px;}
li{margin:0 0 7px;}
a{color:var(--felt);}
strong{font-weight:600;}

/* The answer a reader (or a search engine) should get without scrolling. */
.lede{font-size:17.5px;line-height:1.55;color:var(--ink);border-left:3px solid var(--brass);
  padding:2px 0 2px 16px;margin:0 0 22px;}

.card{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;margin:0 0 18px;}
.card h3{margin-top:0;}

table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15px;}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);}
th{font-family:'Oswald';font-weight:600;font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-soft);}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;}
tr.tot td{border-bottom:0;border-top:2px solid var(--line);font-weight:600;}

.cta{display:block;text-align:center;background:var(--brass);color:#2a1e08;
  font-family:'Oswald';font-weight:700;font-size:15px;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;padding:15px 18px;border-radius:10px;
  margin:28px 0 8px;}
.ctasub{text-align:center;font-size:13.5px;color:var(--ink-soft);margin:0 0 10px;}

.foot{border-top:1px solid var(--line);margin-top:36px;padding-top:16px;
  color:var(--ink-soft);font-size:12.5px;}
.foot p{font-size:12.5px;margin:0 0 8px;}

@media(min-width:760px){
  h1{font-size:38px;}
  h2{font-size:24px;}
  main{padding-top:36px;}
}