/* Bundled, unmodified OFL fonts. Provenance: content/fonts.json. Builds never download fonts. */
/* vietnamese */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-500-vietnamese.864c709d407b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-500-latin-ext.f8ec026d88a2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-500-latin.31ff5e6e96a0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-600-vietnamese.50c25f3210bc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-600-latin-ext.a2f92ada1d0e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-600-latin.5bc49d41f328.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-700-vietnamese.960aaed3bedc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-700-latin-ext.0c1655655b5a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-700-latin.e3e520cb7468.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-800-vietnamese.f54288496268.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-800-latin-ext.14480fbcd1bf.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-800-latin.89eec21b1a1d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face{
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-400-latin-ext.7f8712cbbd64.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-400-latin.fd7521f3531a.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face{
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-500-latin-ext.e284f2a17fc9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-500-latin.0e263db52797.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/barlow-400-vietnamese.3dd62fbbcd74.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/barlow-400-latin-ext.bac411df68fa.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/barlow-400-latin.7a686e763128.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/barlow-500-vietnamese.2e9076077ee0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/barlow-500-latin-ext.7985f1abf1d0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/barlow-500-latin.80e7dc5605dd.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/barlow-600-vietnamese.95da6188105a.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/barlow-600-latin-ext.67dfa555a72f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/barlow-600-latin.488b58098126.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/barlow-700-vietnamese.892f58db77d3.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/barlow-700-latin-ext.2b0e32435d0c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/barlow-700-latin.98aa8b5c2582.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face{
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-400i-vietnamese.4a7df4f970ab.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-400i-latin-ext.9839f4c47fff.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-400i-latin.bdd0e2a056f9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face{
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-400-vietnamese.e7e85bbd5b57.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-400-latin-ext.1ed39fb3055e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/fonts/source-serif-4-400-latin.286e05e5e444.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{color-scheme:dark;--bg:#101010;--bg2:#1c1c1c;--bg3:#272727;--ink:#f3f3ef;--muted:#b2b2b0;--line:#e3e3df;--soft:#4d4d4b;--brand:#3ee0e7;--brand-ink:#111;--ac:#f3f3ef;--ac-ink:#111;--ac-soft:#2a2a28;--head:'Barlow Condensed',Impact,sans-serif;--mono:'DM Mono',monospace;--body:'Barlow',system-ui,sans-serif;--text:'Source Serif 4',Georgia,'Times New Roman',serif;--fury:#ea796a;--calm:#66cfa0;--mind:#75a4ed;--body-color:#efaa6b;--chaos:#c291ef;--order:#e2d167}

:root[data-theme=light]{color-scheme:light;--bg:#fafaf6;--bg2:#efefe9;--bg3:#e3e3dc;--ink:#161615;--muted:#545450;--line:#222;--soft:#bebeb5;--brand:#007d88;--brand-ink:white;--ac:#161615;--ac-ink:white;--ac-soft:#e3e3dc}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
button,input,select{font:inherit}
button,select{cursor:pointer}
button:disabled{cursor:default;opacity:.45}.save-button[data-save-pending]{opacity:1}
button,a,input,select{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ac);outline-offset:4px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-family:var(--head);text-transform:uppercase;line-height:.96}
h2{font-size:clamp(42px,5.8vw,80px);letter-spacing:-.015em;margin-bottom:22px}
.utility-page h2{font-size:clamp(30px,3.4vw,44px);margin-bottom:16px}
h3{font-size:30px;margin-bottom:12px}
p{max-width:72ch}
small,.fine{font:13px/1.7 var(--mono);color:var(--muted)}
.mono{font:13px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.03em}
.muted{color:var(--muted)}
.accent{color:var(--ac)}
/* The slash signs the wordmark and each page title, in the brand colour. Section headings stay plain. */
.wordmark .accent,.footer-brand .accent{color:var(--brand)}
.heading-slash{color:var(--brand);white-space:nowrap}
:is(h2,h3,h4,legend) .heading-slash{display:none}
/* Headlines read as sentences; short titles and labels stay in capitals. */
h1[data-fit-headline],.news-card-copy h2,.video-card h3{text-transform:none;letter-spacing:-.01em}
.rule-link{text-decoration:underline 1px var(--ac);text-underline-offset:4px}
.skip{position:fixed;z-index:50;left:10px;top:-100px;background:var(--ac);color:var(--ac-ink);padding:12px}
.skip:focus{top:10px}
.topline{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);font:13px/1.5 var(--mono);text-transform:uppercase}
.topline>*{padding:8px 16px;border-right:1px solid var(--line)}
.topline time{color:var(--muted)}
.topline button{margin-left:auto;border:0;border-left:1px solid var(--line);background:var(--ink);color:var(--bg);font:inherit;padding:8px 16px}
.masthead{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.masthead-inner{position:relative;padding:24px 24px 12px;display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap}
.home-masthead:before{content:'';position:absolute;left:-10%;right:-10%;top:40%;height:44%;border-top:1px solid var(--ac);border-bottom:1px solid var(--soft);transform:rotate(-5deg)}
.wordmark{font:800 clamp(58px,6vw,82px)/.86 var(--head);text-transform:uppercase;letter-spacing:-.025em;margin:0 0 0 -.025em}
.wordmark:hover{text-decoration:none}
.home-masthead .wordmark{font-size:clamp(78px,16vw,220px)}
.strap{font:13px/1.6 var(--mono);text-transform:uppercase;color:var(--muted);max-width:28ch;margin:0 0 8px}
.nav{display:flex;flex-wrap:wrap;align-items:stretch;border-bottom:1px solid var(--line)}
.nav>a{padding:9px 18px;border-right:1px solid var(--line);font:600 21px/1.4 var(--head);text-transform:uppercase}
.nav>a:hover{background:var(--bg2);text-decoration:none}
.nav>a[aria-current=page]{background:var(--ac);color:var(--ac-ink)}
.nav form{display:flex;margin-left:auto;min-width:240px;flex:1;max-width:400px}
.nav input{border:0;background:transparent;color:var(--ink);min-width:0;width:100%;padding:10px 14px;font:13px var(--mono)}
.nav button{border:0;border-left:1px solid var(--soft);background:transparent;color:var(--ac);padding:0 16px}
.ticker{overflow:hidden;border-bottom:1px solid var(--line);padding:8px 0;font:13px var(--mono);text-transform:uppercase}
.ticker-track{display:flex;width:max-content}
.ticker-run{display:flex;gap:24px;padding-right:24px;white-space:nowrap;animation:ticker 70s linear infinite}
.ticker:hover .ticker-run,.ticker:focus-within .ticker-run{animation-play-state:paused}
@keyframes ticker{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.ticker-run{animation:none;flex-wrap:wrap;white-space:normal;padding:0 16px}.ticker-run[aria-hidden]{display:none}.ticker-track{width:auto}}
.ticker span{color:var(--ac);padding-right:10px}
.section{padding:28px 24px;border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.section-head p{margin:0}
.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);min-height:620px}
.hero-art{position:absolute;inset:0 0 0 38%;z-index:-2;width:62%;height:100%;object-fit:cover;object-position:68% center}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 27%,color-mix(in srgb,var(--bg) 88%,transparent) 43%,color-mix(in srgb,var(--bg) 22%,transparent) 78%),linear-gradient(0deg,var(--bg),transparent 70%)}
.hero-body{padding:36px 24px 42px;display:grid;grid-template-columns:28px 1fr;gap:22px}
.vertical{writing-mode:vertical-rl;transform:rotate(180deg);border-left:1px solid var(--ac);padding-left:10px;text-align:right}
.hero h1{font-size:clamp(60px,9vw,146px);line-height:.87;letter-spacing:-.022em;margin:20px 0 24px;max-width:11ch;text-wrap:balance}
.hero .names{font:600 clamp(21px,2.4vw,32px)/1.15 var(--head);text-transform:uppercase;max-width:30ch}
.hero p{max-width:44ch}
.hero .credit{position:absolute;bottom:10px;right:14px;font:13px var(--mono)}
.stats{display:flex;max-width:620px;border:1px solid var(--line);background:var(--bg);margin-top:28px}
.stat{padding:14px 18px;flex:1;border-right:1px solid var(--line)}
.stat:last-child{border:0;background:var(--ac);color:var(--ac-ink)}
.stat b{display:block;font:700 clamp(38px,5vw,68px)/.95 var(--head)}
.stat span{font:13px var(--mono);text-transform:uppercase}
.split{display:grid;grid-template-columns:1.12fr 1fr;border-bottom:1px solid var(--line)}
.split>.section{border-bottom:0}
.split>.section:first-child{border-right:1px solid var(--line)}
.dot-panel{background-image:radial-gradient(var(--soft) .6px,transparent .6px);background-size:9px 9px}
.dot-panel>div{background:linear-gradient(90deg,var(--bg) 35%,transparent)}
.data-table{width:100%;border-collapse:collapse;font:14px/1.5 var(--mono)}
.data-table th{text-align:left;font-size:13px;text-transform:uppercase;color:var(--muted);font-weight:400;padding:12px 8px;border-bottom:1px solid var(--line)}
.data-table td{padding:12px 8px;border-bottom:1px solid var(--soft)}
.data-table td:first-child{font:600 22px/1.1 var(--head);text-transform:uppercase}
.data-table .num{text-align:right;white-space:nowrap}
.data-table tr:hover td{background:var(--bg2)}
.table-wrap{overflow-x:auto}
.sharebar{height:42px;display:flex;border:1px solid var(--line);margin:20px 0}
.sharebar span{display:block;border-right:1px solid var(--bg);min-width:1px}
.wire>a{display:grid;grid-template-columns:55px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--soft)}
.wire h2{font-size:26px;margin:0 0 6px}
.wire time{font:13px var(--mono);color:var(--muted)}
.wire p{margin:0;font:13px var(--mono);text-transform:uppercase;color:var(--muted)}
/* One button scale. .button: secondary, outlined. .button.primary: the page's one main action, filled
   cyan. .button.quiet: minor tools, soft outline. Sizes: 44px/16px, .small 36px/14px, .large 52px/18px (a hero's main action).
   Page sheets set layout only (width, order), never their own fonts, fills or sizes. */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;background:transparent;color:var(--ink);border:1px solid var(--line);font:600 16px/1.2 var(--body);text-transform:none;cursor:pointer}
