:root{--navy:#0e1626;--navy-2:#172338;--navy-deep:#080d18;--gold:#c9a45c;--gold-bright:#f2d48a;--parchment:#e9dcc0;--ink:#2b2014;--blue:#3d7bff;--crimson:#b03a5b;--violet:#7a3fb0;--text:#ede6d6;--dim:#9aa3b5;--ok:#5bc17f;--bad:#e0525e;--serif:"Cinzel", "Palatino Linotype", Palatino, "Book Antiqua", Baskerville, Georgia, serif;--sans:"Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--navy-deep);color:var(--text);font-family:var(--sans);margin:0}a{color:var(--gold-bright);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--serif);color:var(--gold-bright);margin:0 0 12px}.nav{z-index:10;background:#080d18eb;border-bottom:1px solid #c9a45c66;flex-wrap:wrap;align-items:center;gap:24px;padding:14px 28px;display:flex;position:sticky;top:0}.nav .brand{font-family:var(--serif);color:var(--gold-bright);margin-right:auto;font-size:22px}.page{max-width:1180px;margin:0 auto;padding:32px 20px 80px}.panel{background:#172338eb;border:1px solid #c9a45c73;border-radius:14px;padding:20px}.parchment{background:var(--parchment);color:var(--ink);border:1px solid #8c6b3a;border-radius:14px;padding:20px}.parchment h2,.parchment h3{color:#6b2a1a}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.btn{background:var(--gold);color:var(--navy-deep);font-family:var(--serif);cursor:pointer;border:none;border-radius:10px;padding:12px 22px;font-weight:700;display:inline-block}.btn.ghost{color:var(--parchment);border:1px solid var(--gold);background:0 0}.dim{color:var(--dim)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #c9a45c33;padding:10px 12px}th{font-family:var(--serif);color:var(--gold);font-weight:600}.hero{background:url(/keyart.png) 50%/cover;align-items:flex-end;min-height:78vh;display:flex;position:relative}.hero:after{content:"";background:linear-gradient(90deg,#080d18eb 0%,#080d188c 45%,#080d1800 75%);position:absolute;inset:0}.hero .copy{z-index:1;max-width:620px;padding:48px 40px 64px;position:relative}.hero h1{font-size:clamp(40px,6vw,76px);line-height:.95}.board-wrap{grid-template-columns:minmax(280px,640px) 1fr;align-items:start;gap:20px;display:grid}@media (max-width:900px){.board-wrap{grid-template-columns:1fr}.hero .copy{padding:32px 18px}}.board{aspect-ratio:1/1.04;border:3px solid #3b3326;border-radius:10px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.sq{justify-content:center;align-items:center;display:flex;position:relative}.sq.river-n{border-top:4px solid #2e6e9e}.sq .unit{border-radius:50%;justify-content:center;align-items:center;width:78%;height:78%;display:flex;overflow:hidden}.sq .unit img{object-fit:cover;width:118%;height:118%}.sq .unit.w{box-shadow:0 0 0 3px var(--blue);background:#1e3566}.sq .unit.b{box-shadow:0 0 0 3px var(--crimson);background:#3a1424}.sq.last{outline-offset:-3px;outline:3px solid #f2d48acc}.sq .coord{color:#00000080;font-size:10px;position:absolute;bottom:2px;right:4px}.feed{flex-direction:column;gap:10px;max-height:560px;display:flex;overflow:auto}.feed .line{background:var(--navy-2);border-left:3px solid var(--gold);border-radius:8px;padding:10px 12px}.clock{font-family:var(--serif);font-size:26px}.tag{border:1px solid var(--gold);color:var(--gold-bright);border-radius:999px;margin-right:6px;padding:2px 8px;font-size:12px;display:inline-block}