:root{--bg-dark: #0a0a0a;--text-primary: #e0e0e0;--text-narrator: #c8b88a;--text-dim: #666;--accent-gold: #c8b88a;--accent-red: #8b0000;--accent-cyan: #00d4ff;--font-narrator: "Crimson Text", Georgia, serif;--font-dialog: "Caveat", cursive;--font-cosmic: "Share Tech Mono", monospace;--font-ui: "Special Elite", cursive}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background:#000;color:var(--text-primary);font-family:var(--font-narrator)}#app{width:100%;height:100%;position:relative}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center}.screen.active{display:flex}.title-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(200,184,138,.05),transparent 70%)}.title-content{text-align:center;z-index:10}.title-logo{font-family:var(--font-ui);font-size:4rem;letter-spacing:.5em;color:var(--accent-gold);text-shadow:0 0 40px rgba(200,184,138,.2);margin-bottom:.5rem}.title-subtitle{font-family:var(--font-narrator);font-style:italic;color:var(--text-dim);font-size:1.1rem;margin-bottom:3rem}.title-menu{display:flex;flex-direction:column;gap:.8rem;align-items:center}.menu-btn{font-family:var(--font-ui);font-size:1rem;color:var(--text-dim);background:transparent;border:1px solid #333;padding:.8rem 2.5rem;cursor:pointer;transition:all .3s ease;letter-spacing:.1em;min-width:200px}.menu-btn:hover:not(:disabled){color:var(--accent-gold);border-color:var(--accent-gold);background:#c8b88a0d}.menu-btn:disabled{opacity:.3;cursor:not-allowed}.back-btn{margin-top:2rem}#game-screen{background:#000}.scene-background{position:absolute;inset:0;background-size:cover;background-position:center;transition:background-image .8s ease,filter .5s ease}.scene-overlay{position:absolute;inset:0;pointer-events:none;transition:background .5s ease}.overlay-noir{background:linear-gradient(transparent 60%,#000000b3)}.overlay-fog{background:radial-gradient(ellipse at bottom,rgba(150,150,140,.15),transparent 60%)}.overlay-underwater{background:linear-gradient(#001e3c66,#000a1e99)}.overlay-dystopia{background:linear-gradient(transparent,#0014284d)}.overlay-warm{background:radial-gradient(ellipse at center,rgba(200,150,50,.08),transparent 70%)}.overlay-cosmic{background:radial-gradient(ellipse at center,rgba(200,184,138,.03),transparent 50%)}.overlay-clinical{background:linear-gradient(#c8d2dc0d,#c8d2dc05)}.portrait{position:absolute;bottom:0;width:300px;height:500px;background-size:contain;background-repeat:no-repeat;background-position:bottom center;transition:opacity .4s ease,transform .4s ease;opacity:0;z-index:10}.portrait.visible{opacity:1}.portrait.speaking{filter:brightness(1.1)}.portrait.dimmed{filter:brightness(.5)}.portrait-left{left:2%;transform:translate(-20px)}.portrait-right{right:2%;transform:translate(20px)}.portrait-left.visible,.portrait-right.visible{transform:translate(0)}.dialog-box{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:85%;max-width:800px;background:#000000d9;border:1px solid #333;border-radius:4px;padding:1.5rem 2rem;z-index:20;cursor:pointer;min-height:120px}.dialog-box.hidden{display:none}.speaker-name{font-family:var(--font-ui);font-size:.85rem;letter-spacing:.15em;margin-bottom:.5rem;text-transform:uppercase}.speaker-lefuet{color:#4a9eff}.speaker-satan{color:#8b0000}.speaker-stimme{color:#c8b88a}.speaker-mutter{color:#e8b84a}.speaker-vater{color:#7a9a5a}.speaker-portier{color:#c8a855}.speaker-obdachloser{color:#9a7a5a}.speaker-lindenberg{color:#abc}.speaker-default{color:#888}.dialog-text{font-family:var(--font-dialog);font-size:1.3rem;line-height:1.6;color:var(--text-primary)}.dialog-indicator{position:absolute;bottom:.5rem;right:1rem;color:var(--text-dim);font-size:.8rem;animation:bounce-indicator 1s ease-in-out infinite}@keyframes bounce-indicator{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.narrator-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:600px;text-align:center;z-index:20;cursor:pointer}.narrator-box.hidden{display:none}.narrator-text{font-family:var(--font-narrator);font-style:italic;font-size:1.2rem;color:var(--text-narrator);line-height:1.8;text-shadow:0 0 20px rgba(0,0,0,.8)}.choice-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;z-index:30}.choice-box.hidden{display:none}.choice-title{font-family:var(--font-ui);font-size:.9rem;color:var(--accent-gold);letter-spacing:.15em;text-align:center;margin-bottom:1rem}.choice-buttons{display:flex;flex-direction:column;gap:.6rem}.choice-btn{font-family:var(--font-narrator);font-size:1.05rem;color:var(--text-primary);background:#000c;border:1px solid #444;padding:1rem 1.5rem;cursor:pointer;text-align:left;transition:all .3s ease;border-radius:2px}.choice-btn:hover{border-color:var(--accent-gold);background:#c8b88a1a;color:var(--accent-gold);padding-left:2rem}.hud{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center;z-index:25;pointer-events:none}.hud>*{pointer-events:auto}.hud-chapter{font-family:var(--font-ui);font-size:.75rem;color:var(--text-dim);letter-spacing:.15em}.hud-buttons{display:flex;gap:.5rem}.hud-btn{background:#00000080;border:1px solid #333;color:var(--text-dim);padding:.3rem .5rem;cursor:pointer;font-size:.9rem;border-radius:3px;transition:all .3s ease}.hud-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.timer{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:25;font-family:var(--font-cosmic);font-size:2rem;color:#f44;text-shadow:0 0 10px rgba(255,0,0,.5)}.timer.hidden{display:none}.chapter-select-title{font-family:var(--font-ui);font-size:1.5rem;color:var(--accent-gold);letter-spacing:.2em;margin-bottom:2rem}.chapter-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;max-width:700px;width:90%}.chapter-card{background:#141414cc;border:1px solid #222;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.chapter-card:hover{border-color:var(--accent-gold);background:#c8b88a0d}.chapter-card.locked{opacity:.3;cursor:not-allowed}.chapter-card-number{font-family:var(--font-ui);font-size:.7rem;color:var(--accent-gold);letter-spacing:.1em}.chapter-card-title{font-family:var(--font-narrator);font-style:italic;font-size:1rem;color:var(--text-primary);margin-top:.3rem}.save-title{font-family:var(--font-ui);font-size:1.5rem;color:var(--accent-gold);letter-spacing:.2em;margin-bottom:2rem}.save-slots{display:flex;flex-direction:column;gap:.6rem;max-width:500px;width:90%}.save-slot{background:#141414cc;border:1px solid #222;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.save-slot:hover{border-color:var(--accent-gold)}.save-slot-info{font-family:var(--font-narrator);font-size:.9rem;color:var(--text-primary)}.save-slot-date{font-family:var(--font-cosmic);font-size:.7rem;color:var(--text-dim)}.save-slot-empty{font-style:italic;color:var(--text-dim)}@media(max-width:768px){.title-logo{font-size:2.5rem}.dialog-box{width:95%;padding:1rem 1.2rem;bottom:1rem}.dialog-text{font-size:1.1rem}.portrait{width:200px;height:350px}}