/* Site header shared by the homepage and the weekly games.
   Tall uppercase links, a Games dropdown, and a full-screen menu on phones. */
.sitenav{position:relative;z-index:30;padding:14px 0;font-family:'Inter',system-ui,-apple-system,sans-serif;color:#eef3ec}
.sitenav--over{position:absolute;top:0;left:0;right:0}
.sn-in{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:20px}
@media(min-width:720px){.sn-in{padding:0 28px}}
.sn-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#eef3ec;font-weight:900;font-size:19px;margin-right:auto}
.sn-brand b{color:#34b552;font-weight:900}
.sn-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#3fbf5c,#1f9a42);color:#03140a;font-size:17px;font-weight:900}
.sn-links{display:none;align-items:center;gap:4px}
.sn-link{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;background:none;border:0;cursor:pointer;
  font-family:'Oswald',Impact,'Arial Narrow',sans-serif;font-weight:600;font-size:17px;letter-spacing:.03em;text-transform:uppercase;
  color:rgba(238,243,236,.86);text-decoration:none;border-radius:10px}
.sn-link:hover,.sn-link[aria-expanded="true"],.sn-link[aria-current="page"]{color:#fff}
.sn-link[aria-current="page"]{box-shadow:inset 0 -2px 0 #34b552;border-radius:0}
.sn-link svg{transition:transform .2s}
.sn-link[aria-expanded="true"] svg{transform:rotate(180deg)}
.sn-drop{position:relative}
.sn-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:260px;padding:8px;border-radius:14px;
  background:#0c1510;border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 50px rgba(0,0,0,.55)}
.sn-menu a{display:grid;gap:2px;padding:12px 14px;border-radius:10px;text-decoration:none;color:#eef3ec}
.sn-menu a:hover{background:rgba(255,255,255,.05)}
.sn-menu strong{font-family:'Oswald',Impact,sans-serif;font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:.03em}
.sn-menu span{font-size:13px;color:#9aab9f}
.sn-cta{display:none;align-items:center;height:42px;padding:0 18px;border-radius:12px;text-decoration:none;font-weight:800;font-size:15px;
  background:linear-gradient(180deg,#3fbf5c,#1f9a42);color:#03140a}
.sn-cta:hover{filter:brightness(1.08)}
.sn-burger{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:#eef3ec;cursor:pointer;border-radius:10px}
.sn-burger:hover{background:rgba(255,255,255,.06)}
@media(min-width:860px){.sn-links{display:flex}.sn-cta{display:inline-flex}.sn-burger{display:none}}
.sn-panel{position:fixed;inset:0;z-index:40;background:#050b07;display:flex;flex-direction:column;padding:14px 16px 32px;overflow-y:auto}
.sn-panel[hidden]{display:none}
.sn-panel-top{display:flex;align-items:center;justify-content:space-between}
.sn-panel nav{display:flex;flex-direction:column;margin-top:28px}
.sn-panel nav a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 4px;text-decoration:none;color:#eef3ec;
  border-bottom:1px solid rgba(255,255,255,.07);font-family:'Oswald',Impact,sans-serif;font-weight:600;font-size:30px;text-transform:uppercase;letter-spacing:.02em}
.sn-panel nav a span{font-family:'Inter',system-ui,sans-serif;font-size:13px;font-weight:500;color:#9aab9f;text-transform:none;letter-spacing:0}
.sn-panel .sn-cta{display:flex;justify-content:center;height:54px;font-size:17px;margin-top:28px}
.sitenav :focus-visible,.sn-panel :focus-visible{outline:2px solid #8fcf57;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.sn-link svg{transition:none}}
.sn-auth{height:42px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.06);color:#eef3ec;border:0;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font:inherit;font-weight:700;font-size:14px;white-space:nowrap}
.sn-auth:hover{background:rgba(255,255,255,.1)}
.sn-auth[hidden]{display:none}
.sn-auth--panel{height:54px;font-size:17px;margin-top:12px;width:100%}