#abend.fx[data-mitte]{--kh:max(46px,3.3cqw);--nh:max(36px,2.5cqw);
  --kk:calc(var(--kh) * 137 / 126);
  --nk:calc(var(--nh) * 39 / 98)}

#abend.fx[data-mitte] .ab-top b{font-size:max(12px,.86cqw);color:#cfae78}
#abend.fx[data-mitte] .ab-top span{font-size:max(13px,.95cqw);color:#bdb2a1}
#abend.fx[data-mitte] .fx-ctl{gap:1cqw}
#abend.fx[data-mitte] .fx-ctl :is(button,.ab-x){min-height:max(32px,2.3cqw);padding:0 .5cqw;font-size:max(13px,.95cqw);color:#c4b9a7;cursor:pointer}
#abend.fx[data-mitte] .fx-snd svg{width:max(13px,.95cqw);height:max(13px,.95cqw)}

#abend.fx[data-mitte][data-st="brand"] .ab-col.c .fx-door{padding:0;overflow:visible;box-shadow:none;background:none center/100% 100% no-repeat}
#abend.fx[data-mitte="banner"][data-st="brand"] .ab-col.c .fx-door{background-image:url("gc3/kathedrale/banner.webp");filter:drop-shadow(0 .9cqw 1.1cqw rgba(0,0,0,.5))}
#abend.fx[data-mitte] .ab-entry{position:absolute;margin:0;padding:0 1cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}

#abend.fx[data-mitte] .ab-entry h1{margin:0 0 max(9px,.8cqw);font:600 max(21px,1.6cqw)/1.14 'Cinzel',Georgia,serif;letter-spacing:.04em;text-wrap:balance;
  color:#ececf0;background:linear-gradient(180deg,#ffffff 0%,#eceef2 36%,#b9bac2 50%,#d8d9de 62%,#f8f8fa 100%) 0 0/100% 1.14em repeat-y;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.95)) drop-shadow(0 0 .45cqw rgba(0,0,0,.95))}
#abend.fx[data-mitte] .ab-entry .ab-lead{margin:0;font:500 max(14.5px,1.06cqw)/1.5 'EB Garamond',Georgia,serif;color:#e2d9ca;text-shadow:0 1px 1px #000,0 0 .7cqw rgba(0,0,0,.95)}
#abend.fx[data-mitte] .ab-entry .ab-s{margin:max(9px,.75cqw) 0 0;font:italic 500 max(13px,.92cqw)/1.35 'EB Garamond',Georgia,serif;letter-spacing:.01em;color:#cfc4b2;text-wrap:balance;
  text-shadow:0 1px 1px #000,0 0 .6cqw rgba(0,0,0,.95)}

#abend.fx[data-mitte] .ab-act{z-index:2}
#abend.fx[data-mitte] .ab-wahl{flex-direction:row;align-items:center;justify-content:center;gap:max(12px,1.1cqw)}
#abend.fx[data-mitte] :is(.ab-p,.ab-g){height:var(--kh);min-height:0;padding:0 .5em .08em;border:solid transparent;border-width:0 var(--kk);border-radius:0;
  border-image:url("gc3/kathedrale/taste_haupt_ruhe.webp") 0 137 fill / 0 var(--kk) stretch;background:none;box-shadow:none;
  font:600 max(16px,1.2cqw)/1 'EB Garamond',Georgia,serif;letter-spacing:.03em;text-transform:none;color:#eee6d8;white-space:nowrap;
  text-shadow:0 1px 0 #000,0 0 .5cqw rgba(0,0,0,.9);transition:filter .15s ease,color .15s ease}
#abend.fx[data-mitte] :is(.ab-p,.ab-g).live{border-image-source:url("gc3/kathedrale/taste_haupt_an.webp")}
#abend.fx[data-mitte] :is(.ab-p,.ab-g):is(:hover,:focus-visible){outline:none;color:#fff7e8;border-image-source:url("gc3/kathedrale/taste_haupt_an.webp");background:none;box-shadow:none;
  filter:drop-shadow(0 0 .7cqw rgba(255,240,222,.3))}
