@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");:root{--primary-bg-color:#121212;--header-footer-bg-color:#1e1e1e;--header-footer-text-color:#fff;--link-hover-color:#bb86fc}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--primary-bg-color)!important;font-family:Roboto,sans-serif;color:#fff!important}.header{background-color:var(--header-footer-bg-color);color:var(--header-footer-text-color);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{max-width:150px;width:100%;height:auto}.dropdown{position:relative}.dropdown-button{background:none;border:none;cursor:pointer;color:var(--header-footer-text-color)}.dropdown-button,.dropdown-menu a{transition:color .3s ease,background-color .3s ease}.hamburger-icon{width:30px;height:30px}.dropdown-menu{position:absolute;right:0;background-color:var(--header-footer-bg-color);list-style:none;padding:1rem;margin-top:.5rem;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.dropdown-menu li{margin-bottom:.5rem}.dropdown-menu li:last-child{margin-bottom:0}.dropdown-menu a{color:var(--header-footer-text-color);text-decoration:none;display:flex;align-items:center;transition:color .3s ease}.dropdown-menu a:hover{color:var(--link-hover-color)}.icon{width:16px;height:16px;margin-right:8px}.menu-item{display:flex;align-items:center}.footer{background-color:var(--header-footer-bg-color);color:var(--header-footer-text-color);text-align:center;padding:1rem;margin-top:auto}main{padding:2rem}@media (max-width:768px){.header{flex-direction:column;align-items:flex-start}.logo{max-width:120px;margin-bottom:1rem}.dropdown-menu{width:100%;right:0;left:0}}.contact-container{max-width:600px;margin:0 auto;padding:40px 20px}.contact-container h1{text-align:center;margin-bottom:30px;font-size:2.5em;color:#333}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-group .required{color:#e74c3c}.form-input,.form-textarea{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:4px;font-size:1em;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{border-color:#007bff;outline:none}.form-textarea{resize:vertical;min-height:120px}.submit-button{padding:14px 20px;background-color:#007bff;border:none;border-radius:4px;color:#fff;font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#0056b3}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message,.success-message{margin-bottom:20px;padding:15px;border-radius:4px;font-weight:600}.success-message{background-color:#dff0d8;color:#3c763d}.error-message{background-color:#f2dede;color:#a94442;margin-top:8px;font-size:.9em}@media (max-width:600px){.contact-container{padding:30px 15px}.contact-container h1{font-size:2em}.submit-button{font-size:1em}}.drawing-app{max-width:900px;margin:2rem auto;text-align:center}.controls{margin-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.controls label{display:flex;align-items:center;margin-right:1rem;font-size:.9rem}.controls label input[type=color],.controls label input[type=number]{margin-left:.5rem}.controls button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.controls button.active,.controls button:hover{background-color:#0056b3}.controls input[type=number]{width:60px}canvas{display:block;margin:0 auto;border:2px solid #ccc;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}.toolbar,canvas{border-radius:5px}.toolbar{background-color:#2e2e2e;padding:.5rem;margin-bottom:1rem}@media (max-width:600px){.controls{flex-direction:column;align-items:center}.controls label{margin-right:0;margin-bottom:.5rem}.controls button{width:100%}}.adventure-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--primary-bg-color);font-family:Courier New,Courier,monospace}.game-container{width:90%;max-width:800px;padding:1rem;background-color:#1a1a1a;color:#e6e6e6;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.7)}.output{max-height:600px;overflow-y:auto;margin-bottom:1rem;background-color:#000;padding:1rem;border-radius:4px;scroll-behavior:smooth}form{display:flex}input[name=command]{flex:1;padding:.75rem;background-color:#333;color:#e6e6e6;border:none;border-radius:4px 0 0 4px;font-size:1rem}input[name=command]::placeholder{color:#888}button[type=submit]{padding:.75rem 1rem;background-color:#444;color:#e6e6e6;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:1rem}button[type=submit]:hover{background-color:#555}.status-bar{display:flex;align-items:center;margin-bottom:1rem}.health-bar{flex:1;height:20px;background-color:#555;border-radius:4px;overflow:hidden;margin-right:1rem}.health-bar-fill{height:100%;background-color:#f33;transition:width .3s}.health-text{color:#e6e6e6}.message.command{color:#0f0}.message.response{color:#fff}.message.enemy{color:#f55}.message.system{color:#0ff}