#abend.fx{--bone:#ece4d6;--bone2:#b9ae9c;--bone3:#8a8070;--brass:#c8a46e;--brass2:#8a6a44;--verd:#9bb88a;--ember:#e0806a;
  position:fixed;inset:0;z-index:99000;overflow:hidden;overflow:clip;background:#060507;color:var(--bone);font:500 15px/1.4 'EB Garamond',Georgia,serif}
#abend.fx *{box-sizing:border-box}
#abend.fx button{font:inherit;cursor:pointer}
#abend.fx .fx-frame{position:absolute;left:50%;top:50%;width:min(100vw,177.78vh);height:min(56.25vw,100vh);transform:translate(-50%,-50%);container-type:size}
#abend.fx .fx-dyn{position:absolute;inset:0;transition:opacity 1.4s ease 1.1s}
#abend.fx.fx-hold .fx-dyn{opacity:0;transition:none;pointer-events:none}
#abend.fx .fx-dyn>*,#abend.fx .ab-col>*{transition:opacity 1.5s ease 1.2s}
#abend.fx.fx-gate .fx-dyn>:not(.ab-tri),#abend.fx.fx-gate .ab-col:not(.c),#abend.fx.fx-gate .ab-col.c>:not(.fx-tym){opacity:0;pointer-events:none;transition:none}
#abend.fx .fx-dust{position:absolute;pointer-events:none;mix-blend-mode:screen}

#abend.fx .fx-scene{position:absolute;inset:0;pointer-events:none;isolation:isolate}
#abend.fx .fx-l{position:absolute;display:block;max-width:none;user-select:none;-webkit-user-drag:none;transition:opacity 2.4s ease,filter 2.4s ease}
#abend.fx .fx-add{mix-blend-mode:plus-lighter;opacity:0}
#abend.fx .fx-add.l-fire{opacity:1;animation:fxFire 4.3s linear infinite}
@keyframes fxFire{0%{opacity:.92}9%{opacity:.8}17%{opacity:1}31%{opacity:.86}44%{opacity:.97}52%{opacity:.82}66%{opacity:1}79%{opacity:.88}88%{opacity:.95}100%{opacity:.92}}
#abend.fx:is([data-st="brand"],[data-st="ok"]) :is(.l-warm-t,.l-rose-t){opacity:1}
#abend.fx[data-st="offen"] .l-warm-t{opacity:.34}#abend.fx[data-st="offen"] .l-rose-t{opacity:.5}
#abend.fx:is([data-st="optional"],[data-st="skip"]) :is(.l-warm-t,.l-rose-t){opacity:.2}
#abend.fx[data-sm="ok"] :is(.l-warm-m,.l-rose-m),#abend.fx[data-ss="ok"] :is(.l-warm-s,.l-rose-s){opacity:1}
#abend.fx[data-sm="offen"] .l-rose-m,#abend.fx[data-ss="offen"] .l-rose-s{opacity:.32}
#abend.fx[data-sm="offen"] .l-warm-m,#abend.fx[data-ss="offen"] .l-warm-s{opacity:.16}
#abend.fx:is([data-sm="optional"],[data-sm="skip"]) .l-rose-m,#abend.fx:is([data-ss="optional"],[data-ss="skip"]) .l-rose-s{opacity:.14}
#abend.fx:is([data-st="problem"],[data-st="lost"]) :is(.l-warm-t,.l-rose-t),#abend.fx:is([data-sm="problem"],[data-sm="lost"]) :is(.l-warm-m,.l-rose-m),
#abend.fx:is([data-ss="problem"],[data-ss="lost"]) :is(.l-warm-s,.l-rose-s){filter:hue-rotate(-22deg) saturate(1.7) brightness(.9);animation:fxGlut 2.8s ease-in-out infinite alternate}
@keyframes fxGlut{from{opacity:.35}to{opacity:.85}}
#abend.fx.fx-ready :is(.l-warm-t,.l-warm-m,.l-warm-s){animation:fxAtem 7s ease-in-out infinite alternate}
#abend.fx.fx-ready .l-warm-m{animation-delay:-2.3s}#abend.fx.fx-ready .l-warm-s{animation-delay:-4.6s}
@keyframes fxAtem{from{opacity:.86}to{opacity:1}}
#abend.fx .fx-mist{position:absolute;left:-30%;right:-30%;top:72%;height:42%;mix-blend-mode:screen;opacity:.5;
  background:radial-gradient(ellipse 22% 38% at 30% 55%,rgba(170,182,205,.13),transparent 70%),radial-gradient(ellipse 26% 32% at 68% 48%,rgba(170,182,205,.11),transparent 70%),radial-gradient(ellipse 18% 30% at 50% 70%,rgba(200,170,130,.08),transparent 70%);
  animation:fxMist 46s ease-in-out infinite alternate}