.button:hover{background:var(--bg2);text-decoration:none}
.button.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.button.primary:hover{background:var(--brand);filter:brightness(1.12)}
.button.quiet{border-color:var(--soft)}
.button.small{min-height:36px;padding:6px 12px;font-size:14px}
.button.large{min-height:52px;padding:12px 24px;font-size:18px}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
.shelf{display:flex;gap:8px;align-items:flex-end;overflow-x:auto;border-bottom:4px solid var(--line);padding-top:8px}
.book{display:flex;flex:none;width:94px;height:350px;border:1px solid var(--line);border-bottom:0;overflow:hidden;transition:width .25s;background:var(--bg2)}
.book:first-child{width:350px;height:400px}
.book:hover,.book:focus-visible{width:350px;text-decoration:none}
.spine{width:92px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--line)}
.domain-stripe{height:8px;display:flex;flex:none}
.domain-stripe i{flex:1}
.spine strong{writing-mode:vertical-rl;transform:rotate(180deg);font:800 38px/1 var(--head);text-transform:uppercase;margin:auto;white-space:nowrap}
.spine .rank{border-top:1px solid var(--line);font:700 28px var(--head);text-align:center;padding:8px}
.book-body{width:256px;flex:none;position:relative;overflow:hidden;padding:16px;display:flex;flex-direction:column}
.book-body img{height:240px;max-width:100%;object-fit:contain;align-self:center}
.book-body h3{font-size:22px;margin:12px 0 6px}
.book-body .fine{font-size:13px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0;border-top:1px solid var(--soft);border-left:1px solid var(--soft)}
.home-page .card-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.card-tile{min-width:0;padding:14px;border-right:1px solid var(--soft);border-bottom:1px solid var(--soft)}
.card-tile:hover{background:var(--bg2);text-decoration:none}
.card-tile img{width:100%;aspect-ratio:744/1039;object-fit:contain;margin-bottom:12px}
.card-tile h3{font-size:23px;margin:0 0 6px}
.card-tile .fine{font-size:13px;display:block}
.event-row{display:grid;grid-template-columns:125px 1fr auto;gap:18px;align-items:center;border-top:1px solid var(--soft);padding:20px 0}
.event-row time{font:600 24px/1 var(--head);text-transform:uppercase}
.event-row h3{font-size:26px;margin:0 0 6px}
.event-row p{margin:0}
.tag{display:inline-block;border:1px solid var(--soft);padding:4px 8px;font:500 13px var(--body);text-transform:none}
.page-intro{padding:36px 24px;border-bottom:1px solid var(--line)}
.page-intro h1{font-size:clamp(62px,9vw,130px);letter-spacing:-.02em;margin:14px 0 18px}
.page-intro p:last-child{margin-bottom:0}
.notice{border-left:3px solid var(--ac);background:var(--bg2);padding:18px 22px;margin:24px 0;font-size:14px;max-width:80ch}
.controls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;padding:20px 24px;border-bottom:1px solid var(--line)}
.controls label{display:flex;flex-direction:column;gap:7px;font:14px var(--body);text-transform:none}
.controls label:first-child{flex:1;min-width:230px}
.controls input,.controls select{min-height:46px;background:var(--bg2);color:var(--ink);border:1px solid var(--soft);padding:10px 12px;min-width:145px;font:16px var(--body)}
.controls .button{min-height:46px}
.result-count{padding:12px 24px;border-bottom:1px solid var(--line);font:13px var(--mono);color:var(--muted)}
.empty{padding:40px 24px;background:var(--bg2)}
[hidden]{display:none!important}
.pagination{display:flex;justify-content:center;gap:16px;align-items:center;padding:24px}
.deck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px}
.deck-card{display:grid;grid-template-columns:110px 1fr;border:1px solid var(--soft);background:var(--bg2);padding:16px;gap:16px}
.deck-card img{width:110px;aspect-ratio:744/1039;object-fit:contain}
.deck-card h2{font-size:33px;margin:8px 0}
.deck-card:hover{border-color:var(--ac);text-decoration:none}
.deck-card .rank{font:700 32px var(--head);color:var(--ac)}
.deck-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px}
.deck-sidebar img{max-height:370px;margin:0 auto 20px;object-fit:contain}
.deck-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.deck-list{list-style:none;padding:0;margin:0}
.deck-list li{border-top:1px solid var(--soft)}
.deck-list a,.deck-list .unlinked{display:flex;gap:14px;padding:9px 0;font-size:14px}
.deck-list b{font-family:var(--mono);color:var(--ac);min-width:20px}
.deck-list a:hover{background:var(--bg2)}
.deck-list .fine{display:block}
.deck-section-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.deck-section-title span{font:13px var(--mono);color:var(--muted)}
.reading{max-width:880px;margin:auto;padding:36px 24px}
.reading h2{font-size:42px;line-height:1}
.reading p{font-size:18px;line-height:1.75}
/* Article prose is set in a text serif; labels, captions and meta stay in the interface face. */
.reading>p:not([class]),.reading>ul>li,.reading>ol>li,.reading>blockquote{font:400 19px/1.7 var(--text)}
/* The measure is fixed in rem (72 Source Serif characters), not ch, so the fallback face can't set a wider first layout. */
.reading>p:not([class]){max-width:45.25rem}
/* Small-print links still get a finger-sized target. */
.signin .small a,.signin .privacy a{display:inline-flex;align-items:center;min-height:32px}
.reading figure{margin:0 0 32px}
.reading figure img{width:100%;max-height:460px;object-fit:cover}
.reading figcaption{margin-top:8px;font:14px var(--body);color:var(--muted)}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}
.news-card{border:1px solid var(--soft);padding:24px;display:flex;flex-direction:column}
.news-card:first-child{grid-column:span 2}
.news-card h2{font-size:42px;margin:18px 0}
.news-card h2 a{display:block}
.news-card img{width:100%;aspect-ratio:16/7;object-fit:cover;margin-bottom:18px}
.news-card .bottom{margin-top:auto}
.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
.resource{border-top:1px solid var(--soft);padding:22px 0 0}
.resource .eyebrow{color:var(--ac);margin-bottom:14px}
.resource h2{font-size:34px}
.resource p{color:var(--muted)}
.resource a{display:inline-block;margin-top:10px;color:var(--ac)}
.card-detail{display:grid;grid-template-columns:minmax(220px,380px) minmax(0,640px);gap:48px;justify-content:center}
.card-detail img{width:100%;object-fit:contain}
.card-detail h1{font-size:clamp(52px,6vw,88px);margin:14px 0 22px}
.card-detail dl{display:grid;grid-template-columns:100px 1fr;gap:8px 18px}
.card-detail dt{color:var(--muted);font:13px var(--mono);text-transform:uppercase}
.card-detail dd{margin:0}
.rules-text{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;white-space:pre-line}
.footer{padding:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:13px var(--mono);color:var(--muted)}
.footer nav{display:flex;flex-wrap:wrap;gap:20px}
.footer>p{flex:1 1 100%;max-width:100ch;margin:0;font:13px/1.7 var(--body)}
.footer-brand{color:var(--ink);text-transform:uppercase}
.source-list{padding-left:24px}
.source-list li{margin:14px 0}
.error-image{min-height:100px;background:var(--bg2);border:1px solid var(--soft)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

@media(max-width:900px){.split{grid-template-columns:1fr}
.split>.section:first-child{border-right:0;border-bottom:1px solid var(--line)}
.deck-layout{grid-template-columns:220px minmax(0,1fr)}
.deck-sections{grid-template-columns:1fr}
.hero-art{inset:0;width:100%;opacity:.65}
.hero:after{background:linear-gradient(90deg,var(--bg) 15%,color-mix(in srgb,var(--bg) 66%,transparent)),linear-gradient(0deg,var(--bg),transparent)}
.hero h1{max-width:12ch}
.news-card:first-child{grid-column:auto}
}

@media(max-width:600px){.topline>*{padding:7px 12px}
.topline .review-label{display:none}
.masthead-inner{padding:20px 14px 12px;gap:16px}
.strap{max-width:none;font-size:13px}
.nav>a{padding:8px 13px;font-size:20px}
.nav form{max-width:none;border-top:1px solid var(--soft);flex-basis:100%}
.hero{min-height:0}
.hero-body{padding:24px 14px 36px;grid-template-columns:18px 1fr;gap:12px}
.hero h1{font-size:clamp(52px,13vw,78px)}
.vertical{font-size:13px}
.hero .names{font-size:22px}
.hero p{font-size:15px}
.stat{padding:12px 9px}
.stat span{font-size:13px}
.section,.page-intro{padding:24px 14px}
.page-intro h1{font-size:64px}
.event-row{grid-template-columns:80px 1fr;gap:12px}
.event-row>.tag{grid-column:2;justify-self:start}
.event-row time{font-size:21px}
.controls{padding:18px 14px}
.controls label{flex:1;min-width:130px}
.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card-tile{padding:10px}
.card-tile h3{font-size:22px}
.deck-layout{grid-template-columns:1fr;gap:24px}
.deck-sidebar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.deck-sidebar img{width:135px;margin:0}
.deck-sidebar>div{flex:1;min-width:150px}
.deck-card{grid-template-columns:95px 1fr;padding:12px}
.deck-card img{width:95px}
.book{width:82px}
.book:first-child,.book:hover,.book:focus-visible{width:300px}
.spine{width:80px}
.book-body{width:218px}
.card-detail{grid-template-columns:1fr;gap:24px}
.card-detail>img{max-width:320px;margin:auto}
.card-detail h1{font-size:56px}
.footer{padding:24px 14px}
.data-table td,.data-table th{padding:10px 6px}
.data-table td:first-child{font-size:20px}
.reading{padding:28px 18px}
.pagination{gap:10px}
.pagination .button{padding:8px 12px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


.card-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center}
.card-loading p{margin:0}
.card-loading label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.card-loading input{width:18px;height:18px;accent-color:var(--ac)}


/* Hub utility layer. Preserve Brutalist v2's type, cyan and ruled surfaces. */
.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:20}
.brand-row{display:flex;align-items:center;gap:24px;padding:22px 24px 16px}
.brand-row .wordmark{font-size:62px;line-height:.9}
.brand-note{font:13px/1.5 var(--mono);color:var(--muted);max-width:36ch}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px;font:14px var(--mono)}
.header-actions button,.header-search,.more-nav summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--ink);background:none;border:0}
.header-search{color:var(--ac)}
.more-nav{position:relative}
.more-nav summary:after{content:' +';white-space:pre}
.more-nav[open] summary:after{content:' −'}
.more-nav nav{position:absolute;right:0;top:100%;width:250px;padding:8px;background:var(--bg2);border:1px solid var(--line);box-shadow:8px 8px 0 var(--ac-soft);z-index:50}
.more-nav nav a{display:block;padding:12px;font:14px var(--body)}
.primary-nav{display:flex;align-items:center;border-top:1px solid var(--soft);padding:0 24px;gap:30px}
.primary-nav>a{font:700 22px var(--head);text-transform:uppercase;padding:12px 0;border-bottom:3px solid transparent}
.primary-nav>a[aria-current]{border-color:var(--ac);color:var(--ac)}
.primary-nav .rules-shortcut{margin-left:auto;color:var(--muted);font:13px var(--mono)}
.utility-page .page-intro{padding:22px 24px 18px}
.utility-page .page-intro>.eyebrow{display:none}
.utility-page .page-intro h1{font-size:clamp(34px,4vw,56px);margin:0 0 8px;line-height:1.05}
.utility-page .page-intro p{max-width:85ch;font-size:14px;margin:0}
.card-toolbar{padding:16px 24px;border-bottom:1px solid var(--line)}
.search-row{display:flex;align-items:stretch;gap:10px}
.search-row .grow{flex:1;min-width:0}
.card-toolbar input,.card-toolbar select,.search-form input,.search-form select,.compare-form select{min-height:44px;padding:10px 12px;background:var(--bg2);color:var(--ink);border:1px solid var(--soft);font:16px var(--body);border-radius:0;width:100%;min-width:0}
.search-row>label:not(.grow){width:145px}
.toolbar-options{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-top:10px}
.filter-drawer{flex:1;min-width:0}
.filter-drawer summary{font:14px var(--mono);min-height:44px;display:flex;align-items:center;cursor:pointer;width:max-content}
.filter-drawer summary:before{content:'+ ';white-space:pre;color:var(--ac)}
.filter-drawer[open] summary:before{content:'− '}
.filter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:12px 0}
.filter-fields label{display:flex;flex-direction:column;gap:8px;font:14px var(--body)}
.view-label{display:flex;align-items:center;gap:8px;font:14px var(--body)}
.view-label select{font-size:14px;min-height:40px;width:105px}
.browse-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;font-size:14px}
.browse-summary p{margin:0}
.result-count{padding:10px 24px;font-size:13px}
.gallery-section{padding-top:12px}
.filter-chips{display:flex;gap:8px;flex-wrap:wrap}
.filter-chips:not(:empty){margin-bottom:12px}
.filter-chips button{padding:8px 10px;border:1px solid var(--ac);background:var(--ac-soft);color:var(--ink);font:13px var(--mono);cursor:pointer;min-height:36px}
.card-grid[data-view=list]{display:flex;flex-direction:column;gap:0}
.card-grid[data-view=list] .card-tile{display:grid;grid-template-columns:46px 2fr 1fr 1fr;align-items:center;gap:12px;border-bottom:1px solid var(--soft)}
.card-grid[data-view=list] img{width:46px;height:64px;grid-row:1/3}
.card-grid[data-view=list] h3{font-size:24px;margin:0}
.card-grid[data-view=list] .fine{font-size:13px}
.card-information{display:flex;flex-direction:column;min-width:0}
.card-information .rules-text{order:-1;font-size:17px;line-height:1.65;padding:16px 0;margin:16px 0}
.card-information>.eyebrow,.card-information>h1{order:-2}
.card-information h1{font-size:clamp(36px,5vw,68px);margin:8px 0}
.rules-text h2{font:13px var(--mono);text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.card-art-link{display:block;align-self:start}
.card-art-link img{width:100%;height:auto}
.deck-layout{grid-template-columns:250px minmax(0,1fr)}
.deck-main{min-width:0}
.deck-sidebar .fine{font-size:13px}
.section-jumps{display:flex;flex-wrap:wrap;gap:8px 16px;border-block:1px solid var(--soft);padding:12px 0;margin-bottom:20px;font:13px var(--mono)}
.deck-section-title h3{font-size:26px}
.deck-list a{min-height:44px}
.home-tools{padding:22px 24px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:12px 28px}
.home-tools>.eyebrow{margin:0;color:var(--muted)}
.home-tools form{display:flex;gap:8px;grid-row:span 2}
.home-tools input{width:100%;min-width:0;border:1px solid var(--soft);background:var(--bg2);color:var(--ink);padding:12px;font:16px var(--body)}
.home-tools .button{white-space:nowrap}
.quick-links{display:flex;gap:18px;font-size:14px;flex-wrap:wrap}
.home-lead-grid>.section:first-child{border-right:1px solid var(--line)}
.home-lead-grid>.section:last-child{border-right:0}
.home-page .hero{min-height:430px}
.home-page .hero h1{font-size:clamp(56px,7.7vw,110px)}
summary:focus-visible{outline:3px solid var(--ac);outline-offset:4px}
[hidden]{display:none!important}
@media(max-width:600px){
 .brand-row{padding:12px 14px;gap:8px}.brand-row .wordmark{font-size:34px}.brand-note{display:none}.header-actions{gap:12px;font-size:13px}.header-actions button{font-size:13px}.header-search{font-size:13px}.primary-nav{padding:0 14px;gap:0;justify-content:space-between}.primary-nav>a{font-size:19px;padding:8px 0;min-height:44px}.primary-nav .rules-shortcut{display:none}
 .utility-page .page-intro{padding:16px 14px 10px}.utility-page .page-intro h1{font-size:38px}.utility-page .page-intro p{font-size:13px;line-height:1.5}
 .card-toolbar{padding:10px 14px}.search-row{gap:8px}.search-row>label:not(.grow){width:105px}.card-toolbar select{padding:8px;font-size:14px}.toolbar-options{margin-top:4px}.result-count{padding:8px 14px;font-size:13px}.gallery-section{padding-top:8px}.card-grid{gap:8px}.card-tile{padding:7px}.card-tile h3{font-size:23px}.card-grid[data-view=list] .card-tile{grid-template-columns:42px 1fr;gap:4px 12px}.card-grid[data-view=list] img{grid-row:1/5}.card-grid[data-view=list] h3{font-size:24px}.card-grid[data-view=list] .fine{grid-column:2}
 .card-detail{display:flex;flex-direction:column;gap:20px}.card-information{order:0}.card-art-link{order:1;max-width:300px;margin:auto}.card-information dl{font-size:14px}.card-information .rules-text{font-size:16px}
 .deck-layout{display:flex;flex-direction:column}.deck-main{order:0;width:100%}.deck-sidebar{order:1;border-top:1px solid var(--line);padding-top:20px}.deck-actions{gap:8px}.deck-actions .button{font-size:13px;padding:10px 12px;min-height:44px}.section-jumps{gap:8px 12px;font-size:13px;padding:10px 0}.deck-sections{gap:20px}.deck-list li a{font-size:15px}
 .home-tools{padding:16px 14px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.home-tools>.eyebrow{font-size:13px}.home-tools form{order:0}.home-tools .quick-links{font-size:13px;gap:16px}.home-tools .button{padding:8px;font-size:13px}.home-tools input{font-size:14px}.ticker{display:none}.home-page .hero{min-height:0;display:flex;flex-direction:column}.home-page .hero-art{position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:62% 30%;z-index:auto}.home-page .hero:after{content:none}.home-page .hero .credit{position:static;display:block;padding:0 14px 12px}.home-page .hero h1{font-size:58px}.home-page .hero-body{padding:24px 14px 8px}.home-lead-grid>.section:last-child{border-right:0}
 .shelf{gap:12px;align-items:stretch;scroll-snap-type:x proximity;padding-bottom:12px}.book,.book:first-child,.book:hover,.book:focus-visible{width:240px;height:auto;min-height:330px;scroll-snap-align:start}.spine{width:44px}.spine strong{font-size:26px}.book-body{width:194px;padding:12px}.book-body img{height:190px}.book-body h3{font-size:21px}.book-body .fine{font-size:13px}
 .browse-summary{font-size:13px}.more-nav nav{right:-4px}.fine{font-size:13px}
}
@media(max-width:360px){.brand-row .wordmark{font-size:30px}.header-actions{gap:8px}.primary-nav>a{font-size:18px}.home-tools .quick-links{gap:12px}.search-row>label:not(.grow){width:90px}}

/* Connected destinations use the same ruled editorial grammar. */
.reference-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));border-top:1px solid var(--soft);border-left:1px solid var(--soft);margin:20px 0}
.reference-list>a,.saved-entry{display:block;padding:22px;border-right:1px solid var(--soft);border-bottom:1px solid var(--soft);min-width:0;background:var(--bg)}
.reference-list>a:hover{background:var(--bg2);text-decoration:none}
.reference-list h2{font-size:34px;line-height:1.08;margin:12px 0}
.reference-list p{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.reference-list .eyebrow{font-size:13px;margin:0}
.subhead{margin:32px 0 12px}
.search-form,.compare-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.search-form label,.compare-form label{display:flex;flex-direction:column;gap:8px;min-width:0;font:14px var(--body)}
.search-form .grow{flex:1}.compare-form label{flex:1}.search-form .button,.compare-form .button{min-height:44px}
.compare-context{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}
.compare-section{margin:28px 0}.compare-section h2{font-size:32px}.compare-section ul{list-style:none;padding:0;border-top:1px solid var(--soft)}
.compare-section li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--soft);font-size:16px}.compare-quantity{white-space:nowrap;font:14px var(--mono);align-self:center}
.record-tools{margin:10px 0 2px}.save-button{display:inline-flex;align-items:center;font:600 14px/1.2 var(--body);color:var(--ink);border:1px solid var(--soft);background:transparent;padding:6px 12px;min-height:36px;cursor:pointer}.save-button:hover{background:var(--bg2)}.save-button[aria-pressed=true]{color:var(--ac);border-color:var(--ac)}
.context-links,.related-links{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:13px;margin-bottom:16px}.related-links{margin-top:18px}.related-links a{border:1px solid var(--soft);padding:12px}
.saved-entry>a{display:block}.saved-entry .button{margin-top:16px}.set-hub-link{display:block;margin-top:12px;font-size:14px}.event-detail dl{display:grid;grid-template-columns:85px 1fr;gap:8px}.event-detail dt{color:var(--muted)}.event-detail dd{margin:0}
@media(max-width:600px){.reference-list{grid-template-columns:1fr}.reference-list>a,.saved-entry{padding:18px}.reference-list h2{font-size:31px}.search-form,.compare-form{display:grid;grid-template-columns:1fr;width:100%}.compare-context{grid-template-columns:1fr;gap:12px}.compare-section li{font-size:15px}.compare-quantity{font-size:13px}.record-tools{margin:8px 0}.context-links{gap:8px 16px;font-size:13px}.event-detail{padding:20px 14px}}
.locator-strip{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--soft);font-size:14px}.locator-strip p{margin:0}.locator-strip>a{white-space:nowrap;color:var(--ac)}
.event-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}.event-filters label{display:flex;flex-direction:column;gap:6px;font:14px var(--body)}
.calendar-row{display:grid;grid-template-columns:135px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--soft)}.calendar-row time{font:600 24px var(--head);color:var(--ac)}.calendar-row h2{font-size:34px;margin:4px 0 8px}.calendar-row p{margin:6px 0;font-size:14px}.calendar-row .eyebrow{font-size:13px}.calendar-row .context-links{margin:12px 0 0}.calendar-list{padding-top:0}
@media(max-width:600px){.locator-strip{display:block;padding:12px 14px;font-size:13px}.locator-strip>a{display:inline-block;padding-top:10px}.calendar-row{grid-template-columns:1fr;gap:8px;padding:20px 0}.calendar-row h2{font-size:32px}.calendar-row time{font-size:21px}.event-filters{gap:8px}.event-filters label{flex:1;min-width:110px}.event-filters .button{min-height:44px}}
@media(max-width:600px){.utility-page .tool-intro{padding:10px 14px 4px}.utility-page .tool-intro h1{font-size:32px;margin-bottom:4px}.tool-intro>p{display:none}}
/* The full desktop masthead stays expressive; phone tool pages stay compact. */
@media(min-width:901px){.home-page .brand-row{position:relative;align-items:flex-end;padding:30px 24px 22px}.home-page .brand-row:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(-5deg,transparent calc(62% - 1px),var(--ac) calc(62% - 1px),var(--ac) 62%,transparent 62%),linear-gradient(-5deg,transparent 22%,var(--soft) 22%,var(--soft) calc(22% + 1px),transparent calc(22% + 1px))}.home-page .brand-row>*{position:relative}.home-page .brand-row .wordmark{font-size:clamp(80px,11vw,170px)}.home-page .brand-note{padding-bottom:3px}.home-page .header-actions{align-self:flex-start}}
.deck-list li>a{flex:1;min-width:0}
.card-preview{color:var(--ink);background:var(--bg);border:1px solid var(--ac);padding:0;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto}
.card-preview::backdrop{background:rgba(0,0,0,.8)}
.preview-body{padding:24px;overflow-wrap:anywhere}
.preview-body>form{display:flex;justify-content:flex-end;margin-bottom:18px}
.preview-body h2{font-size:clamp(32px,7vw,52px);margin:10px 0}
.preview-body h3{margin-top:20px}
.preview-body>img{display:block;width:min(300px,100%);height:auto;margin:24px auto 0}
.preview-body .rules-text{white-space:pre-line}

