body,html{margin:0;padding:0;height:100vh;overflow:hidden}.App{display:flex;flex-direction:column;height:100vh;padding:10px;box-sizing:border-box}.header{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.header h1{margin-right:20px}.header-buttons{display:flex;gap:10px}.language-button,.rules-toggle-button{padding:5px 10px;font-size:16px;cursor:pointer}.game-container{display:flex;flex:1;justify-content:center;align-items:flex-start;gap:20px;overflow:hidden}.game-area{display:flex;flex-direction:column;align-items:center;max-height:calc(100vh - 100px);overflow:auto}.grid{display:inline-block;border:1px solid #ccc;-webkit-user-select:none;user-select:none}.row{display:flex}.cell{width:15px;height:15px;border:1px solid #eee;cursor:pointer}.cell.alive{background-color:#000}.cell.dead{background-color:#fff}.controls{margin-top:10px}button{margin:0 5px;padding:5px 10px;font-size:14px}.rules{max-width:300px;text-align:left;padding:0 10px;border-left:1px solid #ccc;overflow-y:auto;max-height:calc(100vh - 100px)}.rules h2{text-align:center;font-size:1.2rem}.rules ol{padding-left:20px;margin:0}.rules li{margin-bottom:10px;font-size:14px}.rule-illustration{background-color:#f0f0f0;padding:5px;border-radius:5px;font-family:monospace;white-space:pre-wrap;font-size:12px;line-height:1.2}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}