*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0c0c0e}#app{position:relative;width:100%;height:100%}#game-canvas{display:block;width:100%;height:100%}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif}#ui-root>*{pointer-events:auto}.fatal-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;padding:14px 20px;color:#ffd7d2;font-size:15px;line-height:1.5;text-align:center;background:#3c0e0aeb;border:1px solid #a33}.hud{position:absolute;top:10px;left:10px;padding:6px 10px;color:#e8d9a0;font-size:13px;line-height:1.6;background:#16110bc7;border:1px solid #4d4030;border-radius:4px;-webkit-user-select:none;user-select:none}.dev-hud{width:340px;padding:8px 10px;color:#cfe6ff;background:#080c12d1;border:1px solid #2c4660;border-radius:4px;-webkit-user-select:none;user-select:none}.dev-hud-stats{margin:0;font-family:Cascadia Code,Consolas,ui-monospace,monospace;font-size:12px;line-height:1.45;white-space:pre}.dev-compass{position:relative;width:64px;height:64px;margin:8px auto 2px;border:1px solid #3a5a78;border-radius:50%;background:#141e2a99}.dev-compass-needle{position:absolute;left:50%;top:6px;width:2px;height:26px;margin-left:-1px;background:linear-gradient(#ff5a4a,#ff5a4a 60%,#ff5a4a00)}.dev-compass-label{position:absolute;left:50%;top:50%;font:11px/1 Cascadia Code,ui-monospace,monospace;color:#9fc4e6;transform:translate(-50%,-50%)}.dev-compass-label.n{top:9px;color:#ff7a6a}.dev-compass-label.s{top:auto;bottom:9px;transform:translate(-50%,50%)}.dev-compass-label.e{left:auto;right:7px;transform:translateY(-50%)}.dev-compass-label.w{left:7px;transform:translateY(-50%)}.minimap{width:320px;height:320px;border:2px solid #4d4030;border-radius:50%;overflow:hidden;background:#0b0f14;box-shadow:0 2px 10px #00000080}.minimap-canvas{display:block}.compass{position:relative;width:52px;height:52px;border:2px solid #4d4030;border-radius:50%;overflow:hidden;background:#141e2ab3;box-shadow:0 2px 8px #00000080}.compass-rose{position:absolute;top:0;right:0;bottom:0;left:0}.compass-needle{position:absolute;left:50%;top:5px;width:2px;height:21px;margin-left:-1px;background:linear-gradient(#ff5a4a,#ff5a4a 60%,#ff5a4a00)}.compass-label{position:absolute;left:50%;top:50%;font:10px/1 Cascadia Code,ui-monospace,monospace;color:#9fc4e6;transform:translate(-50%,-50%)}.compass-label.n{top:7px;color:#ff7a6a}.compass-label.s{top:auto;bottom:6px;transform:translate(-50%,50%)}.compass-label.e{left:auto;right:5px;transform:translateY(-50%)}.compass-label.w{left:5px;transform:translateY(-50%)}.ui-movable{outline:2px dashed #8fb4d8;outline-offset:2px;cursor:move}.msg-line{position:absolute;bottom:26px;left:50%;transform:translate(-50%);padding:4px 12px;color:#fff;font-size:14px;white-space:nowrap;background:#0000008c;border-radius:3px;pointer-events:none!important;opacity:0;transition:opacity .4s}.ctx-menu{position:absolute;z-index:10;min-width:170px;background:#6c6456;border:1px solid #000;box-shadow:0 4px 14px #00000080;font-size:13px;-webkit-user-select:none;user-select:none}.ctx-menu-header{padding:3px 8px;background:#000;color:#c6b895}.ctx-menu-entry{display:block;width:100%;padding:3px 8px;font:inherit;text-align:left;color:#fff;background:none;border:none;cursor:pointer}.ctx-menu-entry:hover{color:#ff0}.ctx-menu-entry .target{color:#5ff}.build-panel{position:fixed;left:10px;top:50%;transform:translateY(-50%);width:220px;max-height:90vh;overflow-y:auto;padding:8px 10px 10px;color:#e8d9a0;background:#16110bdb;border:1px solid #4d4030;border-radius:4px;-webkit-user-select:none;user-select:none}.build-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600;color:#f0e2b0}.build-indicator{padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#1a1208;background:#e0b24a;border-radius:3px}.build-palette{display:flex;flex-direction:column;gap:3px;max-height:200px;overflow-y:auto;margin-bottom:8px}.build-swatch{display:flex;align-items:center;gap:8px;width:100%;padding:3px 5px;font:inherit;font-size:12px;text-align:left;color:#e8d9a0;background:#00000040;border:1px solid transparent;border-radius:3px;cursor:pointer}.build-swatch:hover{background:#0006}.build-swatch.is-active{border-color:#e0b24a;background:#e0b24a2e}.build-chip{flex:none;width:18px;height:18px;border:1px solid rgba(0,0,0,.6);border-radius:2px}.build-chip-eraser{background:linear-gradient(45deg,#444 25%,transparent 25%,transparent 75%,#444 75%) 0 0 / 8px 8px,#1a1a1e}.build-swatch-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-row{display:flex;align-items:center;gap:6px;margin-top:6px}.build-tag{font-size:11px;color:#b8a878}.build-plane-label{min-width:34px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#f0e2b0}.build-btn{padding:3px 8px;font:inherit;font-size:12px;color:#e8d9a0;background:#0000004d;border:1px solid #4d4030;border-radius:3px;cursor:pointer}.build-btn:hover{background:#00000080;color:#ffe24a}.build-btn-wide{flex:1;text-align:center}