:root{color-scheme:light;--navy:#162f42;--ink:#273e4a;--muted:#647379;--cream:#f5f0e4;--paper:#fffcf3;--line:#d9d2bf;--orange:#bf5d3c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--orange)}a:focus-visible{outline:3px solid #b85c3d;outline-offset:4px}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{max-width:1320px;min-height:84px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:4rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-size:.65rem;letter-spacing:.17em;line-height:1.25;color:var(--navy)}.brand strong{font-size:.9rem}.brand-mark{font-size:2rem;color:var(--orange)}.header-inner nav{display:flex;gap:2rem;margin-left:auto}.header-inner nav a,.header-play,.back{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.header-play{background:var(--navy);color:white;padding:.75rem 1.1rem}.header-play:hover{color:white;background:var(--orange)}.header-play span{padding-left:.5rem}.page-shell{max-width:1220px;margin:auto;padding:3rem 5% 6rem}.back{color:var(--muted)}.page-heading{padding:3.5rem 0 3rem;border-bottom:1px solid var(--line);position:relative}.eyebrow{color:var(--orange);font-size:.68rem;font-weight:700;letter-spacing:.2em}.page-heading h1{color:var(--navy);font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.5rem);letter-spacing:-.045em;line-height:1.03;font-weight:400;margin:1rem 0}.intro{font-family:Georgia,serif;font-size:1.15rem;max-width:40rem;color:#58686b}.page-layout{display:grid;grid-template-columns:190px minmax(0,720px);gap:clamp(3rem,9vw,8rem);padding-top:3rem}.page-layout aside{color:var(--navy);font-size:.65rem;font-weight:700;line-height:1.4;letter-spacing:.16em;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.page-layout aside .compass{font-size:5rem;color:var(--orange);font-weight:400;line-height:1}.page-layout aside small{font-size:.55rem;color:var(--muted)}.page-content section{padding:0 0 2rem;margin:0 0 2rem;border-bottom:1px solid var(--line)}.page-content section:last-child{border:0}.page-content h2{font-family:Georgia,serif;color:var(--navy);font-size:1.7rem;line-height:1.2;font-weight:400;margin:0 0 1rem}.page-content p{margin:0 0 1rem}.page-content a{color:var(--navy);font-weight:700}.page-content a:hover{color:var(--orange)}.note{color:var(--muted);font-size:.85rem}.source-list{list-style:none;padding:0;margin:0}.source-list li{padding:1rem 0;border-bottom:1px solid var(--line)}.source-list li:last-child{border:0}.source-list span{display:block;color:var(--muted);font-size:.87rem;margin-top:.2rem}.site-footer{background:var(--navy);color:#f8f3e7}.footer-inner{max-width:1320px;padding:3rem 5%;margin:auto;display:flex;justify-content:space-between;gap:2rem}.footer-brand{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-decoration:none}.footer-inner p{font-family:Georgia,serif;color:#c4d0d0}.footer-inner nav{display:flex;flex-wrap:wrap;align-content:flex-start;gap:1rem 2rem}.footer-inner nav a{font-size:.8rem}.footer-bottom{border-top:1px solid #4b606b;padding:1.3rem 5%;text-align:center;color:#c4d0d0;font-size:.75rem}@media(max-width:700px){.header-inner{min-height:70px;gap:1rem;flex-wrap:wrap;padding-top:1rem;padding-bottom:1rem}.header-inner nav{order:3;width:100%;gap:1.1rem;overflow-x:auto}.header-play{margin-left:auto}.page-shell{padding-top:2rem}.page-heading{padding-top:2.5rem}.page-layout{grid-template-columns:1fr;gap:0}.page-layout aside{display:none}.footer-inner{flex-direction:column}.footer-inner nav{gap:1rem 1.5rem}}

/* Match the game's expedition header while keeping long-form pages easy to read. */
.site-header{background:#08243a;border-bottom:2px solid #bd9256;color:#fff2d7}
.header-inner{max-width:1500px;min-height:86px}
.site-header .brand{color:#fff2d7;font-family:Georgia,serif;font-size:.8rem;letter-spacing:.12em}
.site-header .brand strong{font-size:1.1rem;color:#f0bf74}
.site-header .brand-mark{color:#f0bf74;font-size:2.6rem}
.site-header nav a:hover{color:#ffbe7f}
.site-header .header-play{background:#b94e16;border:1px solid #f1bb70;border-radius:4px}
.site-header .header-play:hover{background:#d76724}
.site-footer{background:#08243a;border-top:2px solid #bd9256}
.score-tiers{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem}.score-tiers caption{text-align:left;font-weight:700;margin-bottom:.5rem}.score-tiers th,.score-tiers td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--line)}.score-tiers thead{background:#e9e1cf}.score-tiers th:first-child,.score-tiers td:first-child{width:7rem;font-variant-numeric:tabular-nums}