/* Shared Aetherhaven chrome — floating hub link for every surface */
.ah-hub{
  position:fixed;z-index:9999;top:max(12px,env(safe-area-inset-top));
  left:max(12px,env(safe-area-inset-left));
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;border-radius:999px;
  font:600 12px/1 system-ui,-apple-system,Segoe UI,sans-serif;
  letter-spacing:.04em;text-decoration:none;
  color:#f8f3ff;background:rgba(5,3,11,.72);
  border:1px solid rgba(248,243,255,.16);
  backdrop-filter:blur(14px) saturate(1.15);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  transition:transform .2s ease,border-color .2s,background .2s,box-shadow .2s;
}
.ah-hub:hover{
  transform:translateY(-1px);
  border-color:rgba(57,255,110,.45);
  background:rgba(5,3,11,.88);
  box-shadow:0 14px 36px rgba(57,255,110,.12);
  color:#39ff6e;
}
.ah-hub:focus-visible{outline:2px solid #39ff6e;outline-offset:3px}
.ah-hub b{color:#39ff6e;font-weight:800}
.ah-hub span{opacity:.9}
@media(max-width:520px){
  .ah-hub{padding:8px 12px;font-size:11px}
  .ah-hub span{display:none}
  .ah-hub:after{content:"Hub"}
}
@media(prefers-reduced-motion:reduce){
  .ah-hub{transition:none}
  .ah-hub:hover{transform:none}
}