#abend.fx[data-mitte] :is(.ab-p,.ab-g):active{transform:translateY(1px);filter:brightness(.9)}
#abend.fx[data-mitte] :is(.ab-n,.ab-act .ab-l){display:inline-flex;align-items:center;justify-content:center;height:var(--nh);padding:0 .6em .06em;border:solid transparent;border-width:0 var(--nk);
  border-image:url("gc3/kathedrale/taste_neben_ruhe.webp") 0 39 fill / 0 var(--nk) stretch;background:none;
  font:500 max(13.5px,.98cqw)/1 'EB Garamond',Georgia,serif;color:#d9cfbe;text-decoration:none;white-space:nowrap;cursor:pointer;
  text-shadow:0 1px 0 #000,0 0 .4cqw rgba(0,0,0,.9);transition:filter .15s ease,color .15s ease}
#abend.fx[data-mitte] :is(.ab-n,.ab-act .ab-l):is(:hover,:focus-visible){outline:none;color:#fbf3e4;text-decoration:none;border-image-source:url("gc3/kathedrale/taste_neben_an.webp");
  filter:drop-shadow(0 0 .5cqw rgba(255,240,222,.22))}
#abend.fx[data-mitte] :is(.ab-n,.ab-act .ab-l):active{transform:translateY(1px);filter:brightness(.9)}
#abend.fx[data-mitte] .ab-act .ab-row{gap:max(12px,1.1cqw)}

#abend.fx[data-mitte="banner"]{--kh:max(50px,3.65cqw);--nh:max(36px,2.55cqw);--silber:#c9cad1;--kk:calc(var(--kh) * 137 / 126)}
#abend.fx[data-mitte="banner"][data-st="brand"] .ab-col.c .fx-door{background-image:none;filter:none}
#abend.fx[data-mitte="banner"] .ab-col .fx-door{padding:0;overflow:visible;background:none;box-shadow:none}
#abend.fx[data-mitte="banner"] .ab-col .fx-door::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:url("gc3/kathedrale/banner_seite.webp") center/100% 100% no-repeat;filter:drop-shadow(0 .8cqw 1cqw rgba(0,0,0,.5))}
#abend.fx[data-mitte="banner"] .ab-col.c .fx-door::before{background-image:url("gc3/kathedrale/banner.webp")}
#abend.fx[data-mitte="banner"] .ab-col[data-a="spieler"] .fx-door::before{transform:scaleX(-1)}

#abend.fx[data-mitte="banner"] .ab-entry{left:15.5%;top:15%;width:69%;height:56%;padding:0}
#abend.fx[data-mitte="banner"] .ab-entry h1{margin:0 -.075em max(13px,1.05cqw) 0;font-size:max(23px,1.72cqw);line-height:1.12;letter-spacing:.075em;
  font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1;background-size:100% 1.12em}
#abend.fx[data-mitte="banner"] .ab-entry .ab-lead{font-size:max(15px,1.1cqw);line-height:1.6;letter-spacing:.004em;color:#e6ddcf;font-kerning:normal;font-variant-numeric:oldstyle-nums}
#abend.fx[data-mitte="banner"] .ab-entry .ab-s{margin-top:max(15px,1.25cqw);font:italic 400 max(14px,1.02cqw)/1.4 'EB Garamond',Georgia,serif;letter-spacing:0;color:#d3c9b8}

