/* Shared military-green identity; character-card artwork and mechanics stay local. */
:root{color-scheme:dark;--ink:#17271f;--paper:#f3ead6;--gold:#c9b985;--rule:#eee0b52b}
body{background-color:#17271f;color:var(--paper);background-image:radial-gradient(ellipse at 80% 0,#4b5b393b,transparent 65%),radial-gradient(#ddca9410 .65px,transparent .9px);background-size:auto,6px 6px}
.site-header,.masthead{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1360px;margin:auto;width:100%;padding:22px 34px 18px;border-bottom:1px solid #e5d3a82b;background:transparent}
.site-header .brand,.masthead .wordmark{display:flex;align-items:center;gap:15px;font:900 48px/.83 Impact,'Arial Narrow',sans-serif;letter-spacing:-1.2px;text-decoration:none;color:#f3ead6;white-space:normal}
.brand-word{display:block;transform:rotate(-2deg)}.brand-word span{color:#d96949}
.brand-mark{width:77px;height:74px;overflow:hidden;flex:none;position:relative;border:2px solid #0f1c16;border-radius:50%;background-color:#b6b491;background-image:radial-gradient(#21251e33 1.2px,transparent 1.6px);background-size:6px 6px;box-shadow:3px 3px 0 #0c1711;transform:rotate(5deg)}.brand-mark img{position:absolute;width:111px;max-width:none;left:-17px;top:-10px}
.site-header nav{display:flex;align-items:center;gap:30px;font:700 12px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}.site-header nav a{padding:12px 0;border-bottom:1px solid transparent;color:#f3ead6}.site-header nav a:hover,.site-header nav a[aria-current]{color:#e5c789;border-color:#e5c789}
.masthead{padding:12px 4vw;max-width:none}.masthead .wordmark{font-size:29px;gap:11px}.masthead .brand-mark{width:45px;height:43px}.masthead .brand-mark img{width:67px;left:-10px;top:-7px}.masthead .characters-link,.masthead .page-link,.masthead .episode-links a{color:#f3ead6}.masthead .episode-links a,.masthead .episode-links span{border-color:#eee0b52b}.masthead .characters-link{margin-right:auto}.masthead .header-actions{display:flex;align-items:center;gap:18px;margin-left:auto}
@media(max-width:700px){.site-header{padding:17px 18px 15px;gap:16px;flex-wrap:nowrap}.site-header .brand{font-size:36px;gap:10px;letter-spacing:-.8px}.site-header .brand-mark{width:59px;height:59px}.site-header .brand-mark img{width:89px;left:-15px;top:-8px}.site-header nav{gap:7px;flex-direction:column;align-items:flex-end;font-size:10px}.site-header nav a{padding:5px 0}.masthead{padding:12px 16px;gap:12px;flex-wrap:wrap}.masthead .wordmark{font-size:24px}.masthead .brand-mark{width:35px;height:34px}.masthead .brand-mark img{width:55px;left:-10px;top:-6px}}