:root{--matrix-green: #00ff00;--dark-bg: #000000;--light-bg: #001100;--text-color: #ccffcc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,monospace;background:var(--dark-bg);color:var(--text-color);line-height:1.6;overflow-x:hidden}.container{width:90%;max-width:1200px;margin:0 auto;padding:20px}header{background:var(--light-bg);padding:1rem;position:sticky;top:0;z-index:1000}nav ul{list-style-type:none;display:flex;justify-content:space-around;flex-wrap:wrap}nav ul li{margin:.5rem}nav ul li a{color:var(--matrix-green);text-decoration:none;font-size:1rem;transition:all .3s;padding:.5rem 1rem;border:1px solid var(--matrix-green);border-radius:5px}nav ul li a:hover{background:var(--matrix-green);color:var(--dark-bg)}h1,h2{text-align:center;color:var(--matrix-green);margin-bottom:1rem}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.game-interface{background:rgba(0,17,0,.8);border:2px solid var(--matrix-green);border-radius:10px;padding:20px;margin-top:20px;box-shadow:0 0 20px #00ff004d}#game-area{width:100%;height:200px;background:var(--light-bg);border:1px solid var(--matrix-green);border-radius:5px;margin-bottom:20px;padding:10px;overflow-y:auto;font-family:Courier New,monospace}button{background:var(--light-bg);border:1px solid var(--matrix-green);color:var(--matrix-green);padding:10px 20px;font-size:1rem;border-radius:5px;cursor:pointer;transition:all .3s;font-family:Courier New,monospace;margin:5px}button:hover{background:var(--matrix-green);color:var(--dark-bg)}#chat-area{height:250px;overflow-y:auto;background:var(--light-bg);border:1px solid var(--matrix-green);padding:10px;margin-top:20px}#chat-input-container{position:relative;display:flex;align-items:center;margin-top:10px;background:var(--light-bg);border:1px solid var(--matrix-green)}#chat-input{width:100%;padding:10px;background:transparent;border:none;color:var(--matrix-green);font-family:Courier New,monospace}.attachment-button{background:transparent;border:none;color:var(--matrix-green);font-size:1.5rem;cursor:pointer;margin-right:5px;transition:all .3s;padding:0 10px}.attachment-button:hover{color:var(--dark-bg);background:var(--matrix-green)}#file-input{display:none}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:2000;overflow:auto}.modal-content{background:var(--light-bg);margin:10% auto;padding:20px;border:2px solid var(--matrix-green);width:80%;max-width:800px;border-radius:10px;box-shadow:0 0 20px #00ff0080}.close-modal{color:var(--matrix-green);float:right;font-size:28px;font-weight:700;cursor:pointer}.close-modal:hover{color:#fff}.message{margin-bottom:10px;padding:8px 12px;border-radius:5px}.user-message{background:rgba(0,40,0,.5);border-left:3px solid var(--matrix-green)}.ai-message{background:rgba(0,25,0,.5);border-left:3px solid #60ff60}.image-preview{max-width:100%;max-height:200px;display:block;margin:10px 0;border:1px solid var(--matrix-green)}.loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,255,0,.3);border-radius:50%;border-top-color:var(--matrix-green);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.container{width:95%}nav ul{flex-direction:column}button{width:100%}}.toggle-container{display:flex;align-items:center;margin-top:10px;color:var(--matrix-green)}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:10px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--light-bg);transition:.4s;border-radius:24px;border:1px solid var(--matrix-green)}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:var(--matrix-green);transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--matrix-green)}input:checked+.toggle-slider:before{transform:translate(26px);background-color:var(--dark-bg)}