/* Puck Your Odds: shell (tokens, header, footer). Loaded on every page, including the imported team previews. */
:root{
  --navy:#0B1526; --panel:#132038; --panel2:#182845; --line:#26365A; --ink:#EEF2F8; --muted:#A5B2C8;
  --orange:#F47B20; --orange-hi:#FF9445; --on-orange:#1B0D02; --good:#46B97F; --bad:#E86A5F;
  --display:"Oswald","Arial Narrow",Arial,sans-serif;
  --serif:"Merriweather",Georgia,"Times New Roman",serif;
  --mono:"Roboto Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
}
html{background:var(--navy)}
body{margin:0;background:var(--navy);color:var(--ink)}
.site-head{border-bottom:1px solid var(--line);background:rgba(11,21,38,.94);position:sticky;top:0;z-index:50;backdrop-filter:blur(6px);font-family:var(--display)}
.site-head-in{max-width:1080px;margin:0 auto;padding-inline:16px;display:flex;align-items:center;justify-content:space-between;gap:10px 16px;min-height:64px;flex-wrap:wrap}
.site-logo{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px;line-height:1}
.site-logo b{font-weight:400;color:var(--orange)}
.site-logo svg{width:30px;height:30px;flex:none}
.site-nav{display:flex;gap:2px;flex-wrap:wrap}
.site-nav a{font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:8px 11px;border-radius:4px;line-height:1.2}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--ink);background:var(--panel)}
.site-nav a:focus-visible,.site-logo:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.site-foot{border-top:1px solid var(--line);margin-top:56px;padding-block:32px 40px;font-family:var(--serif);font-size:15px;line-height:1.6;color:var(--muted);background:var(--navy)}
.site-foot-in{max-width:1080px;margin:0 auto;padding-inline:16px;display:grid;gap:14px}
.site-brand{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0}
.site-foot nav{display:flex;gap:18px;flex-wrap:wrap}
.site-foot a{color:var(--muted)}
.site-foot p{margin:0}
.site-rg{border:1px solid var(--line);border-radius:6px;padding:10px 14px}
@media (max-width:560px){.site-head-in{padding-block:8px}.site-nav a{font-size:15px;padding:6px 8px}}
.site-logo-img{padding-block:4px}
.site-logo-img img{display:block;height:60px;width:auto}
@media (max-width:560px){.site-logo-img img{height:48px}}