.learning-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--soft);margin-bottom:32px}
.learning-paths>a{padding:24px;background:var(--bg2)}
.learning-paths>a+a{border-left:1px solid var(--soft)}
.learning-paths h2{font-size:clamp(32px,3vw,46px);margin:12px 0}
.learning-paths p{font-size:14px}
.learning-steps>section{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--soft)}
.learning-steps h2{font-size:clamp(32px,6vw,48px)}
@media(max-width:700px){.learning-paths{grid-template-columns:1fr}.learning-paths>a+a{border-left:0;border-top:1px solid var(--soft)}}

.hub-empty-title{font-size:clamp(44px,9vw,100px);margin-bottom:24px}

@media(min-width:901px){.deck-sidebar{grid-column:1;grid-row:1}.deck-main{grid-column:2;grid-row:1}.card-art-link{grid-column:1;grid-row:1}.card-information{grid-column:2;grid-row:1}}
@media(max-width:900px){.home-lead-grid>.section:first-child{border-right:0}}

.rules-text p{white-space:pre-line;margin:0 0 12px}.rules-text details{font:13px/1.65 var(--mono);color:var(--muted)}.rules-text summary{cursor:pointer;min-height:44px;padding:12px 0}.rules-text details p{padding:12px 0;border-top:1px solid var(--soft)}

