:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}.terminal-image-container{margin:8px 0;display:flex;justify-content:center;align-items:center}.terminal-image{max-width:100%;max-height:200px;height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border:1px solid #3d3d3d;border-radius:4px;background:#0a0a0a;padding:4px}.terminal-image-fallback{color:#888;font-style:italic;font-size:12px}.terminal{background:#1e1e1e;border-radius:8px;box-shadow:0 4px 20px #00000080;overflow:hidden;font-family:Courier New,Monaco,monospace;height:70vh;display:flex;flex-direction:column;position:relative}.terminal-header{background:#2d2d2d;padding:8px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #3d3d3d}.terminal-buttons{display:flex;gap:6px}.button{width:12px;height:12px;border-radius:50%;display:inline-block}.button.red{background:#ff5f56}.button.yellow{background:#ffbd2e}.button.green{background:#27c93f}.terminal-title{color:#888;font-size:12px;flex:1;text-align:center}.player-health{color:#4ec9b0;font-size:12px;font-weight:700;margin-left:auto;padding:4px 8px;background:#4ec9b01a;border-radius:4px}.terminal-body{padding:16px;overflow-y:auto;flex:1;color:#d4d4d4;font-size:14px;line-height:1.6}.terminal-line{margin-bottom:4px;word-wrap:break-word}.prompt-line{display:flex;align-items:center;gap:8px}.prompt-text{color:#4ec9b0;font-weight:700}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#1e1e1e}.terminal-body::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#666}.term-item{color:gold}.term-direction{color:#4ec9b0}.term-command{color:#ce9178}.term-room{color:#9cdcfe}.term-enemy{color:#f48771}.term-bold{font-weight:700}.term-italic{font-style:italic}.scroll-to-bottom{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#4ec9b0;color:#1e1e1e;border:none;padding:8px 16px;border-radius:4px;font-family:Courier New,Monaco,monospace;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease;z-index:10}.scroll-to-bottom:hover{background:#5dd9c4;transform:translate(-50%) translateY(-2px);box-shadow:0 4px 12px #0006}.scroll-to-bottom:active{transform:translate(-50%) translateY(0)}.settings-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e1e;border-radius:8px;box-shadow:0 8px 32px #00000080;width:90%;max-width:480px;max-height:80vh;overflow-y:auto;z-index:1001;font-family:Courier New,Monaco,monospace;border:1px solid #3d3d3d}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #3d3d3d}.settings-header h2{margin:0;color:#d4d4d4;font-size:16px;font-weight:700}.settings-close{background:none;border:none;color:#888;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.settings-close:hover{background:#2d2d2d;color:#d4d4d4}.settings-content{padding:16px}.settings-section{margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 10px;color:#4ec9b0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.settings-item{margin-bottom:12px}.settings-item:last-child{margin-bottom:0}.settings-item label,.slider-label{display:flex;align-items:center;justify-content:space-between;color:#d4d4d4;font-size:13px;gap:12px}.slider-label span{display:inline-block;min-width:100px;flex-shrink:0}.slider-container{display:flex;align-items:center;gap:10px}.volume-slider{flex:1;height:6px;background:#3d3d3d;border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#4ec9b0;border-radius:50%;cursor:pointer;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:#5dd9c4;transform:scale(1.1)}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:#4ec9b0;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{background:#5dd9c4;transform:scale(1.1)}.volume-value{min-width:40px;text-align:right;color:#888;font-size:11px}.toggle-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#3d3d3d;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#888;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#4ec9b0}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#1e1e1e}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #4ec9b0}.settings-modal::-webkit-scrollbar{width:8px}.settings-modal::-webkit-scrollbar-track{background:#1e1e1e}.settings-modal::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.settings-modal::-webkit-scrollbar-thumb:hover{background:#666}.settings-button{position:fixed;top:20px;right:20px;width:44px;height:44px;background:#1e1e1e;border:1px solid #3d3d3d;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#888;transition:all .2s ease;z-index:100;box-shadow:0 2px 8px #0000004d}.settings-button:hover{background:#2d2d2d;color:#4ec9b0;border-color:#4ec9b0;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.settings-button:active{transform:translateY(0)}.settings-button svg{width:20px;height:20px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;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}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.command-wrapper{margin-top:20px;width:100%;max-width:800px;position:relative}.command-form{display:flex;align-items:center;gap:8px;width:100%;background:#1e1e1e;padding:12px 16px;border-radius:8px;box-shadow:0 4px 20px #00000080}.prompt{color:#4ec9b0;font-family:Courier New,Monaco,monospace;font-weight:700;font-size:16px}.command-input{flex:1;background:transparent;border:none;color:#d4d4d4;font-family:Courier New,Monaco,monospace;font-size:14px;outline:none}.command-input::placeholder{color:#666}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1e1e1e;border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:200px;overflow-y:auto;z-index:100;border:1px solid #3d3d3d}.suggestion{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;font-family:Courier New,Monaco,monospace;font-size:13px;color:#d4d4d4;transition:background-color .15s ease}.suggestion:hover,.suggestion.selected{background:#2d2d2d}.suggestion-type{font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:3px;font-weight:700;min-width:60px;text-align:center}.suggestion.command .suggestion-type{background:#ce9178;color:#1e1e1e}.suggestion.direction .suggestion-type{background:#4ec9b0;color:#1e1e1e}.suggestion.item .suggestion-type{background:gold;color:#1e1e1e}.suggestion-text{flex:1}.autocomplete-suggestions::-webkit-scrollbar{width:6px}.autocomplete-suggestions::-webkit-scrollbar-track{background:#1e1e1e}.autocomplete-suggestions::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.autocomplete-suggestions::-webkit-scrollbar-thumb:hover{background:#666}