.desk-rail{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:7px 4vw 9px;min-height:80px;background:#14251d;border-top:1px solid #e4d2a648;align-items:center}.desk-rail>a,.desk-rail>button{min-width:0;min-height:62px;transition:transform .2s}.start-link{display:flex;align-items:center;gap:16px;color:#e9dfc5;font-size:13px;line-height:1.3}.start-link strong{font:700 22px/1 Georgia}.start-mark{font:900 25px Impact;border:2px solid #d97954;color:#d97954;padding:6px;transform:rotate(-8deg)}.start-link:hover{transform:translateX(4px)}.episode-folder{position:relative;display:flex;align-items:center;gap:18px;padding:7px 16px 7px 7px;background:#cec3a5;color:#17271f;border:1px solid #0d1d14;box-shadow:4px 4px 0 #060e0aa0;transform:rotate(-1.3deg);font:700 23px Georgia}.episode-folder::before{content:'';position:absolute;left:12px;top:-8px;width:80px;height:10px;background:#cec3a5;clip-path:polygon(0 100%,7% 0,93% 0,100% 100%)}.folder-map{position:relative;width:87px;height:54px;overflow:hidden;flex:none}.folder-map img{width:100%;height:100%;object-fit:cover;filter:sepia(.7);opacity:.75}.folder-map i{position:absolute;width:8px;height:8px;border-radius:50%;background:#ae5037;box-shadow:0 0 0 2px #eee0bb;left:15%;top:63%}.folder-map i:nth-child(3){left:40%;top:33%}.folder-map i:nth-child(4){left:70%;top:58%}.episode-folder b{display:inline-block;font:700 10px Arial;vertical-align:top;background:#17271f;color:#e6ddc4;border-radius:50%;padding:4px 6px;margin-left:4px}.episode-folder:hover{transform:rotate(0deg) translateY(-4px);background:#e1d4ae}.cast-link{display:flex;align-items:center;gap:12px;font:700 22px Georgia}.cast-portraits{display:flex;position:relative;width:142px;height:68px;overflow:hidden;flex:none}.cast-portraits img{position:absolute;width:76px;height:93px;object-fit:cover;object-position:top;bottom:-25px;filter:drop-shadow(3px 0 0 #0a1b11);transition:transform .3s}.cast-portraits img:nth-child(1){left:0;transform:rotate(-8deg)}.cast-portraits img:nth-child(2){left:35px;z-index:2}.cast-portraits img:nth-child(3){left:72px;transform:rotate(8deg)}.cast-link:hover img:nth-child(1){transform:rotate(-12deg) translate(-5px,-4px)}.cast-link:hover img:nth-child(2){transform:translateY(-7px)}.cast-link:hover img:nth-child(3){transform:rotate(12deg) translate(5px,-4px)}
.episode-drawer{width:min(1320px,calc(100% - 48px));max-height:90svh;padding:28px 30px 35px;margin:auto;color:#17271f;background:#d5c9a8;border:1px solid #17271f;box-shadow:12px 16px 0 #091a1599,0 40px 130px #0009;overflow:auto;transform:translateY(22px) rotate(-.6deg);opacity:0;transition:opacity .24s,transform .24s;isolation:isolate}.episode-drawer.is-open{opacity:1;transform:translateY(0) rotate(-.6deg)}.episode-drawer::backdrop{background:#081c15b8;backdrop-filter:blur(5px)}.drawer-map{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.drawer-map img{width:100%;height:100%;object-fit:cover;filter:sepia(1);opacity:.17}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.drawer-heading h2{font:900 54px/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;text-transform:uppercase;margin:12px 0 0}.file-tab{display:block;font:700 11px 'Courier New',monospace;letter-spacing:3px}.close-drawer{border:1px solid #17271f;background:transparent;display:grid;place-items:center;width:44px;height:44px;transition:background .2s}.close-drawer svg{width:23px;stroke:#17271f;stroke-width:2;fill:none}.close-drawer:hover{background:#f3ead6}.episode-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.episode-card{display:flex;flex-direction:column;position:relative;padding:9px 9px 14px;background:#f4ead3;border:1px solid #273727;box-shadow:4px 6px 0 #2737273d;transform:rotate(var(--angle));transition:transform .25s,box-shadow .25s}.episode-card::before{content:'';position:absolute;width:44px;height:15px;top:-8px;left:calc(50% - 22px);background:#c0ae837f;transform:rotate(-6deg);z-index:2;border-left:1px solid #d4c8a566;border-right:1px solid #d4c8a566}.episode-card:hover,.episode-card:focus-visible{transform:translateY(-9px) rotate(0);box-shadow:6px 12px 0 #2737273d}.episode-card img{width:100%;aspect-ratio:1.15;object-fit:cover;object-position:center;border:1px solid #273727}.episode-card .card-number{font:700 10px 'Courier New',monospace;letter-spacing:2px;margin:12px 0 5px;color:#9b4932}.episode-card strong{font:700 clamp(17px,1.7vw,24px)/1.05 Georgia;overflow-wrap:anywhere;hyphens:auto}.episode-card[aria-current="true"]{outline:3px solid #a94d34;outline-offset:3px}
/* Campaign paper, olive ink and rust accents: shared site chrome. */
:root{--ink:#17271f;--paper:#f3ead6;--gold:#c9b985;--rust:#d96949;color-scheme:dark}
body[data-site-page]{margin:0;background-color:#17271f;color:#f3ead6;font-family:Arial,sans-serif;isolation:isolate}
body[data-site-page]::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#17271fe8,#17271fe8),url('/assets/69df0a15ad7b/battlefield_empty_v1-69998497.webp') center/cover}
.site-header.site-header{max-width:none;margin:0;width:100%;height:auto;min-height:86px;padding:10px 4vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 30px;background:#14251d;border:0;border-bottom:1px solid #d4c69b3b;box-shadow:0 5px 16px #091a1433}
.site-header.site-header .brand{display:flex;align-items:center;gap:12px;font:900 34px/.83 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;color:#f3ead6;padding:0;white-space:normal}
.site-header.site-header .brand-mark{width:51px;height:51px}.site-header.site-header .brand-mark img{width:77px;left:-12px;top:-8px}
.site-header.site-header .site-nav{display:flex;align-items:center;flex-direction:row;gap:36px;margin-left:auto;font:inherit;letter-spacing:0;text-transform:none}
.site-header.site-header .episode-folder{display:flex;align-items:center;gap:13px;width:260px;min-height:57px;padding:7px 13px 7px 7px;border:1px solid #0d1d14;background:#cec3a5;color:#17271f;font:700 21px Georgia;letter-spacing:0;text-transform:none;box-shadow:4px 4px 0 #060e0aa0;transform:rotate(-1.3deg)}
.site-header.site-header .episode-folder:hover,.site-header.site-header .episode-folder:focus-visible{transform:rotate(0) translateY(-2px);background:#e1d4ae}
.site-header.site-header .folder-map{width:70px;height:43px}
.site-header.site-header .cast-link{display:flex;align-items:center;gap:13px;font:700 21px Georgia;letter-spacing:0;text-transform:none;min-height:57px;padding:0;border:0;color:#f3ead6;white-space:nowrap}
.site-header.site-header .cast-link[aria-current]{color:#e87c52}.site-header.site-header .cast-portraits{width:130px;height:57px}.site-header.site-header .cast-portraits img{width:70px;height:88px;bottom:-28px}.site-header.site-header .cast-portraits img:nth-child(2){left:32px}.site-header.site-header .cast-portraits img:nth-child(3){left:65px}
.site-header.site-header .reader-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:9px 13px;background:#ede3c8;color:#17271f;border:1px solid #0d1d14;box-shadow:3px 3px 0 #07140ea0}
.reader-title{display:flex;align-items:center;gap:12px;font:700 19px/1 Georgia}.reader-title b{font:900 17px Impact;color:#b74e36;border:1px solid #b74e36;padding:2px 4px;transform:rotate(-4deg)}
.reader-tools .reader-links{display:flex;align-items:center;gap:22px;font:12px Arial}.reader-tools .reader-links a{padding:3px 0;color:#17271f;border-bottom:1px solid transparent}.reader-tools .reader-links a:hover{border-color:#ad5238}.reader-tools .reader-links span{opacity:.4}
footer.site-footer.site-footer{position:relative;width:100%;max-width:none;margin:0;padding:21px 4vw;min-height:72px;background:#14251d;color:#f3ead6;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d4c69b3b;text-align:left;flex:none}
.footer-brand{font:900 20px/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:.3px}.footer-brand span{color:#d96949}
.site-footer nav{display:flex;align-items:center;gap:25px;font:12px Arial}.site-footer nav a,.site-footer nav button{font:inherit;color:#e5ddc7;padding:6px 0;background:none;border:0;border-bottom:1px solid transparent;cursor:pointer}.site-footer nav a:hover,.site-footer nav button:hover{color:#f3ead6;border-color:#d96949}.site-footer small{font:10px Arial;color:#bdb89f;white-space:nowrap}
html.deck-ready footer.site-footer{display:flex;min-height:0;padding-top:14px;padding-bottom:14px}
html.deck-ready.deck-embedded .site-header,html.deck-ready.deck-embedded footer.site-footer{display:none!important}
body[data-site-page="home"] .campaign{height:calc(100svh - 158px)}
body[data-site-page="reader"] .scene-frame{border:6px solid #ede3c8;border-radius:0;box-shadow:6px 8px 0 #07150e80,0 25px 60px #0004;width:min(1100px,100%,calc((100svh - 290px)*var(--scene-ratio)))}
html.deck-embedded body[data-site-page="reader"] .scene-frame{border:1px solid #ded0a84d;border-radius:4px;width:min(1100px,100%,calc((100svh - 95px)*var(--scene-ratio)))}
body[data-site-page="characters"] .page-heading{padding:24px 28px;background:#ede3c8;color:#17271f;border:1px solid #102016;box-shadow:5px 7px 0 #07150e80;margin-bottom:34px;transform:rotate(-.4deg)}
body[data-site-page="characters"] .page-heading h1{font:900 clamp(48px,7vw,84px)/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;text-transform:uppercase}.page-heading h1 span{color:#b74e36}
body[data-site-page="characters"] .cast-label{color:#b74e36;border:2px solid #b74e36;padding:8px;transform:rotate(5deg);font:700 11px Arial;letter-spacing:2px}
body[data-site-page="error"] .error-main{min-height:calc(100svh - 180px);max-width:1000px;margin:auto;padding:60px 4vw;display:flex;align-items:center;justify-content:center;gap:40px;color:#f3ead6}.error-main>img{width:170px;height:230px;object-fit:contain}.error-main h1{font:700 48px Georgia;margin:12px 0 25px}.error-main span{font:700 12px Arial;letter-spacing:3px;color:#d96949}.error-main a{color:#f3ead6;border-bottom:1px solid #d96949;padding-bottom:6px}
.episode-card .card-arrow{display:none}.episode-drawer:focus{outline:none}
@media(max-width:850px){.site-header.site-header .site-nav{gap:20px}.site-header.site-header .cast-portraits{width:100px}.site-header.site-header .cast-portraits img{width:60px}.site-header.site-header .cast-portraits img:nth-child(2){left:22px}.site-header.site-header .cast-portraits img:nth-child(3){left:44px}.site-header.site-header .cast-link{font-size:18px}.site-header.site-header .episode-folder{width:230px;font-size:18px}}
@media(max-width:700px){
.site-header.site-header{padding:12px 16px 14px;gap:15px 14px;min-height:120px;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.site-header.site-header .brand{font-size:29px;gap:9px;grid-column:1;grid-row:1/3;align-self:center}.site-header.site-header .brand-mark{width:43px;height:43px}.site-header.site-header .brand-mark img{width:65px;left:-10px;top:-7px}
.site-header.site-header .site-nav{display:contents;margin:0}.site-header.site-header .episode-folder{grid-column:2;grid-row:1;width:100%;min-height:43px;font-size:16px;padding:5px 8px;gap:8px;transform:rotate(-1deg)}.site-header.site-header .folder-map{width:38px;height:30px}.episode-folder b{font-size:8px;padding:3px 4px;margin-left:1px}
.site-header.site-header .cast-link{grid-column:2;grid-row:2;font-size:16px;gap:7px;min-height:38px;justify-self:stretch;justify-content:center;border:0;padding:0}.site-header.site-header .cast-portraits{height:38px;width:67px}.site-header.site-header .cast-portraits img{width:41px;height:59px;bottom:-21px}.site-header.site-header .cast-portraits img:nth-child(2){left:14px}.site-header.site-header .cast-portraits img:nth-child(3){left:28px}
.site-header.site-header .reader-tools{grid-column:1/-1;gap:0;padding:8px 10px}.reader-title{display:none}.reader-tools .reader-links{width:100%;justify-content:space-between;gap:13px;font-size:11px;white-space:nowrap}
footer.site-footer.site-footer{padding:20px 16px;gap:16px 12px;display:grid;grid-template-columns:1fr auto;min-height:0}.site-footer nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:12px 22px;font-size:12px}.site-footer small{font-size:9px}.footer-brand{font-size:19px}
html.deck-ready footer.site-footer{display:flex;justify-content:center;padding:8px 12px;min-height:45px}.deck-ready .site-footer .footer-brand,.deck-ready .site-footer small{display:none}.deck-ready .site-footer nav{gap:16px;font-size:10px;flex-wrap:nowrap}
body[data-site-page="home"] .campaign{height:auto}
body[data-site-page="reader"] .scene-frame{width:100%;border-width:5px;aspect-ratio:auto}html.deck-embedded body[data-site-page="reader"] .scene-frame{border-width:1px;width:100%}
body[data-site-page="characters"] .page-heading{padding:21px 17px;gap:12px}.page-heading .cast-label{font-size:9px;letter-spacing:1px;padding:6px}
.episode-drawer{width:calc(100% - 24px);padding:24px 18px 25px;max-height:88svh;transform:translateY(15px);margin:auto}.episode-drawer.is-open{transform:translateY(0)}.drawer-heading{margin-bottom:24px}.drawer-heading h2{font-size:44px}.episode-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}.episode-card strong{font-size:18px}.episode-card img{aspect-ratio:1.3}.episode-card{padding:7px 7px 14px}.episode-card:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.file-tab{font-size:10px}.episode-card strong{overflow-wrap:anywhere;hyphens:auto}.error-main{flex-direction:column!important;text-align:center}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cast-link:hover img:nth-child(1){transform:rotate(-12deg) translate(-5px,-4px)}.cast-link:hover img:nth-child(2){transform:translateY(-6px)}.cast-link:hover img:nth-child(3){transform:rotate(12deg) translate(5px,-4px)}}

.site-header .episode-folder>span:last-child{display:flex;align-items:center;gap:5px;white-space:nowrap}
@media(max-width:850px) and (min-width:701px){.site-header.site-header .folder-map{width:55px}}
@media(max-width:380px){.site-header.site-header .brand{font-size:25px;gap:7px}.site-header.site-header .brand-mark{width:35px;height:35px}.site-header.site-header .brand-mark img{width:55px;left:-9px;top:-6px}.site-header.site-header .episode-folder{font-size:14px;gap:6px}.site-header.site-header .folder-map{width:30px}.site-header .episode-folder>span:last-child{gap:3px}.site-header.site-header .cast-link{font-size:14px;gap:5px}.site-header.site-header .cast-portraits{width:57px}.site-header.site-header .cast-portraits img:nth-child(3){left:24px}}

@media(max-width:700px){body[data-site-page="characters"] .page-heading{flex-wrap:wrap}}
