@font-face{font-family:'Cinzel';font-weight:600;src:url(../fonts/cinzel-latin-600-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Pinyon Script';font-weight:400;src:url(../../frei/fonts/web/pinyon-script-latin-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'IM Fell English';font-style:italic;font-weight:400;src:url(../../frei/fonts/web/im-fell-english-latin-0.woff2) format('woff2');font-display:swap}
html.gch,.ru.gch,.np-bg.gch{--elf:#eae4d6;--elf2:#bdb6aa;--weiss:#faf7f0;--licht:#ffd9a8;--blut:#c95a4a;--tinte:#2a1c12;--grund:#0d0c0e;
  --f:'EB Garamond',Georgia,serif;--t:'Cinzel','EB Garamond',Georgia,serif;--hand:'Pinyon Script','EB Garamond',cursive;--brief:'IM Fell English','EB Garamond',Georgia,serif}
html.gch,html.gch body{background:#0d0c0e;color:var(--elf);font:600 17px/1.35 var(--f);color-scheme:dark}
html.gch body{background:linear-gradient(rgba(6,5,7,.62),rgba(6,5,7,.62)),url(handy/grund.webp) 0 0/390px auto repeat #0d0c0e}

html.gch #app{position:relative;width:390px;height:calc(100vh / var(--hz,1));height:calc(100dvh / var(--hz,1));margin:0 auto;zoom:var(--hz,1);overflow:hidden;
  display:flex;flex-direction:column;padding-top:calc(env(safe-area-inset-top,0px) / var(--hz,1));
  background:linear-gradient(rgba(6,5,7,.48),rgba(6,5,7,.62)),url(handy/grund.webp) 0 0/390px auto repeat}
html.gch :where(#app,#sheet,.secret) button,.ru.gch :where(button),.np-bg.gch :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;border-radius:0;box-shadow:none;min-height:0;text-align:inherit}

html.gch .kopf,.ru.gch .kopf{position:relative;flex:none;height:128px;background:url(handy/kopf.webp) 0 0/390px 128px no-repeat}
html.gch .kopf .portrait,.ru.gch .kopf .portrait{position:absolute;left:18px;top:24px;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#141216}
html.gch .kopf .portrait img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}
html.gch .kopf .fassung,.ru.gch .kopf .fassung{position:absolute;left:0;top:0;width:390px;height:128px;background:url(handy/kopf.webp) 0 0/390px 128px no-repeat;pointer-events:none}
html.gch .kopf .fassung.spinne,.ru.gch .kopf .fassung.spinne{background-image:url(handy/kopf_spinne.webp)}
html.gch .band,.ru.gch .band{position:absolute;height:40px;border-style:solid;border-width:20px 25px 20px 26px;border-image:url(handy/spruchband.webp) 48 50 48 52 fill stretch;display:flex;align-items:center}
html.gch .band.feind,.ru.gch .band.feind{border-image-source:url(handy/spruchband_feind.webp)}
html.gch .band span,.ru.gch .band span{margin:-20px -12px -20px -10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 22px/1 var(--f);color:var(--weiss)}
html.gch .schild,.ru.gch .schild{position:absolute;width:44px;height:48px;background:url(handy/schild.webp) center/44px 48px no-repeat;display:flex;align-items:center;justify-content:center;
  font:700 18px/1 var(--f);color:var(--elf);padding-bottom:8px}
html.gch .kopf .info,.ru.gch .kopf .info{position:absolute;left:106px;top:66px;right:16px;font:600 16px/1 var(--f);color:var(--elf2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.gch .kopf .info .off,.ru.gch .kopf .info.off{color:#e8a08c;font-style:italic}
html.gch .tp,.ru.gch .tp{position:absolute;height:24px;border-style:solid;border-width:12px 8px;border-image:url(handy/tp_leer.webp) 24 16 fill stretch}
html.gch .tp i,html.gch .tp b,.ru.gch .tp i{position:absolute;top:-12px;bottom:-12px;left:-8px;border-style:solid;border-width:12px 8px;border-image:url(handy/tp_voll.webp) 24 16 fill stretch;max-width:calc(100% + 16px)}
html.gch .tp b{border-image-source:url(handy/tp_temp.webp)}
html.gch .tp i[style*="width:0"],.ru.gch .tp i[style*="width:0"]{display:none}
html.gch .kopf .tpz{position:absolute;right:16px;top:88px;font:700 22px/1 var(--f);color:var(--weiss)}
html.gch .kopf .tpz small{font-size:16px;color:var(--elf2)}
html.gch .kopf .tpz em{position:absolute;right:0;top:-20px;font:700 14px/1 var(--f);font-style:normal;color:#a9c8ea;white-space:nowrap}

html.gch #app main,.ru.gch .ru-main{position:relative;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 14px 18px;scrollbar-width:none;background:none;animation:none}
html.gch #app main::-webkit-scrollbar,.ru.gch .ru-main::-webkit-scrollbar{display:none}
html.gch .fach,.ru.gch .fach{border-style:solid;border-width:17px;border-image:url(handy/fach.webp) 34 fill stretch;margin:0 0 14px}
html.gch .fach>.innen,.ru.gch .fach>.innen{margin:-5px}
html.gch .kopfschild,.ru.gch .kopfschild{display:inline-flex;align-items:center;height:42px;border-style:solid;border-width:21px 12px;border-image:url(handy/kopfschild.webp) 42 24 fill stretch;margin:6px 0 8px}
html.gch .kopfschild span,.ru.gch .kopfschild span{margin:-21px -2px;font:600 16px/1 var(--t);letter-spacing:.08em;color:var(--elf);white-space:nowrap;text-transform:none}
html.gch .reihe,.ru.gch .reihe,.np-bg.gch .reihe{display:flex;gap:8px}
html.gch .reihe>*,.ru.gch .reihe>*,.np-bg.gch .reihe>*{flex:1}
html.gch .taste,.ru.gch .taste,.np-bg.gch .taste{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border-style:solid;border-width:18px;
  border-image:url(handy/taste_ruhe.webp) 36 fill stretch;font:600 18px/1.1 var(--f);color:var(--elf);text-align:center;-webkit-tap-highlight-color:transparent}
html.gch .taste>span,.ru.gch .taste>span,.np-bg.gch .taste>span{margin:-12px -10px}
html.gch .taste.haupt,.ru.gch .taste.haupt,.np-bg.gch .taste.haupt{border-image-source:url(handy/taste_haupt.webp);color:var(--weiss)}
html.gch .taste.an,.ru.gch .taste.an,.np-bg.gch .taste.an{border-image-source:url(handy/taste_an.webp);color:var(--weiss)}
html.gch .taste.aus,.ru.gch .taste.aus,.np-bg.gch .taste.aus{border-image-source:url(handy/taste_aus.webp);color:var(--elf2)}
html.gch .taste:active,.ru.gch .taste:active,.np-bg.gch .taste:active{border-image-source:url(handy/taste_an.webp)}
html.gch .taste[disabled],.ru.gch .taste[disabled],.np-bg.gch .taste[disabled]{border-image-source:url(handy/taste_aus.webp);color:var(--elf2);opacity:.7}
.np-bg.gch .taste.haupt[disabled]{border-image-source:url(handy/taste_haupt.webp);color:var(--weiss);opacity:.8}
html.gch .taste img.ik,.ru.gch .taste img.ik{width:30px;height:30px;margin:-8px 0}
html.gch .taste small,.ru.gch .taste small,.np-bg.gch .taste small{display:block;font:600 15px/1 var(--f);color:var(--elf2);margin-top:2px;position:static}
html.gch .hinweis,.ru.gch .hinweis,.np-bg.gch .hinweis{font:italic 500 16px/1.35 var(--f);color:var(--elf2);margin:6px 2px}
html.gch .hinweis b{font-style:normal;color:var(--weiss)}
html.gch .zeile,.ru.gch .zeile{display:flex;align-items:center;gap:10px;min-height:56px}
html.gch .zeile b,.ru.gch .zeile b{flex:1;min-width:0;font:600 18px/1.2 var(--f);color:var(--elf)}
html.gch .zeile b small,.ru.gch .zeile b small{display:block;font:500 15px/1.25 var(--f);color:var(--elf2)}
html.gch .zeile .wert{font:700 20px/1 var(--f);color:var(--weiss)}
html.gch .zeile .wert small{font-size:15px;color:var(--elf2)}
html.gch .zeile+.zeile,.ru.gch .zeile+.zeile{margin-top:4px}
html.gch .zeile .taste,.ru.gch .zeile .taste{flex:none}
html.gch .pips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
html.gch .pip{width:28px;height:28px;border:0;border-radius:0;background:url(handy/pip_voll.webp) center/28px no-repeat;box-shadow:none}
html.gch .pip.leer{background-image:url(handy/pip_leer.webp)}
html.gch .pip.rot{background-image:url(handy/pip_rot.webp)}
html.gch .marke,.np-bg.gch .marke{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:2px;background:linear-gradient(#5a1610,#3c0d09);
  box-shadow:inset 0 1px 0 rgba(255,200,180,.25),inset 0 -2px 0 rgba(0,0,0,.5),0 0 0 2px #1a1415,0 0 0 3px #3a3438;font:600 17px/1 var(--f);color:var(--weiss)}
html.gch .marke.aus,.np-bg.gch .marke.aus{background:linear-gradient(#26222a,#18151b);color:var(--elf2)}
html.gch .marken{display:flex;flex-wrap:wrap;gap:8px}
html.gch .leer-mitte{text-align:center;padding:6px 0}
html.gch .leer-mitte b{display:block;font:600 20px/1.2 var(--t);color:var(--weiss)}

html.gch #app nav,.ru.gch .ru-nav{position:relative;flex:none;height:calc(88px + env(safe-area-inset-bottom,0px) / var(--hz,1));display:flex;
  background:url(handy/leiste.webp) 0 0/390px 88px no-repeat,linear-gradient(#141215,#0b0a0c);padding:6px 4px 0;border:0;box-shadow:none}
html.gch #app nav button,.ru.gch .ru-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:0;background:none;position:static;color:var(--elf2)}
html.gch #app nav button::before,.ru.gch .ru-nav button::before,.ru.gch .ru-nav button[aria-pressed]::before{display:none}
html.gch #app nav button img,.ru.gch .ru-nav button img{width:54px;height:54px}
html.gch #app nav button span,.ru.gch .ru-nav button span{font:600 14px/1 var(--f);color:var(--elf2)}
html.gch #app nav button[aria-pressed=true],.ru.gch .ru-nav button[aria-pressed=true]{background:none;box-shadow:none}
html.gch #app nav button[aria-pressed=true] span,.ru.gch .ru-nav button[aria-pressed=true] span{color:var(--weiss)}

html.gch .dran{position:relative;height:118px;margin:-6px -14px 4px;background:url(handy/kartusche.webp) center/330px auto no-repeat;text-align:center;padding-top:44px;animation:gchDran .45s cubic-bezier(.2,1.3,.4,1)}
html.gch .dran b{display:block;font:600 28px/1 var(--t);color:var(--weiss);text-shadow:0 0 14px rgba(255,217,168,.35)}
html.gch .dran small{display:block;font:600 16px/1 var(--f);color:var(--elf2);margin-top:6px}
@keyframes gchDran{from{transform:scale(.85);opacity:0}}
html.gch .aktionen{display:flex;gap:6px;margin:0 0 12px}
html.gch .aktionen .taste{flex:1;min-height:48px;font-size:15px}

html.gch #sheet{position:fixed;inset:0;z-index:200;display:none;align-items:flex-end;justify-content:center;background:rgba(4,3,5,.6);padding:0;animation:none}
html.gch #sheet.on{display:flex}
html.gch #sheet .in,.np-bg.gch .tafel{position:relative;width:390px;zoom:var(--hz,1);max-height:calc((100vh - 60px) / var(--hz,1));max-height:calc((100dvh - 60px) / var(--hz,1));overflow:auto;
  padding:18px 16px calc(22px + env(safe-area-inset-bottom,0px) / var(--hz,1));margin:0;border:0;border-radius:0;color:var(--elf);font:600 17px/1.35 var(--f);text-align:left;
  background:linear-gradient(rgba(10,9,11,.5),rgba(10,9,11,.75)),url(handy/grund.webp) 0 0/390px auto;box-shadow:0 -2px 0 #2a2629,0 -6px 0 #121014,0 -8px 20px rgba(0,0,0,.6);
  animation:gchHoch .28s cubic-bezier(.2,.8,.3,1);scrollbar-width:none}
html.gch #sheet .in{overflow-x:hidden}
html.gch #sheet .in::-webkit-scrollbar,.np-bg.gch .tafel::-webkit-scrollbar{display:none}
@keyframes gchHoch{from{transform:translateY(40px);opacity:0}}
html.gch .wappen,.np-bg.gch .wappen{position:absolute;left:50%;top:-34px;width:100px;height:100px;margin-left:-50px;background:url(handy/wappen.webp) center/100px no-repeat;pointer-events:none}
html.gch #sheet .in{overflow:visible auto}
html.gch .titel,.np-bg.gch .titel{font:600 24px/1.1 var(--t);color:var(--weiss);text-align:center;margin:26px 0 4px;text-transform:none}
html.gch .unter,.np-bg.gch .unter{font:italic 500 16px/1.2 var(--f);color:var(--elf2);text-align:center;margin-bottom:12px}
html.gch .wahl3,.np-bg.gch .wahl3{display:flex;gap:6px;margin:0 0 10px}
html.gch .wahl3 .taste,.np-bg.gch .wahl3 .taste{flex:1;min-height:50px;font-size:16px}
html.gch .wuerfel,.np-bg.gch .wuerfel{position:relative;width:220px;height:220px;margin:-8px auto -14px;background:0 0/2300% 100% no-repeat}
html.gch .wuerfel.film,.np-bg.gch .wuerfel.film{animation:gchFilm .77s steps(22) forwards}
@keyframes gchFilm{from{background-position:0 0}to{background-position:100% 0}}
html.gch .ergebnis,.np-bg.gch .ergebnis{position:relative;height:150px;margin:0 auto;width:330px;background:url(handy/kartusche.webp) center/330px auto no-repeat;text-align:center;padding-top:46px;transition:opacity .25s}
html.gch .ergebnis.warte,.np-bg.gch .ergebnis.warte{opacity:0}
html.gch .ergebnis b,.np-bg.gch .ergebnis b{display:block;font:600 52px/1 var(--t);color:var(--weiss)}
html.gch .ergebnis small,.np-bg.gch .ergebnis small{display:block;font:600 16px/1 var(--f);color:var(--elf2);margin-top:4px}
html.gch .ergebnis.krit b,.np-bg.gch .ergebnis.krit b{color:#fff3df;text-shadow:0 0 18px rgba(255,217,168,.8)}
html.gch .ergebnis.patzer b,.np-bg.gch .ergebnis.patzer b{color:#e8836f}
html.gch .ergebnis.offen b{color:var(--elf2)}
html.gch .zaehl,.np-bg.gch .zaehl,.ru.gch .zaehl{height:74px;border-style:solid;border-width:16px;border-image:url(handy/zaehl.webp) 32 fill stretch;display:flex;align-items:center;justify-content:center;
  font:700 44px/1 var(--f);color:var(--weiss);margin:0 0 10px}
html.gch .zaehl span,.np-bg.gch .zaehl span{margin:-16px 0}
html.gch .zaehl.leer span,.np-bg.gch .zaehl.leer span{color:var(--elf2)}
html.gch input.zaehl,.ru.gch input.zaehl{display:block;width:100%;box-sizing:border-box;padding:0 6px;background:none;outline:none;text-align:center;-webkit-user-select:text;user-select:text}
html.gch input.zaehl.text,.ru.gch input.zaehl.text{height:60px;font:500 19px/1 var(--f);text-align:left;color:var(--weiss)}
html.gch input.zaehl::placeholder,.ru.gch input.zaehl::placeholder{color:var(--elf2);font-style:italic;font-weight:500}
html.gch .feld,.np-bg.gch .feld,.ru.gch .feld{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
html.gch .feld .taste,.np-bg.gch .feld .taste{min-height:56px;font:700 24px/1 var(--f)}
html.gch .feld>*,.np-bg.gch .feld>*,.ru.gch .feld>*,html.gch .reihe>*,.ru.gch .reihe>*{min-width:0}
html.gch .taste>span,.ru.gch .taste>span,.np-bg.gch .taste>span{overflow-wrap:break-word;hyphens:auto}
.ru.gch .ru-sb{font-size:20px!important}
html.gch .feld.klein .taste,.ru.gch .feld.klein .taste{font:600 18px/1.1 var(--f)}
html.gch .schnell,.np-bg.gch .schnell{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
html.gch .schnell .taste,.np-bg.gch .schnell .taste{min-height:46px;font-size:17px}
html.gch .wuerfe{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:4px 0 10px}
html.gch .wuerfe i{display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;padding:0 8px;border-style:solid;border-width:12px;border-image:url(handy/taste_aus.webp) 36 fill stretch;
  font:700 24px/1 var(--f);font-style:normal;color:var(--weiss)}
html.gch .wuerfe i span{margin:-8px -6px}
html.gch .wuerfe i.weg{opacity:.4;text-decoration:line-through}
html.gch .wuerfe i.krit{color:#fff3df;text-shadow:0 0 10px rgba(255,217,168,.8)}
html.gch .wuerfe i.patzer{color:#e8836f}
html.gch .wuerfe em{align-self:center;font:700 22px/1 var(--f);font-style:normal;color:var(--elf2)}
html.gch .gesendet{text-align:center;font:italic 500 15px/1.2 var(--f);color:var(--elf2);margin:-4px 0 10px}
html.gch .gesendet.nein{color:#e8836f;font-style:normal}

html.gch .faecher{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
html.gch .ding{position:relative;min-height:66px;border-style:solid;border-width:12px;border-image:url(handy/taste_aus.webp) 36 fill stretch;padding:0;display:flex;align-items:center;justify-content:center;text-align:center}
html.gch .ding b{margin:-6px -4px;font:600 13.5px/1.12 var(--f);color:var(--elf)}
html.gch .ding i{position:absolute;right:-6px;top:-8px;font:700 13px/1 var(--f);font-style:normal;color:var(--weiss)}
html.gch .ding::after{content:'';position:absolute;left:-2px;right:-2px;bottom:-7px;height:4px;border-radius:2px;background:var(--sel,#8a857c);box-shadow:0 0 6px var(--sel,transparent)}

html.gch .zeile .bild,html.gch .bild{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-style:solid;border-width:12px;border-image:url(handy/taste_aus.webp) 36 fill stretch}
html.gch .bild img{width:44px;height:44px;margin:-6px;object-fit:contain}
html.gch .bild::after{content:'';position:absolute;left:-2px;right:-2px;bottom:-7px;height:4px;border-radius:2px;background:var(--sel,#8a857c);box-shadow:0 0 6px var(--sel,transparent)}
html.gch .bild.gross{width:150px;height:150px;border-width:17px;border-image-source:url(handy/fach.webp);border-image-slice:34 fill}
html.gch .bild.gross img{width:128px;height:128px;margin:-10px}
html.gch button.zeile{width:100%;text-align:left}
html.gch .zeile .preis{flex:none;font:700 16px/1.2 var(--f);color:var(--weiss);text-align:right}
html.gch .zeile .preis small{display:block;font:italic 500 14px/1.2 var(--f);color:var(--elf2)}

html.gch .antwort{display:flex;align-items:center;gap:10px;width:100%;min-height:68px;margin-bottom:8px}
html.gch .antwort span{flex:1;text-align:left}
html.gch .antwort .naegel{display:flex;gap:4px}
html.gch .antwort .naegel em{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3d6,#c9a35a 45%,#5a4320)}
html.gch .antwort.warte{opacity:.75}

html.gch .papier,.ru.gch .papier{display:block;border-style:solid;border-width:30px;border-image:url(handy/papier.webp) 72 fill stretch;color:var(--tinte);margin:0 0 14px;text-align:left}
html.gch button.papier,.ru.gch button.papier{width:100%;color:var(--tinte)}
html.gch .papier .innen,.ru.gch .papier .innen{margin:-14px -12px}
html.gch .papier h3,.ru.gch .papier h3{margin:0 0 6px;font:600 20px/1.1 var(--t);color:#3b2614;text-transform:none}
html.gch .papier p,.ru.gch .papier p{margin:4px 0;font:500 17px/1.35 var(--f);color:var(--tinte)}
html.gch .papier .kv{display:flex;justify-content:space-between;gap:12px;margin:0;font:500 17px/1.6 var(--f);color:var(--tinte)}
html.gch .papier .kv span{font:500 17px/1.6 var(--f);color:var(--tinte)}
html.gch .papier .kv b{display:block;margin:0;font:700 17px/1.6 var(--f);color:var(--tinte);text-align:right}
html.gch .papier small{font:500 15px/1.3 var(--f);color:#5a4330}
html.gch .papier .grau{font-size:15px;color:#5a4330}
html.gch .papier textarea{display:block;width:100%;min-height:120px;box-sizing:border-box;margin:0;padding:2px 0;border:0;background:none;outline:none;resize:vertical;
  font:500 17px/1.4 var(--f);color:var(--tinte);-webkit-user-select:text;user-select:text}
html.gch .papier textarea::placeholder{font-style:italic;color:#7a6248}
html.gch .brief,html.gch .papier p.brief{font:italic 400 24px/1.35 var(--brief);color:#24170d}
html.gch .papier img{display:block;max-width:100%;margin:6px auto;border-radius:2px}
html.gch .siegel{width:70px;height:70px;background:url(handy/siegel.webp) center/70px no-repeat;margin:-6px 0 -10px auto}

html.gch .ini,.ru.gch .ini{display:flex;align-items:center;gap:10px;min-height:64px;padding:2px 0;width:100%;text-align:left}
html.gch .ini .med,.ru.gch .ini .med{position:relative;width:52px;height:52px;flex:none}
html.gch .ini .med img.p,.ru.gch .ini .med img.p{position:absolute;left:5px;top:5px;width:42px;height:42px;border-radius:50%;object-fit:cover;background:#141216}
html.gch .ini .med span.p,.ru.gch .ini .med span.p{position:absolute;left:5px;top:5px;width:42px;height:42px;border-radius:50%;background:#1a171c;display:flex;align-items:center;justify-content:center;font:600 20px/1 var(--t);color:var(--elf2)}
html.gch .ini .med img.f,.ru.gch .ini .med img.f{position:absolute;left:-2px;top:-2px;width:56px;height:56px}
html.gch .ini .rechts,.ru.gch .ini .rechts{flex:1;min-width:0}
html.gch .ini .rechts .band,.ru.gch .ini .rechts .band{position:relative;width:100%;height:36px;border-width:18px 23px 18px 24px}
html.gch .ini .rechts .band span,.ru.gch .ini .rechts .band span{display:block;font-size:19px;line-height:36px;height:36px;margin:-18px -12px -18px -10px}
html.gch .ini .rechts .tp,.ru.gch .ini .rechts .tp{position:relative;margin-top:6px;height:20px;border-width:10px 8px}
html.gch .ini .rechts .tp i,.ru.gch .ini .rechts .tp i{top:-10px;bottom:-10px}
html.gch .ini .z,.ru.gch .ini .z{font:700 17px/1 var(--f);color:var(--elf2);width:34px;text-align:right;flex:none}
html.gch .ini.zug,.ru.gch .ini.zug{margin:2px -10px;padding:2px 10px;width:calc(100% + 20px);background:radial-gradient(ellipse 60% 90% at 26% 50%,rgba(255,224,178,.16),rgba(255,224,178,0) 75%)}
html.gch .ini.zug .z,.ru.gch .ini.zug .z,html.gch .ini.zug .band span,.ru.gch .ini.zug .band span{color:var(--weiss)}
html.gch .ini.tot,.ru.gch .ini.tot{opacity:.5}
html.gch .ini .werte,.ru.gch .ini .werte{display:block;font:italic 500 15px/1.2 var(--f);color:var(--elf2);margin-top:3px}
html.gch .ini .tpz,.ru.gch .ini .tpz{font:700 17px/1 var(--f);color:var(--weiss);margin-left:8px;white-space:nowrap}
html.gch .ini .tpz em,.ru.gch .ini .tpz em{font-style:normal;color:#a9c8ea;font-size:14px}
html.gch .tpreihe,.ru.gch .tpreihe{display:flex;align-items:center}
html.gch .tpreihe .tp,.ru.gch .tpreihe .tp{flex:1}

html.gch .wahlkopf{text-align:center;padding-top:12px}
html.gch .helden{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;padding:0}
html.gch .helden button{display:flex;flex-direction:column;align-items:center;text-align:center}
html.gch .helden .w{position:relative;width:132px;height:132px}
html.gch .helden .w img.p{position:absolute;left:12px;top:12px;width:108px;height:108px;border-radius:50%;object-fit:cover;background:#141216;border:0;box-shadow:none}
html.gch .helden .w img.f{position:absolute;left:0;top:0;width:132px;height:132px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;object-fit:fill}
html.gch .helden button{padding:0;background:none;border:0;box-shadow:none}
html.gch .helden b{font:600 21px/1.1 var(--f);color:var(--weiss);margin-top:2px}
html.gch .helden small{font:500 16px/1.2 var(--f);color:var(--elf2)}
html.gch .helden small.vergeben{font-style:italic;color:#e8a08c}
html.gch .helden button:active .w img.f{content:url(handy/wahl_an.webp)}
html.gch .warten{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;text-align:center;padding:30px}
html.gch .warten .wappen{position:static;margin:0;width:120px;height:120px;background-size:120px}
html.gch .warten small{font:italic 500 17px/1.35 var(--f);color:var(--elf2)}
html.gch .warten .spn{width:26px;height:26px;border:3px solid #2a2629;border-top-color:#bdb6aa;border-radius:50%;animation:gchDreh 1s linear infinite}
html.gch .warten .hilfe{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:12px;width:100%;max-width:340px;text-align:center}
html.gch .warten .hilfe b{font:600 19px/1.25 var(--f);color:var(--weiss)}
html.gch .warten .hilfe span{font:italic 500 16px/1.35 var(--f);color:var(--elf2)}
html.gch .warten .hilfe .wo{font:500 14px/1.3 var(--f);font-style:normal;color:var(--elf2);margin-top:6px}
html.gch .warten .hilfe .tnh{display:flex;flex-direction:column;gap:6px;text-align:left}
html.gch .warten .hilfe .tnh-t{font:600 19px/1.25 var(--f);color:var(--weiss)}
html.gch .warten .hilfe .tnh-k{display:inline-block;margin-right:4px;padding:1px 6px;border:1px solid var(--licht);border-radius:3px;font:600 14px/1.2 var(--f);color:var(--licht);vertical-align:2px}
html.gch .warten .hilfe .tnh-w{font:italic 500 16px/1.35 var(--f);color:var(--elf2)}
html.gch .warten .hilfe .tnh-s{margin:2px 0 4px;padding-left:22px;font:500 16px/1.4 var(--f);color:var(--elf)}
html.gch .warten .hilfe .tnh-s li{margin:3px 0}
@keyframes gchDreh{to{transform:rotate(360deg)}}

.ru.gch .setzer{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 6px}
.ru.gch .setzer button{display:flex;flex-direction:column;align-items:center;gap:0}
.ru.gch .setzer img{width:92px;height:92px}
.ru.gch .setzer span{font:600 16px/1.15 var(--f);color:var(--elf);text-align:center;min-height:38px}
.ru.gch .setzer button.an span{color:var(--weiss)}
.ru.gch .schalter{position:relative;display:block;height:60px;border-style:solid;border-width:30px 60px 30px 14px;border-image:url(handy/schalter_aus.webp) 60 120 60 28 fill stretch;margin:0 0 10px;width:100%;text-align:left}
.ru.gch .schalter.an{border-image-source:url(handy/schalter_an.webp)}
.ru.gch .schalter span{position:absolute;left:4px;top:-30px;bottom:-30px;display:flex;align-items:center;font:600 18px/1 var(--f);color:var(--elf)}
.ru.gch .schalter em{position:absolute;right:6px;top:-30px;bottom:-30px;display:flex;align-items:center;font:normal 700 15px/1 var(--f);letter-spacing:.06em;color:var(--elf2)}
.ru.gch .schalter.an span,.ru.gch .schalter.an em{color:var(--weiss)}
.ru.gch .dock{position:sticky;bottom:-18px;margin:10px -14px -18px;padding:10px 14px 14px;background:linear-gradient(rgba(10,9,11,.2),rgba(10,9,11,.92) 30%);display:grid;grid-template-columns:1fr 2.4fr;gap:8px;z-index:2}
.ru.gch .anfrage .taste{flex:none;min-height:44px}
.ru.gch .ia{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;font:italic 500 15px/1.3 var(--f);color:var(--elf2)}
.ru.gch .ia em{font-style:normal;color:var(--weiss)}
.ru.gch .ia em.nein{color:var(--elf2)}
.ru.gch .verlauf{display:block;margin:6px 2px 0;font:italic 500 15px/1.3 var(--f);color:var(--elf2)}
.ru.gch .warten{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:40px 10px;font:italic 500 17px/1.4 var(--f);color:var(--elf2)}
.ru.gch .warten b{font:600 22px/1.2 var(--t);color:var(--weiss);font-style:normal}
.ru.gch .meldung{margin:0 0 12px;font:italic 500 16px/1.35 var(--f);color:#e8a08c}

.ru.gch{position:fixed;inset:0;z-index:99999;display:block;background:linear-gradient(rgba(6,5,7,.62),rgba(6,5,7,.62)),url(handy/grund.webp) 0 0/390px auto repeat #0d0c0e;color:var(--elf);font:600 17px/1.35 var(--f);
  -webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;font-variant-numeric:lining-nums tabular-nums;-webkit-touch-callout:none}
.ru.gch,.ru.gch *,.np-bg.gch,.np-bg.gch *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.ru.gch .ru-app{position:relative;width:390px;height:calc(100vh / var(--hz,1));height:calc(100dvh / var(--hz,1));margin:0 auto;zoom:var(--hz,1);display:flex;flex-direction:column;overflow:hidden;
  padding-top:calc(env(safe-area-inset-top,0px) / var(--hz,1));background:linear-gradient(rgba(6,5,7,.48),rgba(6,5,7,.62)),url(handy/grund.webp) 0 0/390px auto repeat}
.ru.gch .kopf .zurueck{position:absolute;right:12px;top:18px;min-height:46px;width:74px;font-size:16px}
.ru.gch input.ru-flt{display:block;width:100%;height:60px;margin:0 0 10px;padding:0 4px;background:none;outline:none;font:italic 500 18px/1 var(--f);color:var(--weiss);-webkit-user-select:text;user-select:text}
.ru.gch .ru-flt::placeholder{color:var(--elf2)}
.ru.gch .klangsuche{height:56px;padding-left:4px;justify-content:flex-start}

.np-bg.gch{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;background:rgba(4,3,5,.6);color:var(--elf);font:600 17px/1.35 var(--f);font-variant-numeric:lining-nums tabular-nums}
.np-bg.gch .tafel{max-height:calc((100vh - 40px) / var(--hz,1));max-height:calc((100dvh - 40px) / var(--hz,1))}
.np-bg.gch .extra{margin-top:8px;width:100%}
.np-bg.gch .wuerfe{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:4px 0 10px}
.np-bg.gch .wuerfe i{display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;padding:0 8px;border-style:solid;border-width:12px;border-image:url(handy/taste_aus.webp) 36 fill stretch;font:700 24px/1 var(--f);font-style:normal;color:var(--weiss)}
.np-bg.gch .wuerfe i span{margin:-8px -6px}
.np-bg.gch .wuerfe em{align-self:center;font:700 22px/1 var(--f);font-style:normal;color:var(--elf2)}

html.gch :is(.vote-ov,.mvp-ov,.czo,.ddbo,#scCard,.secret){position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;padding:0;background:rgba(4,3,5,.6);animation:none}
html.gch #scCard{z-index:9500}
html.gch :is(.vote-card,.mvp-card,.czc,.ddbo .c,#scCard .c,.secret .sc){position:relative;width:390px;max-width:none;zoom:var(--hz,1);max-height:calc((100vh - 60px) / var(--hz,1));max-height:calc((100dvh - 60px) / var(--hz,1));
  overflow:visible auto;margin:0;padding:18px 16px calc(22px + env(safe-area-inset-bottom,0px) / var(--hz,1));border:0;border-radius:0;color:var(--elf);font:600 17px/1.35 var(--f);
  background:linear-gradient(rgba(10,9,11,.5),rgba(10,9,11,.75)),url(handy/grund.webp) 0 0/390px auto;box-shadow:0 -2px 0 #2a2629,0 -6px 0 #121014,0 -8px 20px rgba(0,0,0,.6);animation:gchHoch .28s cubic-bezier(.2,.8,.3,1);scrollbar-width:none}
html.gch :is(.vote-card,.mvp-card,.czc,.ddbo .c,#scCard .c,.secret .sc)::before{content:'';position:absolute;left:50%;top:-34px;width:100px;height:100px;margin-left:-50px;background:url(handy/wappen.webp) center/100px no-repeat;pointer-events:none}
html.gch .vote-k{margin-top:26px;font:italic 500 16px/1.2 var(--f);color:var(--elf2);text-align:center}
html.gch .vote-q{font:600 24px/1.1 var(--t);color:var(--weiss);text-align:center;margin:4px 0 12px}
html.gch .vote-o{display:flex;align-items:center;gap:10px;width:100%;min-height:68px;margin:0 0 8px;padding:0;border-style:solid;border-width:18px;border-image:url(handy/taste_ruhe.webp) 36 fill stretch;
  background:none;font:600 18px/1.1 var(--f);color:var(--elf);text-align:left}
html.gch .vote-o>span:not(.r){flex:1;margin:-12px -10px}
html.gch .vote-o .r{display:none}
html.gch .vote-o.on{border-image-source:url(handy/taste_an.webp);color:var(--weiss)}
html.gch .vote-o.wait{opacity:.75}
html.gch .vote-o:active{transform:none;border-image-source:url(handy/taste_an.webp)}
html.gch .vote-s{margin:6px 2px;text-align:center;font:italic 500 16px/1.35 var(--f);color:var(--elf2)}
html.gch .vote-s b{font-style:normal;color:var(--weiss)}
html.gch .vote-x,html.gch .mvp-x,html.gch .czc .x,html.gch .ddbo .x{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin:8px 0 0;padding:0;border-style:solid;border-width:18px;
  border-image:url(handy/taste_ruhe.webp) 36 fill stretch;background:none;font:600 18px/1.1 var(--f);color:var(--elf);text-decoration:none}
html.gch .vote-tv,html.gch .mvp-tv,html.gch .czc .tv{text-align:center;padding:18px 0 10px}
html.gch .vote-tv b,html.gch .mvp-tv b,html.gch .czc .tv b{display:block;font:600 28px/1.1 var(--t);color:var(--weiss);text-shadow:0 0 14px rgba(255,217,168,.35)}
html.gch .vote-tv span,html.gch .mvp-tv span,html.gch .czc .tv span{display:block;margin-top:8px;font:italic 500 17px/1.3 var(--f);color:var(--elf2)}
html.gch .vote-r{display:flex;align-items:center;gap:10px;min-height:68px;margin:0 0 8px;padding:0;border-style:solid;border-width:18px;border-image:url(handy/taste_aus.webp) 36 fill stretch;font:600 18px/1.1 var(--f);color:var(--elf2)}
html.gch .vote-r>*{margin-top:-12px;margin-bottom:-12px}
html.gch .vote-r .l{flex:1;overflow:hidden;text-overflow:ellipsis;margin-left:-10px}
html.gch .vote-r .bar{display:none}
html.gch .vote-r b{font:700 20px/1 var(--f);color:var(--elf2);margin-right:-10px}
html.gch .vote-r small{display:block;font:italic 500 14px/1.2 var(--f);color:var(--elf2)}
html.gch .vote-r.win{border-image-source:url(handy/taste_an.webp);color:var(--weiss)}
html.gch .vote-r.win .l,html.gch .vote-r.win b{color:var(--weiss)}
html.gch .vote-r .naegel{display:flex;gap:4px;flex-wrap:wrap;max-width:120px;justify-content:flex-end}
html.gch .vote-r .naegel em{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3d6,#c9a35a 45%,#5a4320)}
html.gch .vote-pill{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:8999;padding:0 6px;min-height:56px;display:flex;align-items:center;
  border-style:solid;border-width:18px;border-image:url(handy/taste_haupt.webp) 36 fill stretch;background:none;box-shadow:0 6px 18px rgba(0,0,0,.6);font:600 17px/1 var(--f);color:var(--weiss);text-shadow:none;zoom:var(--hz,1)}
html.gch .mvp-k{margin-top:26px;font:italic 500 16px/1.2 var(--f);color:var(--elf2);text-align:center}
html.gch .mvp-rank{justify-content:center;align-items:baseline;gap:12px;margin:4px 0 8px}
html.gch .mvp-rank b{font:600 60px/1 var(--t);color:var(--weiss);text-shadow:0 0 18px rgba(255,217,168,.5)}
html.gch .mvp-rank span{font:italic 500 18px/1 var(--f);color:var(--elf2)}
html.gch .mvp-won{margin:0 0 10px;padding:0;border:0;text-align:center}
html.gch .mvp-won div{display:inline-flex;align-items:center;height:42px;margin:3px;border-style:solid;border-width:21px 12px;border-image:url(handy/kopfschild.webp) 42 24 fill stretch;font:600 15px/1 var(--t);letter-spacing:.06em;color:var(--elf)}
html.gch .mvp-row{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0 4px;border:0;font:600 18px/1.2 var(--f);color:var(--elf)}
html.gch .mvp-row b{font:700 22px/1 var(--f);color:var(--weiss)}
html.gch :is(#czph,#skph){margin:0;padding:0;border:0;background:none;box-shadow:none}
html.gch :is(#czph,#skph) h4{display:inline-flex;align-items:center;gap:8px;height:42px;margin:6px 0 8px;border-style:solid;border-width:21px 12px;border-image:url(handy/kopfschild.webp) 42 24 fill stretch;
  font:600 16px/1 var(--t);letter-spacing:.08em;color:var(--elf);text-shadow:none}
html.gch :is(#czph,#skph) h4>*{margin:-21px 0}
html.gch :is(#czph,#skph) h4 :is(span,small){display:inline-flex;align-items:center;gap:4px;margin-left:2px;font:600 15px/1 var(--f);letter-spacing:0;color:var(--elf2);font-style:normal}
html.gch :is(#czph,#skph) h4 svg{width:18px;height:18px}
html.gch #czph .row,html.gch #skph .gr{border-style:solid;border-width:17px;border-image:url(handy/fach.webp) 34 fill stretch;margin:0 0 14px;padding:0}
html.gch #czph .row{gap:6px;overflow-x:auto}
html.gch #czph .row>*,html.gch #skph .gr>*{margin-top:-5px;margin-bottom:-5px}
html.gch #czph button{width:84px;color:var(--elf)}
html.gch #czph i{width:76px;height:66px;border-style:solid;border-width:12px;border-image:url(handy/taste_aus.webp) 36 fill stretch;border-color:transparent;border-radius:0;background:none;box-shadow:none}
html.gch #czph i img{width:52px;height:52px;margin:-8px}
html.gch #czph i b{right:-6px;bottom:auto;top:-8px;font:700 13px/1 var(--f);color:var(--weiss);text-shadow:0 1px 2px #000}
html.gch #czph button span{font:600 13.5px/1.12 var(--f);color:var(--elf);text-shadow:none}
html.gch #czph p,html.gch #skph p{font:italic 500 16px/1.35 var(--f);color:var(--elf2);margin:-8px 2px 14px}
html.gch #skph .gr{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
html.gch #skph .gr button{position:relative;aspect-ratio:auto;min-height:66px;padding:0;border-style:solid;border-width:12px;border-image:url(handy/taste_aus.webp) 36 fill stretch;border-color:transparent;border-radius:0;background:none;box-shadow:none;overflow:visible}
html.gch #skph .gr button:after{left:-2px;right:-2px;bottom:-7px;height:4px;border-radius:2px;background:var(--rc,#8a857c);box-shadow:0 0 6px var(--rc,transparent);opacity:1}
html.gch #skph .gr button img{inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}
html.gch #skph .gr button b{right:-6px;top:-8px;font:700 13px/1 var(--f);color:var(--weiss);text-shadow:0 1px 2px #000}
html.gch #skph .gr button.nu{box-shadow:0 0 12px rgba(255,217,168,.45)}
html.gch .czc{text-align:center}
html.gch .czc h3{margin:26px 0 4px;font:600 24px/1.1 var(--t);color:var(--weiss)}
html.gch .czc .sub,html.gch .czc .fund{font:italic 500 16px/1.2 var(--f);color:var(--elf2);margin:0 0 10px}
html.gch .czc .fund{margin-top:26px;font-style:normal;font-family:var(--t);letter-spacing:.06em}
html.gch .czc .fund+h3{margin-top:0}
html.gch .czc .pic{border-style:solid;border-width:17px;border-image:url(handy/fach.webp) 34 fill stretch;background:none;box-shadow:none}
html.gch .czc .go,html.gch .ddbo .go{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:56px;margin-top:8px;padding:0;border-style:solid;border-width:18px;
  border-image:url(handy/taste_haupt.webp) 36 fill stretch;background:none;box-shadow:none;font:600 18px/1.1 var(--f);color:var(--weiss);text-shadow:none}
html.gch .czc .go.alt{border-image-source:url(handy/taste_ruhe.webp);color:var(--elf)}
html.gch .czc .go[disabled]{border-image-source:url(handy/taste_aus.webp);color:var(--elf2)}
html.gch .czc dl{color:var(--elf);font:500 16px/1.35 var(--f)}
html.gch .czc dt{color:var(--elf2)}
html.gch .czc dd{color:var(--weiss)}
html.gch .czc .desc{font:italic 500 16px/1.35 var(--f);color:var(--elf2)}
html.gch #ddbH{margin:16px 0 0}
html.gch #ddbH button.open{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border-style:solid;border-width:18px;border-image:url(handy/taste_ruhe.webp) 36 fill stretch;
  background:none;font:600 18px/1.1 var(--f);color:var(--elf)}
html.gch .ddbo h3{margin:26px 0 6px;font:600 24px/1.1 var(--t);color:var(--weiss);text-align:center}
html.gch .ddbo p{font:500 16px/1.4 var(--f);color:var(--elf2)}
html.gch .ddbo input{height:60px;padding:0 6px;border-style:solid;border-width:16px;border-image:url(handy/zaehl.webp) 32 fill stretch;background:none;font:500 17px/1 var(--f);color:var(--weiss)}
html.gch #scCard .c{text-align:center}
html.gch #scCard small{margin-top:26px;font:600 14px/1 var(--t);letter-spacing:.12em;color:var(--elf2)}
html.gch #scCard img{width:112px;height:112px;border:0;box-shadow:0 0 0 4px #1a171c,0 0 0 6px #6e6a70,0 0 0 8px #1a171c}
html.gch #scCard h2{font:600 28px/1.1 var(--t);color:var(--weiss)}
html.gch #scCard .k,html.gch #scCard p{color:var(--elf2)}
html.gch #scCard li{border-top:0;color:var(--elf)}
html.gch #scCard li:before{background:#bdb6aa}
html.gch #scCard button{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0;border-style:solid;border-width:18px;border-image:url(handy/taste_haupt.webp) 36 fill stretch;
  background:none;font:600 18px/1.1 var(--f);color:var(--weiss);border-radius:0}
html.gch #scDemo{bottom:calc(env(safe-area-inset-bottom,0px) + 96px);border:0;background:#141216;color:var(--elf2);box-shadow:0 0 0 1px #3a3438;font:600 11px/1.6 var(--f)}
html.gch .secret .sc>button{margin-top:4px}
html.gch #spot{background:radial-gradient(circle at 50% 45%,rgba(255,217,168,.22),rgba(6,5,7,.94) 65%)}
html.gch #spot span{display:flex;align-items:center;justify-content:center;width:330px;height:150px;padding-top:6px;background:url(handy/kartusche.webp) center/330px auto no-repeat;
  font:600 30px/1 var(--t);color:var(--weiss);text-shadow:0 0 14px rgba(255,217,168,.45);zoom:var(--hz,1)}
html.gch #spot small{font:italic 500 17px/1 var(--f);color:var(--elf2);text-shadow:none}
html.gch .toast{z-index:9700;left:50%;right:auto;bottom:calc(100px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);max-width:340px;padding:0 4px;min-height:52px;display:flex;align-items:center;justify-content:center;
  border-style:solid;border-width:16px;border-image:url(handy/taste_aus.webp) 36 fill stretch;border-radius:0;background:none;box-shadow:0 6px 18px rgba(0,0,0,.6);font:600 16px/1.2 var(--f);color:var(--weiss);zoom:var(--hz,1)}
html.gch #connB{background:#141216;color:var(--elf);box-shadow:0 1px 0 #3a3438;font:600 15px/1.3 var(--f)}
html.gch #connB.up{background:#141216;color:var(--weiss)}
html.gch .inst{background:linear-gradient(rgba(10,9,11,.6),rgba(10,9,11,.8)),url(handy/grund.webp) 0 0/390px auto;border:0;box-shadow:0 -2px 0 #2a2629;color:var(--elf);font:500 15px/1.35 var(--f)}
html.gch .inst b{color:var(--weiss)}
html.gch .inst button{color:var(--elf2)}
html.gch .fx .fxn{font-family:var(--t)}

html.gch :is(.vote-card,.mvp-card){display:flex;flex-direction:column}
html.gch .vote-q{order:-2;margin-top:26px}
html.gch .vote-k{order:-1;margin-top:0;margin-bottom:12px}
html.gch .vote-x{order:5}
html.gch .vote-s{order:6}
html.gch .vote-r .naegel{display:flex}
html.gch .vote-card,html.gch .secret .sc,html.gch .ddbo .c{text-align:left}
html.gch .mvp-card,html.gch #scCard .c{text-align:center}
html.gch #scCard small{margin-top:44px}
html.gch #spot span{font-size:25px}
.np-bg.gch .taste[data-ok]>span{overflow-wrap:normal;hyphens:manual;font-size:20px}

html.gch .helden.pick button.gefallen .w img.p{filter:grayscale(1) brightness(.75)}
html.gch .attr6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;margin:0 0 6px}
html.gch .attr6 .attr{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:96px;padding:0 0 14px;border-style:solid;border-width:16px;
  border-image:url(handy/taste_ruhe.webp) 36 fill stretch;background:none;color:var(--elf);-webkit-tap-highlight-color:transparent}
html.gch .attr6 .attr:active{border-image-source:url(handy/taste_an.webp)}
html.gch .attr6 .attr i{margin-top:-8px;font:700 14px/1 var(--f);font-style:normal;letter-spacing:.08em;color:var(--elf2)}
html.gch .attr6 .attr b{font:600 28px/1 var(--f);color:var(--weiss);font-variant-numeric:tabular-nums}
html.gch .attr6 .attr small{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);min-width:34px;padding:2px 6px;border-radius:11px;background:#0b0a0d;box-shadow:0 0 0 1px rgba(214,214,220,.3),0 0 0 3px #040304;
  font:600 14px/1.15 var(--f);color:var(--elf);text-align:center;font-variant-numeric:tabular-nums}
.ru.gch .ru-main.ru-pult{display:flex;flex-direction:column}
.ru.gch .ru-pult>*{flex:none}
.ru.gch .ru-pult .ru-deck{flex:1 1 auto;min-height:0;grid-template-rows:repeat(4,minmax(44px,1fr))}
.ru.gch .ru-deck{touch-action:pan-y}
.ru.gch .ru-pult .ru-deck .taste{min-height:0}
.ru.gch .ru-deck .ru-sb{font-size:18px!important;line-height:1.1}
.ru.gch .ru-zuletzt .taste{min-height:56px}
.ru.gch .ru-sz{grid-template-rows:repeat(3,minmax(104px,auto))}
.ru.gch .ru-sz .taste>span{display:flex;flex-direction:column;align-items:center;gap:5px;font:600 17px/1.15 var(--f);text-align:center}
.ru.gch .ru-sz .taste small{font:700 15px/1 var(--f);color:var(--elf2);margin:0}
.ru.gch .ru-seiten{display:grid;grid-template-columns:72px 1fr 72px;align-items:center;gap:8px;margin:10px 0 2px}
.ru.gch .ru-seiten .taste{min-height:52px;font:700 20px/1 var(--f)}
.ru.gch .ru-pz{display:flex;flex-direction:column;align-items:center;gap:6px}
.ru.gch .ru-pz b{font:600 16px/1 var(--f);color:var(--elf2);font-variant-numeric:tabular-nums}
.ru.gch .ru-pz span{display:flex;gap:7px}
.ru.gch .ru-pz i{width:9px;height:9px;border-radius:50%;background:#3a3940;box-shadow:inset 0 1px 1px rgba(0,0,0,.6),0 0 0 1px #050405}
.ru.gch .ru-pz i.an{background:radial-gradient(circle at 35% 35%,#faf7f0,#bdb6aa 60%,#6a6870)}