*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#1a1a2e;font-family:StartStory,monospace}@font-face{font-family:StartStory;src:url(./Start%20Story-B89LkgNF.otf)format("opentype");font-weight:400;font-style:normal}#canvas-container{width:100vw;height:100vh;position:relative}#hud{z-index:10;pointer-events:auto;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#hud button{color:#8af;cursor:pointer;background:#141432cc;border:2px solid #8af;border-radius:6px;padding:8px 20px;font-size:16px;transition:background .2s}#hud button:hover{background:#282850e6}#hud .hint{color:#678;margin:0;font-size:12px}#hud .hint code{color:#8af}#minimap-container{z-index:10;filter:drop-shadow(0 4px 12px #0003);position:absolute;top:12px;right:12px}#minimap{cursor:crosshair;border-radius:12px;display:block}.minimap-btn{color:#4a4a5a;cursor:pointer;background:#ffffffb3;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:1px 1px 4px #00000014}.minimap-btn:hover{color:#3a3a4a;background:#fffffff2}.minimap-follow{position:absolute;bottom:6px;left:6px}.minimap-follow.active{color:#57c;background:#fffffff2;box-shadow:0 0 0 2px #57c,1px 1px 4px #00000014}.minimap-lattice{position:absolute;top:6px;right:6px}.minimap-lattice.active{color:#57c;background:#fffffff2;box-shadow:0 0 0 2px #57c,1px 1px 4px #00000014}.minimap-nav{align-items:center;gap:4px;display:flex;position:absolute;bottom:6px;right:6px}.minimap-nav .minimap-btn{position:static}.minimap-count{color:#4a4a5a;white-space:nowrap;font-size:10px}#block-panel{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#4a4a5a;pointer-events:auto;background:#fff9;border:none;border-radius:10px;width:260px;padding:10px 12px;position:fixed;box-shadow:0 4px 20px #0000001f}#block-panel .panel-header{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:0 0 8px;display:flex}#block-panel .panel-header:active{cursor:grabbing}#block-panel .panel-header h3{color:#4a4a5a;margin:0;font-size:16px}#block-panel .close-btn{font:inherit;color:#555;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;font-weight:700;line-height:1}#block-panel .close-btn:hover{color:#222}#block-panel .panel-body{flex-direction:column;gap:6px;padding:8px 0 0;display:flex}#block-panel .block-id{color:#666;margin:0;font-size:11px}#block-panel .block-desc{color:#505060;margin:0 0 4px;font-size:12px;line-height:1.4}#block-panel .stat-row{justify-content:space-between;font-size:12px;display:flex}#block-panel .stat-label{color:#505060}#block-panel .stat-value{color:#4a4a5a}#block-panel .connections-section{border-top:1px solid #00000014;margin-top:6px;padding-top:6px}#block-panel .connections-section h4{color:#505060;margin:0 0 6px;font-size:12px}#block-panel .connection-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;display:flex}#block-panel .conn-label{color:#505060}#block-panel .break-btn{font:inherit;color:#c44;cursor:pointer;background:#dc505026;border:none;border-radius:8px;padding:4px 10px;font-size:11px;transition:background .15s}#block-panel .break-btn:hover{color:#a22;background:#dc50504d}#block-panel .delete-btn{font:inherit;color:#c44;cursor:pointer;background:#dc505026;border:none;border-radius:8px;width:100%;margin-top:12px;padding:8px 0;font-size:13px;transition:background .15s}#block-panel .delete-btn:hover{color:#a22;background:#dc50504d}#block-panel .thruster-section{margin-top:12px}#block-panel .thruster-section h4{color:#4a4a5a;margin:0 0 4px;font-size:12px}#block-panel .hint-text{color:#666;margin:0 0 6px;font-size:10px}#block-panel .face-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}#block-panel .face-btn{font:inherit;color:#4a4a5a;cursor:pointer;background:#ffffff80;border:none;border-radius:8px;padding:6px 0;font-size:11px;transition:background .15s,box-shadow .15s;box-shadow:1px 1px 4px #0000000f}#block-panel .face-btn:hover:not(:disabled){background:#fffc;box-shadow:2px 2px 8px #0000001a}#block-panel .face-btn.face-active{color:#f84;background:#c8641e40;border-color:#f84}#block-panel .face-btn.face-blocked{opacity:.3;cursor:not-allowed}#block-panel .keybind-row{justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}#block-panel .keybind-label{color:#4a4a5a;font-size:13px}#block-panel .keybind-controls{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}#block-panel .keybind-key{font:inherit;color:#4a4a5a;cursor:pointer;background:#ffffffb3;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:28px;padding:0 4px;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px #0000001a,inset 0 -1px #0000000d}#block-panel .keybind-key:hover{background:#fffffff2;box-shadow:0 2px #00000026,inset 0 -1px #0000000d}#block-panel .keybind-key.keybind-listening{color:#c80;background:#ffc8504d;animation:1s infinite pulse}#block-panel .keybind-btn{font:inherit;text-align:center;color:#4a4a5a;cursor:pointer;background:#ffffff80;border:none;border-radius:8px;width:64px;padding:5px 0;font-size:11px;transition:background .15s,box-shadow .15s;box-shadow:1px 1px 4px #0000000f}#block-panel .keybind-btn:hover{background:#fffc;box-shadow:2px 2px 8px #0000001a}#block-panel .keybind-btn.keybind-unbind{color:#c44;width:28px;padding:5px 0}#block-panel .keybind-btn.keybind-listening{color:#c80;background:#ffc85040;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#side-menu-root{z-index:10;pointer-events:none;filter:drop-shadow(0 4px 12px #0003);flex-direction:row;display:flex;position:absolute;top:12px;left:0}#side-menu-root:has(.side-menu-panel){left:12px}.side-menu-tabs{pointer-events:auto;flex-direction:column;order:2;gap:2px;height:calc(100vh - 24px);display:flex}.side-menu-tab-btn{font:inherit;color:#4a4a5a;cursor:pointer;background:#c8c8d2b3;border:none;border-radius:0 12px 12px 0;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:auto;height:auto;padding:14px 18px;transition:background .15s,color .15s;display:flex}.side-menu-tab-label{white-space:nowrap;font-size:16px}.side-menu-tab-btn:hover{color:#4a4a5a;background:#d2d2dccc}.side-menu-tab-btn.active{color:#4a4a5a;background:#dcdce6d9}.side-menu-tab-btn.toggle-btn{border-radius:0 10px 10px 0;justify-content:center;width:48px;height:48px;margin-bottom:4px;padding:0}.side-menu-tab-btn.demolish-btn{margin-bottom:18px}.side-menu-panel{width:280px;height:calc(100vh - 24px);box-shadow:none;pointer-events:auto;background:#dcdce6d9;border:none;border-radius:16px 0 16px 16px;order:1;padding:14px;overflow:hidden auto}.side-menu-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.side-menu-icon-btn{aspect-ratio:1;color:#4a4a5a;cursor:pointer;background:#ffffffb3;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px;transition:background .15s,box-shadow .15s,color .15s;display:flex;box-shadow:1px 1px 4px #00000014}.side-menu-icon-btn:hover{color:#3a3a4a;background:#fffffff2;box-shadow:2px 2px 8px #0000001f}.side-menu-icon-btn.selected{color:var(--item-color,#57c);box-shadow:0 0 0 2px var(--item-color,#57c), 2px 2px 8px #0000001a;background:#fffffff2}.wall-thumb{image-rendering:auto;border-radius:6px;width:48px;height:48px;display:block}.side-menu-icon-btn.part-icon-btn{padding:0;overflow:hidden}.part-thumb{image-rendering:auto;border-radius:8px;width:64px;height:64px;display:block}.part-swatch,.wall-swatch{border-radius:6px;width:32px;height:32px;display:block}.side-menu-empty{color:#4a4a5a;justify-content:center;align-items:center;min-height:120px;font-size:13px;display:flex}.side-menu-info{z-index:1;background:#fff9;border:none;border-radius:10px;height:120px;margin-bottom:10px;padding:10px 12px;position:sticky;top:0;overflow:hidden;box-shadow:1px 1px 4px #0000000f}.side-menu-info-label{color:#4a4a5a;margin-bottom:4px;font-size:16px;font-weight:700}.side-menu-info-desc{color:#4a4a5a;font-size:13px;line-height:1.4}.color-palette{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#ffffff73;border-radius:10px;grid-template-columns:repeat(10,32px);gap:5px;padding:8px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000026}.color-swatch{background:var(--swatch-color);cursor:pointer;border:2px solid #0000;border-radius:6px;width:32px;height:32px;padding:0;transition:border-color .12s,box-shadow .12s}.color-swatch:hover{border-color:#0000004d;box-shadow:0 0 4px #00000026}.color-swatch.selected{border-color:#4a4a5a;box-shadow:0 0 0 1px #4a4a5a,0 0 6px #0003}