.dg-zu{position:relative}
#db .czk-case.dg-zu,#db .czk-sub button.dg-zu,html body .gc-knopf.dg-zu{position:relative}
.dg-schloss{position:absolute;top:5px;right:5px;z-index:2;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;pointer-events:none;
  color:var(--gc-silber,#d6d6da);background:radial-gradient(circle at 40% 30%,#3a3a40,#121214);box-shadow:0 0 0 1px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.6)}
.dg-schloss svg{width:12px;height:12px;fill:currentColor}
button.dg-zu[data-aa]{display:grid;place-items:center}
button.dg-zu[data-aa] svg{width:14px;height:14px;fill:var(--gc-silber,#d6d6da)}
#dock [data-dk="build"].dg-zu .dg-schloss,.czk-sub .dg-zu .dg-schloss,#chrWs [data-g="1"] .dg-schloss,.btn.dg-zu .dg-schloss,.chip.dg-zu .dg-schloss,
label.dg-zu .dg-schloss,#drop .dg-schloss{top:-6px;right:-6px;width:18px;height:18px}
#db .czk-sub{grid-template-columns:repeat(3,1fr)}
.ktr.dg-stueck{cursor:pointer}
.ktr.dg-stueck .nm b,.ktr.dg-stueck .d{opacity:.78}
.ktr.dg-stueck .dg-schloss{position:static;justify-self:center;width:18px;height:18px}
.kb-card[data-dg-karte]{cursor:pointer}
.kb-card[data-dg-karte] .kb-img{position:relative}

#dgKarte{--dl:calc(var(--uk,1) * 1px);position:fixed;inset:0;z-index:9800;display:grid;place-items:center;padding:16px;box-sizing:border-box}
#dgKarte .dg-schleier{position:absolute;inset:0;background:rgba(3,3,4,.62);animation:dgSchleier 150ms ease both}
#dgKarte .dg-blatt{position:relative;box-sizing:border-box;width:calc(380 * var(--dl));max-width:100%;max-height:calc(100vh - 32px);overflow:auto;
  color:var(--gc-elf,#eae4d6);background:linear-gradient(180deg,#201e23,#151317);border:1px solid rgba(214,214,220,.3);border-radius:calc(3 * var(--dl));
  box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(236,220,190,.10),0 calc(14 * var(--dl)) calc(34 * var(--dl)) rgba(0,0,0,.65),0 calc(2 * var(--dl)) calc(5 * var(--dl)) rgba(0,0,0,.5);
  animation:dgAuf 150ms cubic-bezier(.2,.7,.2,1) both}
#dgKarte.weg .dg-blatt,#dgKarte.weg .dg-schleier{animation:dgWeg 120ms ease both}
#dgKarte .dg-film{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a0908;border-radius:calc(2 * var(--dl)) calc(2 * var(--dl)) 0 0;border-bottom:1px solid rgba(0,0,0,.85)}
#dgKarte .dg-film::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 calc(10 * var(--dl)) rgba(0,0,0,.5);pointer-events:none}
#dgKarte .dg-film :is(img,video){display:block;width:100%;height:100%;object-fit:cover}
#dgKarte .dg-cover{display:block;width:100%;height:100%;background-size:cover;background-position:center}
#dgKarte .dg-x{all:unset;box-sizing:border-box;position:absolute;top:calc(8 * var(--dl));right:calc(8 * var(--dl));z-index:2;width:calc(28 * var(--dl));height:calc(28 * var(--dl));
  display:grid;place-items:center;border-radius:50%;cursor:pointer;color:var(--gc-elf,#eae4d6);background:radial-gradient(circle at 40% 30%,#3a3a40,#121214);box-shadow:0 0 0 1px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.6)}
#dgKarte .dg-x svg{width:calc(11 * var(--dl));height:calc(11 * var(--dl));stroke:currentColor;stroke-width:2;fill:none}
#dgKarte .dg-x:focus-visible{outline:2px solid #f4e4c4;outline-offset:2px}
#dgKarte .dg-text{padding:calc(13 * var(--dl)) calc(16 * var(--dl)) calc(15 * var(--dl))}
#dgKarte .dg-kopf{display:flex;align-items:center;gap:calc(7 * var(--dl));margin:0 0 calc(4 * var(--dl));font:600 calc(12.5 * var(--dl))/1 var(--gc-schrift,'EB Garamond',Georgia,serif);
  letter-spacing:.06em;text-transform:uppercase;color:var(--gc-elf2,#beb8ac)}
#dgKarte .dg-zeichen{display:block;width:calc(15 * var(--dl));height:calc(15 * var(--dl));color:var(--gc-silber,#d6d6da);filter:drop-shadow(0 1px 1px #000)}
#dgKarte .dg-zeichen svg{display:block;width:100%;height:100%;fill:currentColor}
#dgKarte .dg-titel{margin:0 0 calc(7 * var(--dl));font:600 calc(21 * var(--dl))/1.15 var(--gc-gotisch,'Grenze Gotisch','EB Garamond',Georgia,serif);color:var(--gc-weiss,#faf7f0);
  text-shadow:0 1px 1px #000;text-wrap:balance}
#dgKarte p{margin:0;font:500 calc(15 * var(--dl))/1.42 var(--gc-schrift,'EB Garamond',Georgia,serif);color:var(--gc-elf,#eae4d6);text-wrap:pretty}
#dgKarte p.dg-zahl{margin-top:calc(8 * var(--dl));font-size:calc(13.5 * var(--dl));line-height:1.35;color:var(--gc-elf2,#beb8ac)}
#dgKarte p.dg-weg{margin-top:calc(9 * var(--dl));padding-top:calc(8 * var(--dl));border-top:1px solid rgba(214,214,220,.14);font-size:calc(13 * var(--dl));line-height:1.35;color:var(--gc-elf2,#beb8ac)}
#dgKarte .dg-tasten{display:flex;flex-wrap:wrap;gap:calc(8 * var(--dl));margin-top:calc(14 * var(--dl))}
#dgKarte .dg-tasten .sc-key{flex:1 1 auto;min-width:0}
html.sc.rg.gc3 #dgKarte .sc-key{isolation:isolate;height:auto;min-height:calc(34 * var(--dl));padding:0 calc(14 * var(--dl)) 2px;border:0;background:none;box-shadow:none;
  color:var(--gc-elf,#eae4d6);font:600 calc(15 * var(--dl))/1 var(--gc-schrift,'EB Garamond',Georgia,serif)}
html.sc.rg.gc3 #dgKarte .sc-key::before{content:"";position:absolute;inset:0;z-index:-1;border:6px solid transparent;border-image:url("gc3/taste_ruhe.webp") 12 fill / 6px stretch}
html.sc.rg.gc3 #dgKarte .sc-key--main{color:var(--gc-weiss,#faf7f0)}
html.sc.rg.gc3 #dgKarte .sc-key--main::before{border-image-source:url("gc3/taste_haupt.webp")}
html.sc.rg.gc3 #dgKarte .sc-key:hover::before{filter:brightness(1.18)}
html.sc.rg.gc3 #dgKarte .sc-key:active::before{border-image-source:url("gc3/taste_an.webp")}
html.sc.rg.gc3 #dgKarte .sc-key:focus-visible{outline:2px solid var(--gc-fokus,#f1f2f3);outline-offset:2px}
@keyframes dgAuf{from{opacity:0;transform:translateY(calc(6 * var(--dl)))}to{opacity:1;transform:none}}
@keyframes dgSchleier{from{opacity:0}to{opacity:1}}
@keyframes dgWeg{to{opacity:0}}
@media (prefers-reduced-motion:reduce){#dgKarte .dg-blatt,#dgKarte .dg-schleier,#dgKarte.weg .dg-blatt,#dgKarte.weg .dg-schleier{animation:none}}

#dgHandy{--k:.76;position:fixed;z-index:9600;display:flex;flex-direction:column;box-sizing:border-box;padding:0 8px 8px;
  background:linear-gradient(180deg,#232126,#141216);border:1px solid rgba(214,214,220,.3);border-radius:18px;
  box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(236,220,190,.10),0 14px 34px rgba(0,0,0,.65),0 2px 5px rgba(0,0,0,.5);animation:dgAuf 150ms cubic-bezier(.2,.7,.2,1) both}
#dgHandy .dgh-kopf{display:flex;align-items:center;gap:6px;height:40px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}
#dgHandy.zieht .dgh-kopf{cursor:grabbing}
#dgHandy .dgh-name{flex:1 1 auto;min-width:0;padding-left:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font:600 12.5px/1 var(--gc-schrift,'EB Garamond',Georgia,serif);letter-spacing:.07em;text-transform:uppercase;color:var(--gc-elf2,#beb8ac)}
#dgHandy .dgh-wahl{display:flex;flex:none;padding:2px;border-radius:4px;background:#0b0a0c;box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 1px 0 rgba(241,242,243,.06)}
#dgHandy button{all:unset;box-sizing:border-box;cursor:pointer}
#dgHandy .dgh-wahl button{padding:5px 9px 6px;border-radius:3px;font:600 13px/1 var(--gc-schrift,'EB Garamond',Georgia,serif);color:var(--gc-elf2,#beb8ac)}
#dgHandy .dgh-wahl button[aria-pressed="true"]{color:var(--gc-weiss,#faf7f0);background:linear-gradient(180deg,#3a373e,#242226);box-shadow:inset 0 1px 0 rgba(241,242,243,.14),0 0 0 1px #040304}
#dgHandy .dgh-t{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;color:var(--gc-elf,#eae4d6);
  background:radial-gradient(circle at 40% 30%,#3a3a40,#121214);box-shadow:0 0 0 1px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.6)}
#dgHandy .dgh-t svg{width:10px;height:10px;stroke:currentColor;stroke-width:2;fill:none}
#dgHandy button:hover{filter:brightness(1.18)}
#dgHandy button:focus-visible{outline:2px solid var(--gc-fokus,#f1f2f3);outline-offset:2px}
#dgHandy .dgh-geraet{position:relative;width:calc(390px * var(--k));height:calc(844px * var(--k));overflow:hidden;border-radius:12px;background:#0d0c0e;box-shadow:0 0 0 1px #000,inset 0 0 0 1px rgba(241,242,243,.05)}
#dgHandy iframe{display:block;width:390px;height:844px;border:0;transform:scale(var(--k));transform-origin:0 0;background:#0d0c0e}
#dgHandy.klein .dgh-geraet{display:none}
#dgHandy.klein{padding-bottom:0}
@media (prefers-reduced-motion:reduce){#dgHandy{animation:none}}

.np-bg.dg-np .dg-kopf{display:flex;align-items:center;justify-content:center;gap:7px;margin:28px 0 0;font:600 13px/1 var(--f,'EB Garamond',Georgia,serif);
  letter-spacing:.08em;text-transform:uppercase;color:var(--elf2,#bdb6aa)}
.np-bg.dg-np .dg-kopf svg{width:13px;height:13px;fill:currentColor;filter:drop-shadow(0 1px 1px #000)}
.np-bg.dg-np .titel{margin-top:8px}
.np-bg.dg-np .papier{margin-top:12px}
.np-bg.dg-np .hinweis{margin:0 4px 14px;text-align:center}
.np-bg.dg-np:not(.gch) .tafel{width:100%;max-width:390px;margin:0 auto;padding:18px 16px 22px;box-sizing:border-box;background:#1a1715;color:#ece3cf;font:500 17px/1.4 Georgia,serif}
.np-bg.dg-np:not(.gch) .reihe{display:flex;gap:8px}.np-bg.dg-np:not(.gch) .taste{flex:1;padding:12px;border:1px solid #6a5a44;text-align:center}
#dgEigen{position:fixed;right:max(14px,1.1vw);bottom:max(10px,.9vw);z-index:60;pointer-events:none;user-select:none;
  font:600 clamp(12px,1vw,20px)/1 var(--gc-schrift,'EB Garamond',Georgia,serif);letter-spacing:.2em;text-transform:uppercase;
  color:rgba(234,228,214,.62);text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6)}