:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{background-color:#242424;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.game-container{flex-direction:row;justify-content:stretch;align-items:stretch;width:100%;height:100%;min-height:0;display:flex}canvas{background-color:#000;border:2px solid #646cff;flex:1;width:100%;height:100%;display:block}.stage{flex-direction:column;flex:1;justify-content:stretch;align-items:stretch;height:100%;min-height:0;display:flex;position:relative}.sidebar{box-sizing:border-box;background:#00000059;border-right:1px solid #ffffff1f;flex-direction:column;flex:0 0 220px;gap:10px;width:220px;height:100%;min-height:0;max-height:100vh;padding:12px;display:flex;overflow:hidden auto}.sidebar-title{color:#fff;opacity:.9;font-family:sans-serif;font-size:14px;font-weight:600}.sidebar-section{flex-direction:column;gap:8px;display:flex}.undo-redo-row{gap:8px;display:flex}.sidebar button.undo-redo-button{text-align:center;flex:1;padding:8px 10px;font-size:18px;line-height:1}.sidebar button{color:#fff;cursor:pointer;text-align:left;background:#00000073;border:1px solid #ffffff2e;border-radius:10px;padding:10px 12px}.sidebar button:hover{background:#0009}.sidebar button.active{background:#646cff33;border-color:#646cffcc}.block-settings,.bridge-settings{flex-direction:column;gap:6px;display:flex}.block-settings-label{color:#fff;opacity:.75;font-family:sans-serif;font-size:14px}.block-settings-buttons{gap:6px;display:flex}.sidebar button.mini{text-align:center;flex:1;padding:6px 8px}.sidebar input{color:#fff;box-sizing:border-box;background:#00000073;border:1px solid #ffffff2e;border-radius:10px;width:100%;padding:8px 10px}.sidebar input[type=checkbox]{border-radius:4px;width:auto;padding:0}.checkbox-row{color:#ffffffd9;align-items:center;gap:8px;font-family:sans-serif;font-size:13px;display:flex}.level-size{flex-direction:column;gap:8px;display:flex}.level-size-row{gap:8px;display:flex}.level-size-row label{color:#ffffffbf;flex-direction:column;flex:1;gap:6px;font-family:sans-serif;font-size:12px;display:flex}.hud{z-index:10;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px}.hud button{color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:8px;padding:8px 10px}.hud button:hover{background:#000000bf}.instructions{color:#fff;pointer-events:none;font-family:sans-serif;position:absolute;bottom:10px;left:12px}.goal{color:#fff;opacity:.9;pointer-events:none;font-family:sans-serif;position:absolute;bottom:10px;right:12px}