:root{--bg-void: #030303;--bg-dark: #0a0908;--bg-panel: #12110f;--bg-paper: #1a1815;--text-main: #f0ede8;--text-bright: #ffffff;--text-muted: #c8c0b5;--text-dim: #8a8278;--accent: #c41e3a;--gold: #b8860b;--ink: #4a6fa5;--brass: #8b7355;--font-display: "EB Garamond", "Cormorant Garamond", Georgia, serif;--font-heading: "Libre Baskerville", "Playfair Display", serif;--font-body: "Source Sans 3", "Source Sans Pro", sans-serif;--font-mono: "IBM Plex Mono", "Courier Prime", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-double: 3px double var(--text-muted);--border-thin: 1px solid rgba(180, 170, 150, .15);--border-accent: 2px solid var(--accent);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7);--shadow-glow-accent: 0 0 20px rgba(196, 30, 58, .3);--shadow-glow-gold: 0 0 15px rgba(184, 134, 11, .25)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-void);color:var(--text-main);font-family:var(--font-body);height:100vh;overflow:hidden;position:relative}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E");opacity:.6;mix-blend-mode:overlay}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%)}#app{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.hidden{display:none!important}.btn-primary{background:transparent;border:2px solid var(--text-muted);color:var(--text-main);padding:12px 28px;font-family:var(--font-mono);font-size:.85rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);letter-spacing:2px;position:relative;margin:6px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%);opacity:0;transition:opacity .25s}.btn-primary:hover{background:var(--text-main);color:var(--bg-dark);border-color:var(--text-main);transform:translateY(-2px);box-shadow:var(--shadow-md),0 4px #0000004d}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-accent{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 0 var(--accent);transition:all .3s ease,box-shadow .3s ease}.btn-accent:hover{background:var(--accent);color:var(--text-bright);box-shadow:var(--shadow-glow-accent),inset 0 0 0 20px var(--accent)}#welcome-screen{text-align:center;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 30% 20%,rgba(184,134,11,.04) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(74,111,165,.03) 0%,transparent 40%),linear-gradient(180deg,var(--bg-void) 0%,var(--bg-dark) 100%);position:relative}#welcome-screen:before,#welcome-screen:after{content:"";position:absolute;width:80px;height:80px;border:2px solid var(--text-dim);opacity:.5}#welcome-screen:before{top:40px;left:40px;border-right:none;border-bottom:none}#welcome-screen:after{bottom:40px;right:40px;border-left:none;border-top:none}.main-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:400;font-style:italic;color:var(--text-bright);text-shadow:2px 2px 0px var(--bg-void),4px 4px 8px rgba(0,0,0,.5);margin-bottom:var(--spacing-sm);letter-spacing:.05em;line-height:1}.subtitle{font-family:var(--font-mono);color:var(--gold);letter-spacing:4px;font-size:.75rem;margin-bottom:var(--spacing-xl);border-top:1px solid var(--brass);border-bottom:1px solid var(--brass);display:inline-block;padding:12px 24px;text-shadow:var(--shadow-glow-gold);animation:subtitlePulse 4s ease-in-out infinite}@keyframes subtitlePulse{0%,to{opacity:1}50%{opacity:.7}}#difficulty-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-panel);color:var(--text-main);border:1px solid var(--text-dim);padding:12px 40px 12px 16px;font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;cursor:pointer;margin:var(--spacing-sm) 0 var(--spacing-md);width:100%;max-width:220px;text-align:left;letter-spacing:1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b635a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s}#difficulty-select:hover{border-color:var(--gold);background-color:#b8860b0d}#difficulty-select:focus{outline:none;border-color:var(--gold);box-shadow:var(--shadow-glow-gold)}#difficulty-select option{background:var(--bg-dark);color:var(--text-main);padding:10px}.input-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:520px;margin:0 auto;padding:0 var(--spacing-md)}#seed-prompt{width:100%;padding:18px 24px;background:#1a1815cc;border:var(--border-double);color:var(--text-bright);font-family:var(--font-mono);font-size:1rem;text-align:center;letter-spacing:1px;transition:all .3s}#seed-prompt::placeholder{color:var(--text-dim);font-style:italic}#seed-prompt:focus{outline:none;border-color:var(--gold);background:#b8860b14;box-shadow:var(--shadow-glow-gold)}#game-screen{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr;width:100%;height:100%;background:var(--bg-dark)}.game-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(180deg,var(--bg-panel) 0%,transparent 100%);border-bottom:var(--border-thin);z-index:100}.episode-indicator{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);background:var(--bg-void);padding:8px 16px;border:1px solid var(--text-dim);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.episode-indicator .value{color:var(--gold);font-weight:600;margin-left:8px}#story-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:400;color:var(--text-bright);text-transform:uppercase;letter-spacing:3px;flex:1;text-align:center}.menu-btn{font-family:var(--font-mono);cursor:pointer;padding:8px;transition:color .2s}.menu-btn:hover{color:var(--gold)}.visual-stage{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-void)}.scene-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;filter:contrast(1.1) saturate(.9);z-index:1;transition:background-image .5s ease}.scene-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.placeholder-scene{width:100%;height:100%;background:radial-gradient(circle at 50% 50%,var(--bg-panel) 0%,var(--bg-void) 100%)}#character-stage{position:absolute;bottom:200px;left:50%;transform:translate(-50%);z-index:10;max-width:400px;width:80%}#character-stage img{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.8));animation:characterReveal .6s ease-out}@keyframes characterReveal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.narrative-box{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,rgba(3,3,3,.85) 30%,rgba(3,3,3,.98) 100%);padding:var(--spacing-lg);padding-top:var(--spacing-xl);z-index:50}.speaker-name{font-family:var(--font-mono);font-size:.75rem;color:var(--gold);text-transform:uppercase;letter-spacing:3px;margin-bottom:var(--spacing-sm);border-left:3px solid var(--gold);padding-left:12px}.dialogue-text{font-family:var(--font-body);font-size:1.05rem;line-height:1.7;color:var(--text-main);max-height:180px;overflow-y:auto;padding-right:var(--spacing-md);scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent}.dialogue-text::-webkit-scrollbar{width:6px}.dialogue-text::-webkit-scrollbar-track{background:transparent}.dialogue-text::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:3px}.dialogue-text p{margin-bottom:var(--spacing-sm)}.dialogue-text strong{color:var(--gold)}.interaction-area{margin-top:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.evidence-panel{background:linear-gradient(135deg,var(--bg-panel) 0%,var(--bg-paper) 100%);border-left:var(--border-thin);padding:var(--spacing-lg);overflow-y:auto;font-family:var(--font-mono);position:relative;scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent}.evidence-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}.panel-header{font-size:.7rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--text-dim);margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .2s}.panel-header:hover{color:var(--gold)}.panel-header span{font-size:.6rem;opacity:.7}.intro-box{font-family:var(--font-body);font-size:.85rem;line-height:1.6;color:var(--text-muted);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#0000004d;border-left:3px solid var(--accent)}.intro-box strong{color:var(--text-main);display:block;margin-bottom:4px}.intro-box .location,.intro-box .victim,.intro-box .method{margin-bottom:var(--spacing-xs)}.evidence-list{list-style:none;margin-bottom:var(--spacing-lg)}.evidence-list li{font-size:.8rem;color:var(--text-muted);padding:var(--spacing-sm) 0;border-bottom:1px dotted var(--text-dim);padding-left:20px;position:relative;transition:color .2s}.evidence-list li:before{content:"▸";position:absolute;left:0;color:var(--ink)}.evidence-list li:hover{color:var(--text-main)}#timeline-list{list-style:none;position:relative;padding-left:20px}#timeline-list:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--gold) 0%,var(--text-dim) 100%)}#timeline-list li{font-size:.75rem;color:var(--text-muted);padding:var(--spacing-sm) 0;position:relative}#timeline-list li:before{content:"";position:absolute;left:-17px;top:12px;width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:var(--shadow-glow-gold)}.cctv-evidence img{width:100%;border:1px solid var(--text-dim);filter:grayscale(80%) contrast(1.3) brightness(.85);cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-sm)}.cctv-evidence img:hover{filter:grayscale(0%) contrast(1) brightness(1);border-color:var(--gold);box-shadow:var(--shadow-glow-gold)}.audio-evidence{background:linear-gradient(90deg,var(--bg-void) 0%,rgba(74,111,165,.1) 100%);padding:var(--spacing-sm);border-left:3px solid var(--ink);margin-top:var(--spacing-sm)}.audio-evidence audio{width:100%;height:36px;filter:sepia(30%) saturate(1.5)}#generation-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#030303f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loader-spinner{width:50px;height:50px;border:2px solid var(--text-dim);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loader-text{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);margin-top:var(--spacing-lg);letter-spacing:2px;animation:textFlicker 2s ease-in-out infinite}@keyframes textFlicker{0%,to{opacity:1}50%{opacity:.5}}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030303eb;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm-modal{background:linear-gradient(145deg,var(--bg-panel),var(--bg-void));border:2px solid var(--accent);padding:var(--spacing-xl);max-width:480px;text-align:center;animation:modalReveal .4s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow-glow-accent),var(--shadow-lg);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}@keyframes modalReveal{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-title{font-family:var(--font-display);font-size:1.8rem;font-style:italic;color:var(--accent);margin-bottom:var(--spacing-md);letter-spacing:2px}.confirm-modal-message{font-family:var(--font-body);font-size:1rem;color:var(--text-main);line-height:1.7;margin-bottom:var(--spacing-lg)}.confirm-modal-message strong{color:var(--gold);font-weight:600}.confirm-modal-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-modal-buttons button{min-width:140px}#ending-screen{background:radial-gradient(ellipse at center,var(--bg-dark) 0%,var(--bg-void) 100%);display:flex;align-items:center;justify-content:center;height:100%}#ending-screen .content-wrapper{text-align:center;max-width:700px;padding:var(--spacing-xl)}#ending-title{font-family:var(--font-display);font-size:3.5rem!important;font-style:italic;margin-bottom:var(--spacing-lg);animation:titleReveal 1s ease-out}@keyframes titleReveal{0%{opacity:0;transform:translateY(-20px);letter-spacing:10px}to{opacity:1;transform:translateY(0);letter-spacing:.05em}}.ending-visual{max-width:100%;margin:var(--spacing-lg) auto;border:var(--border-double);padding:var(--spacing-sm)}.scrollable-text{font-family:var(--font-body);font-size:1.05rem;line-height:1.8;color:var(--text-muted);max-height:300px;overflow-y:auto;padding:var(--spacing-md);text-align:left}@media(max-width:900px){#game-screen{grid-template-columns:1fr}.evidence-panel{position:fixed;right:0;top:0;bottom:0;width:300px;transform:translate(100%);transition:transform .3s ease;z-index:200}.evidence-panel.active{transform:translate(0)}}@media(max-width:600px){.main-title{font-size:2.5rem}.subtitle{font-size:.65rem;letter-spacing:2px}#seed-prompt{font-size:.9rem;padding:14px 16px}}.ending-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030303fa;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .5s ease;overflow:hidden;padding:20px}.ending-overlay.active{opacity:1}.ending-content{max-width:550px;width:100%;max-height:95vh;text-align:center;animation:endingSlideUp .8s cubic-bezier(.22,1,.36,1) .3s both;display:flex;flex-direction:column;align-items:center}@keyframes endingSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ending-stamp{display:inline-block;padding:12px 30px;border:3px double;transform:rotate(-4deg);margin-bottom:1rem;animation:stampSlam .5s cubic-bezier(.22,1,.36,1) .6s both;box-shadow:0 0 20px currentColor}@keyframes stampSlam{0%{opacity:0;transform:rotate(-4deg) scale(1.8)}60%{transform:rotate(-4deg) scale(.95)}to{opacity:1;transform:rotate(-4deg) scale(1)}}.stamp-success{border-color:var(--gold);color:var(--gold);background:#b8860b1a}.stamp-failure{border-color:var(--accent);color:var(--accent);background:#c41e3a1a}.stamp-text{font-family:var(--font-display);font-size:1.8rem;font-style:italic;letter-spacing:3px;text-transform:uppercase}.ending-suspect-image{margin:.8rem auto;max-width:150px;position:relative;animation:suspectReveal .6s ease .9s both}@keyframes suspectReveal{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.ending-suspect-image img{width:100%;border:2px solid var(--text-dim);filter:grayscale(50%)}.suspect-name-tag{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:var(--bg-void);border:1px solid var(--gold);padding:4px 12px;font-family:var(--font-mono);font-size:.7rem;color:var(--gold);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.ending-verdict{margin:1rem 0;animation:fadeIn .5s ease 1.1s both}.verdict-text{font-family:var(--font-mono);font-size:.95rem;color:var(--text-main);line-height:1.6}.highlight-gold{color:var(--gold);font-weight:600}.ending-divider{width:50%;height:1px;background:linear-gradient(90deg,transparent,var(--text-dim),transparent);margin:.8rem auto;animation:fadeIn .5s ease 1.3s both}.ending-truth{text-align:left;margin:.5rem 0;padding:.8rem 1rem;background:#1a181580;border-left:2px solid var(--brass);animation:fadeIn .5s ease 1.5s both;max-height:25vh;overflow-y:auto;width:100%}.truth-header{font-family:var(--font-heading);font-size:.85rem;color:var(--text-bright);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.truth-content{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);line-height:1.5}.btn-ending{width:100%;margin-top:1rem;padding:12px 30px;font-size:.9rem;animation:fadeIn .5s ease 1.8s both}.episode-indicator{display:flex;flex-direction:column;align-items:center}.episode-indicator .label{font-size:.8rem;color:var(--text-muted)}.episode-indicator .value{font-size:1.2rem;color:var(--gold);font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease-in}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}