:root{--bg-canvas:#13261d;--bg-surface:#20392b;--bg-surface-hover:#2a4635;--text-primary:#efe6d2;--text-muted:#c5c4ae;--accent-primary:#b8923a;--accent-secondary:#dfca91;--border-subtle:#59705b;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,p,li,a{overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.13;font-weight:400}h1{font-size:clamp(2.4rem,5.5vw,5rem);margin:.6rem 0 1.2rem;letter-spacing:-.035em}h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:0 0 1rem}h3{font-size:1.55rem;margin:.6rem 0}p{margin:.7rem 0 1.2rem}a{color:var(--accent-secondary);text-underline-offset:4px;transition:color .25s var(--ease),transform .25s var(--ease)}a:hover{color:var(--text-primary)}button,input,select,textarea{font:inherit;border-radius:0}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.78rem;color:var(--text-muted);padding:.65rem 0}section,article,aside,figure,.grid>*{min-width:0}::selection{background:var(--accent-secondary);color:var(--bg-canvas)}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}
.skip-link{position:absolute;top:8px;left:8px;z-index:10;background:var(--text-primary);color:var(--bg-canvas);padding:.7rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.spoiler-bar{padding:7px clamp(12px,2vw,28px);background:#0d1c14;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:.75rem;letter-spacing:.04em}
.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px clamp(12px,2vw,28px);border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas)}
.brand{display:flex;align-items:center;gap:9px;color:var(--text-primary);font-size:clamp(.82rem,1.15vw,1rem);font-weight:700;text-decoration:none;flex-shrink:0;min-height:44px;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:27px;height:30px;border:1px solid var(--accent-primary);font:20px Georgia,serif;color:var(--accent-secondary)}
.site-nav{display:flex;gap:clamp(4px,.7vw,12px);align-items:center}.site-nav>a{display:inline-flex;align-items:center;min-height:44px;padding:5px;color:var(--text-primary);font-size:.79rem;text-decoration:none;white-space:nowrap}.site-nav>a:hover,.site-nav>a[aria-current=page]{color:var(--accent-secondary);box-shadow:inset 0 -2px var(--accent-primary)}.site-nav>a:hover{transform:translateY(-2px)}.menu-toggle{display:none;min-width:44px;min-height:44px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:25px;line-height:1}.site-nav .nav-cta{background:var(--accent-primary);color:#13261d;padding:8px 12px;font-weight:700;box-shadow:3px 3px 0 #050e08}
.wrapper{max-width:1200px;margin:0 auto;padding:clamp(1.5rem,4vw,4rem)}.hero{position:relative;isolation:isolate;border-bottom:1px solid var(--border-subtle);background-image:radial-gradient(#59705b66 .7px,transparent .7px);background-size:18px 18px}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,#b8923a0d 50%,transparent 85%);animation:ledger-light 12s ease-in-out infinite alternate}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;min-height:470px}.hero-copy>p{max-width:52ch;color:var(--text-muted);font-size:1.06rem}.eyebrow{font-size:.75rem!important;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-secondary)!important;margin:0}.hero-art{position:relative;border:1px solid var(--border-subtle);padding:14px;background:var(--bg-surface);box-shadow:12px 12px 0 #0d1c14}.branching-storyline-illustration{aspect-ratio:16/9;object-fit:contain;background:var(--bg-surface)}.hero-art:after{content:"";position:absolute;width:12px;height:12px;right:20px;top:20px;background:var(--accent-primary);animation:clue-pulse 3s ease-in-out infinite}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 19px;background:var(--accent-primary);border:1px solid var(--accent-primary);color:#13261d;text-decoration:none;font-weight:750;box-shadow:4px 4px 0 #07130b;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #07130b;background:var(--accent-secondary);color:#13261d}.button.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.button.secondary:hover{background:var(--bg-surface-hover)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:1.5rem 0 .5rem}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:1.6rem}.section-heading p{max-width:42ch;color:var(--text-muted);margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);position:relative;transition:transform .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease)}.card:hover{background:var(--bg-surface-hover);transform:translateY(-4px);box-shadow:6px 8px 0 #0d1c14}.card-body{padding:24px}.card p{color:var(--text-muted)}.card-media{aspect-ratio:4/3;background:var(--bg-surface)}.evidence-folder-illustration,.character-connections-illustration,.chronology-timeline-illustration{object-fit:contain}.topic-badge{display:inline-block;position:relative;margin-top:-14px;padding:4px 12px;background:var(--accent-primary);color:#13261d;font-size:.75rem;font-weight:800;letter-spacing:.06em}.card-body .topic-badge{margin-bottom:8px}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:650}.split-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:0;border:1px solid var(--border-subtle);background:var(--bg-surface)}.split-panel .card-media{aspect-ratio:16/10;height:100%}.split-copy{padding:clamp(1.5rem,3vw,3rem)}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-subtle);margin:1.5rem 0;background:#172d21}.stat-strip div{padding:14px;border-right:1px solid var(--border-subtle)}.stat-strip div:last-child{border:0}.stat-strip strong,.stat-strip span{display:block}.stat-strip strong{font-family:Georgia,serif;font-size:1.2rem}.stat-strip span{font-size:.8rem;color:var(--text-muted)}.evidence-panel{padding:24px;border-left:4px solid var(--accent-primary);background:var(--bg-surface);margin:1.5rem 0}.evidence-panel p:last-child{margin-bottom:0}.spoiler-notice{padding:13px 18px;border:1px solid var(--accent-primary);color:var(--text-primary);font-size:.9rem;margin:0 0 1.6rem}.reading{max-width:72ch;margin:0 auto}.reading h2{margin-top:2.3rem}.reading h3{margin-top:1.5rem}.reading p,.reading li{color:var(--text-primary)}.reading .muted,.muted{color:var(--text-muted)}.timeline{list-style:none;padding:0;counter-reset:sequence}.timeline li{counter-increment:sequence;position:relative;border-left:1px solid var(--accent-primary);padding:0 0 1.5rem 40px}.timeline li:before{content:counter(sequence,decimal-leading-zero);position:absolute;left:-13px;top:0;background:var(--bg-canvas);color:var(--accent-secondary);font-size:.8rem;padding:2px}.timeline li:last-child{padding-bottom:0}.detail-section{background-image:radial-gradient(#59705b55 .7px,transparent .7px);background-size:18px 18px;border-block:1px solid var(--border-subtle)}
details{border:1px solid var(--border-subtle);background:var(--bg-surface);margin:12px 0;transition:background .3s var(--ease)}details:hover{background:var(--bg-surface-hover)}summary{padding:17px 20px;min-height:56px;cursor:pointer;font-weight:650;color:var(--text-primary)}summary::marker{color:var(--accent-secondary)}details[open] summary{border-bottom:1px solid var(--border-subtle)}.disclosure-body{padding:8px 20px 20px}.disclosure-body h2{font-size:1.7rem;margin:1rem 0}.disclosure-body h3{font-size:1.3rem}.compact-list{display:grid;gap:12px}.compact-item{display:flex;gap:18px;padding:16px;border:1px solid var(--border-subtle);background:var(--bg-surface)}.compact-item figure{width:88px;flex-shrink:0;aspect-ratio:1}.compact-item img{object-fit:contain}.compact-item h3{font-size:1.25rem}.compact-item p{font-size:.9rem;margin:.4rem 0}.utility-panel{border:1px solid var(--border-subtle);background:var(--bg-surface);padding:clamp(1rem,3vw,2rem)}label{display:block;font-weight:650;margin:1rem 0 .4rem}input,textarea,select{width:100%;min-height:48px;padding:12px;background:var(--bg-canvas);color:var(--text-primary);border:1px solid var(--border-subtle)}textarea{resize:vertical;min-height:150px}.help-text{font-size:.85rem;color:var(--text-muted)}.draft-output{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;min-height:120px;background:var(--bg-canvas);border:1px solid var(--border-subtle);font:inherit}.status{min-height:1.6em;color:var(--accent-secondary);font-size:.9rem}.source-list{font-size:.9rem;padding-left:20px}.source-list a{display:inline-block;padding-block:6px}.table-scroll{overflow-x:auto;max-width:100%}
.site-footer{border-top:1px solid var(--border-subtle);background:#0d1c14}.footer-layout{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-block:28px}.site-footer p{margin:.3rem 0;color:var(--text-muted);font-size:.82rem}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@keyframes ledger-light{from{opacity:.3}to{opacity:1}}@keyframes clue-pulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@media(min-width:1025px){.hero-layout{padding-block:64px}.site-nav{justify-content:flex-end}}
@media(min-width:769px) and (max-width:1024px){.site-header{flex-wrap:wrap;gap:4px}.site-nav{width:100%;justify-content:space-between}.hero-layout{gap:28px;min-height:420px}}
@media(max-width:768px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:12px;right:12px;z-index:5;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:6px 8px 0 #07130b}.site-nav.is-open{display:flex;animation:menu-enter .25s var(--ease)}.site-nav>a{padding:10px 14px;font-size:.95rem}.site-nav .nav-cta{margin-top:8px;justify-content:center}.hero-layout{grid-template-columns:1fr;min-height:0;gap:28px}.hero-art{max-width:560px}.split-panel{grid-template-columns:1fr}.split-panel .card-media{aspect-ratio:16/9}.section-heading{display:block}.section-heading p{margin-top:1rem}.stat-strip div{padding:12px}.hero-copy>p{font-size:1rem}}
@media(min-width:481px) and (max-width:768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{max-width:16ch}}
@media(max-width:480px){.wrapper{padding:24px 16px}.brand{font-size:.81rem}.brand-mark{width:24px}.site-header{gap:8px;padding:8px 12px}.hero-art{box-shadow:6px 6px 0 #0d1c14}.stat-strip{grid-template-columns:1fr}.stat-strip div{border-right:0;border-bottom:1px solid var(--border-subtle)}.compact-item{gap:12px}.compact-item figure{width:60px}.actions .button{flex-grow:1}.footer-layout{gap:14px}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}