#game{display:flex;flex-direction:row;height:100vh;visibility:hidden}.unsupported-browser{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#000;color:#fff;font-family:Arial,sans-serif;font-size:20px;text-align:center;padding:20px}.theory-container{overflow-y:auto}#theory,.theory-container{flex:1;display:flex;flex-direction:column}#theory{padding:20px}#theory-content{flex:1;margin-bottom:20px}.canvas-container{flex:2;display:flex;align-items:center;justify-content:center}.level-buttons{display:flex;flex-direction:column;gap:10px;padding:10px}.chapter{width:100%}.chapter h2{margin:10px 0;font-size:20px}.level-button{background-color:#2d5016;border:2px solid #4a7c2c;width:100%;color:#fff;padding:10px;cursor:pointer;font-size:16px;border-radius:4px;transition:background-color .2s}.level-button:hover{background-color:#3d6b21}.level-button.disabled{background-color:#444;border-color:#666;cursor:not-allowed}.level-button.disabled:hover{background-color:#444}.level-button.active{background-color:#fff;color:#000;border-color:#fff;font-weight:700}.controls{display:flex;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid #444}.controls>button{flex:1;background-color:#1a4d1a;border:2px solid #2d7a2d;color:#fff;padding:12px;cursor:pointer;font-size:16px;border-radius:4px;transition:background-color .2s}.controls>button:hover{background-color:#2d7a2d}.controls>button:active{background-color:#0d330d}.controls>button:disabled{background-color:#444;border-color:#666;cursor:not-allowed}details{margin-top:20px;padding:10px;border:1px solid #444;border-radius:4px}summary{cursor:pointer;font-weight:700;padding:10px;user-select:none}summary:hover{background-color:#222}canvas{border:2px solid #fff;display:block;max-width:95%;max-height:95vh}canvas,html{background-color:#000}html{color:#fff;font-family:Arial,sans-serif;font-size:18px;overflow:hidden;padding:0;margin:0}