@media (min-width:641px){
html.gr,html.sc.rg.gc3.gr:not(.mini){--scL:calc(var(--gr-L,134) * var(--bp));--scR:calc(var(--gr-R,100) * var(--bp));--scT:calc(var(--gr-T,126) * var(--bp));--scB:calc(var(--gr-B,112) * var(--bp));--scF:0px}
html.mini #grUI{display:none!important}
html.gr:not(.mini) :is(#gcKopf,#gcLinks,#gcTisch,#gcPortal,#scSocle,#gcWaechter,#gcAnsicht){display:none!important}

html.gr #grUI{position:absolute;inset:0;z-index:8;pointer-events:none;box-sizing:border-box;
  font:600 16px/1.2 'EB Garamond',Georgia,serif;color:var(--schrift);
  --schrift:#ebe6db;--leise:#b3ada3;--silber:#d8d8dd;--chrom:#f6f8fc;--glanz:0 1px 0 #000,0 0 7px rgba(205,220,255,.55);
  --titel:600 22px/1 'Grenze Gotisch','EB Garamond',Georgia,serif;--schatten:0 1px 0 #000,0 0 4px rgba(0,0,0,.9);--rot:#e8664f}
html.gr #grUI *{box-sizing:border-box}
html.gr #grUI > *{position:absolute}
html.gr #grUI > :not(.gr-rahmen){pointer-events:auto}
html.gr #grUI button{-webkit-tap-highlight-color:transparent}
html.gr #grUI :is(button):focus-visible{outline:2px solid #f4e4c4;outline-offset:2px}
html.gr #grUI .u{font-variant-numeric:tabular-nums}
html.gr #grUI svg.z{width:20px;height:20px;fill:currentColor;flex:none;color:var(--silber);filter:drop-shadow(0 1px 0 #000)}
html.gr #grUI .gr-titel{font:var(--titel);letter-spacing:.01em;color:var(--silber);text-shadow:var(--schatten)}
html.gr #grUI .gr-leer{margin:4px 2px;color:var(--leise);font-size:15px;text-shadow:var(--schatten)}

html.gr .gr-rahmen{inset:0;pointer-events:none}
html.gr .gr-rahmen > i{position:absolute;display:block}
html.gr .gr-gewaende{border-style:solid;border-color:transparent;border-image:url("portal4.webp") 212 200 190 200 / 74.2px 70px 66.5px 70px stretch;filter:brightness(.74) saturate(.7) drop-shadow(0 0 8px rgba(0,0,0,.6))}
html.gr .gr-pfeiler{top:34px;filter:drop-shadow(0 0 6px rgba(0,0,0,.75))}
html.gr .gr-pfeiler.l{left:0;background:url("saeule100_schaft.webp") 0 0/120px 192px repeat-y}
html.gr .gr-pfeiler.r{right:0;background:url("saeule80_schaft.webp") 0 0/86px 172px repeat-y}
html.gr .gr-nische{background:0 0/100% 100% no-repeat}
html.gr .gr-nische.l{left:0;background-image:url("nische_l.webp")}
html.gr .gr-nische.r{right:0;background-image:url("nische_r.webp")}
html.gr .gr-dach{left:0;right:0;top:0;height:106.4px;background:url("dach_band.webp") 0 0/396px 106.4px repeat-x;filter:drop-shadow(0 5px 7px rgba(0,0,0,.75))}
html.gr .gr-giebel{left:50%;margin-left:-330px;top:0;width:660px;height:183.2px;background:url("dach_giebel.webp") 0 0/660px 183.2px no-repeat;filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))}
html.gr .gr-sockel{left:0;right:0;bottom:0;background:url("sockel_band.webp") 0 0/400px 45px repeat-x,url("basalt.webp") 0 0/256px 256px;filter:drop-shadow(0 -4px 6px rgba(0,0,0,.7))}
html.gr .gr-eckzier{background:url("portal4.webp") no-repeat;filter:brightness(.95) saturate(.85) drop-shadow(0 2px 4px rgba(0,0,0,.8))}

html.gr .gr-feldtafel{border:5px solid transparent;border-image:url("feld.webp") 16 fill / 7px stretch}
html.gr .gr-insel{border:14px solid transparent;border-image:url("leiste_gotik.webp") 40 fill / 20px / 6px round;filter:drop-shadow(0 5px 9px rgba(0,0,0,.7))}
html.gr #grUI .gr-k{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;white-space:nowrap;color:var(--schrift);
  font:600 16px/1.2 'EB Garamond',Georgia,serif;text-shadow:var(--schatten);border:8px solid transparent;border-image:url("taste_ruhe.webp") 16 fill / 8px stretch;min-height:34px;padding:0 4px;
  transition:transform .08s,filter .15s}
html.gr #grUI .gr-k:is([aria-pressed="true"],[aria-checked="true"],[aria-expanded="true"],.an){border-image-source:url("taste_an.webp");color:var(--chrom);text-shadow:var(--glanz);border-radius:7px;box-shadow:0 0 10px rgba(200,215,255,.30)}
html.gr #grUI .gr-k:hover:not(.an):not([aria-pressed="true"]){filter:brightness(1.14)}
html.gr #grUI :is(.gr-k,.gr-fach,.gr-stein,.gr-rund,.gr-wz,.gr-held,.gr-zeile,.gr-pfeil):active{transform:translateY(1px) scale(.97)}
html.gr #grUI .gr-k svg{width:18px;height:18px;fill:currentColor;flex:none;color:var(--silber);filter:drop-shadow(0 1px 0 #000)}
html.gr #grUI .gr-k kbd{font:600 15px/1 'EB Garamond',Georgia,serif;color:var(--leise);background:rgba(0,0,0,.45);border:0;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(216,216,221,.18);padding:2px 5px;margin:0}

html.gr .gr-marke{all:unset;position:absolute;left:0;top:0;width:120px;height:106.4px;cursor:pointer;z-index:5;background:url("marke.webp") 0 0/100% 100% no-repeat;filter:drop-shadow(3px 4px 6px rgba(0,0,0,.75))}
html.gr .gr-marke i{position:absolute;border-radius:50%;background:url("../gc3/sturz_siegel.webp") center/100% 100% no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.9));transition:filter .15s}
html.gr .gr-marke:is(:hover,:focus-visible) i{filter:brightness(1.15) drop-shadow(0 0 7px rgba(215,228,255,.55))}

html.gr #grTisch{left:126px;top:6px;width:374px;height:78px;display:flex;gap:10px;align-items:center;padding:0 4px}
html.gr #grTisch .gr-tv{all:unset;flex:none;position:relative;width:84px;height:48px;cursor:pointer;border-radius:2px;overflow:hidden;background:#111114;
  box-shadow:inset 0 0 10px rgba(0,0,0,.85),0 0 0 2px #2a2a2e,0 0 0 3px #8f8f95}