.preview-body .rules-text h2{font:13px var(--mono);color:var(--muted);margin:12px 0}
.event-detail dd{overflow-wrap:anywhere}.calendar-row .fine{overflow-wrap:anywhere}
.related-links a{overflow-wrap:anywhere;min-width:0;max-width:100%}

.home-lead-grid:has(>section:only-child){grid-template-columns:1fr}.home-lead-grid>section:only-child{border-right:0}

/* Printing identities preserve the catalog's sharp borders and cyan focus. */
.scope-label{display:flex;align-items:center;gap:8px;font:14px var(--body)}
.scope-label select{font-size:14px;min-height:40px;max-width:205px}
.printing-panel{margin-top:24px;padding-top:20px;border-top:2px solid var(--line)}
.printing-panel h2{font-size:32px}
.printing-panel .fine{margin:10px 0}
.printing-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.printing-links a{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--soft);font:13px var(--mono);min-height:44px;text-decoration:none}
.printing-links a[aria-current=page]{border:2px solid var(--ac);background:var(--bg2)}
.printing-links a:hover{border-color:var(--ac)}
.printing-differences summary{padding:12px 0;cursor:pointer;font:14px var(--mono)}
.printing-differences h3{font-size:26px;margin-top:16px}
.printing-differences dl{display:block;margin:8px 0}
.printing-differences dt{margin-top:14px}
.printing-differences dd{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.printing-badge{display:block;margin-top:8px;font:13px/1.4 var(--mono);color:var(--ac)}
.card-grid[data-view=list] .printing-badge{grid-column:2/-1;margin:0}
@media(max-width:640px){
 .toolbar-options{display:grid;grid-template-columns:max-content minmax(0,1fr) 78px;gap:6px;align-items:start}
 .toolbar-options:has(.filter-drawer[open]){grid-template-columns:minmax(0,1fr) 90px}
 .toolbar-options .filter-drawer[open]{grid-column:1/-1}
 .scope-label,.view-label{display:block;font-size:0}
 .scope-label select,.view-label select{width:100%;max-width:none;font-size:13px;padding:8px 6px}
 .toolbar-options .filter-drawer summary{font-size:13px}
 .printing-panel h2{font-size:29px}
}
/* Keep native select semantics without Safari's tiny desktop popup painting. */
.card-toolbar select,.search-form select,.compare-form select{
 appearance:none;-webkit-appearance:none;border-radius:0;padding-right:24px;
 background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
 background-position:calc(100% - 13px) 50%,calc(100% - 9px) 50%;background-size:4px 4px;background-repeat:no-repeat;
}

/* Crawlable reference navigation, independent of the gallery application. */
.breadcrumbs{padding:14px 24px;border-bottom:1px solid var(--soft);font:13px/1.6 var(--mono);color:var(--muted)}
.breadcrumbs ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}
.breadcrumbs li{max-width:100%;overflow-wrap:anywhere}
.breadcrumbs li+li:before{content:'/';margin-right:8px;color:var(--ac)}
.breadcrumbs a{color:var(--ink)}
.card-directory{list-style:none;margin:24px 0;padding:0;columns:2;column-gap:32px}
.card-directory li{break-inside:avoid;border-top:1px solid var(--soft);padding:12px 0}
.card-directory a{display:block;min-height:44px;overflow-wrap:anywhere}
.card-directory span{display:block;font:13px/1.6 var(--mono);color:var(--muted)}
.directory-pagination{flex-wrap:wrap;gap:8px;padding:20px 0;justify-content:flex-start}
.directory-pagination a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--soft);padding:8px}
.directory-pagination [aria-current="page"]{background:var(--ac);color:var(--ac-ink)}
@media(max-width:620px){.card-directory{columns:1}.breadcrumbs{padding:12px 16px}}