#abend.fx .fx-mist.m2{top:78%;opacity:.4;animation-duration:63s;animation-direction:alternate-reverse}
@keyframes fxMist{from{transform:translateX(-6%)}to{transform:translateX(6%)}}
#abend.fx .fx-vig{position:absolute;inset:-12% -14%;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,2,4,.62),rgba(2,2,4,.18) 16%,transparent 30%),radial-gradient(ellipse 72% 78% at 50% 54%,transparent 58%,rgba(2,2,4,.66) 100%)}
#abend.fx.fx-hold .fx-l{opacity:0!important;transition:none}
#abend.fx.fx-gate .fx-base{opacity:.1}
#abend.fx.fx-gate .fx-add{opacity:0!important;animation:none}
#abend.fx.fx-gate .l-rose-t{opacity:.62!important}
#abend.fx.fx-gate .l-fire{opacity:.16!important}
#abend.fx.fx-in .fx-base{transition:opacity 3.6s cubic-bezier(.3,.5,.2,1)}
#abend.fx.fx-bell :is(.l-rose-t,.l-warm-t){animation:fxBell 3.8s cubic-bezier(.2,.7,.2,1)}
@keyframes fxBell{0%{filter:brightness(1)}7%{filter:brightness(1.9)}100%{filter:brightness(1)}}

