*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#1a1a1a;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}#app{text-align:center;max-width:100%}h1{margin-bottom:20px;font-size:2rem}.grid-config{margin-bottom:20px;display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;padding:15px;background-color:#2a2a2a;border-radius:8px}.config-group{display:flex;align-items:center;gap:8px}.config-group label{font-size:14px;font-weight:500}.config-group input{width:80px;padding:8px;font-size:14px;background-color:#1a1a1a;color:#fff;border:1px solid #444;border-radius:4px}.config-group input:focus{outline:none;border-color:#4caf50}.config-group input[type=range]{width:120px;padding:0;cursor:pointer}.config-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#4caf50;cursor:pointer;border-radius:50%}.config-group input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#4caf50;cursor:pointer;border-radius:50%;border:none}#resize-btn{background-color:#9c27b0}#resize-btn:hover{background-color:#7b1fa2}.controls{margin-bottom:20px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}button{padding:10px 20px;font-size:16px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:4px;transition:background-color .3s}button:hover{background-color:#45a049}button:active{transform:translateY(1px)}#stop-btn{background-color:#f44336}#stop-btn:hover{background-color:#da190b}#reset-btn,#random-btn{background-color:#2196f3}#reset-btn:hover,#random-btn:hover{background-color:#0b7dda}#game-canvas{border:2px solid #444;display:block;margin:0 auto;background-color:#000;max-width:100%;height:auto}