/* Edition links use the existing visual identity without widening the main nav. */
.coverage-nav{display:flex;flex-wrap:wrap;gap:10px}.coverage-nav .button{flex:0 1 auto}

/* A text-led report must not inherit the narrow, art-overlay headline column. */
.hero-text{min-height:0}.hero-text:after{display:none}.hero-text h1{font-size:clamp(44px,6.3vw,96px);line-height:.96;max-width:24ch}.hero-text p{max-width:78ch}

/* Optional attribution belongs outside the primary browsing hierarchy. */
.reference-notes,.article-references{margin-block:24px;color:var(--muted,#999);font-size:.875rem;line-height:1.6}
.reference-notes>summary,.article-references>summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:4px}
.reference-notes>summary:focus-visible,.article-references>summary:focus-visible{outline:2px solid var(--accent,#dfff00);outline-offset:5px}
.reference-notes[open]>summary,.article-references[open]>summary{margin-bottom:12px}
.reference-notes li,.article-references li{margin-bottom:8px}

/* Coverage and release pages: artwork and copy each own their space. */
.release-jumps,.tournament-jumps{margin:0;padding:16px 24px;min-height:52px}
.release-section h2,.tournament-archive>.section-head h2,.tournament-event-results>.section-head h2,#event-coverage h2,#tournament-stories h2,.tournament-next h2{font-size:clamp(32px,3.5vw,48px);line-height:1.05;margin:0}
.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.release-card{display:flex;flex-direction:column;border:1px solid var(--soft);min-width:0;background:var(--bg2)}
.release-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.set-art{margin:0;min-width:0;background:#151515;display:flex;flex-direction:column}
.set-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.set-art figcaption{padding:7px 12px;background:var(--bg);color:var(--muted);font:14px/1.5 var(--body)}
.release-featured .set-art{justify-content:center}
.release-featured .set-art figcaption{margin-top:auto}
.release-body{display:flex;flex-direction:column;flex:1;padding:24px;min-width:0}
.release-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.release-labels p{margin:0;color:var(--ac)}
.release-body h3{font-size:clamp(30px,3vw,44px);line-height:1.06;margin:0 0 16px;overflow-wrap:anywhere}
.release-featured h3{font-size:clamp(44px,5.5vw,76px)}
.release-date{margin:0 0 18px;display:grid;gap:4px;font:500 19px/1.4 var(--body)}
.release-date>span{font:13px/1.5 var(--mono);text-transform:uppercase;color:var(--muted)}
.release-body>.muted{font-size:14px}
.release-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:auto;padding-top:14px}
.release-actions>a:not(.button){font-size:13px}
.release-footnote{margin:24px 0 0}
.set-art-pending{aspect-ratio:16/9;display:grid;place-items:center;background:var(--soft)}
.set-detail-art{max-width:1000px;margin:24px auto;padding:0 24px}
.tournament-intro h1{overflow-wrap:anywhere}
.tournament-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,240px);gap:28px;border:1px solid var(--soft);background:var(--bg2);padding:28px;min-width:0}
.tournament-featured{grid-template-columns:minmax(0,1fr) minmax(180px,280px);padding:36px}
.tournament-card h2{font-size:clamp(32px,3.7vw,56px);line-height:1.03;margin:14px 0;max-width:22ch;overflow-wrap:anywhere}
.tournament-featured h2{font-size:clamp(42px,5.5vw,76px)}
.tournament-card-copy{min-width:0}
.tournament-winner{display:grid;gap:6px;margin:28px 0}
.tournament-winner>.eyebrow{color:var(--muted)}
.tournament-winner>strong{font:700 32px/1.1 var(--head);overflow-wrap:anywhere}
.tournament-champion-art{display:flex;align-items:center;justify-content:center;min-width:0}
.tournament-champion-art img{display:block;max-height:350px;width:100%;height:auto;object-fit:contain}
.tournament-count{margin:20px 0 0}
.coverage-scope{margin:18px 0 0;max-width:100ch}
.tournament-archive>.section-head{margin-bottom:24px}
.tournament-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));gap:24px}
.tournament-next{display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--bg2)}
.tournament-next>div{max-width:70ch}
.tournament-next h2{margin-bottom:14px}
.tournament-next p:last-child{margin:0}
.tournament-next>.button{flex-shrink:0}
#tournament-stories h2,#event-coverage h2{margin-bottom:18px}
.tournament-standings{min-width:560px}
.tournament-standings th[scope=row]{font:500 16px/1.4 var(--body);text-transform:none}
.tournament-standings .placement{font:700 30px/1 var(--head);width:80px;color:var(--ac)}
.tournament-standings tbody tr:first-child{background:var(--bg2)}
.tournament-standings.placements-only{min-width:0}
.tournament-standings.placements-only td:last-child{white-space:nowrap}
@media (max-width:560px){.placements-only td,.placements-only th{padding:10px 4px}.tournament-standings.placements-only .placement{font-size:20px;width:34px}.tournament-standings.placements-only th[scope=row]{font-size:14px}.placements-only td:nth-child(3),.placements-only td:last-child{font-size:13px}}
.tournament-source-notes{border:1px solid var(--soft);margin-top:24px;padding:16px;font-size:14px}
.tournament-source-notes summary{cursor:pointer;color:var(--ac);font:13px/1.5 var(--mono)}
.tournament-source-notes li{margin:12px 0}
.tournament-deck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--soft);border-left:1px solid var(--soft)}
.tournament-deck-grid>a{padding:22px;border-right:1px solid var(--soft);border-bottom:1px solid var(--soft);min-width:0;display:flex;flex-direction:column;gap:10px}
.tournament-deck-grid>a:hover{background:var(--bg2);text-decoration:none}
.tournament-deck-grid h3{font-size:28px;line-height:1.1;overflow-wrap:anywhere;margin:0}
.tournament-deck-grid p{font-size:14px;margin:0;overflow-wrap:anywhere}
.tournament-deck-grid .eyebrow{font-size:13px;color:var(--muted)}
.tournament-deck-grid .accent{font-size:13px;margin-top:auto}
@media(max-width:1000px){.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-featured{grid-template-columns:1fr 1fr}.tournament-deck-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .release-jumps,.tournament-jumps{padding:14px}
 .release-grid{gap:16px}.release-featured{display:flex}.release-body{padding:18px}
 .release-body h3{font-size:32px}.release-featured h3{font-size:44px}
 .release-labels{gap:8px}.release-labels .tag{font-size:13px}
 .tournament-card,.tournament-featured{padding:22px;grid-template-columns:minmax(0,1fr) 150px;gap:16px}
 .tournament-card h2{font-size:40px}.tournament-winner{margin:22px 0}
 .tournament-next{display:block}.tournament-next>.button{margin-top:22px}
 .tournament-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .primary-nav{gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}
 .primary-nav>a{font-size:18px;min-height:44px;padding:10px 0}
 .primary-nav .rules-shortcut{display:none}
}
@media(max-width:480px){
 .release-grid{grid-template-columns:minmax(0,1fr)}
 .tournament-card,.tournament-featured{grid-template-columns:minmax(0,1fr)}
 .tournament-champion-art{grid-row:1;padding:8px;background:var(--bg)}
 .tournament-champion-art img{width:142px;max-height:200px}
 .tournament-card h2{font-size:42px}
 .tournament-deck-grid{grid-template-columns:minmax(0,1fr)}
 .set-detail-art{padding:0 14px}
}
.top-decks-section>.section-head h2{font-size:clamp(32px,3.5vw,48px);margin:0;line-height:1.05}
.top-deck-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.top-deck-group{display:flex;flex-direction:column;min-width:0;border:1px solid var(--soft);background:var(--bg2)}
.top-deck-art{display:flex;align-items:center;justify-content:center;padding:22px;background:var(--bg)}
.top-deck-art img{display:block;width:150px;height:210px;object-fit:contain}
.top-deck-group>div{padding:20px;display:flex;flex-direction:column;flex:1;min-width:0}
.top-deck-group h3{font-size:28px;line-height:1.08;overflow-wrap:anywhere}
.top-deck-group .eyebrow{font-size:13px}
.top-deck-group ul{list-style:none;margin:0 0 18px;padding:0;font-size:13px}
.top-deck-group li>a{display:block;padding:8px 0;border-top:1px solid var(--soft);overflow-wrap:anywhere}
.top-deck-group li span{color:var(--muted);font-family:var(--mono)}
.top-deck-compare{margin-top:auto;font-size:13px;color:var(--ac)}
@media(max-width:1100px){.top-deck-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.top-deck-group{display:grid;grid-template-columns:120px minmax(0,1fr)}.top-deck-art{padding:12px;align-items:flex-start}.top-deck-art img{max-width:100%;height:auto}}
@media(max-width:600px){.top-deck-breakdown{grid-template-columns:minmax(0,1fr)}.top-deck-group{grid-template-columns:105px minmax(0,1fr)}.top-deck-group>div{padding:16px}.top-deck-group h3{font-size:26px}}