#abend.fx[data-mitte="banner"] .ab-wahl{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:max(16px,1.5cqw)}
#abend.fx[data-mitte="banner"] .ab-wahl>.ab-n:first-child{justify-self:end}
#abend.fx[data-mitte="banner"] .ab-wahl>[data-ab="bk-wahl"]{justify-self:start}
#abend.fx[data-mitte="banner"] .ab-act .ab-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:max(16px,1.5cqw)}
#abend.fx[data-mitte="banner"] .ab-act .ab-row>:is(.ab-p,.ab-wait){grid-column:2}
#abend.fx[data-mitte="banner"] .ab-act .ab-row>.ab-l[data-ab="anyway"]{grid-column:3;justify-self:start}
#abend.fx[data-mitte="banner"] .ab-act .ab-row>.ab-l:not([data-ab="anyway"]){grid-column:1;grid-row:1;justify-self:end}
#abend.fx[data-mitte="banner"] :is(.ab-p,.ab-g){font-size:max(17px,1.3cqw);letter-spacing:.035em;filter:drop-shadow(0 .3cqw .25cqw rgba(0,0,0,.6))}
#abend.fx[data-mitte="banner"] :is(.ab-p,.ab-g):is(:hover,:focus-visible){filter:drop-shadow(0 .3cqw .25cqw rgba(0,0,0,.6)) drop-shadow(0 0 .8cqw rgba(255,240,222,.3))}
#abend.fx[data-mitte="banner"] :is(.ab-n,.ab-act .ab-l){color:#cbc1b0;filter:brightness(.84) drop-shadow(0 .25cqw .2cqw rgba(0,0,0,.6))}
#abend.fx[data-mitte="banner"] :is(.ab-n,.ab-act .ab-l):is(:hover,:focus-visible){filter:brightness(1) drop-shadow(0 .25cqw .2cqw rgba(0,0,0,.6)) drop-shadow(0 0 .5cqw rgba(255,240,222,.22))}
#abend.fx[data-mitte="banner"] .ab-ready{color:#f2ebde;text-shadow:0 0 1cqw rgba(255,236,210,.45)}

#abend.fx[data-mitte="banner"] .ab-act{top:88.4%!important}
#abend.fx[data-mitte="banner"] .ab-act .ab-p{border-image-source:url("gc3/kathedrale/taste_haupt_an.webp")}

#abend.fx[data-mitte="banner"] .fx-plaque{left:8.6%;right:auto;width:80%;top:3%;bottom:auto;padding:0;box-shadow:none;cursor:default;display:block;
  font:italic 500 max(14px,1.02cqw)/1.2 'EB Garamond',Georgia,serif;letter-spacing:.01em;text-transform:none;text-shadow:none;
  color:#d4d5db;background:linear-gradient(180deg,#f7f7f9 0%,#d2d3d9 52%,#a9aab2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.95)) drop-shadow(0 0 .35cqw rgba(0,0,0,.9))}
#abend.fx[data-mitte="banner"] .fx-plaque::before,#abend.fx[data-mitte="banner"] .fx-plaque::after{display:none}
#abend.fx[data-mitte="banner"] .ab-col[data-a="spieler"] .fx-plaque{left:11.4%}
#abend.fx[data-mitte="banner"] .ab-top b{color:var(--silber)}
#abend.fx[data-mitte="banner"] .fx-lin .ab-w{color:var(--silber)}
#abend.fx[data-mitte="banner"] .ab-col[data-s="ok"] .fx-lin .ab-w{color:var(--verd)}
#abend.fx[data-mitte="banner"] .ab-col:is([data-s="problem"],[data-s="lost"]) .fx-lin .ab-w{color:var(--ember)}

