/* ============================================================
   gd-shell.css · g--d · EINE Welten-Hülle für ALLE hum-one-Seiten
   Header (zentriertes oK-Logo) + Bottom-Dock + oK-Button.
   Versteht beide Token-Welten: --t-* (tokens.css) UND --braun-* (Künstlerseiten).
   Lead: Ee · Quelle: Ras Künstler-Header destilliert · 17.6.2026
   ============================================================ */
:root{
  /* Brücke: falls eine Seite nur tokens.css (--t-*) hat, mappe auf --braun-* */
  --braun-orange:     var(--gd-orange, 18 84% 55%);
  --braun-anthracite: var(--gd-anthracite, 60 4% 12%);
  --braun-cream:      var(--gd-cream, 42 30% 94%);
  --gd-bg:     var(--t-background, 42 25% 91%);
  --gd-fg:     var(--t-foreground, 60 4% 12%);
  --gd-card:   var(--t-card, 42 30% 94%);
  --gd-border: var(--t-border, 40 12% 76%);
  --gd-orange: var(--t-orange, 18 84% 55%);
  --gd-anthracite: var(--t-anthracite, 60 4% 12%);
  --gd-muted:  var(--t-muted-foreground, 40 6% 38%);
}
/* HEADER */
.gdsh-header{height:80px;position:sticky;top:0;z-index:30;overflow:hidden;
  border-bottom:1px solid hsl(40 12% 60%);
  background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),
   repeating-linear-gradient(90deg,hsl(42 20% 88%),hsl(42 20% 88%) 1px,hsl(42 18% 82%) 2px,hsl(42 18% 82%) 4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 18px -20px rgba(0,0,0,.3)}
.gdsh-inner{height:80px;position:relative;max-width:1280px;margin:0 auto;padding:0 40px}
.gdsh-left{position:absolute;left:16px;right:calc(50% + 64px);top:50%;transform:translateY(-50%);
  height:80px;display:flex;align-items:center;overflow:hidden}
.gdsh-kicker{font-size:10px;color:hsl(var(--gd-muted));letter-spacing:.08em;text-transform:uppercase;
  font-weight:500;margin-bottom:5px}
.gdsh-title{font-weight:800;font-size:22px;line-height:1;color:hsl(var(--gd-anthracite));white-space:nowrap;
  font-stretch:64%;letter-spacing:-.02em}
.gdsh-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 8.25px));z-index:10}
.gdsh-logo a{display:block}
.gdsh-right{position:absolute;right:16px;left:calc(50% + 64px);top:50%;transform:translateY(-50%);
  height:80px;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.gdsh-pill{border:2px solid hsl(var(--gd-border));border-radius:999px;padding:9px 13px;
  background:hsl(var(--gd-card));font-size:11px;text-decoration:none;color:inherit;display:inline-block;
  letter-spacing:.08em;text-transform:uppercase;font-weight:500;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 10px rgba(60,40,20,.08)}
.gdsh-pill:hover{border-color:hsl(var(--gd-orange))}
/* BOTTOM-DOCK (Welten-Navi) */
.gdsh-dockwrap{position:fixed;z-index:40;left:0;right:0;bottom:28px;pointer-events:none}
.gdsh-dock{max-width:1280px;margin:0 auto;height:64px;position:relative;display:flex;align-items:center;
  gap:8px;padding:0 96px 0 16px;overflow:hidden;border-radius:14px;border:1px solid hsl(40 12% 60%);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.18),inset 0 -1px 2px rgba(255,255,255,.4),0 6px 14px -10px rgba(0,0,0,.25);
  background:repeating-linear-gradient(90deg,hsl(42 20% 86%),hsl(42 20% 86%) 1px,hsl(42 18% 80%) 2px,hsl(42 18% 80%) 4px);
  pointer-events:auto;margin-left:16px;margin-right:16px}
.gdsh-dock .gdsh-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;
  color:hsl(var(--gd-muted))}
.gdsh-dock .gdsh-spacer{flex:1}
.gdsh-navbtn{height:38px;padding:0 14px;border-radius:999px;border:0;background:#faf7f2;
  box-shadow:0 1px 3px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.08);display:flex;align-items:center;
  font-weight:700;font-size:12px;color:hsl(var(--gd-anthracite));text-decoration:none;white-space:nowrap}
.gdsh-navbtn:hover{background:#FFE6D0}
.gdsh-navbtn.active{background:#FFE6D0}
/* oK-Button (orange-circle) */
.gdsh-ok{position:fixed;z-index:50;right:24px;bottom:28px;width:64px;height:64px;border-radius:999px;
  background:hsl(var(--gd-orange));box-shadow:0 6px 18px rgba(0,0,0,.22),inset 0 -3px 0 hsl(18 84% 44%);
  border:0;cursor:pointer}
body.gdsh-has-dock{padding-bottom:112px}
@media(max-width:767px){
  .gdsh-inner{padding:0 16px}.gdsh-right{display:none}.gdsh-left{right:calc(50% + 46px)}
  .gdsh-title{font-size:15px}.gdsh-dockwrap{bottom:16px}.gdsh-dock{height:56px;padding-right:80px}
  .gdsh-ok{width:52px;height:52px;right:16px;bottom:16px}
}
/* Welten-Block, wenn in ein vorhandenes Eigen-Dock eingehängt */
.gdsh-worlds{display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:62%;
  -ms-overflow-style:none;scrollbar-width:none}
.gdsh-worlds::-webkit-scrollbar{display:none}
.gdsh-worlds .gdsh-label{flex:0 0 auto;margin-right:4px}
@media(max-width:767px){.gdsh-worlds{max-width:48%}}