/* A missing exact Legend printing is not replaced with a different card. */
.deck-art-unavailable{display:grid;place-content:center;text-align:center;min-width:90px;min-height:130px;border:1px dashed var(--soft);padding:12px;line-height:1.5;color:var(--muted)}

.tournament-snapshot{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;padding:28px;margin:26px 0;border:1px solid var(--soft);border-left:4px solid var(--ac);background:var(--bg2)}
.tournament-snapshot h2{font-size:clamp(32px,4vw,48px);margin:4px 0 12px;overflow-wrap:anywhere}
.tournament-snapshot a{font-size:14px;overflow-wrap:anywhere}
.tournament-snapshot dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0;align-items:center}
.tournament-snapshot dt{font:13px/1.6 var(--mono);color:var(--muted)}
.tournament-snapshot dd{font:700 44px/1.2 var(--head);margin:5px 0 0}
@media(max-width:650px){.tournament-snapshot{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px}.tournament-snapshot dl{padding-top:16px;border-top:1px solid var(--soft)}}
.tournament-snapshot{margin-left:24px;margin-right:24px}
.tournament-snapshot+.coverage-scope{margin:20px 24px}
@media(max-width:650px){.tournament-snapshot{margin-left:16px;margin-right:16px}.tournament-snapshot+.coverage-scope{margin-left:16px;margin-right:16px}}

