:root{font-family:DM Sans,Arial,sans-serif;color:#ebeee9;background:#101b23;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:860px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid #f1c98b;outline-offset:3px}.app{--gold:#d9b781;--ink:#14212b;--paper:#eee9dc;--line:rgba(236,232,217,.2);min-height:100vh;height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 5%,#25404a,#0f1a22 75%);overflow:hidden}.topbar{height:72px;flex:none;background:#0a141ced;border-bottom:1px solid rgba(225,209,176,.19);display:flex;align-items:center;padding:0 28px;gap:40px;z-index:4}.brand{display:flex;align-items:baseline;gap:8px;min-width:235px;letter-spacing:.21em;font-size:14px;font-weight:700}.brand-mark{font-size:21px;color:var(--gold);margin-right:3px}.brand small{color:#829ca6;font-size:9px;letter-spacing:.17em}.chapter{display:flex;align-items:baseline;gap:12px;flex:1;color:#9db3ba}.chapter span{font-size:10px;letter-spacing:.22em}.chapter strong{font-family:Libre Baskerville,Georgia,serif;font-size:17px;font-weight:400;color:#eee9da}.topbar nav{display:flex;gap:6px}.topbar nav button{background:none;border:0;color:#c8d1cc;padding:9px 10px;border-radius:4px;font-size:12px}.topbar nav button:hover{background:#263941;color:#fff}.topbar kbd{font-size:10px;opacity:.55;margin-left:3px}.play-area{display:grid;grid-template-columns:208px minmax(0,1fr);gap:0;min-height:0;flex:1}.cast{background:linear-gradient(180deg,#0f1e27f2,#111d25fa);border-right:1px solid var(--line);padding:26px 18px;overflow:auto}.cast h2,.hotspot-list h2{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:var(--gold);margin:0 0 23px}.cast-card{display:flex;align-items:center;gap:12px;margin:0 0 16px}.cast-card img{width:50px;height:50px;object-fit:cover;border:1px solid rgba(237,229,204,.27);border-radius:2px;background:#34444a}.cast-card strong,.cast-card span{display:block}.cast-card strong{font-family:Libre Baskerville,Georgia,serif;font-size:14px;font-weight:400}.cast-card span{font-size:11px;color:#96aab0;margin-top:5px}.cast-card.ada{border-top:1px solid var(--line);padding-top:16px}.cast-note{font-size:11px;line-height:1.55;color:#718991;margin-top:28px}.scene-view{min-width:0;min-height:0;display:flex;flex-direction:column}.scene-art{position:relative;flex:1;min-height:230px;background-color:#31515a;background-position:center;background-size:cover;overflow:hidden}.scene-art:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,24,.32),transparent 40%),linear-gradient(0deg,rgba(8,19,26,.63),transparent 37%)}.art-grain{position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.56' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scene-caption{position:absolute;bottom:26px;left:32px;z-index:2;text-shadow:0 1px 10px #10212c}.scene-caption span{font-size:10px;letter-spacing:.23em;color:#e0c494}.scene-caption h1{font-family:Libre Baskerville,Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,56px);margin:10px 0 6px}.scene-caption p{color:#d5ddda;margin:0;font-size:13px}.art-hotspot{position:absolute;z-index:3;transform:translate(-50%,-50%);width:37px;height:37px;padding:0;border:1px solid rgba(255,237,194,.82);border-radius:50%;background:#0c21288c;box-shadow:0 0 0 6px #0f24292e,0 2px 13px #07151b;display:grid;place-items:center;transition:transform .2s,background .2s}.art-hotspot span{display:block;width:7px;height:7px;border-radius:50%;background:#f1d29c;box-shadow:0 0 8px #f1d29c}.art-hotspot:hover{transform:translate(-50%,-50%) scale(1.18);background:#314d51}.art-hotspot.seen{opacity:.55}.art-hotspot.seen span{background:#a7bac0;box-shadow:none}.scene-controls{background:#152630;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:stretch;min-height:132px;max-height:205px}.hotspot-list{padding:20px 27px;flex:1;overflow:auto}.hotspot-list h2{margin-bottom:10px}.hotspot-list>button{border:0;background:transparent;color:#cbd8d8;padding:7px 8px 7px 0;margin-right:15px;display:inline-flex;align-items:center;gap:9px;font-size:12px;border-bottom:1px solid transparent}.hotspot-list>button:hover{color:#fff;border-bottom-color:var(--gold)}.spot-index{font-size:10px;color:var(--gold)}.seen-label{font-size:10px;color:#789099}.inspection{margin-top:8px;padding:12px;border-left:2px solid var(--gold);background:#20343d;max-width:630px}.inspection strong{font-family:Libre Baskerville,Georgia,serif;font-size:13px}.inspection p{font-size:12px;color:#d3dfdb;line-height:1.5;margin:6px 0}.inspection button{border:0;background:transparent;color:var(--gold);font-size:11px;padding:0}.continue-scene{flex:none;width:225px;background:#b79361;color:#13242b;border:0;font-size:12px;font-weight:700;letter-spacing:.02em;padding:20px;display:flex;align-items:center;justify-content:space-between;text-align:left}.continue-scene:hover{background:#e3bd86}.continue-scene span{font-size:19px}.ending-note{font-size:12px;color:#b7c7c5}.dialogue{flex:none;height:clamp(244px,32vh,345px);background:linear-gradient(90deg,#151f26,#1c2a32 57%,#17242a);border-top:1px solid rgba(228,215,190,.3);box-shadow:0 -12px 28px #050e1345;z-index:2}.dialogue-inner{max-width:1080px;padding:23px 38px 18px;margin:auto;height:100%;display:flex;flex-direction:column;min-height:0}.dialogue-meta{display:flex;align-items:center;gap:9px;color:#d9ba8b;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.dialogue-meta small{margin-left:auto;color:#849ca4;font-size:10px;letter-spacing:.05em;text-transform:none;font-weight:400}.chapter-dot{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}.dialogue-text{font-family:Libre Baskerville,Georgia,serif;font-size:calc(16px * var(--font-scale));line-height:1.75;white-space:pre-line;color:#f0eee5;margin:16px 0 0;max-width:900px;overflow:auto;flex:1}.cursor{font-family:Arial;color:var(--gold);font-size:12px}.dialogue-actions,.confirmation{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding-top:7px}.text-button{color:#b9c9c9;background:none;border:0;padding:10px 13px;font-size:12px}.text-button:hover{color:#fff}.next-button{min-width:155px;background:#d6b27c;border:0;color:#14242b;padding:11px 15px;font-weight:700;font-size:12px;text-align:left;display:flex;justify-content:space-between;align-items:center}.next-button:hover{background:#ebc993}.next-button span{font-size:17px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:113px;overflow:auto;padding-top:10px}.choice-grid button{min-height:49px;background:#263943;border:1px solid #3e545b;color:#edf0e9;text-align:left;font-size:12px;padding:8px 12px;display:flex;align-items:center;gap:8px}.choice-grid button:hover{background:#36505a;border-color:#cda875}.choice-grid small{color:var(--gold);font-size:10px;align-self:flex-start}.choice-grid span{margin-left:auto;color:var(--gold)}.threshold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.threshold-actions{padding-top:9px}.question-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.question-row span{font-size:11px;color:#9cb0b5;margin-right:4px}.question-row button{font-size:11px;background:#273b44;color:#e1e7e2;border:1px solid #455961;padding:7px 10px}.question-row button:hover{background:#3c5962}.confirmation{padding-top:4px}.prompt{font-size:11px;color:#89a0a6;margin:9px 0}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#020a0fc2;display:grid;place-items:center;padding:24px}.modal{width:min(780px,100%);height:min(760px,88vh);background:#e9e5d9;color:#21333a;box-shadow:0 30px 80px #030b0e;display:flex;flex-direction:column;border:1px solid #c3bcae}.modal-header{padding:22px 30px;border-bottom:1px solid #c9c4b8;display:flex;justify-content:space-between;align-items:start;flex:none}.modal-header small{font-size:10px;letter-spacing:.2em;color:#8e7958}.modal-header h2{font-family:Libre Baskerville,Georgia,serif;font-weight:400;margin:7px 0 0;font-size:27px}.modal-header button{background:none;border:0;font-size:27px;color:#3d5156}.journal,.history,.settings,.help{padding:24px 30px;overflow:auto;line-height:1.6;font-size:14px}.journal>p,.settings>p{color:#63747a;margin-top:0}.tabs{display:flex;border-bottom:1px solid #bbb3a4;gap:14px}.tabs button{background:none;border:0;padding:10px 12px;color:#67797a}.tabs button.active{color:#19333c;border-bottom:2px solid #977344;font-weight:700}.journal-group{margin-top:22px}.journal-group h3,.past-runs h3{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#96764f}.journal-group article,.history article{border-bottom:1px solid #ccc7bc;padding:9px 0}.journal-group article p,.history article p{margin:3px 0 5px}.journal-group article small,.history article small{color:#728286}.empty{font-style:italic;color:#839092}.history-actions{display:flex;justify-content:space-between;align-items:center;color:#6e7e80;font-size:12px}.history-actions button{background:#263d43;border:0;color:#f6f1e8;padding:8px 13px}.history article{padding:14px 0}.history article p{font-family:Libre Baskerville,Georgia,serif;font-size:13px;line-height:1.7;white-space:pre-line}.past-runs{padding-top:14px}.past-runs p{font-size:12px}.settings label{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid #cac5ba}.settings label input[type=range]{margin-left:auto}.settings input[type=checkbox]{accent-color:#916c3d;width:17px;height:17px}.settings p{margin-top:25px}.help dl{display:grid;grid-template-columns:145px 1fr;gap:9px 14px}.help dt{font-weight:700}.help dd{margin:0}.reduced-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-height:760px){.topbar{height:59px}.dialogue{height:255px}.scene-controls{min-height:110px}.cast{padding-top:18px}}