html.gr #grTisch .gr-tv canvas{position:absolute;inset:0;width:100%;height:100%}
html.gr #grTisch .gr-tv.zu::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.55),transparent 18%,transparent 70%,rgba(0,0,0,.6)),repeating-linear-gradient(90deg,#2a0408 0,#6a101c 7px,#8e1a28 10px,#5a0c16 14px,#2a0408 20px)}
html.gr #grTisch .gr-tv .live{position:absolute;left:3px;bottom:3px;z-index:1;padding:0 4px 1px;border-radius:2px;background:rgba(8,8,10,.8);font:600 16px/1.1 'EB Garamond',Georgia,serif;color:#fff;white-space:nowrap}
html.gr #grTisch:not(.verbunden) .gr-tv .live{color:var(--leise)}
html.gr #grTisch .gr-tv:is(:hover,:focus-visible){box-shadow:inset 0 0 10px rgba(0,0,0,.85),0 0 0 2px #2a2a2e,0 0 0 3px var(--chrom),0 0 12px rgba(210,225,255,.45)}
html.gr #grTisch .rechts{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
@media (max-width:1365px){html.gr:not(.gr-ein-o) #grTisch{width:auto;gap:8px}}
html.gr #grTisch .reihe1{display:flex;align-items:center;gap:4px}
html.gr #grTisch .reihe1 .gr-k{min-height:27px;padding:0 3px;border-width:6px;border-image-width:6px}
html.gr #grTisch .reihe2{display:flex;gap:7px;justify-content:flex-start}
html.gr .gr-fackeln{display:flex;gap:3px;align-items:flex-end;min-width:16px}
html.gr .gr-fackel{display:inline-block;flex:none;width:16px;height:33px;background:center/16px 33px no-repeat}
html.gr .gr-fackel.aus{background-image:url("fackel_aus.webp")}
html.gr .gr-fackel.an{background-image:url("fackel_an.webp");animation:grFlackern 2.8s ease-in-out infinite;filter:drop-shadow(0 -2px 5px rgba(255,140,40,.45))}
html.gr .gr-fackel.an:nth-child(2){animation-delay:-.9s}
html.gr .gr-fackel.an:nth-child(3){animation-delay:-1.7s}
@keyframes grFlackern{0%,100%{filter:brightness(1) drop-shadow(0 -2px 5px rgba(255,140,40,.45))}30%{filter:brightness(1.12) drop-shadow(0 -2px 7px rgba(255,150,50,.6))}55%{filter:brightness(.94) drop-shadow(0 -2px 4px rgba(255,130,40,.38))}80%{filter:brightness(1.06) drop-shadow(0 -2px 6px rgba(255,140,40,.5))}}
html.gr .gr-stein{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;font:600 16px/1 'EB Garamond',Georgia,serif;color:var(--leise);text-shadow:var(--schatten);transition:transform .08s,filter .15s}
html.gr .gr-stein:hover{filter:brightness(1.14)}
html.gr .gr-stein i{width:23px;height:23px;margin-bottom:2px;border-radius:50%;background:url("tisch_aus.webp") no-repeat}
html.gr .gr-stein.an{color:#fff}
html.gr .gr-stein.an i{background-image:url("tisch_an.webp")}
html.gr .gr-stein.vorhang.an{color:#ffb0a6;text-shadow:0 1px 0 #000,0 0 6px rgba(224,68,76,.9)}
html.gr .gr-stein.vorhang.an i{box-shadow:0 0 14px 3px rgba(224,58,66,.55)}

html.gr #grHelden{left:6px;top:108px;width:108px;display:flex;flex-direction:column;align-items:center}
html.gr #grHelden[hidden],html.gr #grReihe[hidden]{display:none}
html.gr .gr-held{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%;color:var(--schrift);text-shadow:var(--schatten);transition:transform .08s,filter .15s}
html.gr .gr-held:hover{filter:brightness(1.12)}
html.gr .gr-held .bild{position:relative;width:46px;height:46px;background:url("med_ruhe.webp") center/46px 46px}
html.gr .gr-held .bild img{position:absolute;left:6px;top:6px;width:34px;height:34px;border-radius:50%;object-fit:cover}
html.gr .gr-held .bild svg{position:absolute;inset:0;width:100%;height:100%}
html.gr .gr-held .tp{display:block;font:700 17px/1 'EB Garamond',Georgia,serif;color:#fff;margin-top:1px}
html.gr .gr-held .tp.tief{color:var(--rot)}
html.gr .gr-held .n{display:block;line-height:1;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.gr .gr-held.tot{filter:grayscale(1) brightness(.7)}
html.gr #grHelden.eng .gr-held .bild{width:40px;height:40px;background-size:40px 40px}
html.gr #grHelden.eng .gr-held .bild img{left:5px;top:5px;width:30px;height:30px}
html.gr #grHelden.eng .gr-held .tp{font-size:15px}
html.gr #grHelden.eng .gr-held .n{font-size:14px}
html.gr #grHelden > .gr-k{width:96px;margin-top:3px;min-height:30px;height:30px}
html.gr #grReihe{left:8px;top:112px;width:268px;display:flex;flex-direction:column}
html.gr #grReihe .kopf{display:flex;justify-content:space-between;align-items:center;padding:0 2px 5px}
html.gr #grReihe .ende{min-height:30px;padding:0 3px}
html.gr #grReihe .zeilen{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#5c5c63 rgba(0,0,0,.35)}
html.gr .gr-zeile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:6px;width:100%;height:36px;padding:0 6px;border:6px solid transparent;border-image:url("feld.webp") 16 fill / 8px stretch;transition:transform .08s,filter .15s}
html.gr .gr-zeile + .gr-zeile{margin-top:1px}
html.gr .gr-zeile:hover{filter:brightness(1.14)}
html.gr .gr-zeile img{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px #8f8f95}
html.gr .gr-zeile .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--schatten)}
html.gr .gr-zeile .tp{font:700 19px/1 'EB Garamond',Georgia,serif;text-shadow:var(--schatten)}
html.gr .gr-zeile .tp.tief{color:var(--rot)}
html.gr .gr-zeile .ini{width:19px;flex:none;text-align:right;color:var(--leise);text-shadow:var(--schatten)}
html.gr .gr-zeile.dran{border-image-source:url("taste_an.webp");border-image-slice:16 fill;border-radius:7px;box-shadow:0 0 0 1px rgba(235,240,252,.55),0 0 14px rgba(200,215,255,.45)}
html.gr .gr-zeile.dran :is(.n,.tp){color:var(--chrom);text-shadow:var(--glanz)}
html.gr .gr-zeile.feind .n{color:#efc0b4}
html.gr .gr-naechster{all:unset;box-sizing:border-box;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:calc(100% - 46px);height:46px;margin:8px 23px 0;flex:none;
  border:0 solid transparent;border-width:0 32px;border-image:url("kapsel.webp") 0 68 fill / 0 34px stretch;font:var(--titel);color:#1c1915;text-shadow:0 1px 0 rgba(255,255,255,.4);transition:transform .08s,filter .15s}
html.gr .gr-naechster:hover{filter:brightness(1.08)}
html.gr .gr-naechster:active{transform:translateY(1px)}

html.gr #grOrt{left:50%;margin-left:-181.5px;top:0;width:363px;height:105.6px;pointer-events:none}
html.gr #grOrt > *{pointer-events:auto}
html.gr .gr-pfeil{all:unset;position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;box-sizing:border-box;padding-bottom:2px;
  font:700 22px/1 'EB Garamond',Georgia,serif;color:var(--silber);text-shadow:var(--schatten);background:url("rund_ruhe.webp") center/100% 100% no-repeat;transition:transform .08s}
html.gr .gr-pfeil:hover{color:#fff;background-image:url("rund_an.webp")}
html.gr .gr-titelzeile,html.gr .gr-unter{all:unset;position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden}
html.gr .gr-titelzeile .gr-titel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3}
html.gr .gr-titelzeile:hover .gr-titel{color:#fff}
html.gr .gr-unter{color:var(--leise);text-shadow:var(--schatten)}
html.gr .gr-unter span{overflow:hidden;text-overflow:ellipsis;max-width:100%}
html.gr .gr-unter:is(:hover,[aria-expanded="true"]){color:var(--schrift)}
html.gr:not(.gr-ein-o) #grOrt .gr-titelzeile .gr-titel{font:600 27px/1.2 'Cinzel','EB Garamond',Georgia,serif;letter-spacing:.07em;text-transform:uppercase;padding:0 .12em;
  color:transparent;background:linear-gradient(180deg,#fffbe6,#dfe0e3 40%,#7e808d 55%,#d2d3d7 80%,#f1f2f3);-webkit-background-clip:text;background-clip:text;text-shadow:none;
  filter:drop-shadow(0 -1px 0 rgba(0,0,0,.95)) drop-shadow(0 1px 0 rgba(255,255,255,.13)) drop-shadow(0 0 5px rgba(0,0,0,.7));transition:filter .15s}
html.gr:not(.gr-ein-o) #grOrt .gr-titelzeile:is(:hover,:focus-visible) .gr-titel{filter:drop-shadow(0 -1px 0 rgba(0,0,0,.95)) drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 0 9px rgba(205,220,255,.55))}
html.gr:not(.gr-ein-o) #grOrt .gr-unter{font:600 16px/1.2 'EB Garamond',Georgia,serif;letter-spacing:.02em;text-shadow:0 -1px 0 #000,0 1px 0 rgba(255,255,255,.08),0 0 4px rgba(0,0,0,.9)}
html.gr:not(.gr-ein-o) #grOrt .gr-nb{border-radius:0;padding:0 2px 2px;gap:6px;background:none;font:600 16px/1.1 'EB Garamond',Georgia,serif;color:var(--silber);white-space:nowrap;
  text-shadow:0 1px 0 #000,0 0 3px #000,0 0 8px rgba(0,0,0,.9)}
html.gr:not(.gr-ein-o) #grOrt .gr-nb.l{justify-content:flex-end}
html.gr:not(.gr-ein-o) #grOrt .gr-nb.r{justify-content:flex-start}
html.gr:not(.gr-ein-o) #grOrt .gr-nb span{overflow:hidden;text-overflow:ellipsis;min-width:0}
html.gr:not(.gr-ein-o) #grOrt .gr-nb i{font:700 21px/1 'EB Garamond',Georgia,serif;font-style:normal;flex:none;transition:transform .15s}
html.gr:not(.gr-ein-o) #grOrt .gr-nb:is(:hover,:focus-visible){background:none;color:var(--chrom);text-shadow:0 1px 0 #000,0 0 3px #000,0 0 9px rgba(205,220,255,.6)}
html.gr:not(.gr-ein-o) #grOrt .gr-nb.l:is(:hover,:focus-visible) i{transform:translateX(-3px)}
html.gr:not(.gr-ein-o) #grOrt .gr-nb.r:is(:hover,:focus-visible) i{transform:translateX(3px)}
html.gr #grOrt .gr-nb.leer{visibility:hidden}
html.gr:not(.gr-ein-o) #grOrt .gr-nb.doppelt{visibility:hidden}
html.gr #grOrt :is(.gr-titelzeile,.gr-unter,.gr-nb):focus-visible{outline:2px solid #f4e4c4;outline-offset:2px}
@media (prefers-reduced-motion:reduce){html.gr #grOrt .gr-nb i{transition:none}}

html.gr #grHilfe{right:8px;top:6px;display:flex;align-items:center;gap:2px}
html.gr #grHilfe .gr-k{min-height:32px;padding:0 1px}

html.gr #grWerkzeuge{right:11px;top:92px;width:64px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 5px 9px rgba(0,0,0,.7))}
html.gr #grWerkzeuge .kap{width:68px;height:14px;background:url("saeule64_kapitell.webp") center/100% 100%}
html.gr #grWerkzeuge .fuss{width:68px;height:13px;background:url("saeule64_basis.webp") center/100% 100%}
html.gr .gr-wz{all:unset;cursor:pointer;position:relative;display:block;width:64px;height:47.5px;background:url("saeule64_schaft.webp") center 0/64px 160px repeat-y;
  font:600 16px/1 'EB Garamond',Georgia,serif;color:var(--schrift);text-shadow:var(--schatten);transition:transform .08s}
html.gr .gr-wz .knopf{position:absolute;left:16.5px;top:3.5px;width:31px;height:31px;border-radius:50%;background:-8px -2.8px/47.2px 48.7px no-repeat;box-shadow:0 2px 3px rgba(0,0,0,.7);transition:filter .15s}
html.gr .gr-wz:is(:hover,:focus-visible) .knopf{filter:brightness(1.18)}
html.gr .gr-wz > span{position:absolute;left:-4px;right:-4px;bottom:-2.3px;text-align:center;white-space:nowrap}
html.gr .gr-wz.an{color:var(--chrom);text-shadow:var(--glanz)}
html.gr .gr-wz.zurueck{height:40px;padding-top:6px;display:flex;align-items:center;gap:2px;flex-direction:column;justify-content:center}
html.gr .gr-wz.zurueck > span{position:static}
html.gr .gr-wz[data-gr-w="waehlen"] .knopf{background-image:url("wz_waehlen_ruhe.webp")}
html.gr .gr-wz[data-gr-w="waehlen"].an .knopf{background-image:url("wz_waehlen_an.webp")}
html.gr .gr-wz[data-gr-w="nebel"] .knopf{background-image:url("wz_nebel_ruhe.webp")}
html.gr .gr-wz[data-gr-w="nebel"].an .knopf{background-image:url("wz_nebel_an.webp")}
html.gr .gr-wz[data-gr-w="waende"] .knopf{background-image:url("wz_waende_ruhe.webp")}
html.gr .gr-wz[data-gr-w="waende"].an .knopf{background-image:url("wz_waende_an.webp")}
html.gr .gr-wz[data-gr-w="licht"] .knopf{background-image:url("wz_licht_ruhe.webp")}
html.gr .gr-wz[data-gr-w="licht"].an .knopf{background-image:url("wz_licht_an.webp")}
html.gr .gr-wz[data-gr-w="zauber"] .knopf{background-image:url("wz_zauber_ruhe.webp")}
html.gr .gr-wz[data-gr-w="zauber"].an .knopf{background-image:url("wz_zauber_an.webp")}
html.gr .gr-wz[data-gr-w="messen"] .knopf{background-image:url("wz_messen_ruhe.webp")}
html.gr .gr-wz[data-gr-w="messen"].an .knopf{background-image:url("wz_messen_an.webp")}
html.gr .gr-wz[data-gr-w="zeichnen"] .knopf{background-image:url("wz_zeichnen_ruhe.webp")}
html.gr .gr-wz[data-gr-w="zeichnen"].an .knopf{background-image:url("wz_zeichnen_an.webp")}
html.gr .gr-wz[data-gr-w="bauen"] .knopf{background-image:url("wz_bauen_ruhe.webp")}
html.gr .gr-wz[data-gr-w="bauen"].an .knopf{background-image:url("wz_bauen_an.webp")}

html.gr #grFaecher{left:50%;transform:translateX(calc(-50% - 10px));bottom:10px;display:flex;align-items:flex-end;border-width:10px;border-image-width:10px}
html.gr .gr-fach{all:unset;cursor:pointer;width:81px;height:70px;background:var(--bild) center/78px 70px no-repeat;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1px;
  font:600 16px/1 'EB Garamond',Georgia,serif;letter-spacing:-.01em;color:var(--schrift);text-shadow:var(--schatten);transition:transform .08s,filter .15s}
html.gr .gr-fach:hover{filter:brightness(1.14)}
html.gr .gr-fach.an{background-image:var(--bild-an);color:var(--chrom);text-shadow:var(--glanz)}
html.gr .gr-fach[data-gr-f="karten"]{--bild:url("ort_karten_ruhe.webp");--bild-an:url("ort_karten_an.webp")}
html.gr .gr-fach[data-gr-f="figuren"]{--bild:url("ort_figuren_ruhe.webp");--bild-an:url("ort_figuren_an.webp")}
html.gr .gr-fach[data-gr-f="kampf"]{--bild:url("ort_kampf_ruhe.webp");--bild-an:url("ort_kampf_an.webp")}
html.gr .gr-fach[data-gr-f="stimmung"]{--bild:url("ort_stimmung_ruhe.webp");--bild-an:url("ort_stimmung_an.webp")}
html.gr .gr-fach[data-gr-f="klang"]{--bild:url("ort_klang_ruhe.webp");--bild-an:url("ort_klang_an.webp")}
html.gr .gr-fach[data-gr-f="buehne"]{--bild:url("ort_buehne_ruhe.webp");--bild-an:url("ort_buehne_an.webp")}
html.gr .gr-fach[data-gr-f="taverne"]{--bild:url("ort_taverne_ruhe.webp");--bild-an:url("ort_taverne_an.webp")}
html.gr .gr-fach[data-gr-f="inventar"]{--bild:url("ort_inventar_ruhe.webp");--bild-an:url("ort_inventar_an.webp")}
html.gr .gr-fach[data-gr-f="kampagne"]{--bild:url("ort_kampagne_ruhe.webp");--bild-an:url("ort_kampagne_an.webp")}

html.gr #grMusik{right:12px;bottom:10px;width:304px;display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:20px 32px;column-gap:8px;row-gap:2px;align-content:center}
html.gr #grMusik .cover{all:unset;box-sizing:border-box;cursor:pointer;grid-row:1/3;width:50px;height:50px;align-self:center;border:5px solid transparent;border-image:url("feld.webp") 16 fill / 5px stretch}
html.gr #grMusik .cover i{display:block;width:100%;height:100%;background:center/cover no-repeat}
html.gr #grMusik .cover:is(:hover,.an) i{filter:brightness(1.15)}
html.gr #grMusik .zeile1{min-width:0;display:flex;align-items:center;gap:6px}
html.gr #grMusik .zeile1 b{flex:1;min-width:0}
html.gr #grMusik .gr-laut{flex:none;display:flex;align-items:center;gap:3px}
html.gr #grMusik .gr-lautsprecher{all:unset;box-sizing:border-box;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--silber);transition:transform .08s,filter .15s,color .15s}
html.gr #grMusik .gr-lautsprecher svg{width:15px;height:15px;fill:currentColor;filter:drop-shadow(0 1px 0 #000)}
html.gr #grMusik .gr-lautsprecher:hover{color:#fff;filter:brightness(1.15)}
html.gr #grMusik .gr-lautsprecher:active{transform:scale(.9)}
html.gr #grMusik .gr-lautsprecher[aria-pressed="true"]{color:var(--rot)}
html.gr #grMusik .gr-lautsprecher:focus-visible,html.gr #grMusik #grLaut:focus-visible{outline:2px solid #f4e4c4;outline-offset:2px;border-radius:3px}
html.gr #grMusik #grLaut{-webkit-appearance:none;appearance:none;width:74px;height:16px;margin:0;padding:0;background:none;cursor:pointer;--w:1}
html.gr #grMusik #grLaut::-webkit-slider-runnable-track{height:10px;border:0;background:linear-gradient(90deg,#c9c9cf,#f2f2f5) 3px 50%/calc((100% - 6px) * var(--w)) 3px no-repeat,url("rille.webp") center/100% 100%}
html.gr #grMusik #grLaut::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:16px;margin-top:-3px;border:0;background:url("../gc3/schieber.webp") center/100% 100% no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8));transition:filter .15s}
html.gr #grMusik #grLaut:hover::-webkit-slider-thumb{filter:drop-shadow(0 1px 1px rgba(0,0,0,.8)) brightness(1.2)}
html.gr #grMusik #grLaut::-moz-range-track{height:10px;border:0;background:url("rille.webp") center/100% 100%}
html.gr #grMusik #grLaut::-moz-range-progress{height:3px;border-radius:2px;background:linear-gradient(90deg,#c9c9cf,#f2f2f5)}
html.gr #grMusik #grLaut::-moz-range-thumb{width:10px;height:16px;border:0;border-radius:0;background:url("../gc3/schieber.webp") center/100% 100% no-repeat}
html.gr #grMusik .zeile1 b{display:block;font:600 16px/1.1 'EB Garamond',Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--schatten)}
html.gr #grMusik.leer .zeile1 b{color:var(--leise)}
html.gr #grMusik .zeile2{display:flex;align-items:center;gap:3px;min-width:0}
html.gr .gr-rund{all:unset;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex:none;background:url("rund_ruhe.webp") center/30px 30px;color:var(--silber);transition:transform .08s,filter .15s}
html.gr .gr-rund:hover{filter:brightness(1.18)}
html.gr .gr-rund.haupt{width:34px;height:34px;background-image:url("rund_haupt.webp");background-size:34px 34px;color:#1c1915}
html.gr .gr-rund svg.s{width:13px;height:13px;fill:currentColor}
html.gr .gr-rund.laeuft b{font:700 15px/1 'EB Garamond',Georgia,serif;color:var(--silber);text-shadow:var(--schatten)}
html.gr .gr-rund.laeuft[aria-expanded="true"]{background-image:url("rund_an.webp")}
html.gr .gr-rund.laeuft[aria-expanded="true"] b{color:#fff}
html.gr #grMusik .rille{flex:1;min-width:20px;height:10px;margin:0 3px;position:relative;background:url("rille.webp") center/100% 100%}
html.gr #grMusik .rille i{position:absolute;left:3px;top:3.5px;height:3px;max-width:calc(100% - 6px);border-radius:2px;background:linear-gradient(90deg,#c9c9cf,#f2f2f5)}
html.gr #grMusik .stumm{min-height:30px;padding:0 2px;border-width:6px;border-image-width:6px}
html.gr #grMusik.gesamtstumm .zeile1 b::after{content:" · " attr(data-stumm);color:var(--rot)}

html.gr #grNaechstes{left:12px;bottom:10px;width:min(280px,calc(50% - 402px));height:90px;border-width:9px;border-image-width:12px}
html.gr #grNaechstes .karte{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;height:100%;border-radius:3px;overflow:hidden;cursor:pointer;background:#141316;transition:transform .17s}
html.gr #grNaechstes .karte::after{content:'';position:absolute;inset:0;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(216,216,221,.32);pointer-events:none;transition:box-shadow .17s}
html.gr #grNaechstes .karte:hover::after{box-shadow:inset 0 0 0 1px rgba(246,248,252,.62)}
html.gr #grNaechstes.amtisch .karte::after{box-shadow:inset 0 0 0 2px #f6f8fc,inset 0 0 12px rgba(210,225,255,.3)}
html.gr #grNaechstes .bild{position:absolute;inset:0;background:#1c1b1f center 40%/cover no-repeat;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .17s}
html.gr #grNaechstes .bild.ohne{background:#1c1b1f url("ort_buehne_ruhe.webp") center 35%/64px auto no-repeat;opacity:.7}
html.gr #grNaechstes .karte:hover .bild{transform:scale(1.06);filter:brightness(.85)}
html.gr #grNaechstes .karte:active{transform:scale(.98)}
html.gr #grNaechstes .karte:focus-visible{outline:2px solid #f4e4c4;outline-offset:2px}
html.gr #grNaechstes .tally{position:absolute;left:0;right:0;top:0;padding:4px 64px 12px 7px;background:linear-gradient(rgba(5,5,7,.88),transparent);
  font:600 16px/1.1 'EB Garamond',Georgia,serif;color:var(--schrift);text-shadow:var(--schatten);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
html.gr #grNaechstes.amtisch .tally{color:var(--chrom);text-shadow:var(--glanz)}
html.gr #grNaechstes .name{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;padding:12px 7px 4px;background:linear-gradient(transparent,rgba(5,5,7,.9));
  font:600 16px/1.1 'EB Garamond',Georgia,serif;color:var(--schrift);text-shadow:var(--schatten);pointer-events:none;min-width:0}
html.gr #grNaechstes .name > span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.gr #grNaechstes.leer .name > span{color:var(--leise)}
html.gr #grNaechstes .nr{flex:none;font:600 16px/1 'EB Garamond',Georgia,serif;color:var(--leise);background:rgba(0,0,0,.6);border:0;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(216,216,221,.22);padding:1px 5px 2px;margin:0}
html.gr #grNaechstes .nr:empty{display:none}
html.gr #grNaechstes .play{position:absolute;left:50%;top:calc(50% + 1px);width:30px;height:30px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;
  background:rgba(8,8,10,.62);box-shadow:0 0 0 1.5px rgba(246,248,252,.75);color:#f6f8fc;pointer-events:none;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .15s,box-shadow .15s,color .15s,opacity .15s}
html.gr #grNaechstes .play svg.s{width:12px;height:12px;fill:currentColor;margin-left:2px}
html.gr #grNaechstes .karte:is(:hover,:focus-visible) .play{transform:translate(-50%,-50%) scale(1.1);background:#f6f8fc;color:#0c0c0e;box-shadow:0 0 0 1.5px #fff,0 0 12px rgba(210,225,255,.5)}
html.gr #grNaechstes.amtisch .karte:not(:hover):not(:focus-visible) .play{opacity:0}
html.gr #grNaechstes.leer .play{display:none}
html.gr #grNaechstes .kapsel{position:absolute;left:50%;top:calc(50% + 2px);transform:translate(-50%,-50%);padding:2px 10px 3px;border-radius:999px;white-space:nowrap;background:rgba(10,10,12,.78);
  box-shadow:0 0 0 1px rgba(216,216,221,.55);font:600 16px/1.1 'EB Garamond',Georgia,serif;color:var(--chrom);text-shadow:var(--glanz);pointer-events:none}
html.gr #grNaechstes .kapsel:empty{display:none}
html.gr #grNaechstes .pfeile{position:absolute;right:5px;top:5px;display:flex;gap:3px}
html.gr #grNaechstes .pfeile[hidden]{display:none}
html.gr #grNaechstes .pfeil{all:unset;box-sizing:border-box;width:24px;height:24px;display:grid;place-items:center;cursor:pointer;border-radius:50%;background:rgba(8,8,10,.78);
  box-shadow:0 0 0 1px rgba(216,216,221,.45);color:var(--silber);transition:transform .08s,box-shadow .15s,color .15s}
html.gr #grNaechstes .pfeil svg.s{width:12px;height:12px;fill:currentColor}
html.gr #grNaechstes .pfeil:hover{color:#fff;box-shadow:0 0 0 1px #f6f8fc,0 0 10px rgba(210,225,255,.4)}
html.gr #grNaechstes .pfeil:active{transform:scale(.9)}
html.gr #grNaechstes .pfeil:focus-visible{outline:2px solid #f4e4c4;outline-offset:2px}
@media (prefers-reduced-motion:reduce){html.gr #grNaechstes :is(.karte,.bild,.play){transition:none}}
html.gr:not(.mini) #gcMixer{right:calc(12 * var(--bp));bottom:calc((var(--gr-B,112) - 20) * var(--bp))}

html.gr .gr-menue{z-index:20;min-width:220px;max-width:340px;max-height:70vh;overflow:auto;display:flex;flex-direction:column;gap:3px;padding:8px 10px 10px;
  border:14px solid transparent;border-image:url("fach.webp") 48 fill / 18px stretch;filter:drop-shadow(0 8px 14px rgba(0,0,0,.7))}
html.gr .gr-menue[hidden]{display:none}
html.gr .gr-menue h3{margin:0 2px 4px;font:var(--titel);font-size:20px;color:#fff;text-shadow:var(--schatten)}
html.gr .gr-menue .gr-k{justify-content:flex-start;min-height:32px;padding:0 6px;border-width:6px;border-image-width:6px}
html.gr .gr-menue .gr-k span{flex:1;overflow:hidden;text-overflow:ellipsis}
html.gr .gr-menue .gr-k kbd{min-width:14px;text-align:center}

html.gr:not(.mini) #title{top:calc(196 * var(--bp));left:var(--scL);right:var(--scR)}
html.gr:not(.mini) #ui:has(#drawer:not([hidden])) #title{left:var(--scL);right:calc((var(--gr-R,100) + 462) * var(--bp))}
html.sc.gr:not(.mini) #ui:has(#drawer:not([hidden])) #toast{left:calc((var(--scL) + 100% - (var(--gr-R,100) + 484) * var(--bp)) / 2)}
html.sc.gr:not(.mini) #statblk{max-height:calc(100vh - (var(--gr-T,126) + var(--gr-B,112)) * var(--bp) * var(--scZ,1) - 16px)}
html.sc.gr:not(.mini) body:has(#drawer:not([hidden])) #statblk{right:calc((var(--gr-R,100) + 484) * var(--bp) * var(--scZ,1))}

html.gr .gr-griff{all:unset;position:absolute;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:6;padding-bottom:1px;
  color:var(--silber);font:700 16px/1 'EB Garamond',Georgia,serif;text-shadow:var(--schatten);border:5px solid transparent;border-image:url("taste_ruhe.webp") 16 fill / 5px stretch;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));transition:transform .08s,filter .15s,color .15s}
html.gr .gr-griff:hover{color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7)) brightness(1.2)}
html.gr .gr-griff:active{transform:scale(.9)}
html.gr .gr-griff:focus-visible{outline:2px solid #f4e4c4;outline-offset:2px}
html.gr .gr-pfeiler.l.s{background:url("schaft62.webp") 0 0/62px 160px repeat-y}
html.gr .gr-pfeiler.r.s{background:url("schaft50.webp") 0 0/50px 160px repeat-y}
html.gr .gr-nische.l.s{background-image:url("nische_sl.webp")}
html.gr .gr-nische.r.s{background-image:url("nische_sr.webp")}
html.gr .gr-kopf{left:0;right:0;top:0;height:38px;background:url("kopf_band.webp") 0 0/397px 38px repeat-x;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7))}
html.gr .gr-klappt{animation:grKlappt .26s cubic-bezier(.2,.8,.2,1)}
@keyframes grKlappt{from{opacity:.15;translate:var(--kx,0px) var(--ky,0px)}}
html.gr :is(#grTisch,#grOrt,#grHilfe,.gr-marke){--ky:-8px}
html.gr :is(#grHelden,#grReihe){--kx:-8px}
html.gr #grWerkzeuge{--kx:8px}
html.gr :is(#grFaecher,#grMusik,#grNaechstes){--ky:8px}

html.gr.gr-ein-o .gr-marke{left:6px;width:44px;height:38px;background-image:url("marke_schmal.webp");filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}
html.gr.gr-ein-o :is(#grTisch,#grOrt,#grHilfe){top:2px;height:34px;padding:0 6px;border:4px solid transparent;border-image:url("feld.webp") 16 fill / 6px stretch;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.06))}
html.gr.gr-ein-o #grTisch{left:58px;width:auto;min-width:270px;gap:6px}
html.gr.gr-ein-o #grTisch .gr-tv{width:auto;height:auto;overflow:visible;background:none;box-shadow:none;border-radius:0}
html.gr.gr-ein-o #grTisch .gr-tv :is(canvas){display:none}
html.gr.gr-ein-o #grTisch .gr-tv.zu::after{display:none}
html.gr.gr-ein-o #grTisch .gr-tv .live{position:static;padding:0;background:none;border-radius:0;font:var(--titel);font-size:19px;line-height:1.2;color:#fff;text-shadow:var(--schatten)}
html.gr.gr-ein-o #grTisch .gr-tv.zu .live{color:#ffb0a6}
html.gr.gr-ein-o #grTisch .gr-tv:is(:hover,:focus-visible){box-shadow:none}
html.gr.gr-ein-o #grTisch .gr-tv:is(:hover,:focus-visible) .live{color:var(--chrom);text-shadow:var(--glanz)}
html.gr.gr-ein-o #grTisch .rechts{flex:none;flex-direction:row;align-items:center;gap:6px}
html.gr.gr-ein-o #grTisch .reihe1 > .gr-k{display:none}
html.gr.gr-ein-o #grTisch .reihe2{gap:6px}
html.gr.gr-ein-o #grTisch .gr-stein > span{display:none}
html.gr.gr-ein-o #grTisch .gr-stein i{margin:0}
html.gr.gr-ein-o .gr-fackel{width:13px;height:27px;background-size:13px 27px}
html.gr.gr-ein-o #grOrt{width:280px;margin-left:-140px;display:flex;align-items:center;justify-content:space-between;gap:4px}
html.gr.gr-ein-o #grOrt > *{position:static}
html.gr.gr-ein-o #grOrt :is(.gr-pfeil,.gr-unter){flex:none;box-sizing:border-box;min-width:26px;height:26px;padding:0 3px 2px;border-radius:0;color:var(--schrift);
  font:600 18px/1 'EB Garamond',Georgia,serif;background:none;border:6px solid transparent;border-image:url("taste_ruhe.webp") 16 fill / 6px stretch;transition:transform .08s,filter .15s}
html.gr.gr-ein-o #grOrt :is(.gr-pfeil,.gr-unter):hover{filter:brightness(1.14);color:#fff}
html.gr.gr-ein-o #grOrt .gr-unter[aria-expanded="true"]{border-image-source:url("taste_an.webp");color:var(--chrom)}
html.gr.gr-ein-o #grOrt [data-lage="pfeil_l"]{order:0}
html.gr.gr-ein-o #grOrt [data-lage="titel"]{order:1;flex:1;min-width:0;justify-content:center}
html.gr.gr-ein-o #grOrt [data-lage="pfeil_r"]{order:2}
html.gr.gr-ein-o #grOrt [data-lage="unter"]{order:3}
html.gr.gr-ein-o #grOrt .gr-unter span{display:none}
html.gr.gr-ein-o #grOrt .gr-unter::after{content:"▾"}
html.gr.gr-ein-o #grOrt .gr-nb span{display:none}
html.gr.gr-ein-o #grOrt .gr-nb i{font-style:normal}
html.gr.gr-ein-o #grHilfe{right:84px;gap:3px}
html.gr.gr-ein-o #grHilfe .gr-k{min-height:26px;padding:0 3px;border-width:6px;border-image-width:6px}
html.gr.gr-ein-o #grHilfe kbd{display:none}
html.gr.gr-ein-o :is(#grHelden,#grWerkzeuge){top:76px}
html.gr.gr-ein-o #grReihe{top:76px}
html.gr #grReihe{max-height:calc(100% - 112px - (var(--gr-B,112) + 8) * 1px)}
html.gr.gr-ein-o #grReihe{max-height:calc(100% - 76px - (var(--gr-B,112) + 8) * 1px)}
html.gr.gr-ein-o:not(.mini) #title{top:calc(70 * var(--bp))}

html.gr.gr-ein-l :is(#grHelden,#grReihe){border:0;border-image:none;padding:0}
html.gr.gr-ein-l #grHelden{left:5px;width:52px;gap:6px}
html.gr.gr-ein-l #grHelden .gr-held :is(.tp,.n),html.gr.gr-ein-l #grHelden > .gr-k{display:none}
html.gr.gr-ein-l #grHelden .gr-held .bild,html.gr.gr-ein-l #grHelden.eng .gr-held .bild{width:44px;height:44px;background-size:44px 44px}
html.gr.gr-ein-l #grHelden .gr-held .bild img,html.gr.gr-ein-l #grHelden.eng .gr-held .bild img{left:6px;top:6px;width:32px;height:32px}
html.gr .gr-zeile .bild,html.gr .gr-zug{display:none}
html.gr.gr-ein-l #grReihe{left:5px;width:52px}
html.gr.gr-ein-l #grReihe .kopf,html.gr.gr-ein-l #grReihe .gr-naechster{display:none}
html.gr.gr-ein-l #grReihe .zeilen{display:flex;flex-direction:column;align-items:center;gap:6px;scrollbar-width:none}
html.gr.gr-ein-l #grReihe .zeilen::-webkit-scrollbar{display:none}
html.gr.gr-ein-l .gr-zeile{flex:none;width:44px;height:44px;padding:0;border:0;border-image:none;border-radius:50%;justify-content:center}
html.gr.gr-ein-l .gr-zeile + .gr-zeile{margin-top:0}
html.gr.gr-ein-l .gr-zeile > :is(.ini,img,.n,.tp){display:none}
html.gr.gr-ein-l .gr-zeile .bild{display:block;position:relative;width:44px;height:44px;background:url("med_ruhe.webp") center/44px 44px}
html.gr.gr-ein-l .gr-zeile .bild img{position:absolute;left:6px;top:6px;width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:none}
html.gr.gr-ein-l .gr-zeile .bild svg{position:absolute;inset:0;width:100%;height:100%}
html.gr.gr-ein-l .gr-zeile.feind .bild img{box-shadow:0 0 0 1.5px rgba(232,102,79,.8)}
html.gr.gr-ein-l .gr-zeile.dran{border-image:none;box-shadow:0 0 0 1px rgba(235,240,252,.6),0 0 14px rgba(200,215,255,.5)}
html.gr.gr-ein-l .gr-zeile.dran .bild{background-image:url("med_zug.webp")}
html.gr.gr-ein-l #grReihe .gr-zug{display:flex;flex:none;width:48px;min-height:34px;margin:8px auto 0;padding:0}
html.gr.gr-ein-l #grReihe .gr-zug svg{width:15px;height:15px}

html.gr .gr-wz[data-gr-w="waehlen"]{--wz:url("wz_waehlen_ruhe.webp")}html.gr .gr-wz[data-gr-w="waehlen"].an{--wz:url("wz_waehlen_an.webp")}
html.gr .gr-wz[data-gr-w="nebel"]{--wz:url("wz_nebel_ruhe.webp")}html.gr .gr-wz[data-gr-w="nebel"].an{--wz:url("wz_nebel_an.webp")}
html.gr .gr-wz[data-gr-w="waende"]{--wz:url("wz_waende_ruhe.webp")}html.gr .gr-wz[data-gr-w="waende"].an{--wz:url("wz_waende_an.webp")}
html.gr .gr-wz[data-gr-w="licht"]{--wz:url("wz_licht_ruhe.webp")}html.gr .gr-wz[data-gr-w="licht"].an{--wz:url("wz_licht_an.webp")}
html.gr .gr-wz[data-gr-w="zauber"]{--wz:url("wz_zauber_ruhe.webp")}html.gr .gr-wz[data-gr-w="zauber"].an{--wz:url("wz_zauber_an.webp")}
html.gr .gr-wz[data-gr-w="messen"]{--wz:url("wz_messen_ruhe.webp")}html.gr .gr-wz[data-gr-w="messen"].an{--wz:url("wz_messen_an.webp")}
html.gr .gr-wz[data-gr-w="zeichnen"]{--wz:url("wz_zeichnen_ruhe.webp")}html.gr .gr-wz[data-gr-w="zeichnen"].an{--wz:url("wz_zeichnen_an.webp")}
html.gr .gr-wz[data-gr-w="bauen"]{--wz:url("wz_bauen_ruhe.webp")}html.gr .gr-wz[data-gr-w="bauen"].an{--wz:url("wz_bauen_an.webp")}
html.gr.gr-ein-r #grWerkzeuge{right:3px;width:44px}
html.gr.gr-ein-r #grWerkzeuge :is(.kap,.fuss){display:none}
html.gr.gr-ein-r .gr-wz{width:44px;height:40px;background:var(--wz) center top/44px 45.4px no-repeat!important;transition:transform .08s,filter .15s}
html.gr.gr-ein-r .gr-wz:is(:hover,:focus-visible){filter:brightness(1.18)}
html.gr.gr-ein-r .gr-wz > :is(.knopf,span){display:none}
html.gr.gr-ein-r .gr-wz.zurueck{height:34px;padding-top:0;background:url("saeule64_schaft.webp") center/44px 110px!important}

html.gr.gr-ein-u #grFaecher{bottom:3px;border-width:8px;border-image-width:10px}
html.gr.gr-ein-u .gr-fach{width:48px;height:30px;padding:0;background:var(--bild) center 2px/44px 40px no-repeat}
html.gr.gr-ein-u .gr-fach.an{background-image:var(--bild-an)}
html.gr.gr-ein-u .gr-fach > span{display:none}
html.gr.gr-ein-u #grMusik{right:8px;bottom:3px;width:290px;height:42px;border-width:8px;border-image-width:10px;display:flex;align-items:center;gap:6px}
html.gr.gr-ein-u #grMusik :is(.cover,.gr-laut,.rille,.gr-rund.laeuft,[data-gr="zurueck"],[data-gr="weiter"]){display:none}
html.gr.gr-ein-u #grMusik .zeile2{order:1;flex:none;gap:6px}
html.gr.gr-ein-u #grMusik .zeile1{order:2;flex:1}
html.gr.gr-ein-u #grMusik .gr-rund.haupt{width:26px;height:26px;background-size:26px 26px}
html.gr.gr-ein-u #grMusik .stumm{min-height:26px}
html.gr.gr-ein-u #grNaechstes{left:8px;bottom:3px;width:290px;height:42px;border-width:8px;border-image-width:10px}
html.gr.gr-ein-u #grNaechstes .karte{display:flex;align-items:center;gap:7px;background:none;border-radius:0;overflow:visible}
html.gr.gr-ein-u #grNaechstes .karte::after,html.gr.gr-ein-u #grNaechstes :is(.kapsel,.pfeile,.nr){display:none}
html.gr.gr-ein-u #grNaechstes .bild{position:relative;inset:auto;flex:none;width:46px;height:26px;border-radius:2px;box-shadow:0 0 0 1px rgba(216,216,221,.4);transform:none}
html.gr.gr-ein-u #grNaechstes.amtisch .bild{box-shadow:0 0 0 1.5px #f6f8fc}
html.gr.gr-ein-u #grNaechstes .bild.ohne{background-size:30px auto}
html.gr.gr-ein-u #grNaechstes .play{left:23px;width:18px;height:18px;box-shadow:0 0 0 1px rgba(246,248,252,.75)}
html.gr.gr-ein-u #grNaechstes .play svg.s{width:8px;height:8px;margin-left:1px}
html.gr.gr-ein-u #grNaechstes .tally{position:static;flex:none;padding:0;background:none;color:var(--leise);font-weight:400;overflow:visible}
html.gr.gr-ein-u #grNaechstes .tally::after{content:':'}
html.gr.gr-ein-u #grNaechstes .name{position:static;flex:1;padding:0;background:none}
html.gr.gr-ein-u:not(.mini) #gcMixer{bottom:calc(50 * var(--bp))}
}
html.gr:not(.mini) .gr-hk::before,html.gr:not(.mini) .gr-hk::after{content:'';position:absolute;top:50%;width:17px;height:22px;margin-top:-11px;background:center/contain no-repeat;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.95));pointer-events:none;transition:transform .2s cubic-bezier(.3,1.7,.5,1),filter .2s}
html.gr:not(.mini) .gr-hk::before{left:-54px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'><defs><linearGradient id='c' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23ffffff'/><stop offset='.42' stop-color='%23c9ced8'/><stop offset='.5' stop-color='%236d727c'/><stop offset='1' stop-color='%23b4b9c3'/></linearGradient></defs><path d='M9 2 L1 12 L9 22 L12.5 22 L5 12 L12.5 2 Z' fill='url%28%23c%29' stroke='%230b0b0d' stroke-width='.9' stroke-linejoin='round'/><path d='M17 4 L10.5 12 L17 20 L19.5 20 L14 12 L19.5 4 Z' fill='url%28%23c%29' stroke='%230b0b0d' stroke-width='.9' stroke-linejoin='round' opacity='.8'/></svg>")}
html.gr:not(.mini) .gr-hk::after{right:-54px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'><defs><linearGradient id='c' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23ffffff'/><stop offset='.42' stop-color='%23c9ced8'/><stop offset='.5' stop-color='%236d727c'/><stop offset='1' stop-color='%23b4b9c3'/></linearGradient></defs><path d='M11 2 L19 12 L11 22 L7.5 22 L15 12 L7.5 2 Z' fill='url%28%23c%29' stroke='%230b0b0d' stroke-width='.9' stroke-linejoin='round'/><path d='M3 4 L9.5 12 L3 20 L0.5 20 L6 12 L0.5 4 Z' fill='url%28%23c%29' stroke='%230b0b0d' stroke-width='.9' stroke-linejoin='round' opacity='.8'/></svg>")}
html.gr:not(.mini) .gr-hk:is(:hover,:focus-visible)::before{animation:grKlammerL 1.1s ease-in-out infinite}
html.gr:not(.mini) .gr-hk:is(:hover,:focus-visible)::after{animation:grKlammerR 1.1s ease-in-out infinite}
@keyframes grKlammerL{50%{transform:translateX(-4px)}}
@keyframes grKlammerR{50%{transform:translateX(4px)}}
html.gr:not(.mini) .gr-hk.gr-drueck{transform:scale(.97,.9) translateY(1px)!important;filter:brightness(.84)!important;transition:transform .08s,filter .08s!important}
html.gr:not(.mini) .gr-hk.gr-drueck::before{animation:none;transform:translateX(7px);transition:transform .15s ease-out}
html.gr:not(.mini) .gr-hk.gr-drueck::after{animation:none;transform:translateX(-7px);transition:transform .15s ease-out}
html.gr:not(.mini) .gr-hk.gr-pop{animation:grPop .42s linear}
html.gr:not(.mini) .gr-hk.gr-pop::before{animation:grKlammerAusL .62s ease-out}
html.gr:not(.mini) .gr-hk.gr-pop::after{animation:grKlammerAusR .62s ease-out}
@keyframes grPop{0%{transform:scale(.97,.9);filter:brightness(.84)}8%{transform:translateX(-6px) scale(.95,1.02);filter:brightness(1.12)}16%{transform:translateX(7px) scale(1.03,1.06);filter:brightness(1.22)}24%{transform:translateX(-4px) scale(1.02,1.04);filter:brightness(1.25)}32%{transform:translateX(3px) scale(1.01,1.02)}40%{transform:translateX(-1px);filter:brightness(1.18)}55%{transform:none;filter:brightness(1.08)}100%{transform:none;filter:none}}
@keyframes grKlammerAusL{0%{transform:translateX(7px)}12%{transform:translateX(-8px);filter:brightness(2) drop-shadow(0 0 6px rgba(220,232,255,.95))}30%{transform:translateX(-12px);opacity:1;filter:brightness(1.8) drop-shadow(0 0 6px rgba(220,232,255,.9))}36%{transform:translateX(-16px);opacity:0}37%{transform:translateX(10px);opacity:0}100%{transform:none;opacity:1}}
@keyframes grKlammerAusR{0%{transform:translateX(-7px)}12%{transform:translateX(8px);filter:brightness(2) drop-shadow(0 0 6px rgba(220,232,255,.95))}30%{transform:translateX(12px);opacity:1;filter:brightness(1.8) drop-shadow(0 0 6px rgba(220,232,255,.9))}36%{transform:translateX(16px);opacity:0}37%{transform:translateX(-10px);opacity:0}100%{transform:none;opacity:1}}
html.gr:not(.mini) .gr-popk{animation:grPopk .24s cubic-bezier(.3,1.6,.5,1)}
@keyframes grPopk{0%{transform:scale(.95)}55%{transform:scale(1.04)}100%{transform:none}}
.gr-siegel{position:fixed;pointer-events:none;z-index:2147483000;border-radius:999px;animation:grSiegel .32s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes grSiegel{0%{box-shadow:0 0 0 0 rgba(238,234,222,.6)}100%{box-shadow:0 0 0 10px rgba(238,234,222,0)}}
.gr-glanz{position:fixed;pointer-events:none;z-index:2147482999;border-radius:999px;overflow:hidden}
.gr-glanz i{position:absolute;top:-30%;bottom:-30%;width:34%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8) 50%,transparent);mix-blend-mode:screen;transform:skewX(-18deg);animation:grGlanz .44s ease-out forwards}
@keyframes grGlanz{to{left:115%}}
.gr-splitter{position:fixed;width:4px;height:4px;margin:-2px 0 0 -2px;pointer-events:none;z-index:2147483001;background:linear-gradient(135deg,#f2f4f8,#7c818a);box-shadow:0 0 4px rgba(210,225,255,.7);animation:grSplitter .6s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes grSplitter{0%{transform:translate(0,0) rotate(0);opacity:1}45%{transform:translate(calc(var(--dx) * .7),var(--dy)) rotate(160deg);opacity:1}100%{transform:translate(var(--dx),calc(var(--dy) + 28px)) rotate(320deg);opacity:0}}
@media (prefers-reduced-motion:reduce){
  html.gr .gr-fackel.an,html.gr .gr-klappt{animation:none!important}
  html.gr .gr-hk::before,html.gr .gr-hk::after,html.gr .gr-pop,html.gr .gr-popk,.gr-siegel,.gr-glanz i,.gr-splitter{animation:none!important}
  html.gr #grUI *{transition:none!important}
}