#abend.fx .fx-dark{position:absolute;inset:-100vh -100vw;pointer-events:none;opacity:1;transition:opacity 3.4s cubic-bezier(.25,.6,.2,1);
  background:radial-gradient(ellipse 14cqw 22cqh at 50% calc(50% - 22cqh),rgba(0,0,0,0),#000 100%)}
#abend.fx.fx-gate .fx-dark{opacity:.55}
#abend.fx.fx-in .fx-dark{opacity:0}
#abend.fx .fx-gatebox{position:absolute;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqw;text-align:center;z-index:3}
#abend.fx.fx-gate .fx-gatebox{display:flex}
#abend.fx .fx-gatebox .fx-mark{font:400 1.25cqw/1 'Cinzel Decorative','Cinzel',Georgia,serif;letter-spacing:.38em;color:var(--brass);text-shadow:0 0 18px rgba(200,140,70,.35)}

#abend.fx .ab-top{position:absolute;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.45cqw;padding:0;white-space:nowrap;overflow:hidden;text-shadow:0 1px 3px #000,0 0 12px #000}
#abend.fx .ab-top b{font:400 1.02cqw/1 'Cinzel',Georgia,serif;letter-spacing:.42em;color:var(--brass);text-shadow:0 -1px 0 #000,0 1px 0 rgba(236,220,190,.08)}
#abend.fx .ab-top span{font:500 .98cqw/1 'EB Garamond',Georgia,serif;color:var(--bone2);overflow:hidden;text-overflow:ellipsis}
#abend.fx .fx-ctl{position:absolute;display:flex;justify-content:flex-end;align-items:center;gap:.6cqw}
#abend.fx .fx-ctl button{height:2.15cqw;padding:0 .9cqw .1cqw;border:0;border-radius:1px;display:inline-flex;align-items:center;gap:.5cqw;
  font:600 .74cqw/1 'EB Garamond',Georgia,serif;letter-spacing:.16em;text-transform:uppercase;color:var(--bone2);
  background:linear-gradient(180deg,#2b262e,#1c191f);box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(255,236,205,.10),inset 0 -2px 0 rgba(0,0,0,.5)}
#abend.fx .fx-ctl button:hover,#abend.fx .fx-ctl button:focus-visible{color:var(--bone);outline:none;box-shadow:0 0 0 1px #040304,0 0 0 2px var(--brass2),inset 0 1px 0 rgba(255,236,205,.10)}
#abend.fx .fx-snd svg{width:1.05cqw;height:1.05cqw;fill:currentColor}
#abend.fx .fx-snd[aria-pressed="false"]{color:var(--bone3)}
#abend.fx .fx-snd[aria-pressed="false"] .w{display:none}

#abend.fx .ab-col{position:absolute;pointer-events:none}
#abend.fx .ab-col>*{position:absolute;pointer-events:auto}
#abend.fx .fx-tym{display:flex;align-items:center;justify-content:center}
#abend.fx .fx-tym svg{width:100%;height:100%;overflow:visible}
#abend.fx .fx-tym .fx-rose-big{display:none}
#abend.fx .fx-tym .fx-r:not(.fx-rose-big) :is(.rim,.rim2,.glass,.bar){display:none}
#abend.fx .fx-tym .fx-r:not(.fx-rose-big){filter:none!important}
#abend.fx .fx-tym .fx-r:not(.fx-rose-big) .boss{opacity:.92}
#abend.fx .fx-tym .fx-r[data-s="offen"] .boss,#abend.fx .fx-tym .fx-r[data-s="optional"] .boss,#abend.fx .fx-tym .fx-r[data-s="skip"] .boss{opacity:0}
#abend.fx .fx-lin{display:flex;align-items:center;justify-content:center;gap:1cqw;text-align:center}
#abend.fx .fx-lin h2{margin:0;font:400 1.5cqw/1 'Cinzel',Georgia,serif;letter-spacing:.3em;margin-right:-.3em;color:#e8dcc6;
  text-shadow:0 -1px 0 rgba(0,0,0,.95),0 1px 0 rgba(236,220,190,.12)}
#abend.fx .ab-col.c .fx-lin h2{font-size:1.95cqw}
#abend.fx .fx-lin h2{white-space:nowrap}#abend.fx .fx-lin h2.long{font-size:1.3cqw;letter-spacing:.18em;margin-right:-.18em}
#abend.fx .fx-lin .ab-w{font:600 .66cqw/1 'EB Garamond',Georgia,serif;font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--bone3)}
#abend.fx .ab-col[data-s="ok"] .ab-w{color:var(--verd)}
#abend.fx .ab-col[data-s="problem"] .ab-w,#abend.fx .ab-col[data-s="lost"] .ab-w{color:var(--ember)}
#abend.fx .fx-door{display:flex;flex-direction:column;justify-content:flex-start;padding:1.1cqw 1.2cqw;overflow:auto;scrollbar-width:none;
  background:radial-gradient(circle at .55cqw .55cqw,#8a8c94 0 .14cqw,#1a1b1f .2cqw,transparent .26cqw),radial-gradient(circle at calc(100% - .55cqw) .55cqw,#8a8c94 0 .14cqw,#1a1b1f .2cqw,transparent .26cqw),
    radial-gradient(circle at .55cqw calc(100% - .55cqw),#8a8c94 0 .14cqw,#1a1b1f .2cqw,transparent .26cqw),radial-gradient(circle at calc(100% - .55cqw) calc(100% - .55cqw),#8a8c94 0 .14cqw,#1a1b1f .2cqw,transparent .26cqw),
    linear-gradient(180deg,rgba(4,3,5,.9),rgba(7,6,8,.84) 60%,rgba(10,7,6,.8));
  box-shadow:inset 0 1.2cqw 1.6cqw -1cqw rgba(0,0,0,.9),inset 0 0 0 .18cqw #2a2b30,inset 0 0 0 .24cqw #040304,0 0 0 1px #040304,0 0 0 2px rgba(60,61,68,.9),0 0 0 3px #040304}
#abend.fx.fx-ready .ab-col .fx-door{background-color:transparent}
#abend.fx .fx-door::-webkit-scrollbar{display:none}
#abend.fx .fx-door.closed{display:none}
#abend.fx .sta{border:0;padding:0;margin:0}
#abend.fx .sta>header{display:none}
#abend.fx .sta ul{margin:0;padding:0;list-style:none}
#abend.fx .sta li{display:grid;grid-template-columns:1.05cqw 1fr auto;gap:.15cqw .7cqw;align-items:center;padding:.62cqw 0;border:0;box-shadow:inset 0 1px 0 #040304,inset 0 2px 0 rgba(236,220,190,.05)}
#abend.fx .sta li:first-child{box-shadow:none;padding-top:.1cqw}
#abend.fx .sta li>b{font:600 .9cqw/1.15 'EB Garamond',Georgia,serif;letter-spacing:.06em;text-transform:uppercase;color:var(--bone)}
#abend.fx .sta li>em{grid-column:3;font:600 .62cqw/1 'EB Garamond',Georgia,serif;font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--bone3)}
#abend.fx .sta li[data-s="ok"]>em{color:var(--verd)}
#abend.fx .sta li[data-s="problem"]>em,#abend.fx .sta li[data-s="lost"]>em{color:var(--ember)}
#abend.fx .sta li>span{grid-column:2/4;font:500 .84cqw/1.32 'EB Garamond',Georgia,serif;color:var(--bone2)}
#abend.fx .sta li>.btn{grid-column:2/4;justify-self:start;margin-top:.35cqw}
#abend.fx .sta .stx{grid-column:2/4}
#abend.fx .sta .stx p{margin:.35cqw 0;font:600 .86cqw/1.32 'EB Garamond',Georgia,serif;color:var(--bone)}
#abend.fx .sta .btns{display:flex;flex-wrap:wrap;gap:.45cqw;margin-top:.3cqw}
#abend.fx .stfine{align-items:center}#abend.fx .stfine b{min-width:3.4cqw;text-align:center;font:600 .9cqw 'EB Garamond',Georgia,serif}
#abend.fx .hint{font:500 .8cqw/1.35 'EB Garamond',Georgia,serif;color:var(--bone3);margin:.3cqw 0}
#abend.fx .sti{width:.85cqw;height:.85cqw;border-radius:50%;transform:none;border:0;background:#1c1b20;box-shadow:inset 0 1px 1px rgba(0,0,0,.8),0 0 0 1px #050406,0 0 0 2px #3a3b41}
#abend.fx .sti.s-ok{background:radial-gradient(circle at 35% 35%,#f6dca4,#c08a48 55%,#6a4a22);box-shadow:0 0 .6cqw rgba(230,170,90,.55),0 0 0 1px #050406}
#abend.fx .sti.s-offen{background:radial-gradient(circle,#08070a 45%,#8a6a44 50%,#3a2c1c 70%)}
#abend.fx .sti.s-optional,#abend.fx .sti.s-skip{background:#141317;opacity:.7}
#abend.fx .sti.s-problem,#abend.fx .sti.s-lost{width:.85cqw;height:.85cqw;border:0;background:radial-gradient(circle at 40% 40%,#ffd0b0,#e0503a 50%,#6a1410);box-shadow:0 0 .7cqw rgba(230,80,50,.7),0 0 0 1px #050406;animation:fxEmber 2.6s ease-in-out infinite alternate}
@keyframes fxEmber{from{box-shadow:0 0 .4cqw rgba(230,80,50,.45),0 0 0 1px #050406}to{box-shadow:0 0 .9cqw rgba(240,90,50,.85),0 0 0 1px #050406}}
#abend.fx .btn{height:2.05cqw;padding:0 .9cqw .1cqw;border:0;border-radius:1px;font:600 .72cqw/1 'EB Garamond',Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:var(--bone);
  background:linear-gradient(180deg,#2b262e,#1e1b21);box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(255,236,205,.10),inset 0 -2px 0 rgba(0,0,0,.5)}
#abend.fx .btn:not(.ghost){color:#f3ead9;background:linear-gradient(180deg,#3b3540,#2e2933 55%,#24202a);box-shadow:0 0 0 1px #040304,0 0 0 3px #7a5e36,0 0 0 4px #040304,inset 0 1px 0 rgba(255,236,205,.12)}
#abend.fx .btn:hover,#abend.fx .btn:focus-visible{outline:none;color:#fff;box-shadow:0 0 0 1px #040304,0 0 0 2px var(--brass),inset 0 1px 0 rgba(255,236,205,.12)}
#abend.fx .fx-r .bar{fill:none;stroke:#4a4352;stroke-width:3.2}
#abend.fx .fx-r .rim{fill:#1d1a21;stroke:#060508;stroke-width:2}
#abend.fx .fx-r .rim2{fill:none;stroke:rgba(236,220,190,.12);stroke-width:1}
#abend.fx .fx-r .glass{fill:#060508;transition:fill 1.6s ease}
#abend.fx .fx-r:is([data-s="ok"],[data-s="brand"]) .glass{fill:url(#fxGlassOk)}
#abend.fx .fx-r[data-s="problem"] .glass,#abend.fx .fx-r[data-s="lost"] .glass{fill:url(#fxGlassBad)}
#abend.fx .fx-r[data-s="offen"] .glass{fill:url(#fxGlassDim)}
#abend.fx .fx-r .boss{fill:url(#fxBronze);stroke:#140e08;stroke-width:1.5}
#abend.fx .fx-r .mk{stroke:#1a120a;stroke-width:4.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
#abend.fx .fx-r .mkd{fill:#1a120a}
#abend.fx .fx-r:is([data-s="ok"],[data-s="brand"]){filter:drop-shadow(0 0 1cqw rgba(220,150,70,.35))}
#abend.fx .fx-r[data-s="problem"],#abend.fx .fx-r[data-s="lost"]{filter:drop-shadow(0 0 .9cqw rgba(220,70,50,.4))}
#abend.fx .fx-rose-big .fx-seal{transition:filter 1.2s}
#abend.fx .fx-rose-big .glass.brand{fill:url(#fxGlassOk);opacity:.78;transition:opacity 1.6s}
#abend.fx .fx-rose-big .glass.ground{fill:#0a0809}
#abend.fx.fx-ready .fx-rose-big .glass.brand,#abend.fx .fx-rose-big[data-s="brand"] .glass.brand{opacity:1}
#abend.fx .fx-rose-big{filter:drop-shadow(0 0 1.4cqw rgba(225,150,70,.42))}
#abend.fx .fx-r:not(.fx-rose-big) .glass{opacity:.86}
#abend.fx .fx-r:not(.fx-rose-big)[data-s="ok"]{filter:drop-shadow(0 0 .55cqw rgba(220,150,70,.3))}
#abend.fx.fx-bell .fx-rose-big{animation:fxBell 3.6s cubic-bezier(.2,.7,.2,1)}
@keyframes fxBell{0%{filter:drop-shadow(0 0 0 rgba(255,190,110,0)) brightness(1)}8%{filter:drop-shadow(0 0 3cqw rgba(255,190,110,.85)) brightness(1.5)}100%{filter:drop-shadow(0 0 .8cqw rgba(220,150,70,.3)) brightness(1)}}
#abend.fx.fx-ready .fx-rose-big{animation:fxRose 5s ease-in-out infinite alternate}
@keyframes fxRose{from{filter:drop-shadow(0 0 .8cqw rgba(230,160,80,.4))}to{filter:drop-shadow(0 0 2cqw rgba(240,175,95,.7))}}
#abend.fx .fx-sheen{animation:fxSheen 14s ease-in-out infinite}
@keyframes fxSheen{0%,72%{opacity:0;transform:rotate(-40deg)}80%{opacity:.85}92%,100%{opacity:0;transform:rotate(140deg)}}

#abend.fx .fx-lin h2.fx-brand{font:400 1.7cqw/1 'Cinzel Decorative','Cinzel',Georgia,serif;letter-spacing:.12em;margin-right:-.12em;color:#ecd7ae}
#abend.fx .fx-closed{pointer-events:none}
#abend.fx .fx-plaque b{display:block;margin-bottom:.25cqw;font:400 .86cqw/1.1 'Cinzel',Georgia,serif;letter-spacing:.2em;color:#f0dcb4}
#abend.fx .fx-gatebox .ab-g{min-height:3cqw;padding:0 3cqw .15cqw;font-size:1.1cqw}
#abend.fx .ab-entry{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.62cqw;padding:.5cqw .6cqw}
#abend.fx .ab-entry h1{margin:.2cqw 0 0;font:400 1.75cqw/1.22 'Cinzel',Georgia,serif;letter-spacing:.06em;color:#efe4d0;text-shadow:0 2px 6px #000}
#abend.fx .ab-entry>p{margin:0;max-width:24cqw;font:500 .98cqw/1.42 'EB Garamond',Georgia,serif;color:var(--bone2)}
#abend.fx .ab-entry .ab-s{display:block;font:500 .78cqw/1.3 'EB Garamond',Georgia,serif;color:var(--bone3)}
#abend.fx .fx-plaque{position:absolute;left:20%;right:20%;bottom:9%;padding:.7cqw .6cqw .8cqw;text-align:center;font:600 .74cqw/1.35 'EB Garamond',Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#d8c39a;
  background:linear-gradient(180deg,#6f5838,#4a3820 60%,#3a2c18);box-shadow:0 0 0 1px #140e08,inset 0 1px 0 rgba(255,230,180,.3),inset 0 -2px 0 rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.6);text-shadow:0 1px 0 rgba(0,0,0,.6)}
#abend.fx .ab-act{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45cqw;padding:0;text-align:center}
#abend.fx .ab-act .ab-row{display:flex;align-items:center;justify-content:center;gap:1.1cqw;flex-wrap:wrap}
#abend.fx .ab-ready{margin:0;font:400 1.02cqw/1 'Cinzel',Georgia,serif;letter-spacing:.34em;color:#f2d8a6;text-shadow:0 0 14px rgba(230,170,90,.6)}
#abend.fx :is(.ab-p,.ab-g){display:inline-flex;align-items:center;justify-content:center;gap:.7cqw;min-height:2.75cqw;padding:0 2cqw .15cqw;border:0;border-radius:1px;
  font:600 .98cqw/1 'EB Garamond',Georgia,serif;letter-spacing:.2em;text-transform:uppercase;color:#f3ead9;
  background:linear-gradient(180deg,#3d3742,#2e2934 55%,#221e27);box-shadow:0 0 0 1px #040304,0 0 0 4px #8a6a3c,0 0 0 5px #040304,inset 0 1px 0 rgba(255,236,205,.14),inset 0 -3px 0 rgba(0,0,0,.45),0 .6cqw 1.2cqw rgba(0,0,0,.65)}
#abend.fx :is(.ab-p,.ab-g):hover,#abend.fx :is(.ab-p,.ab-g):focus-visible{outline:none;color:#fff;background:linear-gradient(180deg,#48414e,#37313d 55%,#2a2530);box-shadow:0 0 0 1px #040304,0 0 0 4px #b08c58,0 0 0 5px #040304,inset 0 1px 0 rgba(255,236,205,.16),0 0 1.6cqw rgba(214,160,90,.35)}
#abend.fx :is(.ab-p,.ab-g):active{transform:translateY(1px)}
#abend.fx :is(.ab-p,.ab-g).live{background:linear-gradient(180deg,#8d1b26,#741520 55%,#5e0f19);box-shadow:0 0 0 1px #040304,0 0 0 4px #8a6a3c,0 0 0 5px #040304,inset 0 1px 0 rgba(255,200,180,.2),0 0 1.4cqw rgba(160,30,40,.45),0 .6cqw 1.2cqw rgba(0,0,0,.65)}
#abend.fx :is(.ab-p,.ab-g).live:hover,#abend.fx :is(.ab-p,.ab-g).live:focus-visible{background:linear-gradient(180deg,#a0222e,#811823 55%,#68111b);box-shadow:0 0 0 1px #040304,0 0 0 4px #c49a6a,0 0 0 5px #040304,0 0 2cqw rgba(200,40,50,.6)}
#abend.fx .ab-l{background:none;border:0;padding:.2cqw .2cqw;font:500 .86cqw/1.2 'EB Garamond',Georgia,serif;color:var(--bone2);text-decoration:underline;text-underline-offset:.3cqw;text-decoration-color:var(--brass2)}
#abend.fx .ab-l:hover,#abend.fx .ab-l:focus-visible{color:var(--bone);text-decoration-color:var(--brass);outline:none}
#abend.fx .ab-wait{display:inline-block;padding:.6cqw 1cqw;font:500 .86cqw/1.3 'EB Garamond',Georgia,serif;color:var(--bone);background:#070607;box-shadow:inset 0 2px 3px rgba(0,0,0,.8),0 0 0 1px #040304}
#abend.fx .ab-x{all:unset}
#abend.fx .fx-ctl .ab-x{height:2.15cqw;padding:0 .9cqw .1cqw}

@media (prefers-reduced-motion:reduce){
  #abend.fx .fx-add,#abend.fx .fx-mist,#abend.fx.fx-ready .fx-rose-big,#abend.fx .fx-sheen,#abend.fx .sti{animation:none!important}
  #abend.fx .fx-dark{transition-duration:.6s}#abend.fx .fx-dyn{transition-duration:.4s;transition-delay:.2s}
}

#abend.fx .ab-top{gap:.3cqw;text-shadow:0 1px 2px #000,0 0 14px rgba(0,0,0,.9)}
#abend.fx .ab-top b{font:400 .82cqw/1 'Cinzel',Georgia,serif;letter-spacing:.34em;color:#c9a874}
#abend.fx .ab-top span{font:italic 500 .9cqw/1.2 'EB Garamond',Georgia,serif;color:#a99e8e}
#abend.fx .fx-ctl{gap:1.4cqw}
#abend.fx .fx-ctl button,#abend.fx .fx-ctl .ab-x{height:auto;padding:.2cqw 0;background:none;box-shadow:none;color:#9a9082;
  font:500 .74cqw/1 'EB Garamond',Georgia,serif;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 3px #000;cursor:pointer}
#abend.fx .fx-ctl button:hover,#abend.fx .fx-ctl button:focus-visible{color:var(--bone);box-shadow:none;outline:none;text-decoration:underline;text-underline-offset:.3cqw;text-decoration-color:var(--brass2)}
#abend.fx .fx-snd svg{width:.9cqw;height:.9cqw}
#abend.fx .fx-door{padding:1.25cqw 1.35cqw;
  background:linear-gradient(180deg,rgba(6,5,7,.9),rgba(9,8,9,.82) 55%,rgba(12,9,8,.76));
  box-shadow:inset 0 1.6cqw 1.8cqw -1.2cqw rgba(0,0,0,.95),inset .5cqw 0 .8cqw -.5cqw rgba(0,0,0,.7),inset -.5cqw 0 .8cqw -.5cqw rgba(0,0,0,.7),
    inset 0 0 0 1px rgba(214,182,128,.16),0 0 0 1px #040304,0 0 0 .3cqw rgba(98,92,98,.42),0 0 0 calc(.3cqw + 1px) rgba(0,0,0,.75),0 .4cqw 1cqw rgba(0,0,0,.55)}
#abend.fx.fx-ready .ab-col .fx-door{background:linear-gradient(180deg,rgba(6,5,7,.88),rgba(10,8,8,.8) 55%,rgba(16,11,8,.72))}
#abend.fx .sta li{padding:.7cqw 0;gap:.12cqw .75cqw}
#abend.fx .sta li>b{font:600 1.02cqw/1.2 'EB Garamond',Georgia,serif;letter-spacing:.01em;text-transform:none;color:#efe6d6}
#abend.fx .sta li>span{font:500 .86cqw/1.32 'EB Garamond',Georgia,serif;color:#a79d8f}
#abend.fx .sta li>em{font:600 .58cqw/1 'EB Garamond',Georgia,serif;letter-spacing:.16em}
#abend.fx .sta li[data-s="ok"]>em{display:none}
#abend.fx .sta li:is([data-s="optional"],[data-s="skip"]) :is(b,span){opacity:.58}
#abend.fx .sta li[data-s="offen"]>em{color:#c9a874}
#abend.fx .ab-col[data-s="ok"] .fx-lin .ab-w{display:none}
#abend.fx .ab-entry{gap:0;padding:0 .6cqw;margin:auto 0}
#abend.fx .ab-entry h1{font:400 1.55cqw/1.15 'Cinzel',Georgia,serif;letter-spacing:.05em;margin:.6cqw 0 1cqw;text-wrap:balance}
#abend.fx .ab-entry .ab-lead{max-width:none;margin:0 0 1.5cqw;font:500 1.04cqw/1.55 'EB Garamond',Georgia,serif;color:#c3b8a6}
#abend.fx .ab-lead span{display:block}
#abend.fx .ab-entry .ab-s{margin:.75cqw 0 0;font:500 .82cqw/1 'EB Garamond',Georgia,serif;letter-spacing:.04em;color:#8f8576}
#abend.fx .fx-plaque{left:22%;right:22%;top:5%;bottom:auto;padding:.42cqw .5cqw .48cqw;
  font:500 .92cqw/1.1 'EB Garamond',Georgia,serif;letter-spacing:.06em;text-transform:none;color:#d6bf93;
  background:linear-gradient(180deg,#2e2416,#22190f 55%,#1b130b);
  box-shadow:inset 0 1px 0 rgba(255,226,170,.14),inset 0 -1px 0 rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.55),0 0 0 1px rgba(186,148,92,.42),0 0 0 2px rgba(0,0,0,.7);
  text-shadow:0 -1px 0 rgba(0,0,0,.85),0 1px 0 rgba(255,220,160,.08)}
#abend.fx .ab-fin{display:flex;flex-direction:column;align-items:center;gap:.7cqw}
#abend.fx .ab-ready{font:400 .86cqw/1 'Cinzel',Georgia,serif;letter-spacing:.3em;color:#ecd2a0}
@media (max-width:1099px),(max-aspect-ratio:5/4){
  #abend.fx{overflow:auto;background:#040306;font-size:15px}
  #abend.fx .fx-frame{position:relative;left:auto;top:auto;width:auto;height:auto;transform:none;container-type:normal;padding:16px 16px 28px;display:flex;flex-direction:column;gap:16px}
  #abend.fx .fx-scene,#abend.fx .fx-dust{display:none}
  #abend.fx .fx-tym .fx-rose-big{display:block}
  #abend.fx .fx-tym .fx-r:not(.fx-rose-big) :is(.rim,.rim2,.glass,.bar){display:inline}
  #abend.fx .fx-tym .fx-r:not(.fx-rose-big) .boss{opacity:1!important}
  #abend.fx::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,3,6,.55),rgba(4,3,6,.88) 55%,#040306),url("../frei/kathedrale/base.webp") 50% 30%/cover no-repeat}
  #abend.fx{isolation:isolate}
  #abend.fx .fx-dark{position:fixed}
  #abend.fx .fx-dyn{position:static;display:flex;flex-direction:column;gap:16px}
  #abend.fx .ab-top,#abend.fx .fx-ctl,#abend.fx .ab-act,#abend.fx .ab-col,#abend.fx .ab-col>*,#abend.fx .fx-gatebox{position:static!important;width:auto!important;height:auto!important;left:auto!important;top:auto!important}
  #abend.fx .fx-ctl{order:-2;justify-content:flex-end}
  #abend.fx .ab-top{order:-1;white-space:normal;flex-wrap:wrap}
  #abend.fx .ab-top b{font-size:13px}#abend.fx .ab-top span{font-size:14px}
  #abend.fx .fx-ctl button,#abend.fx .fx-ctl button.ab-x{height:34px;font-size:11px;padding:0 12px}
  #abend.fx .fx-snd svg{width:15px;height:15px}#abend.fx .fx-ctl button{gap:7px}
  #abend.fx .ab-tri{display:flex;flex-direction:column;gap:18px}
  #abend.fx .ab-col{display:flex;flex-direction:column;align-items:center;padding:34px 16px 16px;background:linear-gradient(180deg,#26222b,#17141b);
    clip-path:polygon(0 100%,0 70px,4% 48px,10% 30px,20% 15px,50% 0,80% 15px,90% 30px,96% 48px,100% 70px,100% 100%);box-shadow:inset 0 0 0 1px #040304}
  #abend.fx .ab-tri{display:contents}
  #abend.fx .ab-col.c{order:0}#abend.fx .ab-act{order:1}#abend.fx .ab-col[data-a="meister"]{order:2}#abend.fx .ab-col[data-a="spieler"]{order:3}
  #abend.fx .fx-tym{width:88px!important;height:88px!important}
  #abend.fx .ab-col.c .fx-tym{width:120px!important;height:120px!important}
  #abend.fx .fx-lin{margin:8px 0 10px;flex-direction:column;gap:4px}
  #abend.fx .fx-lin h2,#abend.fx .ab-col.c .fx-lin h2{font-size:20px}#abend.fx .fx-lin h2.long{font-size:18px}
  #abend.fx .fx-lin .ab-w{font-size:11px}
  #abend.fx .fx-door{width:100%!important;padding:12px 14px}
  #abend.fx .sta li{grid-template-columns:14px 1fr auto;gap:2px 10px;padding:9px 0}
  #abend.fx .sti{width:11px;height:11px}
  #abend.fx .sta li>b{font-size:14px}#abend.fx .sta li>em{font-size:10px}#abend.fx .sta li>span,#abend.fx .sta .stx p{font-size:13.5px}
  #abend.fx .btn{height:32px;font-size:11px;padding:0 12px}
  #abend.fx .ab-act{gap:8px}#abend.fx .ab-act .ab-row{gap:14px}
  #abend.fx :is(.ab-p,.ab-g){min-height:46px;font-size:14px;padding:0 24px}
  #abend.fx .ab-l,#abend.fx .ab-wait{font-size:14px}#abend.fx .ab-ready{font-size:16px}
  #abend.fx .ab-entry{padding:8px 4px}#abend.fx .ab-entry h1{font-size:26px}#abend.fx .ab-entry>p{font-size:16px;max-width:30em}
  #abend.fx .ab-entry .ab-s{font-size:13px}
  #abend.fx .fx-plaque{position:static;margin:4px auto 0;font-size:11px;max-width:260px}
  #abend.fx .fx-plaque{font-size:15px;padding:6px 14px;position:static;margin:6px auto 0}
  #abend.fx .ab-top b{font-size:12px}#abend.fx .ab-top span{font-size:14px}
  #abend.fx .fx-ctl button,#abend.fx .fx-ctl .ab-x{font-size:12px;height:auto}
  #abend.fx .ab-entry h1{font-size:24px;white-space:normal;margin:6px 0 12px}#abend.fx .ab-entry .ab-lead{font-size:16px;margin-bottom:18px}
  #abend.fx .ab-entry .ab-s{font-size:13px}
  #abend.fx .sta li>b{font-size:15px}#abend.fx .sta li>span{font-size:14px}#abend.fx .ab-ready{font-size:13px}
  #abend.fx .fx-gatebox .fx-mark{font-size:18px}
  #abend.fx .hint{font-size:13px}
}