.hq-shipyard{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:18px;margin-bottom:22px}.hq-shipyard__tray{border:1px solid rgba(89,247,229,.14);border-radius:18px;background:rgba(0,10,14,.55);backdrop-filter:blur(14px);padding:16px;max-height:620px;overflow:auto}.hq-shipyard__tray-head h2{margin:0;font-size:16px;font-weight:760;letter-spacing:-.03em}.hq-shipyard__tray-head p{margin:8px 0 14px;color:rgba(203,224,233,.68);font-size:12px;line-height:1.5}.hq-shipyard__tray-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.hq-shipyard__tray-install{width:100%;margin-top:8px}.hq-shipyard__tray-installed{display:block;margin-top:8px;color:#54ffad;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hq-shipyard__canvas-wrap{display:grid;gap:12px}.hq-shipyard__canvas{position:relative;min-height:540px;border:1px solid rgba(89,247,229,.18);border-radius:24px;background:#000305;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 24px 60px rgba(0,0,0,.36);overflow:hidden}.hq-shipyard-3d{position:absolute;inset:0}.hq-shipyard__canvas canvas{display:block;width:100%!important;height:100%!important}.hq-shipyard-3d__controls{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;z-index:3}.hq-shipyard-3d__control{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border:1px solid rgba(89,247,229,.28);border-radius:10px;background:rgba(2,14,18,.72);backdrop-filter:blur(10px);color:#f5fcff;font-family:inherit;font-size:16px;font-weight:750;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.hq-shipyard-3d__control:hover{border-color:rgba(89,247,229,.7);background:rgba(0,24,30,.85)}.hq-shipyard-3d__control--center{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hq-shipyard__scene-loading{display:grid;height:540px;place-items:center;color:rgba(203,224,233,.66);font-size:13px}.hq-shipyard__orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(89,247,229,.18);border-radius:999px;pointer-events:none;transform:translate(-50%,-50%)}.hq-shipyard__orbit--outer{width:78%;aspect-ratio:1;animation:hq-orbit-spin 64s linear infinite}.hq-shipyard__orbit--inner{width:50%;aspect-ratio:1;border-color:rgba(89,247,229,.26);animation:hq-orbit-spin 42s linear infinite reverse}@keyframes hq-orbit-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.hq-shipyard__core{position:absolute;left:50%;top:50%;width:186px;height:92px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:28px;border:1px solid rgba(89,247,229,.4);background:radial-gradient(circle at 25% 18%,hsla(0,0%,100%,.22),transparent 28%),linear-gradient(145deg,rgba(89,247,229,.24),rgba(0,10,14,.94));box-shadow:0 0 48px rgba(89,247,229,.22),inset 0 0 26px rgba(89,247,229,.1);text-align:center;z-index:1;animation:hq-core-pulse 4.5s ease-in-out infinite}.hq-shipyard__core:after,.hq-shipyard__core:before{content:"";position:absolute;top:50%;width:52px;height:34px;transform:translateY(-50%);border:1px solid rgba(89,247,229,.24);border-radius:12px;background:linear-gradient(90deg,rgba(89,247,229,.12),transparent),rgba(0,10,14,.76)}.hq-shipyard__core:before{right:calc(100% + 12px)}.hq-shipyard__core:after{left:calc(100% + 12px)}@keyframes hq-core-pulse{0%,to{box-shadow:0 0 40px rgba(89,247,229,.18),inset 0 0 24px rgba(89,247,229,.08)}50%{box-shadow:0 0 60px rgba(89,247,229,.32),inset 0 0 30px rgba(89,247,229,.14)}}.hq-shipyard__core-glyph{display:block;color:#f5fcff;font-size:14px;font-weight:900;letter-spacing:.14em}.hq-shipyard__core-label{display:block;margin-top:4px;color:rgba(203,224,233,.7);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hq-shipyard__socket{position:absolute;width:168px;transform:translate(-50%,-50%);z-index:2;transition:transform .18s ease,opacity .18s ease}.hq-shipyard__socket--extension{width:140px}.hq-shipyard__socket--extension .hq-shipyard__socket-empty{padding:8px 10px;font-size:9px}.hq-shipyard__socket--locked{opacity:.45;pointer-events:none}.hq-shipyard__socket--selected{z-index:4}.hq-shipyard__socket-empty{display:grid;gap:4px;padding:10px 12px;border:1px dashed rgba(89,247,229,.22);border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(89,247,229,.05),transparent 55%),rgba(0,10,14,.22);text-align:center;color:rgba(203,224,233,.56);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:border-color .15s ease,background .15s ease,transform .15s ease}.hq-shipyard__socket-empty small{color:rgba(170,194,204,.42);font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.hq-shipyard__socket--drag-over .hq-shipyard__socket-empty{border-color:rgba(89,247,229,.62);background:rgba(0,20,26,.52)}.hq-shipyard__socket--filled .hq-shipyard__socket-empty{display:none}.hq-shipyard__socket-module{display:grid;gap:8px;padding:10px;border:1px solid rgba(89,247,229,.3);border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(89,247,229,.08),transparent 56%),rgba(0,10,14,.78);box-shadow:0 16px 40px rgba(0,0,0,.28),0 0 24px rgba(89,247,229,.1)}.hq-shipyard__socket-desc{margin:0;color:rgba(203,224,233,.72);font-size:11px;line-height:1.45}.hq-shipyard__socket-pill{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.hq-shipyard__socket-pill .hq-mod-chip{border-color:rgba(89,247,229,.28);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.hq-shipyard__socket--selected .hq-shipyard__socket-pill .hq-mod-chip,.hq-shipyard__socket-pill:hover .hq-mod-chip{border-color:rgba(89,247,229,.55);box-shadow:0 0 20px rgba(89,247,229,.14);transform:none}.hq-shipyard__inspector{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;border:1px solid rgba(89,247,229,.12);border-radius:14px;background:rgba(0,10,14,.42)}.hq-shipyard__inspector-info{min-width:0}.hq-shipyard__inspector-eyebrow{margin:0;color:rgba(170,194,204,.55);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hq-shipyard__inspector h3{margin:2px 0 0;font-size:15px;font-weight:750;letter-spacing:-.02em}.hq-shipyard__inspector-copy{margin:3px 0 0;color:rgba(203,224,233,.62);font-size:12px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hq-shipyard__inspector .hq-module-remove-note{margin-top:4px}.hq-shipyard-3d__dock{display:grid;gap:1px;width:70px;padding:5px 6px;border:1px dashed rgba(89,247,229,.3);border-radius:8px;background:rgba(0,10,14,.55);text-align:center;color:rgba(203,224,233,.8);font-size:8px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}.hq-shipyard-3d__dock small{color:rgba(170,194,204,.55);font-size:8px;font-weight:600;text-transform:none;letter-spacing:0}.hq-shipyard-3d__dock--drag-over{border-style:solid;border-color:rgba(89,247,229,.85);background:rgba(0,24,30,.78)}.hq-shipyard-3d__dock--locked{opacity:.45;pointer-events:none}.hq-shipyard-3d__dock--selected{border-color:rgba(89,247,229,.7)}.hq-shipyard-3d__module-label{margin:0;width:74px;padding:6px;border:1px solid color-mix(in srgb,var(--hq-module-accent,#59f7e5) 55%,transparent);border-radius:8px;background:rgba(2,14,18,.78);color:#f5fcff;font-family:inherit;font-size:10px;font-weight:750;line-height:1.2;letter-spacing:-.01em;text-align:center;cursor:grab}.hq-shipyard-3d__module-label:active{cursor:grabbing}.hq-shipyard-3d__module-label--selected,.hq-shipyard-3d__module-label:hover{border-color:var(--hq-module-accent,#59f7e5);box-shadow:0 0 16px color-mix(in srgb,var(--hq-module-accent,#59f7e5) 35%,transparent)}.hq-shipyard-3d__module-label--dragging{opacity:.35}.hq-shipyard-3d__module-label--core{width:auto;min-width:84px;cursor:pointer;border-color:rgba(89,247,229,.6);background:rgba(2,22,28,.85);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.hq-shipyard__socket-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.hq-shipyard__socket-actions .hq-module-btn{flex:0 0 auto;padding:8px 16px;font-size:12px}.hq-shipyard__legend{padding:0 4px;color:rgba(203,224,233,.68);font-size:12px;line-height:1.5}.hq-shipyard__legend strong{color:#f5fcff}.hq-mod-chip{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;background:rgba(0,10,14,.72);cursor:grab}.hq-mod-chip:active{cursor:grabbing}.hq-mod-chip--compact{grid-template-columns:auto 1fr;padding:8px 10px}.hq-mod-chip__glyph{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:11px;font-weight:900;letter-spacing:.06em;color:#00100f}.hq-mod-chip--teal .hq-mod-chip__glyph{background:linear-gradient(135deg,#59f7e5,#54ffad)}.hq-mod-chip--green .hq-mod-chip__glyph{background:linear-gradient(135deg,#54ffad,#3de89a)}.hq-mod-chip--amber .hq-mod-chip__glyph{background:linear-gradient(135deg,#f5c84c,#ffb347)}.hq-mod-chip--violet .hq-mod-chip__glyph{background:linear-gradient(135deg,#b794ff,#8b6dff);color:#fff}.hq-mod-chip--cyan .hq-mod-chip__glyph{background:linear-gradient(135deg,#6fe8ff,#59f7e5)}.hq-mod-chip--rose .hq-mod-chip__glyph{background:linear-gradient(135deg,#ff8fa8,#ff6b8a);color:#fff}.hq-mod-chip__copy{display:grid;gap:2px;min-width:0}.hq-mod-chip__copy strong{color:#f5fcff;font-size:13px;font-weight:750;letter-spacing:-.02em}.hq-mod-chip__copy span{color:rgba(170,194,204,.66);font-size:11px}.hq-mod-chip__badge{grid-column:1/-1;width:-moz-fit-content;width:fit-content;margin-top:2px;padding:3px 7px;border-radius:999px;background:rgba(89,247,229,.1);color:rgba(203,224,233,.72);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hq-mod-chip--compact .hq-mod-chip__badge{display:none}.hq-mod-chip--minimal{grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:6px 10px;cursor:pointer}.hq-mod-chip--minimal .hq-mod-chip__glyph{width:30px;height:30px;font-size:10px}.hq-mod-chip__minimal-label{color:#f5fcff;font-size:12px;font-weight:750;letter-spacing:-.02em}@media (max-width:1080px){.hq-shipyard{grid-template-columns:1fr}.hq-shipyard__canvas{min-height:460px}.hq-shipyard__socket{width:148px}}@media (max-width:760px){.hq-shipyard__canvas{min-height:520px}.hq-shipyard__socket{width:132px}}