*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #1a1a1a;--border-color: #333;--controls-bg: #2a2a2a;--btn-bg: rgba(51, 51, 51, .6);--btn-hover: rgba(51, 51, 51, .9);--text-color: #ecf0f1;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-dark)}#app{width:100%;height:100%}.app-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.game-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--controls-bg);border-bottom:2px solid var(--border-color);flex-shrink:0}.controls-buttons{display:flex;gap:.5rem;flex-shrink:0}.icon-btn{width:36px;height:36px;border:none;border-radius:6px;background-color:var(--btn-bg);color:var(--text-color);font-size:1.3rem;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:hover{background-color:var(--btn-hover)}.icon-btn:active{transform:scale(.95)}.ad-placeholder{height:36px;flex:1;max-width:320px;background:#f0f0f0;border:1px dashed #999;display:flex;align-items:center;justify-content:center;color:#666;font-size:11px;border-radius:4px;margin-left:auto}#settings-modal{border:none;border-radius:12px;padding:2rem;max-width:400px;width:90vw;box-shadow:0 4px 20px #0000004d;background-color:#fff}#settings-modal::backdrop{background-color:#00000080}#settings-modal h3{margin:0 0 1.5rem;font-size:1.5rem;color:#2c3e50}#settings-modal section{margin-bottom:1.5rem}#settings-modal h4{color:#2c3e50;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}#settings-modal label{display:block;margin-bottom:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:#333;transition:opacity .2s}#settings-modal label:hover{opacity:.7}#settings-modal input[type=checkbox],#settings-modal input[type=radio]{cursor:pointer;margin-right:8px}.modal-actions{display:flex;gap:.75rem;margin-top:2rem;justify-content:flex-end}.modal-actions button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s,transform .1s}#reset-settings-btn{background-color:#e74c3c;color:#fff;margin-right:auto}#reset-settings-btn:hover{background-color:#c0392b}#close-modal-btn{background-color:#3498db;color:#fff}#close-modal-btn:hover{background-color:#2980b9}.modal-actions button:active{transform:scale(.98)}.canvas-area{flex:1;min-width:0;min-height:0;padding:1rem}.canvas-container{position:relative;background-color:var(--bg-dark);overflow:hidden;width:100%;height:100%}.canvas-container canvas{border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000004d}@media(orientation:landscape){.app-container{flex-direction:row}.game-controls{width:auto;min-width:fit-content;flex-direction:column;border-bottom:none;border-right:2px solid var(--border-color)}.controls-buttons{flex-direction:row}.ad-placeholder{width:160px;height:600px;max-width:none;margin-left:0;margin-top:auto}}@media(max-width:480px){.game-controls{padding:.4rem;gap:.4rem}.icon-btn{width:32px;height:32px;font-size:1.1rem}.ad-placeholder{height:32px;font-size:10px}.canvas-area{padding:.4rem}}