.hs{position:fixed;inset:0;z-index:20030;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:radial-gradient(ellipse 46% 38% at 50% 56%,rgba(255,232,196,.13) 0,rgba(255,232,196,.05) 45%,rgba(255,232,196,0) 75%),#0c0909;color:#fff6dc;font-family:"IBM Plex Mono","Courier New",monospace;opacity:0;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.hs.da{opacity:1}.hs-buehne{display:grid;justify-items:center;width:min(100%,460px)}.hs-kopf{align-self:start;text-align:center;padding-top:clamp(8px,3vh,36px)}.hs-kopf small{font-size:clamp(12px, 1.5vw, 17px);letter-spacing:.3em;text-transform:uppercase;color:rgba(255,246,220,.6)}.hs-kopf h3{margin:6px 0 0;font:normal clamp(36px, 9vw, 64px)/1 "Special Elite","Courier New",monospace;color:#fff6dc;text-shadow:0 2px 18px rgba(0,0,0,.6)}.hs-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}.hs-unten{align-self:end;display:grid;justify-items:center;gap:12px;width:min(100%,460px);padding-bottom:clamp(6px,2vh,24px)}.hs-tisch{position:relative;width:100%;height:280px}.hs-tisch::before{content:"";position:absolute;left:-2%;right:-2%;bottom:-6px;aspect-ratio:1200/390;pointer-events:none;background:url("/assets/huetchen/matte.webp") center/100% 100% no-repeat;filter:drop-shadow(0 18px 26px rgba(0, 0, 0, .6))}.hs-hut,.hs-stueck{position:absolute;left:0;top:0;transform-origin:50% 100%;will-change:transform}.hs-stueck{display:grid;justify-items:center;gap:4px;width:92px;transition:opacity .25s ease,filter .4s ease}.hs-stueck img{display:block;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0, 0, 0, .5))}.hs-stueck.s2 img{filter:drop-shadow(0 0 12px rgba(190, 140, 255, .8)) drop-shadow(0 6px 8px rgba(0, 0, 0, .5))}.hs.zu .hs-stueck{opacity:0}.hs-stueck.sieg img{animation:hs-sieg .9s cubic-bezier(.2,1.5,.4,1) both}@keyframes hs-sieg{0%{transform:scale(.8)}60%{transform:scale(1.25)}100%{transform:scale(1.12)}}.hs.offen .hs-stueck:not(.sieg){filter:saturate(.6) brightness(.8)}.hs-hut{width:min(100px,calc(var(--hs-spalte,140px) * .78));height:auto;padding:0;border:0;background:0 0;cursor:default;z-index:3;-webkit-tap-highlight-color:transparent}.hs-hut img,.hs-hut svg{display:block;width:100%;height:auto;-webkit-user-drag:none}.hs-hut:disabled{cursor:default}.hs.waehlen .hs-hut{cursor:pointer}.hs.waehlen .hs-hut>*{animation:hs-wippen 1.2s ease-in-out infinite}.hs.waehlen .hs-hut:nth-of-type(2)>*{animation-delay:.2s}.hs.waehlen .hs-hut:nth-of-type(3)>*{animation-delay:.4s}@keyframes hs-wippen{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (hover:hover){.hs.waehlen .hs-hut:hover>*{filter:drop-shadow(0 0 10px rgba(255, 216, 106, .85))}}.hs-hut:focus{outline:0}.hs-hut:focus-visible>*{filter:drop-shadow(0 0 0 2px #fff6dc) drop-shadow(0 0 10px rgba(255, 216, 106, .9))}.hs-hut.gewaehlt>*{filter:drop-shadow(0 0 12px rgba(255, 216, 106, .95))}.hs-hut.hoch{transition:transform .5s cubic-bezier(.2, 1.3, .4, 1),opacity .4s ease .6s}.hs.fertig .hs-hut.hoch{opacity:.55}.hs-leiste{width:min(100%,300px);height:6px;border-radius:3px;background:rgba(255,246,220,.14);overflow:hidden;visibility:hidden}.hs.waehlen .hs-leiste{visibility:visible}.hs-leiste i{display:block;height:100%;background:linear-gradient(90deg,#ffd86a,#f08a4b);transform-origin:0 50%}.hs-tun{display:flex;gap:12px;justify-content:center;min-height:48px}.hs-tun button{min-height:48px;padding:0 22px;border-radius:8px;cursor:pointer;font:500 14px/1 "IBM Plex Mono","Courier New",monospace;letter-spacing:.08em}.hs-los{min-width:180px;border:0;background:#fff6dc;color:#2b0910;box-shadow:0 3px 0 rgba(0,0,0,.5)}.hs-los:disabled{opacity:.45;cursor:default}.hs-spaeter{border:1.5px solid rgba(255,246,220,.5);background:0 0;color:#fff6dc}.hs-spaeter[hidden]{display:none}.hs.mischt:not(.fertig) .hs-tun{visibility:hidden}.hs.fertig .hs-tun{visibility:visible}.hs-tun button:focus-visible{outline:2px dashed #fff6dc;outline-offset:3px}.hs-meldung{margin:0;min-height:1.2em;font-size:12.5px;color:#f0b3a8;text-align:center}@media (max-height:560px){.hs-tisch{height:220px}.hs-kopf h3{font-size:28px}}@media (min-width:720px) and (min-height:700px){.hs .hs-buehne{width:min(100%,640px)}.hs .hs-tisch{height:340px}.hs .hs-tisch::before{left:-6%;right:-6%}.hs .hs-hut{width:min(136px,calc(var(--hs-spalte,200px) * .7))}.hs .hs-stueck{width:116px}.hs .hs-stueck img{width:96px;height:96px}}@media (min-width:1100px) and (min-height:820px){.hs .hs-buehne{width:min(100%,780px)}.hs .hs-tisch{height:400px}.hs .hs-hut{width:min(168px,calc(var(--hs-spalte,240px) * .7))}.hs .hs-stueck{width:140px}.hs .hs-stueck img{width:118px;height:118px}.hs .hs-tun button{min-height:54px;font-size:15px}.hs .hs-leiste{width:min(100%,380px);height:8px}}@media (prefers-reduced-motion:reduce){.hs-stueck.sieg img,.hs.waehlen .hs-hut>*{animation:none}}