/* workspace/starcode/assets/code-popover.css
   The share-code popover and its chain-link button (assets/code-popover.js).
   Loaded by every builder page right after builder-page.css, and by the
   game's index.html for the solar-system info panel's system-words button.
   The colour variables resolve from builder-page.css on a builder page;
   the fallback values are those same colours, so the game's popover looks
   the same without loading the builder stylesheet. */
.popover{position:fixed;z-index:9;width:236px;background:var(--panel2,rgba(13,21,36,.9));border:1px solid var(--line2,#2a3d5c);
  border-radius:10px;padding:36px 14px 14px;display:flex;flex-direction:column;gap:9px;box-shadow:0 12px 40px rgba(0,0,0,.55);backdrop-filter:blur(10px);
  color:var(--txt,#c9d8e4);font:13px/1.45 var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif)}
.pop-close{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--dim,#7d93a8);font-size:13px;cursor:pointer;padding:0;z-index:1}
.pop-close:hover{color:var(--txt,#c9d8e4)}
.linkrow{display:flex;gap:6px}
.linkrow input[type=text]{font:12px var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);color:var(--txt,#c9d8e4);background:#0a1120;border:1px solid var(--line2,#2a3d5c);border-radius:5px;padding:6px 8px;width:100%}
.linkrow input[type=text]:focus{outline:none;border-color:var(--acc,#63e2ae)}
.linkrow button{font:inherit;color:var(--txt,#c9d8e4);background:var(--panel2,rgba(13,21,36,.9));border:1px solid var(--line2,#2a3d5c);border-radius:6px;padding:6px 10px;cursor:pointer;flex-shrink:0;width:64px;font-size:13px}
.linkrow button:hover{border-color:var(--acc,#63e2ae);color:#eafff5}
.icon-copy{font-size:14px;line-height:1}
#pop-link{bottom:150px;right:26px}
/* The chain-link button when it sits outside a builder nameplate (the
   game's info panel): the same 25px square the nameplate gives it. */
.code-link-btn{appearance:none;width:25px;height:25px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none;
  border:1px solid var(--line2,#2a3d5c);border-radius:8px;background:rgba(8,11,15,.7);color:var(--dim,#7d93a8);cursor:pointer}
.code-link-btn:hover{color:var(--acc,#63e2ae);border-color:var(--acc,#63e2ae)}