:root {
  color-scheme: dark;
  --ocean: #061721; --panel: #10282d; --panel-raised: #153239; --surface: #0c222a;
  --ink: #e2ecea; --muted: #a1b7b8; --line: #28464c; --teal: #83b9b5;
  --gold: #d4bb80; --gold-dark: #493f2b; --red: #b86164;
  --sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 26px; }
body { margin: 0; background: var(--ocean); color: var(--ink); font: 15px/1.65 var(--sans); -webkit-font-smoothing: antialiased; }
body::before { content: ''; position: fixed; z-index: -1; inset: 0; opacity: .12; pointer-events: none; background: repeating-radial-gradient(ellipse at 90% 5%, transparent 0 38px, #4d777d 39px, transparent 40px 54px); }
a { color: inherit; text-decoration: none; } h1,h2,h3,p { margin: 0; } button,select,input { font: inherit; }
a,summary,button,select { -webkit-tap-highlight-color: transparent; } summary,select { cursor: pointer; }
a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
a:focus-visible,summary:focus-visible,select:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
[hidden] { display: none!important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; top: -100px; left: 20px; padding: 12px 18px; background: var(--panel); z-index: 5; } .skip-link:focus { top: 12px; }
.site-header { min-height: 78px; max-width: 1520px; padding: 16px 34px; margin: auto; display: flex; align-items: center; gap: 42px; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 800; letter-spacing: 1.4px; line-height: 1.2; flex-shrink: 0; }
.brand:hover { text-decoration: none; } .brand small { display: block; margin-top: 6px; font-size: 9px; font-weight: 600; letter-spacing: 2px; color: var(--muted); }
.brand-mark { width: 38px; height: 41px; display: grid; place-content: center; border: 1px solid #678582; background: var(--panel); color: var(--gold); font-size: 14px; letter-spacing: -1px; transform: skewY(-5deg); }
.brand-mark span { position: absolute; margin: 8px 0 0 8px; color: var(--ink); }
.top-nav { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-left: auto; font-size: 13px; font-weight: 600; color: var(--muted); } .top-nav a:hover { color: var(--ink); }
.nav-access { border: 1px solid #4c625c; border-radius: 4px; padding: 9px 13px; color: var(--gold); font-size: 12px; font-weight: 700; white-space: nowrap; } .nav-access span { margin-right: 6px; }
.portal-layout { display: grid; grid-template-columns: 238px minmax(0,1fr); gap: 34px; max-width: 1452px; margin: auto; padding: 30px 0 0; }
.community-sidebar { align-self: start; position: sticky; top: 25px; } .identity-panel { text-align: center; border: 1px solid var(--line); border-top: 2px solid var(--gold); border-radius: 4px; background: linear-gradient(160deg,#1a3c41,var(--panel) 70%); padding: 23px 19px 20px; }
.identity-stars { font-size: 11px; letter-spacing: 6px; color: var(--gold); margin-bottom: 15px; padding-left: 6px; }
.identity-crest { margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; gap: 8px; position: relative; width: 80px; height: 78px; clip-path: polygon(0 0,100% 0,100% 73%,50% 100%,0 73%); background: #294a4a; color: #dbe4d3; font-weight: 800; font-size: 26px; letter-spacing: 1px; padding-bottom: 8px; }
.identity-crest span { display: inline; color: var(--gold); position: absolute; left: 37px; top: 19px; font-weight: 400; }
.identity-panel .eyebrow { font-size: 9px; letter-spacing: 1.2px; } .identity-panel h2 { font-size: 21px; margin: 7px 0; letter-spacing: -.3px; } .identity-panel>p:not(.eyebrow) { color: var(--muted); font-size: 13px; line-height: 1.7; }
.button { min-height: 43px; padding: 11px 16px; border: 1px solid transparent; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 12px; font-weight: 700; line-height: 1.4; transition: background .16s,border-color .16s; }
.button:hover { text-decoration: none; color: #fff; filter: brightness(1.1); }
.button-discord { background: #7f4149; border-color: #a36169; color: #fff3ee; } .identity-panel .button-discord { width: 100%; margin-top: 22px; }
.identity-note { display: block; margin-top: 9px; font-size: 10px; color: var(--muted); }
.eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 1.4px; color: var(--muted); line-height: 1.7; } .gold-text { color: var(--gold); }
.sidebar-section { padding-top: 28px; } .sidebar-section h2 { margin: 0 13px 11px; }
.side-nav { display: grid; gap: 4px; } .side-nav a { display: flex; gap: 12px; align-items: center; padding: 11px 13px; font-size: 12px; font-weight: 600; color: var(--muted); border-radius: 3px; }
.side-nav a:hover { background: var(--panel); text-decoration: none; color: var(--ink); } .side-nav a span:first-child { color: var(--teal); font-size: 16px; width: 17px; text-align: center; } .side-nav a span:last-child { margin-left: auto; color: #72948e; }
.regional-clock { margin-top: 23px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 19px 13px; } .regional-clock time { display: block; font-size: 21px; color: var(--gold); font-weight: 600; font-variant-numeric: tabular-nums; margin-top: 4px; } .regional-clock small { font-size: 10px; color: var(--muted); }
.sidebar-note { display: flex; gap: 10px; padding: 19px 12px; font-size: 11px; color: var(--muted); } .note-symbol { font-size: 16px; color: var(--gold); line-height: 1.5; }
main { min-width: 0; } .breadcrumb { display: flex; gap: 11px; align-items: center; font-size: 9px; letter-spacing: 1.3px; color: var(--muted); margin-bottom: 23px; } .breadcrumb>span:not(.public-dot) { color: #62817f; }
.public-dot { width: 5px; height: 5px; border-radius: 50%; background: #88b39a; }
.hero-heading { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 23px; } h1 { font-size: clamp(29px,3vw,40px); font-weight: 750; line-height: 1.18; letter-spacing: -1.2px; margin-top: 10px; } h1 span { color: #aec8c3; }
.hero-heading>div>p:last-child { font-size: 14px; color: var(--muted); max-width: 640px; margin-top: 17px; line-height: 1.8; }
.game-tag { flex-shrink: 0; border: 1px solid #516965; padding: 12px 17px; color: var(--gold); font-weight: 800; font-size: 15px; letter-spacing: 1.4px; text-align: center; transform: rotate(-3deg); } .game-tag small { display: block; font-size: 8px; letter-spacing: 1.2px; font-weight: 600; margin-top: 3px; color: var(--muted); }
.map-panel { border: 1px solid var(--line); background: #091e27; border-radius: 5px; overflow: hidden; } .panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 19px; background: var(--panel); border-bottom: 1px solid var(--line); } .panel-heading h2 { font-size: 12px; font-weight: 650; } .panel-heading h2 span { color: var(--gold); margin-right: 7px; }
.quiet-tag { display: inline-block; font-size: 8px; font-weight: 700; letter-spacing: 1px; padding: 4px 7px; border: 1px solid #4c6764; border-radius: 2px; color: #b6ccc1; line-height: 1.4; }
#community-map-root { min-height: 360px; }
.map-footnote { display: flex; justify-content: space-between; gap: 15px; font-size: 10px; color: var(--muted); padding: 11px 18px; background: #0c222a; border-top: 1px solid #203b42; }
.welcome-strip { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 19px; margin-top: 13px; border-left: 3px solid var(--red); background: var(--panel); border-radius: 0 4px 4px 0; font-size: 12px; color: var(--muted); }
.welcome-strip strong { color: var(--ink); margin-right: 5px; font-weight: 600; } .welcome-strip a { color: var(--gold); font-weight: 700; white-space: nowrap; }
.history-section,.countries-section,.archive-section,.rules-section,.access-section { padding: 40px 0; border-bottom: 1px solid var(--line); }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; } .section-heading .eyebrow { color: #b2beb3; font-size: 9px; } h2 { font-size: 23px; font-weight: 700; letter-spacing: -.5px; line-height: 1.3; } .section-heading h2 { margin-top: 6px; }
.text-link { font-size: 11px; color: var(--gold); font-weight: 600; white-space: nowrap; } .text-link span { margin-left: 6px; }
.history-layout { display: grid; grid-template-columns: .95fr 1.2fr; gap: 24px; align-items: start; }
.featured-history { padding: 27px; background: linear-gradient(155deg,#263b3c,#142c31 60%); border: 1px solid #4e5d50; border-top: 2px solid var(--gold); border-radius: 4px; }
.story-kicker { font-size: 9px; font-weight: 700; letter-spacing: 1.5px; color: var(--gold); } .featured-history h3 { font-size: 25px; line-height: 1.3; letter-spacing: -.5px; margin: 19px 0; }
.featured-history p { color: #b9c8c2; font-size: 13px; line-height: 1.85; margin-top: 14px; } .button-gold { background: #c7b37d; color: #17262a; border-color: #e0cc96; margin-top: 23px; } .button-gold:hover { background: #e0cc96; color: #17262a; } .story-footer { font-size: 10px; color: #b6c6b6; border-top: 1px solid #46594f; margin-top: 25px; padding-top: 17px; } .story-footer span { color: var(--gold); margin-right: 5px; }
.history-timeline { margin: 0; padding: 0; list-style: none; } .history-timeline li { display: grid; grid-template-columns: 42px 1fr; gap: 17px; position: relative; padding: 0 0 22px; } .history-timeline li::before { content: ''; position: absolute; top: 45px; bottom: 5px; left: 20px; width: 1px; background: var(--line); } .history-timeline li:last-child { padding-bottom: 0; } .history-timeline li:last-child::before { display: none; }
.history-timeline time { display: block; text-align: center; background: #173039; color: var(--gold); border: 1px solid #3c575a; border-radius: 3px; font-size: 8px; letter-spacing: 1px; width: 42px; height: 45px; line-height: 1.4; padding-top: 4px; } .history-timeline time strong { display: block; font-size: 18px; font-weight: 650; letter-spacing: 0; }
.timeline-type { font-size: 8px; letter-spacing: 1.1px; color: #a7b9b2; font-weight: 700; } .history-timeline h3 { font-size: 14px; font-weight: 650; margin: 3px 0 6px; } .history-timeline p { font-size: 12px; line-height: 1.75; color: var(--muted); } .history-timeline a { font-size: 10px; color: var(--gold); margin-top: 7px; display: inline-block; }
.history-disclaimer { display: flex; gap: 12px; font-size: 11px; color: var(--muted); margin-top: 24px; padding: 13px 16px; background: #11272e; border: 1px solid #2b4148; border-radius: 3px; } .history-disclaimer span { color: var(--gold); font-size: 15px; font-weight: 700; }
.section-intro { font-size: 12px; color: var(--muted); max-width: 800px; margin: -5px 0 22px; }
.country-filter { display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--muted); } select { min-height: 40px; color: var(--ink); background: var(--surface); border: 1px solid #3e5b61; border-radius: 4px; padding: 7px 30px 7px 12px; font-size: 12px; }
.country-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; align-items: start; } .country-card { background: var(--panel); border: 1px solid var(--line); border-radius: 4px; } .country-card summary { display: flex; align-items: center; gap: 12px; padding: 17px 15px; list-style: none; } .country-card summary::-webkit-details-marker { display: none; } .country-card summary:hover { background: #19373c; border-radius: 4px; }
.country-flag { font-size: 23px; flex-shrink: 0; } .country-card strong { display: block; font-size: 13px; font-weight: 650; } .country-card small { display: block; margin-top: 4px; font-size: 7px; letter-spacing: 1px; font-weight: 600; color: var(--muted); } .expand-indicator { margin-left: auto; font-size: 19px; color: var(--gold); font-weight: 300; } .country-card[open] .expand-indicator { transform: rotate(45deg); } .country-detail { border-top: 1px solid var(--line); padding: 15px; } .country-detail p { font-size: 12px; color: var(--muted); line-height: 1.8; } .country-detail a { display: inline-block; font-size: 10px; color: var(--gold); font-weight: 600; padding-top: 12px; }
.poster-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; } .poster-card { display: block; min-width: 0; background: var(--panel); border: 1px solid var(--line); border-radius: 4px; overflow: hidden; transition: border-color .15s; } .poster-card:hover { border-color: var(--gold); text-decoration: none; } .poster-card img { display: block; width: 100%; height: auto; aspect-ratio: 533/800; object-fit: contain; background: #101e24; } .poster-card>span { display: block; padding: 14px 15px; position: relative; border-top: 1px solid var(--line); } .poster-card small { display: block; font-size: 8px; letter-spacing: 1.3px; color: var(--muted); } .poster-card strong { display: block; font-size: 13px; margin-top: 4px; } .poster-card>span>span { position: absolute; right: 16px; top: 23px; color: var(--gold); }
.rules-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; } .rules-grid article { border: 1px solid var(--line); border-radius: 4px; background: var(--panel); padding: 20px; } .rule-number { font-size: 11px; font-weight: 700; color: var(--gold); border-bottom: 2px solid #7e4a4b; padding-bottom: 5px; } .rules-grid h3 { font-size: 14px; font-weight: 650; margin: 16px 0 9px; } .rules-grid p { font-size: 12px; color: var(--muted); line-height: 1.8; } .rules-note { color: var(--muted); font-size: 11px; margin: 17px 0 20px; }
.private-label { font-size: 8px; font-weight: 700; letter-spacing: 1px; background: #30372a; color: #dbc996; padding: 6px 9px; border: 1px solid #5d6248; border-radius: 3px; white-space: nowrap; }
.access-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; } .access-card { display: flex; gap: 18px; background: var(--panel); border: 1px solid var(--line); padding: 24px; border-radius: 4px; } .access-symbol { color: var(--teal); font-size: 26px; line-height: 1.2; } .access-card h3 { font-size: 16px; margin-bottom: 7px; } .access-card p { color: var(--muted); font-size: 12px; } .access-card .command-hint { font-size: 10px; margin: 13px 0 16px; } code { font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: .95em; background: #0a1e26; padding: 3px 5px; border: 1px solid #2b4850; border-radius: 3px; color: #d2ddda; overflow-wrap: anywhere; }
.button-outline { border-color: #486462; color: #d2ddd5; padding: 8px 13px; min-height: 39px; } .button-outline:hover { background: #254444; border-color: var(--teal); } .access-note { color: var(--muted); font-size: 11px; margin-top: 17px; } .community-faq { margin-top: 24px; border-top: 1px solid var(--line); } .community-faq details { border-bottom: 1px solid var(--line); } .community-faq summary { padding: 15px 0; font-size: 12px; font-weight: 600; } .community-faq p { color: var(--muted); font-size: 12px; padding: 0 0 17px; }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 28px 0 36px; font-size: 10px; color: var(--muted); } .site-footer strong { font-size: 10px; letter-spacing: 1px; color: var(--ink); } .site-footer strong span { color: var(--gold); } .site-footer p { font-size: 10px; margin-top: 5px; } .site-footer>a:last-child { color: var(--gold); }
@media (max-width: 1518px) { .portal-layout { margin-inline: 34px; } }
@media (max-width: 1120px) { .site-header { gap: 25px; padding-inline: 24px; } .portal-layout { grid-template-columns: 208px minmax(0,1fr); gap: 24px; margin-inline: 24px; } .top-nav { gap: 19px; } .game-tag { display: none; } .history-layout { grid-template-columns: 1fr; } .featured-history { padding: 24px; } .history-timeline { display: grid; grid-template-columns: 1fr 1fr; gap: 23px; } .history-timeline li { padding-bottom: 0; } .history-timeline li::before { display: none; } .country-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .access-card { padding: 20px; gap: 12px; } .access-card .command-hint code { display: block; width: fit-content; margin-top: 8px; } .poster-gallery { gap: 12px; } .rules-grid { gap: 9px; } .rules-grid article { padding: 16px; } }
@media (max-width: 820px) { .site-header { flex-wrap: wrap; gap: 17px; padding: 18px 22px; } .top-nav { order: 3; width: 100%; margin: 0; gap: 26px; } .nav-access { margin-left: auto; } .portal-layout { grid-template-columns: 1fr; margin-inline: 22px; padding-top: 23px; } .community-sidebar { display: none; } .hero-heading h1 { font-size: 34px; } .breadcrumb { margin-bottom: 20px; } .history-layout { grid-template-columns: .9fr 1fr; gap: 21px; } .history-timeline { display: block; } .history-timeline li { padding-bottom: 20px; } .history-timeline li::before { display: block; } .history-timeline li:last-child::before { display: none; } .featured-history { padding: 22px; } .featured-history h3 { font-size: 23px; } .country-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 620px) { .site-header { padding: 17px 18px; } .brand { font-size: 12px; gap: 9px; } .brand small { font-size: 8px; } .brand-mark { width: 33px; height: 36px; } .nav-access { font-size: 10px; padding: 8px 10px; } .nav-access span { font-size: 14px; margin-right: 5px; } .top-nav { justify-content: space-between; gap: 14px; font-size: 12px; } .portal-layout { margin-inline: 16px; gap: 20px; padding-top: 21px; } h1 { font-size: 29px!important; letter-spacing: -.8px; } .hero-heading .eyebrow { font-size: 8px; } .hero-heading>div>p:last-child { font-size: 13px; } .breadcrumb { font-size: 8px; gap: 8px; } .panel-heading { padding: 12px; } .panel-heading h2 { font-size: 11px; } .quiet-tag { font-size: 7px; } #community-map-root { min-height: 300px; } .map-footnote { padding: 10px 12px; flex-direction: column; gap: 3px; font-size: 9px; } .welcome-strip { align-items: flex-start; font-size: 11px; padding: 14px; } .welcome-strip strong { display: block; margin-bottom: 4px; } .welcome-strip a { margin-top: 3px; } .section-heading { align-items: flex-start; flex-wrap: wrap; gap: 15px; } .section-heading h2 { font-size: 21px; } .section-heading .eyebrow { font-size: 8px; } .history-section,.countries-section,.archive-section,.rules-section,.access-section { padding: 32px 0; } .history-layout { grid-template-columns: 1fr; gap: 25px; } .featured-history h3 { font-size: 25px; } .history-timeline { padding-inline: 3px; } .history-timeline li { gap: 17px; padding-bottom: 25px; } .history-timeline p { font-size: 13px; } .history-timeline h3 { font-size: 14px; } .history-disclaimer { font-size: 10px; } .country-grid { grid-template-columns: 1fr; gap: 10px; } .country-card summary { padding: 18px; } .country-card small { font-size: 8px; } .country-card strong { font-size: 14px; } .country-filter { width: 100%; justify-content: space-between; } .country-filter select { flex: 1; max-width: 235px; } .poster-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .poster-card>span { padding: 12px; } .poster-card small { font-size: 7px; } .poster-card strong { font-size: 12px; } .poster-card>span>span { right: 12px; top: 20px; } .rules-grid,.access-grid { grid-template-columns: 1fr; gap: 12px; } .rules-grid article { padding: 20px; } .rules-grid p,.access-card p { font-size: 13px; } .access-card { padding: 23px; gap: 18px; } .access-card .command-hint { font-size: 11px; } .community-faq summary { font-size: 13px; } .site-footer { flex-wrap: wrap; gap: 19px; } .site-footer>div { width: 100%; } .private-label { margin-top: 4px; } }
.archive-credit { display: flex; gap: 13px; background: #142c31; border-left: 3px solid var(--gold); padding: 17px 20px; margin-top: 26px; border-radius: 0 4px 4px 0; }
.archive-credit>span { font-size: 24px; color: var(--gold); }
.archive-credit p { font-size: 12px; line-height: 1.8; color: var(--muted); }
.archive-credit strong { color: var(--ink); font-size: 13px; }
.archive-credit a { color: var(--gold); overflow-wrap: anywhere; }
.archive-jump { display: flex; flex-wrap: wrap; gap: 8px; margin: 17px 0 21px; }
.archive-jump a { font-size: 11px; font-weight: 600; border: 1px solid var(--line); background: var(--surface); padding: 8px 12px; border-radius: 3px; }
.archive-jump a:hover { border-color: var(--teal); text-decoration: none; }
.archive-fold { border: 1px solid var(--line); background: var(--panel); border-radius: 4px; margin-top: 12px; scroll-margin-top: 25px; min-width: 0; }
.archive-fold>summary { display: flex; align-items: center; gap: 16px; padding: 17px 19px; list-style: none; }
.archive-fold>summary::-webkit-details-marker { display: none; }
.archive-fold>summary::after { content: '+'; color: var(--gold); font-size: 22px; font-weight: 300; margin-left: 3px; }
.archive-fold[open]>summary::after { content: '−'; }
.archive-fold>summary:hover { background: #19373c; }
.archive-fold>summary>span:first-child { min-width: 0; }
.archive-fold>summary strong { display: block; font-size: 14px; line-height: 1.45; margin-top: 3px; }
.archive-fold>summary small { display: block; font-size: 8px; color: var(--muted); letter-spacing: 1px; }
.fold-count { margin-left: auto; font-size: 9px; color: var(--gold); flex-shrink: 0; }
.archive-fold-body { border-top: 1px solid var(--line); padding: 20px; }
.archive-description { font-size: 12px; color: var(--muted); line-height: 1.8; }
.document-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 18px 0; }
.document-list>a { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid #355058; border-radius: 3px; background: var(--surface); min-width: 0; }
.document-list>a:hover { border-color: var(--gold); text-decoration: none; }
.document-code { color: var(--gold); background: #253b3a; border: 1px solid #50625a; font-size: 9px; font-weight: 700; min-width: 35px; text-align: center; padding: 8px 4px; border-radius: 3px; }
.document-list strong { display: block; font-size: 12px; line-height: 1.5; }
.document-list small { display: block; color: var(--muted); font-size: 10px; line-height: 1.7; margin-top: 3px; }
.document-list>a>span:nth-child(3) { color: var(--gold); margin-left: auto; }
.archive-warning { padding: 15px 17px; margin: 17px 0; background: #30352d; border: 1px solid #62624b; border-radius: 3px; }
.archive-warning strong { color: #e0ce9e; font-size: 12px; }
.archive-warning p { color: #c1c5b6; font-size: 12px; margin-top: 5px; line-height: 1.75; }
.archive-subheading { margin-top: 28px; scroll-margin-top: 25px; }
.archive-subheading h3 { font-size: 18px; margin-bottom: 8px; }
.archive-subheading p { color: var(--muted); font-size: 12px; line-height: 1.8; max-width: 780px; }
.biography-groups { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; align-items: start; margin-bottom: 24px; }
.biography-list article+article { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 18px; }
.biography-list h4,.other-games h4 { font-size: 15px; line-height: 1.5; margin: 0 0 6px; color: var(--ink); }
.historical-role { display: block; color: var(--gold); font-size: 10px; line-height: 1.7; }
.biography-list article>p:last-child,.other-games article>p { color: var(--muted); font-size: 12px; line-height: 1.85; margin-top: 9px; }
.government-history { margin: 20px 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.government-history dt { color: var(--gold); font-size: 12px; font-weight: 650; margin-bottom: 8px; }
.government-history dd { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.archive-fold-body>.button { margin-top: 17px; }
.archive-after-link { margin-top: 14px; font-size: 10px; }
.other-games { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.archive-contact { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px; margin-top: 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 4px; }
.archive-contact h3 { font-size: 15px; margin-bottom: 7px; }
.archive-contact p { color: var(--muted); font-size: 12px; line-height: 1.85; max-width: 550px; }
.archive-contact-links { display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; gap: 14px; }
@media(max-width:1120px) { .document-list,.biography-groups { grid-template-columns: 1fr; } .archive-contact { flex-direction: column; align-items: flex-start; } .archive-contact-links { flex-direction: row; align-items: center; flex-wrap: wrap; } }
@media(max-width:620px) { .archive-credit { padding: 15px; } .archive-credit>span { font-size: 19px; } .archive-fold>summary { padding: 15px; gap: 10px; } .archive-fold>summary strong { font-size: 13px; } .archive-fold>summary small { font-size: 7px; } .fold-count { font-size: 8px; } .archive-fold-body { padding: 16px; } .document-list>a { padding: 12px; gap: 10px; } .government-history,.other-games { grid-template-columns: 1fr; gap: 20px; } .archive-contact { padding: 18px; } .archive-jump { gap: 7px; } .archive-jump a { padding: 8px 10px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none!important; animation: none!important; } }
.country-editorial-note{font-size:12px;line-height:1.7;color:var(--muted);border-left:2px solid #647f85;padding-left:14px;margin:16px 0 24px}
.alliance-context{padding:36px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.alliance-context .section-intro{max-width:80ch}
.alliance-evidence{padding:20px 22px;border:1px solid #3d6467;border-left:3px solid #8bbfb3;background:#102e35;border-radius:5px;margin:22px 0}
.alliance-evidence>strong{color:#c0e0d6;letter-spacing:.08em;font-size:15px}
.alliance-evidence p{font-size:13px;line-height:1.75;color:#bacdce;margin:10px 0}
.alliance-sources{border-top:1px solid var(--line);padding:16px 0;color:#bacdce;font-size:13px;line-height:1.75}
.alliance-sources summary{cursor:pointer;color:#e2c887;font-weight:600}
.alliance-sources p{max-width:85ch}
.alliance-sources a{color:#e2c887;text-underline-offset:4px}
.alliance-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.alliance-block{padding:24px;border:1px solid #385360;border-radius:6px;background:#10252f}
.alliance-block[data-community-block="1"]{border-top:3px solid #d5ba79}
.alliance-block[data-community-block="2"]{border-top:3px solid #9fa9cf}
.alliance-block .eyebrow{font-size:9px;line-height:1.7;margin:0 0 12px}
.alliance-block h3{font-size:22px;font-family:Georgia,serif;line-height:1.25;color:#e8e4d3;margin:0 0 18px}
.alliance-block ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px}
.alliance-block li{padding:7px 10px;border:1px solid #64777c;border-radius:4px;color:#e3d29f;background:#19333d;font-size:12px;font-weight:700;letter-spacing:.03em}
.alliance-block[data-community-block="2"] li{color:#cdd3f0}
.alliance-block abbr{cursor:help;text-decoration:underline dotted;text-underline-offset:3px}
.alliance-block p:last-child{font-size:13px;line-height:1.75;color:#adbec4;margin:0}
@media(max-width:620px){.alliance-block-grid{grid-template-columns:1fr}.alliance-block{padding:20px}.alliance-evidence{padding:17px}.country-card small{white-space:normal}}