#abend.fx[data-mitte="banner"] .fx-feld{position:absolute;display:flex;flex-direction:column;overflow:auto;scrollbar-width:none;text-align:left}
#abend.fx[data-mitte="banner"] .fx-feld::-webkit-scrollbar{display:none}
#abend.fx[data-mitte="banner"] .fx-feld>*{margin-block:auto}
#abend.fx[data-mitte="banner"] .ab-col.c .fx-feld{left:14.2%;top:14%;width:71.6%;height:55%}
#abend.fx[data-mitte="banner"] .ab-col[data-a="meister"] .fx-feld{left:16.5%;top:16.5%;width:68%;height:54%}
#abend.fx[data-mitte="banner"] .ab-col[data-a="spieler"] .fx-feld{left:15.5%;top:16.5%;width:68%;height:54%}
#abend.fx[data-mitte="banner"] .fx-feld .sta li{box-shadow:none;padding:max(8px,.65cqw) 0;gap:.2cqw .7cqw;grid-template-columns:max(12px,.9cqw) 1fr auto}
#abend.fx[data-mitte="banner"] .fx-feld .sta li:first-child{padding-top:0}
#abend.fx[data-mitte="banner"] .fx-feld .sta li>b{font-size:max(15px,1.08cqw);color:#efe7d8;text-shadow:0 1px 1px #000,0 0 .5cqw rgba(0,0,0,.9)}
#abend.fx[data-mitte="banner"] .fx-feld .sta li>span,#abend.fx[data-mitte="banner"] .fx-feld .sta .stx p{font-size:max(13.5px,.95cqw);line-height:1.42;text-wrap:pretty;hyphens:manual;color:#d0c6b5;text-shadow:0 1px 1px #000,0 0 .5cqw rgba(0,0,0,.9)}
#abend.fx[data-mitte="banner"] .fx-feld .sta li>em{font-size:max(12px,.8cqw);letter-spacing:.08em;color:var(--silber)}
#abend.fx[data-mitte="banner"] .fx-feld .sta li[data-s="offen"]>em{color:var(--silber)}
#abend.fx[data-mitte="banner"] .ab-col.c .fx-feld .sta li{padding:max(6px,.5cqw) 0}
#abend.fx[data-mitte="banner"] .fx-feld li.dran>.sti{box-shadow:0 0 0 1px #050406,0 0 .55cqw rgba(255,238,214,.75),inset 0 0 .3cqw rgba(255,238,214,.9);background:radial-gradient(circle,#fff4e2 0 30%,#8c8d95 45%,#2a2a30 70%)}
#abend.fx[data-mitte="banner"] .fx-feld li.dran>b{color:#fffaf0}
#abend.fx[data-mitte="banner"] .ab-col .fx-feld .sta li:last-child{padding-bottom:0}
#abend.fx[data-mitte="banner"] .fx-feld .sta li.zu>:is(span,.btn,.stx){display:none}
#abend.fx[data-mitte="banner"] .fx-feld .sta li.zu{cursor:pointer}
#abend.fx[data-mitte="banner"] .fx-feld .sta li.weg{display:none}
#abend.fx[data-mitte="banner"] .fx-feld .sta li.zu:is(:hover,:focus-visible)>b{color:#fffaf0}
#abend.fx[data-mitte="banner"] .fx-feld .sta li.zu:focus-visible{outline:1px solid var(--silber);outline-offset:2px}
#abend.fx[data-mitte="banner"] .fx-feld.dicht .sta li:has(>.stx p)>span{display:none}
#abend.fx[data-mitte="banner"] .ab-col .fx-feld.dicht .sta li{padding-block:max(3px,.25cqw)}
#abend.fx[data-mitte="banner"] .ab-col .fx-feld.dicht .sta :is(li>span,.stx p){line-height:1.3}
#abend.fx[data-mitte="banner"] .ab-col .fx-feld.dicht .sta li{row-gap:0}
#abend.fx[data-mitte="banner"] .fx-feld.dicht .stx p:not(.hint):has(~.hint){display:none}
#abend.fx[data-mitte="banner"] .fx-feld.roll{scrollbar-width:thin;scrollbar-color:rgba(201,202,209,.5) transparent;padding-right:6px}
#abend.fx[data-mitte="banner"] .fx-feld.roll::-webkit-scrollbar{display:block;width:4px}
#abend.fx[data-mitte="banner"] .fx-feld.roll::-webkit-scrollbar-thumb{background:rgba(201,202,209,.5);border-radius:2px}
#abend.fx[data-mitte="banner"] .fx-feld>.ab-ready{margin:auto 0 max(8px,.6cqw);text-align:center;text-wrap:balance;font:600 max(16px,1.2cqw)/1.15 'Cinzel',Georgia,serif;letter-spacing:.06em;
  color:#ececf0;background:linear-gradient(180deg,#ffffff 0%,#eceef2 36%,#b9bac2 50%,#d8d9de 62%,#f8f8fa 100%) 0 0/100% 1.15em repeat-y;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.95)) drop-shadow(0 0 .45cqw rgba(0,0,0,.95))}