/* Printed card text: keywords and Riot's icon codes rendered as symbols. */
.kw{font:600 max(.78em,13px) var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);padding:0 4px;border-radius:2px;white-space:nowrap}
a.kw{text-decoration:none}a.kw:hover,a.kw:focus-visible,a.kw[data-tip-open]{background:var(--ac);color:var(--ac-ink)}
.sym{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.12em;font:600 .72em var(--mono);line-height:1;min-width:1.4em;height:1.4em;border-radius:50%;border:1px solid var(--muted);color:var(--ink);padding:0 .15em;margin:0 .06em}
.sym-energy{background:var(--ink);color:var(--bg);border-color:var(--ink)}.sym-exhaust::before{content:"\27F3"}
.sym-arrow{border:0;min-width:0;font-size:1.05em;color:var(--muted);margin:0 .1em}
.sym-rune{border:0;width:1.05em;min-width:0;height:1.05em;padding:0}.sym-might{border:0;font-size:inherit;width:1.05em;min-width:0;height:1.05em;padding:0}.sym-might svg{width:100%;height:100%;fill:currentColor}
.rune-fury{background:var(--fury)}.rune-calm{background:var(--calm)}.rune-mind{background:var(--mind)}.rune-body{background:var(--body-color)}.rune-chaos{background:var(--chaos)}.rune-order{background:var(--order)}
.rune-rainbow{background:conic-gradient(var(--fury),var(--calm),var(--mind),var(--body-color),var(--chaos),var(--order),var(--fury))}

/* Record skeleton: every page, every list item, one shape. */
.lede{font-size:16px;line-height:1.55;max-width:70ch;margin:0 0 6px}
.utility-page .page-intro .lede{font-size:15px}
.record-head{display:flex;gap:28px;align-items:flex-start}
.record-head .record-art{flex:none;width:120px}.record-art img{width:100%;height:auto;display:block}
.record-copy{min-width:0;flex:1}
.utility-page .page-intro .record-copy>.eyebrow{display:block;margin:0 0 6px}
.record-meta{margin-top:6px}
.record-actions{margin-top:14px}
.record-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:0;border-top:1px solid var(--soft);border-left:1px solid var(--soft);margin:16px 0}
.record-card{display:flex;gap:16px;padding:20px;border-right:1px solid var(--soft);border-bottom:1px solid var(--soft);min-width:0;background:var(--bg)}
.record-card:hover,.record-card:focus-visible{background:var(--bg2);text-decoration:none}
.record-card-art{flex:none;width:86px}.record-card-art img{width:86px;height:auto;display:block}
.record-card-body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.record-card .eyebrow{color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.record-card-title{font:700 28px/1 var(--head);text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:anywhere}
.record-card-summary{font-size:14px;line-height:1.5;color:var(--muted)}
.record-card-open{margin-top:auto;font:13px var(--mono);text-transform:uppercase;padding-top:8px}
.record-badge{padding:2px 6px;border:1px solid var(--ac);color:var(--ac);font-size:13px}
.legend-grid .record-card-art{width:110px}.legend-grid .record-card-art img{width:110px}.legend-text{font-size:13px;line-height:1.5}
/* Defined terms: hover for the definition, activate for the glossary entry. */
.term{text-decoration:none;border-bottom:1px dotted var(--muted);position:relative;cursor:help;color:inherit}
a.term:hover{color:inherit;text-decoration:none}
.term:hover::after,.term:focus-visible::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 8px);z-index:70;width:min(300px,72vw);padding:10px 12px;background:var(--ink);color:var(--bg);font:13px/1.5 var(--body);text-transform:none;letter-spacing:0;white-space:normal;box-shadow:6px 6px 0 var(--ac-soft);pointer-events:none}
/* Home: the start-here strip for new players. */
.start-here{padding:16px 24px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:12px 28px;align-items:center}
.start-here>.eyebrow{margin:0;color:var(--ac)}
.start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.start-grid a{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--soft);background:var(--bg2);min-height:44px}
.start-grid a:hover,.start-grid a:focus-visible{border-color:var(--ac);text-decoration:none}
.start-grid strong{font:700 20px/1 var(--head);text-transform:uppercase}
.start-grid span{font-size:13px;color:var(--muted);line-height:1.4}
/* Play. */
.play-tiles{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.play-tile{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);background:var(--bg2);min-height:150px}
.play-tile.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.play-tile.primary .eyebrow,.play-tile.primary span,.play-tile.primary .term{color:inherit;border-color:currentColor}
.play-tile strong{font:700 clamp(28px,3vw,40px)/1 var(--head);text-transform:uppercase}
.play-tile span:last-child{font-size:14px;color:var(--muted);line-height:1.5}
.play-tile.primary span:last-child{color:inherit;opacity:.85}
.play-tile:hover,.play-tile:focus-visible{text-decoration:none;border-color:var(--ac)}
.play-organizers p{max-width:80ch}
/* Rules. */
.banned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin:12px 0 22px}
.banned-card{display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.3}
.banned-card img{width:100%;height:auto;background:var(--bg2)}
.banned-card:hover{text-decoration:none;color:var(--ac)}
.rules-upcoming{margin:0 0 28px;padding:20px;border:1px solid var(--ac)}
.rules-upcoming h2{margin-top:6px}
.rules-page section{margin-bottom:28px}
.rules-page h2{font-size:34px}
/* Glossary. */
.glossary-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px 28px;margin:0 0 28px}
.glossary-list>div{scroll-margin-top:24px}
.glossary-list dt{font:700 24px/1 var(--head);text-transform:uppercase;margin-bottom:6px}
.glossary-list dd{margin:0;font-size:15px;line-height:1.6}
@media(max-width:900px){.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-here{grid-template-columns:1fr}.play-tiles{grid-template-columns:1fr}}
@media(max-width:600px){.record-head{flex-direction:column;gap:14px}.record-head .record-art{width:96px}.start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.start-grid a{padding:10px 12px}.start-grid strong{font-size:17px}.start-grid span{font-size:13px}.start-here{padding:12px 14px;gap:8px}.term:hover::after{left:auto;right:0}}
.glance-signature{margin-top:18px;padding-top:14px;border-top:1px solid var(--soft)}
.glance-signature .eyebrow{color:var(--muted);margin-bottom:10px}
.signature-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}
.signature-row a{flex:none;width:100px;position:relative}
.signature-row img{width:100px;height:auto;display:block}
.signature-row span{position:absolute;left:0;bottom:0;background:var(--ink);color:var(--bg);font:600 13px var(--mono);padding:3px 6px}
.signature-row small{margin-left:5px;opacity:.8}
.signature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:8px}
.signature-card{display:flex;flex-direction:column;gap:6px;position:relative;padding-bottom:10px}
.signature-card img{width:100%;height:auto;display:block}
.signature-card strong{font:700 17px/1.1 var(--head);text-transform:uppercase}
.signature-card .rate{position:absolute;left:0;bottom:0;height:3px;background:var(--ac)}
.signature-card:hover{text-decoration:none;color:var(--ac)}
.card-usage{margin:18px 0;padding:16px 0;border-top:1px solid var(--soft);border-bottom:1px solid var(--soft)}
.card-usage .eyebrow{color:var(--muted);margin-bottom:10px}
.usage-stats{display:flex;gap:28px;flex-wrap:wrap}
.usage-stats b{display:block;font:700 34px/1 var(--head)}
.usage-stats span{font-size:13px;color:var(--muted)}
.usage-legends{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.usage-legends a,.usage-legends>span{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid var(--soft);font-size:13px;min-height:44px}
.usage-legends a:hover{border-color:var(--ac);text-decoration:none}
.usage-legends img{width:32px;height:45px;object-fit:cover}
.usage-legends small{display:block;color:var(--muted);font-size:13px}
.meta-board{border-top:1px solid var(--line);margin:8px 0 12px}
.meta-board-head,.meta-row{display:grid;grid-template-columns:44px minmax(140px,1.2fr) 2fr 2fr 80px;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--soft)}
.meta-board-head{font:14px var(--body);text-transform:none;color:var(--muted)}
.meta-art img{width:40px;height:56px;object-fit:cover;display:block}
.meta-name{font:700 20px/1 var(--head);text-transform:uppercase}
.meta-name small{display:block;font:13px var(--mono);text-transform:none;color:var(--muted);margin-top:3px}
.meta-bar{position:relative;height:22px;background:var(--bg2)}
.meta-bar i{position:absolute;inset:0 auto 0 0;background:var(--soft)}
.meta-bar.day2 i{background:var(--ac)}
.meta-up .meta-bar.day2 i{background:var(--ac)}.meta-down .meta-bar.day2 i{background:var(--muted)}
.meta-bar b{position:absolute;left:8px;top:50%;transform:translateY(-50%);font:600 13px var(--mono);mix-blend-mode:difference;color:#fff}
.meta-top8{font-size:14px;letter-spacing:2px;color:var(--ac)}
.right-now{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.right-now a{display:flex;flex-direction:column;gap:4px;justify-content:center;padding:12px 24px;border-right:1px solid var(--soft);min-height:44px}
.right-now a:has(img){display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:center}
.home-page .header-search-form,.home-page .header-search{display:none}
.right-now a:last-child{border-right:0}.right-now a:hover{background:var(--bg2);text-decoration:none}
.right-now img{grid-row:1/4;width:40px;height:56px;object-fit:cover}
.right-now .eyebrow{color:var(--muted);margin:0}
.right-now strong{font:700 20px/1.05 var(--head);text-transform:uppercase}
.right-now span:last-child{font-size:13px;color:var(--muted)}
.legend-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.legend-strip a{display:flex;flex-direction:column;gap:4px;min-width:0}
.legend-strip img{width:100%;height:auto;display:block}
.legend-strip strong{font:700 19px/1 var(--head);text-transform:uppercase;margin-top:6px;overflow-wrap:anywhere}
.legend-strip span{font:13px var(--mono);color:var(--muted)}
.legend-strip a:hover{text-decoration:none;color:var(--ac)}
.header-search-form{display:flex;align-items:stretch;border:1px solid var(--soft);background:var(--bg2)}
.header-search-form input{width:220px;min-width:0;border:0;background:transparent;color:var(--ink);padding:8px 10px;font:13px var(--body)}
.header-search-form button{border:0;border-left:1px solid var(--soft);background:transparent;color:var(--ac);font:13px var(--mono);padding:0 10px;cursor:pointer}
@media(min-width:901px){.header-search{display:none}}
@media(max-width:900px){.header-search-form{display:none}.right-now{grid-template-columns:1fr}.right-now a{border-right:0;border-bottom:1px solid var(--soft)}.legend-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.meta-board-head,.meta-row{grid-template-columns:36px minmax(100px,1fr) 1.4fr 1.4fr 60px;gap:8px}}
@media(max-width:600px){.legend-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-board-head span:first-child,.meta-row .meta-art{display:none}.meta-board-head,.meta-row{grid-template-columns:minmax(90px,1fr) 1.2fr 1.2fr 44px}.meta-name{font-size:16px}}

.record-tools-inline{margin:0;display:flex;align-items:center}.record-tools-inline .save-button{min-height:44px}

/* Readability: display type for headings, body type for supporting information.
   Keep data monospace; do not shrink essential copy to make a layout fit. */
small,.fine{font:14px/1.6 var(--body)}
/* Labels are quiet sentence-case text. Monospace is reserved for data: codes, counts, prices. Teal is for things you can click. */
.eyebrow{font:500 14px/1.5 var(--body);text-transform:none;letter-spacing:0}
:is(p,span,figcaption).eyebrow.accent{color:var(--muted)}
.mono{font:14px/1.5 var(--mono)}
a.eyebrow,.story-link{font:14px/1.5 var(--body);text-transform:none;letter-spacing:0}
.story-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ac)}
.story-meta{font:14px/1.5 var(--body);color:var(--muted);text-transform:none;margin-bottom:12px}
.story-meta time,.right-now time{display:inline-block;white-space:nowrap}
.reading>.eyebrow,.reading>.fine,.reading figcaption,.article-toc p,.reference-notes{font:14px/1.6 var(--body);text-transform:none;letter-spacing:0}
.record-card .eyebrow,.record-card-open,.record-meta,.breadcrumbs,.record-tools .save-button{font:14px/1.5 var(--body);text-transform:none;letter-spacing:0}
.utility-page .page-intro .record-copy>.eyebrow{font:14px/1.5 var(--body);text-transform:none}
.data-table th{font:13px/1.5 var(--body);text-transform:none}
.footer,.footer>p{font:14px/1.6 var(--body)}
.footer nav a{min-height:36px;display:inline-flex;align-items:center}
.dot-panel,.dot-panel>div{background:none}

