*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif;background-color:#33334d}#root{width:100%;height:100%}#game-container{width:100%;height:100vh;position:relative}.main-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background:linear-gradient(to bottom,#1e1e3c,#0f0f1e);color:#fff}.main-menu h1{font-size:4rem;margin-bottom:2rem;text-shadow:0 0 10px rgba(255,255,255,.5)}.menu-buttons{display:flex;flex-direction:column;gap:1rem;width:80%;max-width:300px}.menu-button{padding:1rem;font-size:1.5rem;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;border-radius:5px;transition:all .3s ease}.menu-button:hover{background-color:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.options-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.options-container{width:80%;max-width:500px;padding:2rem;background-color:#28283c;border-radius:10px}.options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.options-container h2{font-size:2rem}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (orientation: portrait){.rotate-device{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;color:#fff;font-size:1.5rem;text-align:center;padding:2rem}}.controller-options{width:100%;padding:20px;color:#fff}.control-type-selector{margin-bottom:30px}.mobile-detected{font-size:.9rem;padding:8px 12px;background-color:#007bff33;border-left:3px solid #007bff;border-radius:2px;margin-top:10px;margin-bottom:15px}.gamepad-warning{font-size:.9rem;padding:8px 12px;background-color:#ff7b0033;border-left:3px solid #ff7b00;border-radius:2px;margin-top:10px;margin-bottom:15px}.gamepad-connected{font-size:.9rem;padding:8px 12px;background-color:#28a74533;border-left:3px solid #28a745;border-radius:2px;margin-top:10px;margin-bottom:15px}.control-buttons{display:flex;gap:10px;margin-top:10px}.control-button{padding:10px 20px;background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .2s}.control-button:hover:not(:disabled){background-color:#555}.control-button.active{background-color:#007bff}.control-button:disabled{opacity:.5;cursor:not-allowed}.key-bindings{margin-bottom:30px}.gamepad-settings{margin-bottom:30px;background-color:#0003;padding:15px;border-radius:4px}.control-description{line-height:1.8;margin-bottom:20px}.note{font-size:.9rem;color:#aaa;font-style:italic}.bindings-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.binding-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#0003;border-radius:4px}.binding-label{font-weight:500}.binding-key{height:100%;min-width:100px;padding:8px 12px;background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;text-align:center;cursor:pointer;transition:all .2s}.binding-key:hover:not(:disabled){background-color:#444}.binding-key.listening{background-color:#007bff;border-color:#0056b3;animation:pulse 1.5s infinite}.binding-key:disabled{opacity:.5;cursor:not-allowed;background-color:#2a2a2a}.binding-actions{display:flex;justify-content:flex-end;margin-top:15px}.binding-actions button{padding:8px 16px;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer}.binding-actions button:hover:not(:disabled){background-color:#5a6268}.binding-actions button:disabled{opacity:.5;cursor:not-allowed}.options-footer{display:flex;justify-content:flex-end;margin-top:20px}.save-button{padding:10px 20px;background-color:#28a745;border:none;border-radius:4px;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#218838}.save-button:disabled{opacity:.5;cursor:not-allowed;background-color:#194d2e}@keyframes pulse{0%{box-shadow:0 0 #007bffb3}70%{box-shadow:0 0 0 6px #007bff00}to{box-shadow:0 0 #007bff00}}.inversion-options{margin-top:20px;background-color:#0003;padding:15px;border-radius:4px}.inversion-options h4{margin-top:0;margin-bottom:10px;font-size:1rem}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.toggle-label{font-weight:500}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#444;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#007bff}input:disabled+.toggle-slider{background-color:#2a2a2a;cursor:not-allowed}input:checked+.toggle-slider:before{transform:translate(24px)}input:disabled+.toggle-slider:before{background-color:#888}.main-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#000c;color:#fff;position:relative}.main-menu h1{font-size:3rem;margin-bottom:2rem;text-shadow:0 0 10px rgba(0,0,255,.7);text-align:center}.menu-buttons{display:flex;flex-direction:column;gap:1rem;width:200px}.menu-button{padding:12px 24px;font-size:1.2rem;background-color:#333;color:#fff;border:2px solid #555;border-radius:4px;cursor:pointer;transition:all .2s}.menu-button:hover{background-color:#444;border-color:#007bff;transform:scale(1.05)}.options-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.options-container{background-color:#222;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 0 20px #00000080}.options-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #444}.options-header h2{margin:0;font-size:1.5rem}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;margin:0}.options-content{padding:20px}.options-button{width:100%;padding:12px;margin-bottom:10px;background-color:#333;color:#fff;border:none;border-radius:4px;font-size:1rem;text-align:left;cursor:pointer;transition:background-color .2s}.options-button:hover{background-color:#444}.rotate-device{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;text-align:center;padding:20px}.rotate-device p{font-size:1.5rem;max-width:300px}.install-button{background-color:#4caf50;position:relative;overflow:hidden}.install-button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0 50%);pointer-events:none}.install-button:hover{background-color:#45a049;transform:translateY(-2px)}.update-button{background-color:#007bff;position:relative;overflow:hidden}.update-button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0 50%);pointer-events:none}.update-button:hover{background-color:#0069d9;transform:translateY(-2px)}.whats-new-toast{position:absolute;top:20px;right:20px;background-color:#222;border-radius:8px;padding:15px;width:300px;max-height:400px;box-shadow:0 0 15px #007bff80;border:1px solid #333;animation:slideIn .5s ease-out;z-index:50;overflow-y:auto}.whats-new-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #444;padding-bottom:10px}.whats-new-header h3{margin:0;color:#007bff;font-size:1.3rem}.whats-new-content{font-size:.95rem;line-height:1.5}.whats-new-content ul{margin:10px 0;padding-left:20px}.whats-new-content li{margin-bottom:8px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}