#abend.fx[data-mitte="banner"] .fx-feld>.ab-ready+*{margin-top:0;margin-bottom:auto}
#abend.fx[data-mitte="banner"] .ab-wait{padding:0;background:none;box-shadow:none;font:italic 500 max(14px,1.02cqw)/1.3 'EB Garamond',Georgia,serif;color:#e4e5ea;
  text-shadow:0 1px 1px #000,0 0 .5cqw #000,0 0 1cqw rgba(0,0,0,.9)}
#abend.fx[data-mitte="banner"] .ab-col:not(.c) .fx-feld .sta li{grid-template-columns:max(12px,.9cqw) 1fr;row-gap:.1cqw}
#abend.fx[data-mitte="banner"] .ab-col:not(.c) .fx-feld .sta li>em{grid-column:2;justify-self:start;margin-bottom:.15cqw}
#abend.fx[data-mitte="banner"] .ab-col:not(.c) .fx-feld .sta li>:is(span,.btn,.stx){grid-column:2}
#abend.fx[data-mitte="banner"] .fx-feld .hint{font-size:max(12.5px,.86cqw);color:#c2b8a7}
#abend.fx[data-mitte="banner"] .fx-feld{--bh:max(32px,2.2cqw)}
#abend.fx[data-mitte="banner"] .fx-feld .btn{height:var(--bh);margin-top:max(6px,.45cqw);padding:0 .65em .05em;border:solid transparent;border-width:0 calc(var(--bh) * 39 / 98);border-radius:0;
  border-image:url("gc3/kathedrale/taste_neben_ruhe.webp") 0 39 fill / 0 calc(var(--bh) * 39 / 98) stretch;background:none;box-shadow:none;
  font:500 max(13.5px,.95cqw)/1 'EB Garamond',Georgia,serif;letter-spacing:.01em;text-transform:none;color:#e4dccd;text-shadow:0 1px 0 #000;
  filter:drop-shadow(0 .2cqw .2cqw rgba(0,0,0,.55))}
#abend.fx[data-mitte="banner"] .fx-feld .btn:is(:hover,:focus-visible){outline:none;color:#fff8ea;border-image-source:url("gc3/kathedrale/taste_neben_an.webp");box-shadow:none;background:none}
#abend.fx[data-mitte="banner"] .fx-feld .btn:active{transform:translateY(1px)}

@media (max-width:1099px),(max-aspect-ratio:5/4){
  #abend.fx[data-mitte]{--kh:46px;--nh:40px}
  #abend.fx[data-mitte][data-st="brand"] .ab-col.c .fx-door{background:linear-gradient(180deg,rgba(6,5,7,.9),rgba(10,8,9,.84));filter:none;padding:14px}
  #abend.fx[data-mitte] .ab-entry{position:static;width:auto;height:auto}
  #abend.fx[data-mitte] .ab-entry h1{font-size:24px}#abend.fx[data-mitte] .ab-entry .ab-lead{font-size:16px}#abend.fx[data-mitte] .ab-entry .ab-s{font-size:14px}
  #abend.fx[data-mitte] .ab-wahl{flex-wrap:wrap}
  #abend.fx[data-mitte] :is(.ab-p,.ab-g){font-size:16px;padding:0 .35em}#abend.fx[data-mitte] :is(.ab-n,.ab-act .ab-l){font-size:15px}
  #abend.fx[data-mitte="banner"] .ab-col .fx-door::before{display:none}
  #abend.fx[data-mitte="banner"] .fx-feld{position:static;width:auto;height:auto}
  #abend.fx[data-mitte="banner"] .fx-plaque{position:static;width:auto;margin:6px auto 0}
}