/* A shared masthead with presence, without the original oversized brand banner. */
body .site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;padding:24px max(32px,calc((100vw - 1376px)/2));border-bottom:1px solid var(--soft)}
body .site-header .brand-row{display:contents}
body .site-header .brand-row:before{content:none}
body .site-header .brand-row .wordmark{font:800 72px/.9 var(--head);letter-spacing:-.025em;white-space:nowrap;margin:0;grid-column:1;grid-row:1}
body .site-header .header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;align-self:center;gap:18px;margin:0;font:14px var(--body)}
body .site-header :is(.header-actions button,.header-search,.more-nav summary){font:14px var(--body);min-height:44px}
body .site-header .primary-nav{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;gap:26px;justify-content:center;border:0;padding:0;min-width:0}
body .site-header .primary-nav>a{flex:none;font:700 21px/1.2 var(--head);min-height:44px;display:flex;align-items:center;padding:8px 0;margin:0}
body .site-header .primary-nav .rules-shortcut{display:none}
body .site-header .header-search-form{display:none}
body .site-header .header-search{display:flex;align-items:center;color:var(--ink)}
body .site-header .more-nav nav{border-color:var(--soft);box-shadow:0 10px 24px #0003;max-height:70dvh;overflow:auto}
body .site-header .more-nav nav a{font:15px/1.4 var(--body)}
.card-lookup-bar{padding:12px 32px;border-bottom:1px solid var(--soft)}
.card-lookup-bar .card-header-lookup{max-width:680px;margin:auto}
@media(max-width:1190px){
 body .site-header{grid-template-columns:auto minmax(0,1fr);gap:0 24px;padding:20px 24px 0}
 body .site-header .brand-row .wordmark{font-size:64px}
 body .site-header .header-actions{grid-column:2;justify-self:end}
 body .site-header .primary-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;gap:28px;border-top:1px solid var(--soft);margin-top:20px}
 body .site-header .primary-nav .rules-shortcut{display:flex}
}
@media(max-width:700px){
 body .site-header{padding:16px 16px 0;gap:0 8px}
 body .site-header .brand-row .wordmark{font-size:clamp(33px,10.25vw,64px)}
 body .site-header .header-actions{gap:12px}
 body .site-header :is(.header-actions button,.header-search,.more-nav summary){font-size:13px;padding:0}
 body .site-header .primary-nav{gap:24px;margin-top:12px}
 body .site-header .primary-nav>a{font-size:19px}
 .card-lookup-bar{padding:12px 16px}
}
@media(max-width:360px){body .site-header .brand-row .wordmark{font-size:33px}body .site-header .header-actions{gap:8px}}

/* Menu tools: the theme switch (header.css styles the row). */


/* Card rulings index */
.rulings-index{max-width:860px}
.rulings-lede{font-size:18px;line-height:1.6;max-width:62ch}
.rulings-index .subhead{margin-top:36px;scroll-margin-top:24px}
.rulings-card{padding:18px 0;border-bottom:1px solid var(--soft)}
.rulings-card h3{font-size:22px;margin:0 0 10px}
.rulings-card h3 a{color:var(--ink)}
.rulings-card .card-ruling+.card-ruling{margin-top:14px}
.rulings-card p{margin:0 0 6px;line-height:1.6}
.rulings-question{font-size:16px}
.event-results{max-width:760px;margin:24px 24px 0}

/* How to play: written companion to the table lessons */
.how-to-play{max-width:760px}
.guide-intro{font-size:19px;line-height:1.6}
.guide-toc{margin:24px 0 8px;padding:18px 22px;border:1px solid var(--soft)}
.guide-toc ol{margin:0;padding-left:22px;columns:2;column-gap:32px}
.guide-toc li{margin:4px 0}
.guide-toc a,.how-to-play .fine a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.guide-lesson{padding-top:48px;scroll-margin-top:16px}
.guide-lesson h2{font-size:clamp(34px,5vw,52px);margin:6px 0 10px}
.guide-lede{font-size:18px;line-height:1.6;color:var(--muted)}
.guide-lesson h3{margin:34px 0 4px;font-size:24px}
.guide-step{padding:14px 0;border-bottom:1px solid var(--soft)}
.guide-step h4{margin:0 0 6px;font-size:18px}
.guide-step p{margin:0 0 6px;line-height:1.65}
.guide-answer{padding:8px 12px;border-left:3px solid var(--accent,#39d3e0);background:var(--bg2)}
.guide-rule{font:13px var(--mono);color:var(--muted)}
@media (max-width:640px){.guide-toc ol{columns:1}}
.learn-guide-link{font-size:17px;margin:0 0 20px}.learn-guide-link a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* Invitations to sign up. player-hint.js (before paint) and players.js mark signed-in pages. */
html[data-player=in] [data-signed-out-only]{display:none!important}