.sidebar-container{width:300px;height:100vh;background-color:#111;color:#e0e0e0;border-right:2px solid #444;display:flex;flex-direction:column;padding:20px;font-family:Courier New,monospace;overflow-y:auto;box-shadow:2px 0 10px #00000080;z-index:100}.sidebar-title{font-size:1.5rem;color:#d32f2f;margin-bottom:20px;text-transform:uppercase;text-align:center;border-bottom:1px solid #444;padding-bottom:10px}.day-context{background-color:#222;padding:15px;border-radius:5px;margin-bottom:20px;border-left:3px solid #d32f2f}.day-header{font-weight:700;color:#fff;margin-bottom:5px}.journal-section{flex-grow:1}.journal-header{font-size:1.2rem;margin-bottom:10px;color:#aaa}.journal-list{display:flex;flex-direction:column;gap:10px}.journal-entry{background-color:#1e1e1e;padding:10px;border-radius:4px;font-size:.9rem;border-left:2px solid #555}.journal-time{font-size:.7rem;color:#666;margin-bottom:4px;display:block}.main-layout{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:#000}.game-wrapper{flex-grow:1;height:100%;position:relative;overflow:hidden}.phaser-game{width:100%;height:100%}.phaser-game canvas{display:block}@media(max-width:768px){.main-layout{flex-direction:column}.game-wrapper{order:1;height:60vh}.sidebar-container{order:2;width:100%!important;height:40vh!important;border-right:none!important;border-top:2px solid #444!important}}.conversation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:1000}.conversation-dialog-box{width:90%;max-width:1200px;height:70%;max-height:700px;background:#0f0a0afa;border:4px solid #6b5d47;box-shadow:0 0 40px #000000e6;display:flex;pointer-events:auto;font-family:Georgia,serif}.dialog-left{width:50%;background:#140f0af2;border-right:3px solid #6b5d47;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.dialog-portrait{width:100%;height:100%;object-fit:cover;display:block}.dialog-portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1e1914cc;border:2px dashed #6b5d47}.dialog-right{width:50%;display:flex;flex-direction:column}.dialog-response-area{flex:1;padding:30px;background:#19140ff2;border-bottom:3px solid #6b5d47;overflow-y:auto;display:flex;flex-direction:column}.dialog-npc-name{color:#d4af37;font-size:1.8rem;margin:0 0 20px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);border-bottom:2px solid #8b7355;padding-bottom:10px}.dialog-response-text{flex:1;color:#e8d4b0;font-size:1.3rem;line-height:1.8;font-style:italic}.dialog-response-text p{margin:0}.dialog-input-area{padding:25px;background:#1e1914f2}.dialog-input-form{display:flex;flex-direction:column;gap:15px}.dialog-input{width:100%;padding:15px;background:#28231ee6;border:2px solid #6b5d47;color:#e8d4b0;font-size:1.1rem;font-family:Georgia,serif;outline:none;transition:border-color .3s}.dialog-input:focus{border-color:#d4af37}.dialog-input::placeholder{color:#8b7355;font-style:italic}.dialog-buttons{display:flex;gap:15px}.dialog-btn{flex:1;padding:15px;font-size:1.2rem;font-weight:700;border:2px solid #6b5d47;cursor:pointer;transition:all .3s;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:1px}.dialog-btn-ask{background:#4a3f2f;color:#d4af37}.dialog-btn-ask:hover:not(:disabled){background:#5a4f3f;border-color:#d4af37;box-shadow:0 0 15px #d4af374d}.dialog-btn-ask:disabled{opacity:.5;cursor:not-allowed}.dialog-btn-leave{background:#3a2f2f;color:#c9a87c}.dialog-btn-leave:hover{background:#4a3f3f;border-color:#c9a87c}.conversation-box{width:800px;background:#0a0505f2;border:4px solid #4a4a4a;padding:20px;color:#e0e0e0;font-family:Courier New,Courier,monospace;pointer-events:auto;box-shadow:0 0 20px #000c}.npc-name{color:#fc0;font-size:1.5rem;margin-bottom:15px;border-bottom:1px solid #444;padding-bottom:5px}.dialog-text{font-size:1.2rem;margin-bottom:20px;min-height:60px;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:10px}.dialog-option{background:#2a2a2a;border:1px solid #555;color:#fff;padding:12px;text-align:left;cursor:pointer;transition:all .2s;font-family:inherit;font-size:1rem}.dialog-option:hover{background:#444;border-color:#888;transform:translate(5px)}.infected-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer;pointer-events:auto}.infected-content{display:flex;flex-direction:column;align-items:center;gap:30px;max-width:90%}.infected-image-fullscreen{max-width:90%;max-height:70vh;object-fit:contain;box-shadow:0 0 50px #000000e6}.infected-overlay-text{color:#d4af37;font-size:2rem;font-family:Georgia,serif;font-style:italic;text-align:center;text-shadow:3px 3px 6px rgba(0,0,0,.9);margin:0;padding:20px;background:#000000b3;border:2px solid #6b5d47;max-width:800px}@media(max-width:768px){.conversation-dialog-box{flex-direction:column;width:95%;height:85%;max-height:none}.dialog-left{width:100%;height:40%;border-right:none;border-bottom:3px solid #6b5d47}.dialog-right{width:100%;height:60%}.dialog-response-area{padding:15px}.dialog-npc-name{font-size:1.4rem}.dialog-response-text{font-size:1.1rem}.dialog-input-area{padding:15px}.dialog-input{font-size:1rem;padding:12px}.dialog-btn{padding:12px;font-size:1rem}.conversation-box{width:95%;padding:15px}.npc-name{font-size:1.2rem}.dialog-text{font-size:1rem}.dialog-option{font-size:.9rem;padding:10px}.infected-overlay-text{font-size:1.5rem;padding:15px}}@media(max-width:480px){.dialog-npc-name{font-size:1.2rem}.dialog-response-text{font-size:1rem}.dialog-buttons{flex-direction:column}.infected-overlay-text{font-size:1.2rem}}.intro-overlay{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fade-in 1s ease-out}.intro-content{max-width:800px;padding:3rem;text-align:center;color:#bdc3c7;border:1px solid #333;background:radial-gradient(circle,#1a1a1a,#000);box-shadow:0 0 50px #000000e6}.intro-content h1{font-family:Georgia,serif;font-size:4rem;color:#c0392b;margin-bottom:2rem;letter-spacing:5px;text-transform:uppercase;text-shadow:0 0 10px #500}.intro-text p{font-size:1.5rem;line-height:1.8;margin-bottom:1.5rem;font-family:Courier New,monospace}.intro-text .warning{color:#e74c3c;font-weight:700;font-style:italic;margin-top:2rem}.intro-button{margin-top:3rem;padding:1rem 3rem;font-size:1.5rem;background:transparent;color:#fff;border:2px solid #555;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;letter-spacing:2px}.intro-button:hover{background:#c0392b;border-color:#c0392b;box-shadow:0 0 20px #c0392b}@media(max-width:768px){.intro-content{padding:2rem;max-width:90%}.intro-content h1{font-size:2.5rem;letter-spacing:3px}.intro-text p{font-size:1.2rem;line-height:1.6}.intro-button{padding:.8rem 2rem;font-size:1.2rem}}@media(max-width:480px){.intro-content{padding:1.5rem}.intro-content h1{font-size:2rem;letter-spacing:2px;margin-bottom:1.5rem}.intro-text p{font-size:1rem;margin-bottom:1rem}.intro-button{padding:.7rem 1.5rem;font-size:1rem;margin-top:2rem}}.fail-screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:2000;color:#fff;font-family:Courier New,Courier,monospace}.fail-content{text-align:center;padding:2rem;border:2px solid #8b0000;background-color:#1a0505}.fail-content h1{font-size:3rem;color:red;margin-bottom:1rem;text-shadow:2px 2px 0px #000}.fail-content p{font-size:1.5rem;margin-bottom:2rem;color:#ccc}.restart-button{padding:1rem 2rem;font-size:1.2rem;background-color:#8b0000;color:#fff;border:none;cursor:pointer;transition:all .2s;font-family:inherit;font-weight:700}.restart-button:hover{background-color:red;transform:scale(1.05)}.win-screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:2000;color:#fff;font-family:Courier New,Courier,monospace}.win-content{text-align:center;padding:3rem;border-color:gold;background-color:#1a1a05;box-shadow:0 0 50px #ffd70033}.win-content h1{font-size:4rem;color:gold;margin-bottom:1rem;text-shadow:2px 2px 0px #000;letter-spacing:5px}.win-content p{font-size:1.5rem;margin-bottom:2rem;color:#fff8e7}.reset-button{padding:1rem 2rem;font-size:1.2rem;background-color:gold;color:#000;border:none;cursor:pointer;transition:all .2s;font-family:inherit;font-weight:700}.reset-button:hover{background-color:#ffed4a;transform:scale(1.05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app{width:100vw;height:100vh;position:relative}#app{width:100%;height:100%}.elimination-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#140000e6;display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;pointer-events:auto}.elimination-content{background:#2a0000;padding:2rem;border:2px solid red;text-align:center;max-width:600px;width:90%}.elimination-content h2{color:red;font-size:2rem;margin-bottom:20px}.suspect-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.suspect-btn{padding:15px;font-size:1.2rem;background:#500;color:#fff;border:1px solid #f00;cursor:pointer;text-transform:uppercase}.suspect-btn:hover{background:#800}.cancel-btn{padding:10px 20px;background:transparent;color:#aaa;border:1px solid #aaa;cursor:pointer}.cancel-btn:hover{background:#333;color:#fff}@media(max-width:768px){.elimination-content{width:95%;padding:1.5rem}.elimination-content h2{font-size:1.5rem}.suspect-btn{padding:12px;font-size:1rem}}@media(max-width:480px){.elimination-content h2{font-size:1.2rem}.suspect-btn{font-size:.9rem}}