:root{--bg:#171215;--panel:#211b20;--paper:#eee5d6;--muted:#b9aaa9;--red:#bf3644;--gold:#d5b68c;--line:#443339;--text:#f5eee7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:#2a2026;color:var(--text);border-radius:5px;padding:9px 15px}button:hover{background:#443039;border-color:var(--gold)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:var(--gold)}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 4vw;border-bottom:1px solid var(--line);background:#171215;position:relative;z-index:2}.brand{font-size:14px;font-weight:800;letter-spacing:3px;text-decoration:none;color:var(--text);line-height:1.3}.brand span{display:block;color:var(--red);letter-spacing:5px;font-size:11px;margin-top:4px}.tools{display:flex;gap:7px;flex-wrap:wrap}.tools button{font-size:12px;padding:7px 11px}main{max-width:1280px;margin:auto;padding:35px 5vw 65px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:normal;line-height:1.1}h1{font-size:clamp(46px,7vw,93px);letter-spacing:-3px;margin-bottom:23px}h2{font-size:clamp(31px,4vw,49px);margin-bottom:20px}h3{font-size:20px;line-height:1.3}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:3px;font-weight:bold;text-transform:uppercase;margin-bottom:20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;min-height:570px}.hero p{max-width:540px;color:var(--muted);font-size:18px}.hero .tagline{color:var(--gold);font-size:15px}.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:5px 13px;font-size:12px;color:var(--muted);margin:0 4px 14px 0}.primary{background:var(--red);border-color:var(--red);font-weight:bold;padding:14px 23px}.primary:hover{background:#dc4555}.secondary{color:var(--gold)}.door-scene{position:relative;height:560px;background:linear-gradient(90deg,#0c1017,#24212a,#100e15);overflow:hidden;border:1px solid #3d3038;border-radius:170px 170px 7px 7px;box-shadow:0 35px 100px #0008}.door-scene svg{width:100%;height:100%;display:block}.scene-caption{position:absolute;bottom:24px;left:25px;right:25px;letter-spacing:3px;color:#d9c7ba;font-size:11px}.chapterhead{display:flex;justify-content:space-between;gap:20px;align-items:start}.chapterhead p{color:var(--muted);max-width:680px}.progress{display:flex;gap:6px;margin-bottom:40px;flex-wrap:wrap}.progress button{flex:1;min-width:110px;text-align:left;font-size:12px;color:var(--muted);border-top:3px solid var(--line)}.progress button.active{color:var(--text);border-top-color:var(--red);background:#39242d}.progress small{display:block;font-size:9px;letter-spacing:1px}.brief{background:linear-gradient(110deg,#35232b,#201a23);border-left:3px solid var(--red);padding:26px 30px;display:flex;gap:25px;align-items:center;margin:22px 0 30px}.brief p{margin:0}.brief .listen{flex-shrink:0}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.evidence{padding:23px;min-height:210px;text-align:left;display:flex;flex-direction:column;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:7px;transition:transform .18s}.evidence:hover{transform:translateY(-3px)}.evidence .type{font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:12px}.evidence h3{font-family:Georgia,serif;font-weight:normal;font-size:24px;margin-bottom:11px}.evidence p{color:var(--muted);font-size:14px;margin-bottom:25px}.evidence .bottom{margin-top:auto;display:flex;justify-content:space-between;color:var(--gold);font-size:11px;letter-spacing:1px}.evidence.read .bottom{color:#aebda6}.notebook{margin-top:35px;padding:28px;border:1px solid var(--line);background:#1e181d}.notebook h3{margin-bottom:8px}.notebook p{color:var(--muted);font-size:14px}textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #63505a;background:#161116;color:var(--text);padding:13px;border-radius:4px}label{display:block;font-size:13px;margin:12px 0 7px;color:var(--gold)}.chapterend{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px;flex-wrap:wrap}.chapterend p{font-size:13px;color:var(--muted);margin:0;max-width:500px}.codebox{display:flex;gap:10px;flex-wrap:wrap}.codebox input{width:130px;background:#171215;border:1px solid var(--gold);color:var(--text);padding:10px;text-align:center;letter-spacing:5px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;padding:22px;font-size:10px;letter-spacing:2px;color:var(--muted)}footer button{font-size:11px}dialog{border:1px solid #65515c;background:#211b20;color:var(--text);border-radius:9px;width:min(890px,94vw);max-height:90vh;padding:38px;overflow:auto}dialog::backdrop{background:#06050de8;backdrop-filter:blur(5px)}.close{position:sticky;float:right;top:0;right:0;font-size:25px;padding:0 12px;z-index:3}.doc{background:var(--paper);color:#26242b;padding:30px;margin:15px 0 0;border-radius:3px;box-shadow:0 7px 30px #0003;font-family:Georgia,serif}.doc p:last-child{margin-bottom:0}.doc .eyebrow{color:#885453}.doc h3{font-family:Georgia,serif;font-size:25px}.doc ul{padding-left:22px}.doc table{width:100%;border-collapse:collapse;font:14px Arial;line-height:1.5}.doc td,.doc th{text-align:left;padding:11px;border-bottom:1px solid #c8bcae;vertical-align:top}.doc th{color:#6c383b}.stamp{display:inline-block;transform:rotate(-5deg);border:2px solid #943d46;color:#943d46;padding:3px 9px;letter-spacing:2px;font:10px Arial;margin-bottom:17px}.chat{max-width:530px;margin:10px auto;background:#131b23;padding:25px;border:1px solid #384d5b;border-radius:20px;color:#edf4f8}.chat .chathead{border-bottom:1px solid #43515e;padding-bottom:15px;margin-bottom:20px}.bubble{background:#293a46;border-radius:12px 12px 12px 0;padding:13px 17px;margin:12px 35px 12px 0}.bubble.sent{margin:12px 0 12px 35px;background:#60343d;border-radius:12px 12px 0 12px}.bubble small{display:block;color:#c0b1ac;font-size:11px;margin-bottom:5px}.chat .meta{font-size:12px;color:#aebdc9}.suspects{display:grid;grid-template-columns:1fr 1fr;gap:15px}.suspect{border:1px solid #cabbab;padding:20px}.avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#342a34;color:#ddbaa0;font-family:Georgia;font-size:21px;margin-bottom:12px}.suspect h3{font-size:20px;margin:5px 0}.suspect p{font-size:15px}.map{width:100%;background:#161821;border-radius:5px}.object-art{max-width:600px;margin:auto}.object-art svg{width:100%;max-height:320px;background:#1b1820;border:1px solid var(--line);border-radius:5px}.recording{padding:20px;border:1px solid var(--line);background:#141921}.recording p{margin-bottom:12px}.wave{height:46px;background:repeating-linear-gradient(90deg,transparent 0 5px,#b24552 5px 8px,transparent 8px 13px);clip-path:polygon(0 45%,5% 20%,10% 40%,15% 10%,20% 33%,25% 0,30% 40%,35% 25%,40% 45%,45% 10%,50% 25%,55% 5%,60% 30%,65% 40%,70% 10%,75% 30%,80% 5%,85% 40%,90% 20%,95% 30%,100% 45%,100% 55%,95% 70%,90% 80%,85% 60%,80% 95%,75% 70%,70% 90%,65% 60%,60% 70%,55% 95%,50% 75%,45% 90%,40% 55%,35% 75%,30% 60%,25% 100%,20% 67%,15% 90%,10% 60%,5% 80%,0 55%);margin-bottom:18px}.caution{font-size:12px;color:var(--muted);margin-top:17px}.hint{padding:17px;margin-top:10px;border-left:2px solid var(--gold);background:#30262c}.accusation{max-width:760px;margin:auto}.accusation select{width:100%;background:#261d25;color:var(--text);border:1px solid var(--line);padding:12px}.answerpanel{padding:30px;background:#271d25;border:1px solid var(--line);margin:24px 0}.answerpanel p{color:var(--muted)}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result{padding:20px;background:#211b20;border:1px solid var(--line)}.result.good{border-color:#6c8c6a}.result strong{display:block;color:var(--gold);margin-bottom:7px}.result p{font-size:14px;margin:0}.ending{max-width:840px;margin:auto}.ending p{font-size:18px;color:#d3c2be}.ending blockquote{font-family:Georgia,serif;font-size:26px;color:var(--gold);border-left:2px solid var(--red);padding-left:25px;margin:35px 0}.timeline{border-left:2px solid var(--red);margin:30px 0;padding-left:25px}.timeline p{font-size:15px}.timeline strong{color:var(--gold)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#ecd9bd;color:#30202b;padding:12px 20px;border-radius:5px;z-index:20;display:none;max-width:90vw}.tv-mode{font-size:21px}.tv-mode .doc{font-size:21px}.tv-mode .doc table{font-size:18px}.tv-mode .evidence h3{font-size:28px}.tv-mode dialog{width:min(1100px,94vw)}.tv-mode main{max-width:1450px}.tv-mode .evidence p{font-size:18px}.print-only{display:none}.print-note{color:var(--muted);font-size:12px} @media(max-width:850px){.hero{grid-template-columns:1fr;gap:30px}.door-scene{height:350px;max-width:500px;width:100%;margin:auto;order:2}.evidence-grid{grid-template-columns:1fr 1fr}header{align-items:start}.tools{justify-content:end}h1{letter-spacing:-1px}.brief{align-items:start;flex-direction:column;gap:15px}.chapterhead{flex-direction:column}.results{grid-template-columns:1fr}}@media(max-width:530px){header{padding:17px 18px;gap:14px}.brand{font-size:10px;letter-spacing:2px}.brand span{font-size:8px;letter-spacing:3px}.tools{max-width:225px}.tools button{font-size:10px;padding:5px 8px}main{padding:28px 20px 45px}.evidence-grid{grid-template-columns:1fr}.evidence{min-height:170px}dialog{padding:20px}.doc{padding:20px}.suspects{grid-template-columns:1fr}.progress{gap:4px;margin-bottom:25px}.progress button{min-width:75px;padding:7px;font-size:10px}.chapterend .primary{width:100%}.doc table{font-size:12px}.doc td,.doc th{padding:7px}.notebook{padding:20px}.hero{min-height:0}.door-scene{height:300px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{body{background:white!important;color:black!important;font-size:12px}header,main,footer,dialog,#toast{display:none!important}.print-only{display:block}.print-page{break-before:page;padding:15px}.print-page:first-child{break-before:auto}.print-page h1{font-size:35px;color:black;letter-spacing:0}.print-page h2{font-size:26px}.print-page h3{font-size:19px}.doc{box-shadow:none;color:black;background:white;border:1px solid #bbb;padding:15px}.chat{background:white;color:black;border-color:#999;padding:15px}.bubble,.bubble.sent{background:#eee;color:black}.chat small,.chat .meta{color:#333}.recording{background:white;color:black}.map,.object-art svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}.caution,.eyebrow{color:#333}.avatar{print-color-adjust:exact}.print-page .listen,.print-page .wave{display:none}.print-page p{orphans:3;widows:3}.print-page .suspects{grid-template-columns:1fr 1fr}}

.door-scene img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}.door-scene:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#171215dd)}.scene-caption{z-index:1}.door-scene{border-radius:140px 140px 8px 8px}.download{display:inline-block;padding:9px 15px;border:1px solid var(--line);border-radius:5px;text-decoration:none;font-size:13px}.download:hover{background:#443039}.downloads{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
/* Edition 2.1: screen and couch readability */
:root{--bg:#111827;--panel:#1b2333;--red:#b82036;--line:#443443;--text:#f5eee7;--muted:#c1b5bb;--gold:#dcc09a;color-scheme:dark}html{overflow-x:hidden}body{background:radial-gradient(ellipse at 85% 8%,#352032 0,transparent 45%),var(--bg);min-width:280px}header{background:#111827ee}main{overflow-wrap:anywhere}.brand span{color:#ed7886}button{min-height:44px;background:#262335}button:disabled:hover{border-color:var(--line);background:#262335;transform:none}button.primary{background:var(--red);border-color:var(--red)}.evidence{background:linear-gradient(145deg,#222739,#241f30);min-height:235px}.evidence p{font-size:16px}.evidence .type{font-size:11px}.evidence .bottom{font-size:12px}.evidence.read{border-color:#6b7965}.case-title{font-size:clamp(34px,4vw,56px);letter-spacing:-1px;margin-bottom:18px}.notebook{background:#182031}.notebook p,.chapterend p{font-size:16px}.checkbox{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.4;margin:18px 0;color:var(--text)}.checkbox input{width:22px;height:22px;flex-shrink:0;accent-color:var(--red)}.codebox input{border-radius:5px;min-height:48px}.skip-link{position:fixed;top:5px;left:10px;z-index:40;background:var(--gold);color:#131b2b;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.noscript{padding:25px;text-align:center}#app:focus{outline:none}button[hidden],*[hidden]{display:none!important}.tools button{font-size:12px;min-height:38px}.tools{justify-content:flex-end}.tools #stopNarration{border-color:var(--gold)}body.modal-open{overflow:hidden}dialog{background:#182031;max-height:90dvh;padding:0;width:min(920px,94vw);overflow:hidden;box-shadow:0 20px 120px #0008}dialog[open]{display:flex;flex-direction:column}dialog:not([open]){display:none}.dialog-fallback{position:fixed;inset:5vh 3vw;z-index:30;margin:auto;width:94vw;max-width:1100px}.modalbar{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;background:#182031}.modalbar .close{position:static;float:none;top:auto;right:auto;font-size:15px;padding:9px 15px}.modalbar button{font-size:13px}.modalbar #modalListen{margin-right:auto}.modalbar #modalStop{border-color:var(--gold)}#modalContent{padding:28px 34px;overflow-y:auto;min-height:0;overscroll-behavior:contain}#modalContent h2{font-size:clamp(29px,3vw,43px)}#viewerControls{flex-shrink:0;background:#182031}#viewerControls:not(:empty){padding:12px 20px;border-top:1px solid var(--line)}.viewer-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.viewer-row span{font-size:13px;color:var(--gold)}.file-nav{margin-top:10px;justify-content:flex-end}.file-nav button{font-size:13px}.viewer-row button{min-width:100px}.screen-options{display:grid;gap:15px;margin:20px 0}.screen-options>div{border-left:3px solid var(--red);background:#22293b;padding:20px}.screen-options h3{color:var(--gold);margin-bottom:9px}.screen-options p{margin-bottom:0}.reveal{padding:20px 0;background:linear-gradient(120deg,#182031,#332236)}.reveal h2{font-size:clamp(40px,5vw,60px)!important}.reveal>p{font-family:Georgia,serif;font-size:23px;line-height:1.6;color:#e9d7d1}.reveal .caution{font-family:Arial;font-size:14px;color:var(--muted)}#openingVideo{width:100%;max-height:62dvh;aspect-ratio:16/9;background:#090d16;object-fit:contain;border-radius:5px}.recording{background:#121d2c}.doc table{font-size:15px}.doc td,.doc th{overflow-wrap:anywhere}.chat{background:#152231}.download{min-height:44px}.print-note{font-size:13px}.tv-mode{font-size:22px}.tv-mode main{max-width:1600px;padding:42px 5.5vw 65px}.tv-mode .evidence-grid{grid-template-columns:repeat(2,1fr)}.tv-mode .evidence h3{font-size:32px}.tv-mode .evidence p{font-size:21px}.tv-mode .evidence .type,.tv-mode .evidence .bottom{font-size:14px}.tv-mode dialog{width:min(1550px,90vw);max-height:90dvh}.tv-mode #modalContent{padding:24px 4vw;font-size:clamp(24px,1.8vw,35px);line-height:1.55}.tv-mode #modalContent h2{font-size:clamp(34px,3vw,54px);margin-bottom:20px}.tv-mode .doc{background:#202b3e;color:#f5eee7;font-family:Arial;font-size:inherit;padding:24px;margin-top:15px;box-shadow:none;border:1px solid #4d5064}.tv-mode .doc h3{font-size:1.1em;font-family:Georgia;color:var(--gold)}.tv-mode .doc .eyebrow,.tv-mode .doc th{color:var(--gold)}.tv-mode .doc table{font-size:inherit;line-height:1.4}.tv-mode .doc td,.tv-mode .doc th{border-color:#545365;padding:11px}.tv-mode .doc p{margin-bottom:14px}.tv-mode .stamp{font-size:14px;color:#ed9d9f;border-color:#ed9d9f}.tv-mode .chat{max-width:900px;font-size:inherit;padding:24px}.tv-mode .chat .meta,.tv-mode .bubble small{font-size:17px}.tv-mode .bubble{padding:18px 24px}.tv-mode .suspect{border-color:#665168;padding:22px}.tv-mode .suspect p{font-size:inherit}.tv-mode .suspect h3{font-size:1.15em}.tv-mode .avatar{font-size:28px;width:65px;height:65px}.tv-mode .modalbar button,.tv-mode #viewerControls button{font-size:18px;min-height:48px}.tv-mode .viewer-row span{font-size:18px}.tv-mode .file-nav{margin-top:8px}.tv-mode .caution{font-size:16px}.tv-mode .object-art{max-width:1100px}.tv-mode .object-art svg{max-height:47dvh}.tv-mode .map{max-height:49dvh}.tv-mode .eyebrow{font-size:14px}.tv-mode .tools button{font-size:14px}.tv-mode .chapterend p,.tv-mode .notebook p,.tv-mode .checkbox{font-size:20px}.tv-mode .progress button{font-size:16px}.tv-mode .progress small{font-size:12px}.tv-mode .accusation select{font-size:20px;max-width:100%}
@media(min-width:1600px){.tv-mode dialog{max-height:88dvh}.tv-mode .modalbar{padding:14px 30px}.tv-mode #viewerControls{padding:16px 30px}.tv-mode .caution{font-size:18px}}
@media(max-width:850px){header{flex-wrap:wrap}.tools{max-width:none;width:100%;justify-content:flex-start}.tools button{flex:0 1 auto;font-size:12px;min-height:42px}.hero{min-height:0}.tv-mode main{padding:28px 5vw 45px}.tv-mode .evidence-grid{grid-template-columns:1fr}.tv-mode .evidence h3{font-size:27px}.tv-mode .evidence p{font-size:18px}.tv-mode #modalContent{font-size:21px;padding:20px}.tv-mode .doc table{font-size:18px}.tv-mode dialog{width:94vw;max-height:94dvh}.tv-mode .modalbar button,.tv-mode #viewerControls button{font-size:14px;min-height:44px}.tv-mode .viewer-row span{font-size:14px}.tv-mode .chat .meta,.tv-mode .bubble small{font-size:14px}.tv-mode .caution{font-size:13px}.tv-mode .progress button{font-size:12px}.tv-mode .progress small{font-size:10px}.tv-mode .eyebrow{font-size:11px}.tv-mode .case-title{font-size:36px}.tv-mode .accusation select{font-size:16px}.modalbar{padding:10px 14px}#modalContent{padding:22px}#viewerControls{padding:10px 14px}.file-nav{justify-content:space-between}.file-nav button{font-size:12px;min-width:85px}.viewer-row{gap:7px}.viewer-row button{min-width:85px}}
@media(max-width:530px){.tools button{font-size:11px;padding:7px 10px}.evidence{min-height:200px}.evidence h3{font-size:26px}.progress button{min-height:58px}.modalbar button{font-size:12px;padding:8px 11px}.modalbar #modalListen{margin-right:0}.doc table{font-size:13px}.doc{padding:18px}.file-nav button.primary{width:100%}.file-nav{justify-content:space-between}.file-nav button{flex:1}.tv-mode .doc{padding:17px}.tv-mode .doc table{font-size:16px}.tv-mode .modalbar .close{margin-left:auto}.tv-mode #modalContent h2{font-size:30px}.tv-mode .chat{padding:17px}.tv-mode .chat .bubble{margin-right:10px;margin-left:0}.tv-mode .chat .bubble.sent{margin-left:10px;margin-right:0}.reveal>p{font-size:21px}#openingVideo{max-height:60dvh}}
@media(max-height:550px) and (min-width:650px){.tv-mode dialog,dialog{max-height:96dvh}.modalbar{padding:5px 12px}#viewerControls:not(:empty){padding:5px 12px}.modalbar button,.tv-mode .modalbar button,.tv-mode #viewerControls button{min-height:35px;font-size:12px;padding:5px 12px}.file-nav{margin-top:4px}#modalContent,.tv-mode #modalContent{padding:16px 26px}.tv-mode #modalContent{font-size:21px}.tv-mode #modalContent h2{font-size:30px}.tv-mode .caution{font-size:12px}}
@media print{body.modal-open{overflow:visible}body{background:white!important}.skip-link,.noscript{display:none!important}.tv-mode .doc{background:white;color:black;font-size:12px}.tv-mode .doc h3,.tv-mode .doc th{color:black}.tv-mode .doc table{font-size:12px}dialog[open]{display:none!important}}

/* Embedded media must fit the page as well as the dialog. */
main,main>section,.hero>div,.answerpanel{min-width:0}
main video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;margin:16px 0}
.answerpanel video{width:100%;max-width:100%}
@media(max-width:850px){main video{max-height:60dvh}.answerpanel{overflow-wrap:break-word}}

main audio{display:block;width:100%;max-width:560px;margin:12px 0 20px;}

.welcome-logo{display:block;width:100%;max-width:560px;height:auto;margin:16px auto;}.brand-art{min-width:0;align-self:center;}.brand-art img{display:block;width:100%;height:auto;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.music-wide{display:block;width:100%;box-sizing:border-box;margin:24px 0;text-align:center;}

main video.brand-intro{aspect-ratio:1/1;max-width:560px;max-height:none;margin:16px auto;}.brand-intro{width:100%;height:auto;}
/* After Dark Mysteries brand */
:root{--bg:#100b0d;--panel:#211417;--red:#c7192e;--line:#553035;--text:#f5eddf;--muted:#c8b6b5;--gold:#e4c9a6}body{background:radial-gradient(ellipse at 95% 0%,#4a0b16 0,transparent 48%),radial-gradient(ellipse at 0% 65%,#2b1016 0,transparent 50%),#100b0d}header{background:#120c0eee;border-bottom-color:#69232c}.brand span{color:#ee364a}.evidence{background:linear-gradient(145deg,#28191e,#1c1418)}button{background:#29171e;border-color:#63313a}button:hover{background:#48212b}.notebook,.modalbar,#viewerControls,dialog{background:#1d1319}.home-nav{display:flex;justify-content:center;gap:32px;padding:0 0 25px;border-bottom:1px solid var(--line)}.home-nav a{color:var(--text);text-decoration:none;font-size:13px;letter-spacing:1px}.home-nav a:hover{color:#ff5b69}.brand-welcome{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:48px 0 32px}.welcome-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:bold;font-size:clamp(50px,6.2vw,86px);letter-spacing:-3px;text-shadow:0 3px 0 #000,0 0 32px #b51b2633}.welcome-copy h1 span{color:#f14150}.welcome-copy p{max-width:540px;font-size:18px;color:var(--muted)}.text-link{display:block;margin-top:18px;font-size:14px}.welcome-screen{border:1px solid #702e39;background:#120c0e;padding:22px;box-shadow:0 18px 80px #0006}.welcome-screen .eyebrow{font-size:10px;margin-bottom:10px}.welcome-screen .music-wide{margin:15px 0 12px}.welcome-recording summary,.content-note summary{cursor:pointer;color:var(--gold);font-size:14px}.welcome-recording audio{margin-bottom:0}.site-home .music-wide{min-height:54px;border-color:#a04450;background:linear-gradient(105deg,#3b1520,#27151a);font-weight:bold}.brand-strip{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #8f2332;border-bottom:1px solid #8f2332;padding:20px 0;margin:28px 0 65px;color:#e2b9b8;font-size:11px;letter-spacing:2px}.section-heading{max-width:700px;margin-bottom:30px}.section-heading p{color:var(--muted)}.site-home h2{font-family:Georgia,serif;font-weight:bold;letter-spacing:-1.4px}.featured-case{display:grid;grid-template-columns:1fr 1fr;border:1px solid #702b38;background:linear-gradient(130deg,#1d1116,#2b151c);overflow:hidden}.case-image{position:relative;min-height:430px}.case-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.case-number{position:absolute;left:24px;top:24px;background:#180c10e6;padding:8px 13px;color:var(--gold);letter-spacing:3px;font-size:12px;border:1px solid #74404a}.case-copy{padding:40px}.case-copy h2{font-size:clamp(36px,4vw,52px)}.case-copy p{color:var(--muted)}.case-facts{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.case-facts span{font-size:12px;border:1px solid #72404a;padding:6px 10px}.coming-next{display:flex;align-items:center;gap:30px;padding:24px;border-bottom:1px solid var(--line)}.coming-next .eyebrow{margin:0;flex-shrink:0}.coming-next p{margin:0;color:var(--muted);font-size:14px}.game-night{padding:70px 0}.night-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0}.night-steps article{border-top:2px solid #b82436;padding-top:18px}.step-number{font:italic 40px Georgia;color:#ed4354;display:block;margin-bottom:15px}.night-steps h3{font: bold 25px Georgia}.night-steps p{color:var(--muted);font-size:16px}.night-actions{display:flex;gap:12px;flex-wrap:wrap}.brand-signoff{display:grid;grid-template-columns:.85fr 1fr;gap:50px;align-items:center;border-top:1px solid var(--line);padding:45px 0}.brand-signoff img{display:block;width:100%;height:auto;max-width:430px}.brand-signoff p{color:var(--muted);max-width:480px}.content-note{border-top:1px solid var(--line);padding:20px 0}.content-note p{color:var(--muted);font-size:14px;max-width:800px;margin:16px 0 0}.site-home section{scroll-margin-top:20px}@media(max-width:850px){.brand-welcome{grid-template-columns:1fr;gap:30px;padding-top:30px}.welcome-screen{max-width:560px;width:100%;margin:auto}.featured-case{grid-template-columns:1fr}.case-image{min-height:330px}.night-steps{grid-template-columns:1fr;gap:25px}.brand-signoff{grid-template-columns:1fr;gap:25px}.brand-signoff img{max-width:350px;margin:auto}.coming-next{display:block}.coming-next p{margin-top:10px}.brand-strip{font-size:9px;letter-spacing:1px;gap:12px}.home-nav{gap:20px}.case-copy{padding:26px}.welcome-copy h1{letter-spacing:-2px}.game-night{padding:45px 0}}@media(prefers-reduced-motion:reduce){.welcome-copy h1{text-shadow:none}}

.website-home header .tools,.website-home footer{display:none}.website-home header{padding-top:22px;padding-bottom:22px}.investigation-gallery{padding:50px 0 10px}.investigation-gallery>p{color:var(--muted);max-width:700px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.gallery-file{background:linear-gradient(145deg,#2b171d,#170f13);border:1px solid #743542;padding:27px;display:flex;flex-direction:column;min-height:340px;box-shadow:0 15px 35px #0003}.file-status{font-size:10px;letter-spacing:2px;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:14px}.file-mark{font:bold 34px Georgia;letter-spacing:2px;color:#e93d4f;margin:22px 0 15px}.gallery-file h3{font:bold 25px Georgia}.gallery-file p{color:var(--muted);font-size:15px}.gallery-file button,.gallery-label{margin-top:auto}.gallery-label{color:var(--gold);font-size:12px;padding-top:15px}.historical-file{background:linear-gradient(145deg,#31201e,#1b1113)}@media(max-width:850px){.gallery-grid{grid-template-columns:1fr}.gallery-file{min-height:280px}}

.home-nav button{background:transparent;border:0;padding:0;color:var(--text);font-size:13px;letter-spacing:1px;}.home-nav button[aria-current]{color:#ff5b69}.gallery-cover{width:100%;height:210px;object-fit:cover;margin-bottom:20px}.coming-next button{flex-shrink:0}

@font-face{font-family:MysteryDisplay;src:url('mystery-display.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}.site-home h1,.site-home h2,.site-home .gallery-file h3,.site-home .night-steps h3{font-family:MysteryDisplay,Georgia,serif;font-weight:700}.site-home h1{letter-spacing:-1px;line-height:.98}.welcome-copy h1{font-size:clamp(58px,7vw,98px);text-shadow:0 3px 0 #000,0 0 35px #b51b2644}.welcome-copy h1 span{font-variant:small-caps;letter-spacing:1px}.site-home h2{font-size:clamp(37px,4.5vw,57px);line-height:1.08;letter-spacing:.1px}.site-home .gallery-file h3,.site-home .night-steps h3{font-size:30px}.brand{font-family:MysteryDisplay,Georgia,serif;font-size:20px;letter-spacing:3px}.brand span{font-family:Arial,Helvetica,sans-serif;font-size:10px}@media(max-width:530px){.welcome-copy h1{font-size:clamp(53px,11.5vw,68px)}.site-home h2{font-size:38px}.brand{font-size:18px}}

.site-home>.welcome-screen{max-width:650px;width:100%;margin:0 auto 30px;}.brand-welcome{grid-template-columns:1fr;min-height:0;padding:35px 0 20px}.welcome-copy{max-width:850px}.welcome-copy p{max-width:680px}.website-home main{padding-top:20px}