@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');
:root{--ink:#0b1017;--surface:#121924;--panel:#1a222c;--muted:#abb2b5;--cream:#f1e7d6;--paper:#e8d7b9;--paper2:#f5ebd5;--burgundy:#8d3044;--burgundy2:#5c1b2f;--gold:#c9a16c;--line:#725e48;--forest:#316b58;--shadow:0 24px 65px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;background:#070b10;color:var(--cream);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600}h1{font-size:clamp(38px,4.2vw,70px);line-height:.97;letter-spacing:-1px;margin-bottom:13px}h2{font-size:clamp(29px,2.7vw,46px);line-height:1.04;margin-bottom:12px}h3{font-size:27px;line-height:1.06;margin-bottom:14px}.eyebrow{font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:2.7px;text-transform:uppercase;color:var(--gold)}.muted{color:#a8a9ab}.small{font-size:12px}.micro{font:11px/1.6 'DM Mono',monospace;color:var(--muted)}.lead{font-size:16px;line-height:1.7;color:#d9d3c7}.app{display:flex;max-width:1800px;min-height:100vh;margin:auto;background:radial-gradient(ellipse at 83% 0%,#2a1a1a 0,transparent 42%),linear-gradient(150deg,#111923,#080e14 62%);border-inline:1px solid #483529;box-shadow:0 0 90px #000}.sidebar{width:225px;flex:none;display:flex;flex-direction:column;padding:32px 17px 22px;border-right:1px solid #4c3b2d;background:linear-gradient(#101824eF,#0c111afa),url('/assets/scene-1.webp') center/cover;position:relative}.brand{margin:0 8px 35px}.brand .main{font:700 46px/.78 'Cormorant Garamond',serif;color:#f9eddb;letter-spacing:-3px}.brand .sub{font:600 12px/1.6 'DM Sans',sans-serif;letter-spacing:3px;color:#cba374;margin-top:10px}.brand .caption{font:10px/1.5 'DM Sans',sans-serif;color:#958c80;letter-spacing:1.8px;margin-top:7px}.nav{display:grid;gap:7px}.nav button{padding:14px 12px;display:flex;align-items:center;gap:12px;color:#bdc4c7;border:1px solid transparent;background:transparent;text-align:left;border-radius:5px;font-weight:500}.nav button span{font-size:19px;width:24px;text-align:center}.nav button:hover{background:#ffffff0a;border-color:#4a4945}.nav button.active{color:#fff5e6;border:1px solid #a04b58;background:linear-gradient(90deg,#6f2036,#42202d)}.sidebar-foot{margin-top:auto;padding:23px 10px 8px;color:#9d9d9f;font-size:12px;line-height:1.8;border-top:1px solid #4b403a}.main-area{flex:1;min-width:0;padding:0 30px 45px}.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #66503d;gap:15px}.topbar .breadcrumbs{font-size:11px;letter-spacing:2.4px;color:var(--gold);text-transform:uppercase}.topright{display:flex;gap:11px;align-items:center}.room-tag{border:1px solid #8e765b;border-radius:4px;padding:7px 10px;color:#f1dfc6;font:12px 'DM Mono',monospace;white-space:nowrap}.avatar{width:34px;height:34px;background:radial-gradient(circle at 50% 32%,#c5ac8d 0 22%,transparent 24%),linear-gradient(150deg,#69503f,#362b37);border:1px solid #b59066;border-radius:5px;display:inline-grid;place-items:end center;color:white;font-weight:700;overflow:hidden}.content{padding-top:31px}.content>section{animation:appear .22s ease-out}@keyframes appear{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}.panel{border:1px solid #594b3b;background:linear-gradient(145deg,rgba(24,32,42,.92),rgba(10,15,22,.91));border-radius:7px;box-shadow:var(--shadow)}.panel.padded{padding:23px}.paper{background:linear-gradient(145deg,#f3e8d1,#d9c4a2);color:#281f1a;border:1px solid #ad8c62;box-shadow:inset 0 0 25px #9a745b25,var(--shadow);border-radius:5px;padding:25px;position:relative}.paper:before{content:'';position:absolute;inset:6px;border:1px solid #aa926f60;pointer-events:none;border-radius:3px}.paper h2,.paper h3{color:#33241b}.paper .eyebrow{color:#8e6639}.paper p{line-height:1.58}.paper .muted{color:#706252}.btn{border:1px solid #a48462;border-radius:5px;background:#1c2028;color:var(--cream);padding:12px 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.16s ease;min-height:42px}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn-primary{background:linear-gradient(130deg,#8a2e44,#561d32);border-color:#db8c87;box-shadow:inset 0 0 0 1px #35121c,0 5px 15px #0005;color:white}.btn-gold{color:#281811;background:linear-gradient(#edd2a3,#b89360);border-color:#f6deb2}.btn-ghost{border-color:#6f645a;background:#141a2366}.btn-green{background:#376d59;border-color:#6ea48b}.btn-block{width:100%}.btn-row{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.tag{display:inline-block;border:1px solid #7a644e;padding:6px 10px;font:10px 'DM Mono',monospace;color:var(--gold);letter-spacing:.5px;border-radius:4px;text-transform:uppercase}.tag.green{border-color:#5f8b77;color:#a9dec1}.tag.red{border-color:#ad5869;color:#efaaad}.divider{height:1px;background:linear-gradient(90deg,#a0835e,transparent);margin:18px 0}.grid2{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);gap:19px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.hero{height:360px;border:1px solid #8a6b43;border-radius:8px;position:relative;background:linear-gradient(90deg,#080b10e8,transparent 88%),url('/assets/scene-0.webp') center 42%/cover;overflow:hidden;display:flex;align-items:flex-end;padding:29px}.hero:after{content:'PLAY ▶  /  ARCHIVE 01';position:absolute;top:20px;right:22px;font:12px 'DM Mono',monospace;color:#ffffffbd}.hero-inner{max-width:540px;position:relative;z-index:1}.hero-inner p{max-width:490px;font-size:17px;line-height:1.55}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:15px}.chapter-card{display:flex;flex-direction:column;min-height:247px;padding:17px;border:1px solid #796044;background:linear-gradient(#00000018,#050910e3),url('/assets/scene-3.webp') center/cover;text-align:left;border-radius:6px;justify-content:flex-end;color:#fff}.chapter-card:nth-child(2){background-image:linear-gradient(#00000018,#050910e3),url('/assets/scene-2.webp')}.chapter-card:nth-child(3){background-image:linear-gradient(#00000018,#050910e3),url('/assets/scene-1.webp')}.chapter-card strong{font:600 31px 'Cormorant Garamond',serif}.chapter-card small{color:#c6c0b7;line-height:1.5}.chapter-card.selected,.chapter-card:hover{border:2px solid #eac18a}.chapter-card.selected{box-shadow:0 0 0 1px #c9a16c}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.form-field label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#c8ae8e;font-weight:700}.paper .form-field label{color:#685038}.field{width:100%;background:#f9eed7;color:#241f1b;border:1px solid #ad9373;border-radius:4px;padding:12px 13px;outline-color:#b66d73;min-height:43px}.field.dark{background:#171d26;border-color:#6d5c4d;color:#f4e8d9}.field[type=number]{max-width:150px}textarea.field{min-height:122px;resize:vertical}.card-list{display:grid;gap:9px}.case-tile{padding:15px;background:#151b24;border:1px solid #4f4b47;text-align:left;color:var(--cream);border-radius:5px;transition:.15s}.case-tile:hover,.case-tile.selected{border-color:#dfa772;background:#36252c}.case-tile strong{display:block;font:600 23px 'Cormorant Garamond',serif}.case-tile small{color:#b8afa3;line-height:1.6}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.roster{display:grid;gap:8px}.roster-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #a7906e55;padding:11px 0}.roster-row .avatar{flex:none}.roster-row .status{margin-left:auto;font-size:11px;font-weight:700;color:#4b795f;text-transform:uppercase}.private-id{text-align:center;max-width:720px;margin:0 auto}.identity-seal{height:120px;width:120px;display:grid;place-items:center;margin:8px auto 23px;border:2px solid #e4bb83;border-radius:50%;font:600 90px 'Cormorant Garamond',serif;box-shadow:0 0 0 9px #cba46a22;color:#6f2e3c}.film{border:1px solid #92714c;background:#0a0b0d;border-radius:7px;overflow:hidden}.film-view{height:min(48vw,490px);min-height:300px;position:relative;background-position:center;background-size:cover;display:flex;align-items:end}.film-view:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 5%,#08080a18 52%,#000c);pointer-events:none}.film-view:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 4px);mix-blend-mode:screen;pointer-events:none}.film-badge{position:absolute;top:20px;left:22px;font:12px 'DM Mono',monospace;letter-spacing:2px;z-index:1;color:#f7eece;text-shadow:0 2px 4px #000}.film-story{position:relative;z-index:1;padding:25px 28px 30px;max-width:770px}.film-line{font:500 clamp(24px,2.9vw,42px)/1.2 'Cormorant Garamond',serif;text-shadow:0 3px 8px #000;max-width:700px}.film-footer{background:#111a21;padding:15px 18px;border-top:1px solid #755f4c}.progress{height:5px;background:#423d3c;overflow:hidden;border-radius:5px}.progress>div{height:100%;background:linear-gradient(90deg,#9a364f,#eccaa0);transition:width 1s linear}.scene-observation{padding:11px 0;border-bottom:1px solid #ab946d61;line-height:1.6}.scene-observation:before{content:'✦';padding-right:10px;color:#916d42}.clue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;margin:15px 0}.playing-card{min-height:220px;border:1px solid #be9665;border-radius:6px;background:linear-gradient(140deg,#ead8b7,#c9b088);box-shadow:inset 0 0 0 5px #eee0c4,0 8px 17px #0007;color:#36271d;text-align:left;padding:15px;display:flex;flex-direction:column;gap:11px;transition:.15s}.playing-card:hover{transform:translateY(-3px)}.playing-card.selected{outline:3px solid #e6af6a}.playing-card.action{background:linear-gradient(135deg,#282f3d,#142027);color:#f4e9d5;box-shadow:inset 0 0 0 4px #252536,0 8px 18px #0007}.playing-card.identity{background:linear-gradient(135deg,#4b2532,#200f22);color:#f9e6d4}.playing-card strong{font:600 24px/1.05 'Cormorant Garamond',serif}.playing-card p{font-size:12px;line-height:1.55;flex:1;margin:0}.playing-card .type{font:600 10px 'DM Mono',monospace;letter-spacing:1.2px;text-transform:uppercase;opacity:.73}.card-stamp{font:50px 'Cormorant Garamond',serif;line-height:1;text-align:center;opacity:.7}.action-panel{border:1px solid #6e5446;border-radius:5px;padding:20px;margin:20px 0;background:#101b23}.action-panel h3{font-size:28px}.public-leads{display:grid;gap:10px}.lead-row{padding:12px 15px;border-left:3px solid #b69a69;background:#ffffff09;line-height:1.6}.lead-row em{display:block;color:#baa07b;font:11px 'DM Mono',monospace;margin-bottom:4px}.paper .lead-row{background:#ffffff44;color:#28231d}.tabs{display:flex;gap:4px;border-bottom:1px solid #756550;margin:19px 0;overflow-x:auto}.tabs button{border:1px solid #645443;border-bottom:none;background:#18202c;padding:12px 18px;color:#b8b2ad;white-space:nowrap}.tabs button.active{background:#eee0c6;color:#281f1a;font-weight:700}.notebook-list{display:grid;gap:1px}.notebook-list>div{display:grid;grid-template-columns:minmax(120px,1fr) repeat(3,34px);align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #937f5f50}.notebook-list .mark-head{font-size:9px;font-weight:700;text-align:center}.mark{width:28px;height:28px;border-radius:50%;border:1px solid #a28b66;background:#f9eedb;display:grid;place-items:center;color:#493d2b;font-size:15px;padding:0}.mark.active{background:#8c3347;color:#fff;border-color:#5d1c2d}.note-box{background:repeating-linear-gradient(to bottom,#f7e9d1 0 29px,#b59f7d 30px);color:#3d2b20;font:19px/30px 'Cormorant Garamond',serif;padding:5px 13px;min-height:230px}.case-intro{background:#eedec2;color:#3c2a1f;padding:25px;border-radius:5px}.accusation-row{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0 22px;padding:16px;border:1px solid #a78964;border-radius:5px;background:#f6e7cd}.accusation-row h4{grid-column:1/-1;font:600 22px 'Cormorant Garamond',serif;color:#4b342b;margin:0}.accusation-row .form-field{margin:0}.notice{background:#582435;border:1px solid #a76169;color:#ffddd7;padding:13px 16px;border-radius:5px;line-height:1.5}.success{background:#1f4e43;border-color:#81b193;color:#d4efe1}.events{display:grid;gap:10px;max-height:420px;overflow:auto}.event{padding:9px 0;border-bottom:1px solid #6e5f4b66;color:#c7c1b5;line-height:1.5}.event .time{color:#b49b7b;font:10px 'DM Mono',monospace;display:block;margin-bottom:3px}.results-card{background:#164638;border:1px solid #bca070;padding:30px;border-radius:7px;max-width:750px;margin:0 auto}.results-card h1{color:#e9d1a6}.result-line{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:11px 5px;border-bottom:1px solid #a3a18755}.desktop-hide{display:none}.empty-state{padding:25px;color:#b3a79c;text-align:center;border:1px dashed #746755;border-radius:6px}.alert-banner{background:#422437;border:1px solid #a66c73;border-radius:4px;padding:16px;margin-bottom:20px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.top-message{max-width:400px;color:#dbcbad;font-size:11px;text-align:right}.phase-chip{border:1px solid #94694d;background:#2f2731;border-radius:12px;color:#eaca9d;padding:4px 9px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.timeline{display:flex;justify-content:space-between;gap:4px;margin:15px 0}.timeline-item{display:flex;flex:1;align-items:center;gap:5px;font-size:10px;color:#aba39a}.timeline-item:before{content:'';height:8px;max-width:22px;flex:1;background:#77604a;border-radius:3px}.timeline-item.active:before{background:#c88e62}.modal-screen{position:fixed;inset:0;display:grid;place-items:center;background:#05070ac9;z-index:50;padding:20px}.modal{max-height:88vh;overflow-y:auto;width:min(650px,100%)}#toast{position:fixed;right:22px;bottom:23px;z-index:99;padding:0;border-radius:6px;max-width:410px}#toast.show{padding:14px 20px;background:#e6d2ad;color:#251b1b;box-shadow:0 9px 30px #0007;border:1px solid #946b48}#toast.error{background:#672b3b;color:#ffedf0;border-color:#e49aa3}.footer-hint{margin-top:30px;padding-top:16px;border-top:1px solid #4c483e;color:#8e8e8a;font-size:11px;line-height:1.6}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.page-heading h2{margin:4px 0}.split-info{display:grid;grid-template-columns:1fr 1fr;gap:13px}.inline-prompt{margin:10px 0 20px;padding:15px;border-left:3px solid #e3bb84;background:#61452c33}.strong{font-weight:700}.privacy-warning{font-size:12px;color:#efc9b6}.case-preview{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.checkbox-tile{padding:14px;background:#fff5e4;border:1px solid #bb996c;color:#3e3028;border-radius:5px}.checkbox-tile label{display:flex;gap:12px;align-items:center}.big-number{font:600 55px 'Cormorant Garamond',serif;color:#c9a16c}.table-like{border-collapse:collapse;width:100%}.table-like th,.table-like td{padding:10px;text-align:left;border-bottom:1px solid #997f6070}.table-like th{font-size:11px;letter-spacing:1px;text-transform:uppercase}.paper .table-like th{color:#745432}
@media (max-width:1100px){.sidebar{width:175px;padding:20px 10px}.brand .main{font-size:38px}.main-area{padding:0 17px 30px}.grid2{grid-template-columns:1fr}.grid3{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}.film-view{min-height:320px}.sidebar-foot{display:none}}
@media (max-width:680px){.app{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;z-index:30;padding:10px 12px;background:#0c121b;flex-direction:row;align-items:center;overflow-x:auto;border-bottom:1px solid #69523c}.brand{margin:0 12px 0 0;flex:none}.brand .main{font-size:29px;letter-spacing:-1px}.brand .sub{font-size:8px;letter-spacing:1.2px;margin:5px 0 0}.brand .caption{display:none}.nav{display:flex;gap:3px;min-width:max-content}.nav button{display:grid;gap:2px;justify-items:center;padding:7px 11px;font-size:10px}.nav button span{font-size:17px}.main-area{padding:0 13px 25px}.topbar{height:58px}.topbar .breadcrumbs{font-size:9px;letter-spacing:1px}.topright .tag{display:none}.topright .avatar{width:28px;height:28px}.content{padding-top:18px}.hero{height:320px;padding:20px}.chapter-grid,.grid3{grid-template-columns:1fr}.chapter-card{min-height:135px}.case-grid{grid-template-columns:1fr 1fr}.page-heading{align-items:start}.film-view{height:400px;min-height:0}.film-story{padding:16px}.film-line{font-size:29px}.paper,.panel.padded{padding:16px}.accusation-row{grid-template-columns:1fr 1fr}.clue-grid{grid-template-columns:repeat(2,1fr)}.playing-card{min-height:215px}.split-info{grid-template-columns:1fr}.top-message{display:none}}
@media (max-width:390px){.accusation-row{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.nav button{padding:5px 8px}.clue-grid{grid-template-columns:1fr 1fr}}

/* Director's Cut UX: scene challenges, branches and player agency */
.director-bar{border:1px solid #a17d50;background:linear-gradient(100deg,#30222c,#17231e);border-radius:7px;margin-bottom:22px;padding:11px 15px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;box-shadow:0 8px 25px #0004}
.director-bar>div{flex:1;min-width:100px}.director-bar strong{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#e6cc9e}.director-meter{height:7px;background:#080d13;border-radius:20px;margin-top:6px;overflow:hidden;border:1px solid #6d5446}.director-meter>div{height:100%;background:linear-gradient(90deg,#4e926e,#bd9161,#b63c51);transition:width 0.35s ease}
.director-lobby{padding:17px;border:1px solid #8c7251;border-radius:7px;background:#2a2727;color:#e9dbcc}.director-lobby h3{margin:8px 0}.director-lobby p{line-height:1.55;color:#d7c7b6}.talent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}.talent-choice{display:flex;flex-direction:column;text-align:left;gap:7px;border:1px solid #856b58;border-radius:6px;color:#e9d6bd;background:#161e27;padding:13px;min-height:105px}.talent-choice strong{font-size:16px}.talent-choice small{color:#bea991;line-height:1.45}.talent-choice.selected{border:2px solid #f3c48a;background:#4c2935;box-shadow:0 0 16px #dfa86633}
.scene-challenge{margin-top:20px;border-color:#d0ab76!important;background:linear-gradient(110deg,#342735,#17242a)!important}.scene-challenge h3{margin:6px 0}.scene-challenge p{line-height:1.6}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-tile{display:flex;text-align:left;align-items:center;gap:12px;border:1px solid #9e8763;border-radius:5px;background:#e9d4b1;color:#281d19;font-weight:600;padding:14px;min-height:76px}.choice-tile:hover{background:#f7e9ce;border-color:#f4c989;transform:translateY(-1px)}.choice-index{font-weight:700;background:#7a3242;color:#fff5e6;border-radius:3px;padding:6px 10px}
.film-flash{position:absolute;z-index:3;top:70px;right:20px;max-width:min(420px,75%);opacity:0;transition:opacity .35s ease;pointer-events:none;line-height:1.45;background:#0b131de8;color:#f4e6c5;padding:12px 15px;border:1px solid #efc48c;box-shadow:0 0 24px #f5c38933;border-radius:3px}.film-flash.visible{opacity:1}
.vote-paper{min-height:320px;display:flex;flex-direction:column}.vote-paper p{flex:1}.vote-paper h2{font-size:40px}.scoreboard{display:grid;gap:8px;margin:14px 0}.score-row{display:grid;grid-template-columns:minmax(110px,1.4fr) 1fr 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #9cae9560;background:#081b1738;border-radius:6px}.score-row strong:last-child{font-size:18px;color:#f2daa8}.score-row span{font-size:12px;color:#d4ddcc}
@media(max-width:680px){.talent-grid,.choice-grid{grid-template-columns:1fr}.director-bar .btn{min-height:36px;padding:6px 10px}.director-bar{gap:8px}.score-row{grid-template-columns:1fr auto}.score-row span{display:none}.vote-paper{min-height:260px}.film-flash{top:65px;left:8px;right:8px;max-width:none;font-size:12px}}
@media(prefers-reduced-motion:reduce){.content>section,.director-meter>div,.film-flash{animation:none;transition:none}}
.paper .director-lobby h3,.paper .director-lobby strong{color:#f5e8d4}
.paper .director-lobby .eyebrow{color:#d6b07c}
.paper .director-lobby p,.paper .director-lobby .small{color:#ddd0c0}
.paper .director-lobby .talent-choice strong{color:#f3e2cb}