:root{--bg-dark: #050505;--bg-panel: #1a1a1c;--bg-paper: #111113;--text-main: #e6e6e6;--text-muted: #888888;--primary: #c0c0c0;--accent: #ff3333;--gold: #ccaa00;--blue: #4466aa;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-mono: "Courier Prime", monospace;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-double: 3px double var(--text-muted);--border-thin: 1px solid rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);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 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");opacity:.5}#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:10px 20px;font-family:var(--font-mono);font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);letter-spacing:1px;position:relative;margin:5px}.btn-primary:hover{background:var(--text-main);color:var(--bg-dark);border-color:var(--text-main);transform:rotate(-1deg) scale(1.02);box-shadow:2px 2px #00000080}.btn-primary:active{transform:scale(.98)}.btn-accent{border-color:var(--accent);color:var(--accent)}.btn-accent:hover{background:var(--accent);color:var(--bg-dark)}#welcome-screen{text-align:center;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at center,#1a1a1c,#050505)}.main-title{font-family:var(--font-heading);font-size:5rem;color:var(--text-main);text-shadow:2px 2px 0px #000;margin-bottom:var(--spacing-sm)}.subtitle{font-family:var(--font-mono);color:var(--gold);letter-spacing:4px;font-size:.9rem;margin-bottom:var(--spacing-lg);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);display:inline-block;padding:10px 20px}#difficulty-select{background:transparent;color:var(--text-muted);border:1px solid var(--text-muted);padding:8px;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;margin-bottom:20px;margin-top:5px;width:100%;max-width:200px;text-align:center}#difficulty-select option{background:var(--bg-dark);color:var(--text-main)}.input-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:500px;margin:0 auto}#seed-prompt{width:100%;padding:15px;background:transparent;border:var(--border-double);color:var(--text-main);font-family:var(--font-mono);font-size:1.1rem;text-align:center}#seed-prompt:focus{outline:none;border-color:var(--gold);background:#ccaa000d}#game-screen{width:100%;height:100%;display:grid;grid-template-areas:"header header" "visual sidebar";grid-template-columns:1fr 350px;grid-template-rows:60px 1fr;gap:0}.game-header{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-lg);background:var(--bg-panel);border-bottom:var(--border-double);z-index:20}#story-title{font-family:var(--font-heading);font-style:italic;font-size:1.5rem;color:var(--text-main)}.episode-indicator{font-family:var(--font-mono);font-size:.9rem;border:1px solid var(--text-muted);padding:5px 10px}.episode-indicator .value{color:var(--gold);font-weight:700}.visual-stage{grid-area:visual;position:relative;background:#000;overflow:hidden;border-right:var(--border-double);display:flex;flex-direction:column;justify-content:flex-end}.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);z-index:1}.placeholder-scene{width:100%;height:100%;background:linear-gradient(45deg,#1a1a2e,#16213e)}.narrative-box{grid-area:auto;position:relative;z-index:10;background:#111113f2;border-top:var(--border-double);border-right:none;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:300px;max-height:400px;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 -10px 30px #000c}.speaker-name{font-family:var(--font-mono);color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid var(--gold);width:fit-content;padding-bottom:2px}.evidence-label{display:block;font-size:.7rem;color:var(--gold);margin-bottom:5px;letter-spacing:1px}.cctv-evidence img{width:100%;border:1px solid var(--text-muted);filter:grayscale(100%) contrast(1.2) brightness(.8);cursor:pointer;transition:all .3s ease}.cctv-evidence img:hover{filter:grayscale(0%) contrast(1);border-color:var(--accent)}.audio-evidence audio{width:100%;height:30px;filter:sepia(50%) hue-rotate(180deg) saturate(200%)}.dialogue-text{font-family:var(--font-body);font-size:1.15rem;line-height:1.8;color:var(--text-main);flex-grow:1;overflow-y:auto}.interaction-area{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.evidence-panel{grid-area:sidebar;background:var(--bg-panel);display:flex;flex-direction:column;padding:var(--spacing-md);overflow-y:auto;border-left:1px solid #000}.panel-header{font-family:var(--font-mono);font-size:1rem;color:var(--text-muted);border-bottom:2px solid var(--text-muted);padding-bottom:5px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.intro-box{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);background:#0003;padding:15px;border-left:2px solid var(--gold);margin-bottom:20px;font-style:italic;line-height:1.5}.evidence-list li{background:var(--bg-paper);border:1px solid rgba(255,255,255,.05);margin-bottom:10px;padding:10px;list-style:none;position:relative}.evidence-list li:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--blue)}.evidence-list h4{font-family:var(--font-heading);color:var(--text-main);margin-bottom:5px}#timeline-list li{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:8px;padding-left:10px;border-left:1px dotted var(--text-muted)}#generation-loader{position:fixed;top:0;left:0;background:#050505f2;z-index:1000}#loader-text{font-family:var(--font-mono);color:var(--text-main);animation:blink 1s infinite step-end}@keyframes blink{50%{opacity:0}}.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)}}