:root{--blue:#2e7bd6;--blue-dark:#174a8b;--white:#fff;--ink:#1b2a44;--gold:#ffd23f;--red:#e0253a;--font:"Lilita One", system-ui, sans-serif;--fraktur:"UnifrakturMaguntia", serif;--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--panel:#0e284ea8;--panel-strong:#0e284eeb;--panel-line:#ffffff4d;--paper:#f3e7c9;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--white);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#a9d9ff;margin:0;overflow:hidden}#c{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}.hidden{display:none!important}button{font-family:var(--font);cursor:pointer;touch-action:manipulation;border:none}kbd{font-family:var(--font);background:var(--white);color:var(--ink);border-radius:6px;padding:1px 7px;font-size:.85em;box-shadow:0 3px #9fb4cf}#world{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}#world>*{will-change:transform;position:absolute;top:0;left:0}.float>span{white-space:nowrap;display:block;transform:translate(-50%,-100%)}.pop{color:var(--white);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 3px #00000059;font-size:26px;animation:1.1s ease-out forwards pop}.pop.small{font-size:18px}.pop.sepp{color:var(--white);background:var(--blue);-webkit-text-stroke:0;border:3px solid var(--white);box-shadow:0 4px 0 var(--blue-dark);border-radius:10px;padding:2px 10px 4px;font-size:22px}.pop.hit{color:var(--gold);font-size:30px}.pop.kegel{color:#ff7ad9;font-size:30px}.pop.mega{color:var(--gold);-webkit-text-stroke:2.5px var(--ink);font-size:44px;animation-name:popMega}.pop.dist{font-size:30px}.pop.far{color:#7dffb0;font-size:40px}.pop.berlin{color:#fff;-webkit-text-stroke:0;background:#111;border-radius:6px;padding:2px 10px;font-size:20px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-100%)scale(.3)}12%{opacity:1;transform:translate(-50%,-100%)scale(1.25)}25%{transform:translate(-50%,-100%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-100%)scale(.95)}}@keyframes popMega{0%{opacity:0;transform:translate(-50%,-100%)scale(.2)rotate(-12deg)}15%{opacity:1;transform:translate(-50%,-100%)scale(1.4)rotate(4deg)}30%{transform:translate(-50%,-100%)scale(1)rotate(-2deg)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-100%)scale(1.05)rotate(0)}}.bubble{background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:12px;margin-top:-10px;padding:5px 10px 6px;font-size:14px;animation:.2s ease-out bubbleIn;position:relative}.bubble:after{content:"";border:7px solid #0000;border-top-color:var(--ink);border-bottom:0;margin-left:-7px;position:absolute;bottom:-9px;left:50%}@keyframes bubbleIn{0%{transform:translate(-50%,-100%)scale(.5)}to{transform:translate(-50%,-100%)scale(1)}}.charge{border:2px solid var(--white);background:#1b2a44bf;border-radius:8px;width:64px;height:12px;margin-top:-6px;margin-left:-32px;overflow:hidden}.charge .fill{background:linear-gradient(90deg, var(--gold), #ff8a1c, var(--red));background-size:64px 100%;height:100%}.charge.full{animation:.25s infinite alternate throb}.charge.full .fill{background:var(--red)}@keyframes throb{to{box-shadow:0 0 14px 4px var(--gold)}}.prompt{margin-top:-16px;margin-left:-32px;font-size:20px;animation:.8s ease-in-out infinite alternate bob}@keyframes bob{to{margin-top:-24px}}#hud{pointer-events:none;z-index:3;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));position:fixed;inset:0}.top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}#meter{pointer-events:auto;width:min(260px,38vw)}#meter .label{letter-spacing:.5px;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-transform:uppercase;font-size:14px}#meter .bar{border:3px solid var(--ink);background:#ffffffd9;border-radius:10px;height:18px;overflow:hidden}#meterFill{background:repeating-linear-gradient(-45deg,#111 0 10px,#444 10px 20px);width:0;height:100%;transition:width .15s linear}#meter.danger .bar{animation:.5s infinite alternate danger}@keyframes danger{to{border-color:var(--red);box-shadow:0 0 12px var(--red)}}#wave{text-align:center;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;line-height:.9}#wave small{text-transform:uppercase;font-size:13px;display:block}#wave b{font-size:34px;font-weight:400}#score{text-align:right;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;pointer-events:auto}#pts{font-size:30px;line-height:1}#pts.bump{animation:.25s bump}@keyframes bump{50%{color:var(--gold);transform:scale(1.25)}}#best{font-size:15px}#bier{left:max(12px, env(safe-area-inset-left));letter-spacing:-2px;pointer-events:auto;font-size:22px;position:absolute;top:70px}#bier span{opacity:.22;filter:grayscale();display:inline-block}#bier span.full{opacity:1;filter:none;animation:.3s bump}#combo{right:max(14px, env(safe-area-inset-right));text-align:center;opacity:0;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;transition:all .15s;position:absolute;top:80px;transform:scale(.6)rotate(8deg)}#combo.on{opacity:1;transform:scale(1)rotate(-6deg)}#combo b{color:#ff7ad9;font-size:44px;font-weight:400;line-height:1;display:block}#combo small{text-transform:uppercase;font-size:14px}#banner{opacity:0;text-align:center;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;white-space:nowrap;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)scale(.5)}#banner.on{animation:2.6s ease-out forwards banner}#banner b{color:var(--white);text-shadow:0 6px 0 var(--blue);font-size:clamp(44px,11vw,84px);font-weight:400;line-height:1;display:block}#banner span{background:var(--blue);-webkit-text-stroke:0;border-radius:10px;margin-top:8px;padding:4px 14px 6px;font-size:clamp(16px,4vw,24px);display:inline-block}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-6deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(2deg)}20%{transform:translate(-50%,-50%)scale(1)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}#opa{left:max(12px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));opacity:0;align-items:center;gap:8px;max-width:min(420px,80vw);transition:all .25s;display:flex;position:absolute;transform:translateY(20px)}#opa.on{opacity:1;transform:none}#opa .face{background:var(--white);border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:34px;display:grid}#opaText{background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:14px;padding:6px 12px 8px;font-size:16px}body.touch #opa{top:140px;bottom:auto}#flash{pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle,#0000 50%,#fff9);position:fixed;inset:0}#flash.on{animation:.35s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}#mute{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:6;background:#ffffffd9;border-radius:50%;width:42px;height:42px;font-size:20px;position:fixed;box-shadow:0 3px #0003}body.touch #mute{top:120px;bottom:auto}#touch{z-index:4;pointer-events:none;position:fixed;inset:0}#joyBase{opacity:0;background:#ffffff2e;border:3px solid #fff9;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;transition:opacity .1s;position:absolute;top:0;left:0}#joyBase.on{opacity:1}#joyKnob{background:var(--white);border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 3px #00000040}#btnSlap,#btnBeer{pointer-events:auto;box-shadow:0 6px 0 var(--blue-dark);border-radius:50%;place-items:center;display:grid;position:absolute}#btnSlap{right:max(22px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));background:var(--blue);border:4px solid var(--white);width:96px;height:96px;font-size:46px}#btnSlap.down{box-shadow:0 2px 0 var(--blue-dark);transform:translateY(4px)scale(.95)}#btnBeer{right:max(130px, calc(env(safe-area-inset-right) + 110px));bottom:max(22px, env(safe-area-inset-bottom));border:3px solid var(--white);opacity:.45;background:#ffffffb3;width:62px;height:62px;font-size:30px;box-shadow:0 4px #0003}#btnBeer.ready{opacity:1;background:var(--gold);animation:.5s infinite alternate throb}.screen{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:20px;display:flex;position:fixed;inset:0}#title{background:radial-gradient(#174a8b26,#174a8b8c)}.logo{line-height:.85;animation:3s ease-in-out infinite wobble;transform:rotate(-4deg)}@keyframes wobble{50%{transform:rotate(-1deg)scale(1.03)}}.logo-top,.logo-bot{-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);font-size:clamp(56px,16vw,128px)}.logo-top{color:var(--white)}.logo-bot{background:repeating-conic-gradient(var(--blue) 0 25%, var(--white) 0 50%) 0 0 / 28px 28px;color:#0000;text-shadow:none;filter:drop-shadow(0 8px 0 var(--ink));-webkit-background-clip:text;background-clip:text}.logo-sub{font-family:var(--fraktur);color:var(--white);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;margin-top:14px;font-size:clamp(26px,7vw,46px);transform:rotate(2deg)}.big{background:var(--gold);color:var(--ink);border:4px solid var(--ink);box-shadow:0 7px 0 var(--ink);border-radius:18px;padding:12px 40px 16px;font-size:30px;transition:transform 80ms}.big:hover{transform:translateY(-2px)rotate(-1deg)}.big:active{box-shadow:0 2px 0 var(--ink);transform:translateY(5px)}.keys{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;flex-wrap:wrap;justify-content:center;gap:14px;font-size:18px;display:flex}.keys span{cursor:help}body.touch .keys{display:none}.tbest{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;font-size:20px}#over{background:#1111118c;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0}}.card{flex-direction:column;align-items:center;gap:16px;width:min(440px,100%);max-height:100%;animation:.5s cubic-bezier(.2,1.6,.4,1) slam;display:flex;overflow:auto}@keyframes slam{0%{opacity:0;transform:translateY(-60px)scale(1.2)rotate(4deg)}}.ortsschild{color:#111;background:#ffd400;border:5px solid #111;border-radius:10px;outline:4px solid #ffd400;padding:10px 26px 14px;position:relative;transform:rotate(-2deg)}.ortsschild .old{font-size:clamp(28px,8vw,40px);position:relative}.ortsschild .old:after{content:"";background:#d0021b;border-radius:4px;height:7px;position:absolute;top:50%;left:-14px;right:-14px;transform:rotate(-12deg)}.ortsschild .new{margin-top:4px;font-size:clamp(22px,6vw,30px)}.urkunde{color:#3a2410;background:#f3e7c9;border:3px double #5b3a1f;border-radius:6px;padding:10px 22px 12px;box-shadow:0 6px #00000040}.urkunde small{font-family:var(--fraktur);font-size:24px;display:block}.urkunde b{font-family:var(--fraktur);font-size:clamp(28px,8vw,38px);font-weight:400}.newbest{color:#c0392b;margin-top:4px;font-size:18px;animation:.5s infinite alternate throbText}@keyframes throbText{to{transform:scale(1.1)}}.stats{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.stats>div{background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:12px;padding:6px 4px}.stats b{font-size:22px;font-weight:400;display:block}.stats small{text-transform:uppercase;opacity:.7;font-size:12px}.final small{text-transform:uppercase;font-size:14px;display:block}.final b{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;color:var(--gold);font-size:46px;font-weight:400}.btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}#btnShare{background:var(--blue);color:var(--white);border:3px solid var(--white);box-shadow:0 5px 0 var(--blue-dark);border-radius:14px;padding:10px 20px 12px;font-size:20px}#choose{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#174a8b73;animation:.3s fadeIn}.choose-title{font-family:var(--fraktur);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);font-size:clamp(40px,10vw,72px);transform:rotate(-3deg)}#cards{flex-wrap:wrap;justify-content:center;gap:16px;max-width:900px;display:flex}.upcard{width:210px;min-height:230px;color:var(--ink);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);background:#f3e7c9;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px 16px;transition:transform .1s;animation:.4s cubic-bezier(.2,1.5,.4,1) backwards cardIn;display:flex;position:relative}.upcard.weapon{border-color:var(--blue-dark);box-shadow:0 8px 0 var(--blue-dark);background:#fff}.upcard:hover{transform:translateY(-6px)rotate(-1.5deg)}.upcard:active{transform:translateY(4px)}@keyframes cardIn{0%{opacity:0;transform:translateY(80px)rotate(8deg)scale(.7)}}.upcard .key{background:var(--ink);color:var(--white);border-radius:6px;padding:0 7px 2px;font-size:15px;position:absolute;top:8px;left:10px}body.touch .upcard .key{display:none}.upcard .ico{font-size:58px;line-height:1.1}.upcard b{font-size:22px;font-weight:400;line-height:1.05}.upcard .lvl{background:var(--gold);border-radius:8px;padding:1px 9px 2px;font-size:13px}.upcard.weapon .lvl{background:var(--blue);color:var(--white)}.upcard .desc{opacity:.8;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.3}@media (max-width:700px){#cards{gap:10px}.upcard{text-align:left;flex-flow:wrap;gap:2px 10px;width:100%;min-height:0;padding:10px 14px}.upcard .ico{font-size:40px}.upcard b{flex:1}.upcard .desc{width:100%}}#powers{left:max(12px, env(safe-area-inset-left));pointer-events:auto;flex-wrap:wrap;gap:4px;max-width:50vw;display:flex;position:absolute;top:100px}#powers span{border:2px solid var(--ink);cursor:help;background:#ffffffd9;border-radius:10px;padding:1px 4px 0;font-size:20px;position:relative}#powers sub{color:var(--ink);vertical-align:baseline;margin-left:1px;font-size:11px}#buff{background:var(--gold);color:var(--ink);border:3px solid var(--ink);border-radius:12px;padding:2px 12px 4px;font-size:22px;animation:.4s infinite alternate throb;display:none;position:absolute;top:70px;left:50%;transform:translate(-50%)}#buff.on{display:block}.hpbar{border:3px solid var(--ink);background:#ffffffd9;border-radius:8px;width:120px;height:16px;position:relative;overflow:hidden;transform:translate(-50%,8px)}.hpbar i{background:linear-gradient(90deg,#27ae60,#2ecc71);width:100%;height:100%;transition:width .2s;display:block}.hpbar span{color:var(--ink);text-align:center;font-size:11px;line-height:11px;position:absolute;inset:0}body:not(.ready) #title{opacity:0}.hpbar.mini{border-width:2px;border-radius:5px;width:54px;height:9px}.hpbar.mini i{background:linear-gradient(90deg,#e67e22,#f1c40f)}#title .legal{right:12px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:5;color:#ffffffbf;text-shadow:0 1px 2px #00000080;font:600 12px system-ui,sans-serif;position:absolute}#title .legal a{color:inherit;text-decoration:none}#title .legal a:hover{color:#ffd23f;text-decoration:underline}.big,.mid,.small,.toggle,.mpacks,.mdaily,.linkbtn{transition:transform 80ms,box-shadow 80ms,filter .15s,background-color .15s}.big{border-radius:var(--r-lg)}.big:hover,.mid:hover,.toggle:hover,.mpacks:hover,.mdaily:hover{filter:brightness(1.06)}.mid:hover{transform:translateY(-1px)}.small:active,.toggle:active,.mpacks:active,.mdaily:active{transform:translateY(3px)}button:disabled,button[aria-disabled=true]{opacity:.5;cursor:not-allowed;filter:grayscale(.4);transform:none!important}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.big:focus-visible{outline-color:var(--white)}input::placeholder{color:#1b2a4466}@media (prefers-reduced-motion:reduce){.logo,.mdaily,.mpacks,.packsbtn,.mkonto,.dday.now,.newbest,#btnBeer.ready,.pkbox.rar-e,#meter.danger .bar{animation:none!important}.dycard,.hlpcard,.card,.toast,.upcard,.lp,.orank>div{animation-duration:10ms!important}.big:hover,.mid:hover,.item:hover{transform:none}.tabs button{scroll-behavior:auto}}#title{padding-top:max(70px, calc(env(safe-area-inset-top) + 60px));justify-content:flex-start;gap:16px;padding-bottom:70px;overflow-y:auto}#title .logo{flex:none;margin-top:2vh}#title.compact .logo{margin:-40px 0 -46px;animation:none;transform:rotate(-4deg)scale(.55)}#title.preview{background:linear-gradient(#0000 55%,#174a8b8c);justify-content:flex-end}#title.preview .logo{display:none}#title.preview .tabs{order:2}.metabar{z-index:6;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.metabar>*{pointer-events:auto}.rank{color:var(--ink);border:3px solid var(--ink);cursor:help;background:#ffffffeb;border-radius:14px;align-items:center;gap:8px;padding:4px 12px 6px 6px;display:flex;box-shadow:0 4px #0003}.rank-ico{font-size:28px}.rank b{text-align:left;font-size:18px;font-weight:400;line-height:1.1;display:block}.xpbar{background:#d9e2ee;border-radius:6px;width:130px;height:9px;margin-top:2px;overflow:hidden}.xpbar i{background:linear-gradient(90deg, var(--blue), #6fb7ff);border-radius:6px;width:0;height:100%;display:block}.taler{background:var(--gold);color:var(--ink);border:3px solid var(--ink);cursor:help;border-radius:14px;padding:3px 14px 5px;font-size:22px;box-shadow:0 4px #0003}.tabs{flex-wrap:wrap;flex:none;justify-content:center;gap:6px;display:flex}.tabs button{color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fffc;border-radius:12px;padding:7px 14px 9px;font-size:17px}.tab{flex-direction:column;flex:none;align-items:center;gap:16px;width:min(760px,100%);display:flex}input.name,.join input{font-family:var(--font);text-align:center;border:3px solid var(--ink);color:var(--ink);background:var(--white);-webkit-user-select:text;user-select:text;border-radius:12px;outline:none;width:200px;padding:6px 12px 8px;font-size:22px}.join input{letter-spacing:4px;text-transform:uppercase;width:110px}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e7bd659}.coop{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.join{gap:6px;display:flex}.mid{background:var(--blue);color:var(--white);border:3px solid var(--white);box-shadow:0 5px 0 var(--blue-dark);border-radius:14px;padding:8px 18px 10px;font-size:19px}.mid:active{box-shadow:0 2px 0 var(--blue-dark);transform:translateY(3px)}.small{color:var(--ink);border:2px solid var(--ink);background:#ffffffd9;border-radius:10px;padding:6px 14px 8px;font-size:15px}.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;width:100%;display:grid}.item{text-align:left;color:var(--ink);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#f3e7c9;border-radius:14px;grid-template-columns:46px 1fr;column-gap:8px;padding:8px 10px 8px 8px;transition:transform 80ms;display:grid;position:relative}.item:hover{transform:translateY(-2px)}.item .ico{text-align:center;grid-row:1/4;align-self:center;font-size:36px}.item b{padding-right:64px;font-size:18px;font-weight:400;line-height:1.1}.item .desc{opacity:.75;font-family:system-ui,sans-serif;font-size:12.5px;font-weight:600;line-height:1.25}.item .pips{gap:3px;margin-top:4px;display:flex}.item .pips i{background:#1b2a442e;border-radius:3px;width:14px;height:7px}.item .pips i.on{background:var(--blue)}.item .price{background:var(--gold);border-radius:8px;padding:0 7px 2px;font-size:15px;position:absolute;top:7px;right:8px}.item.poor .price{opacity:.8;background:#e4d6b4}.item.maxed{background:#dff0d8}.item.maxed .price,.item.sel .price{color:var(--white);background:#27ae60}.item.sel{background:var(--white);border-color:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.item.locked{filter:grayscale(.6)}.item.locked .ico{opacity:.5}.achcount{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;font-size:24px}.grid.achs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ach{color:var(--ink);cursor:help;background:#ffffff59;border:3px dashed #1b2a4480;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex}.ach .ico{filter:grayscale();opacity:.6;font-size:30px}.ach b{font-size:15px;font-weight:400}.ach small{opacity:.7;font-family:system-ui,sans-serif;font-size:11px;font-weight:600}.ach.got{background:#f3e7c9;border:3px double #5b3a1f}.ach.got .ico{filter:none;opacity:1}.statlist{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;width:100%;display:grid}.statlist div{color:var(--ink);border:2px solid var(--ink);background:#ffffffe6;border-radius:10px;padding:4px 8px}.statlist small{text-transform:uppercase;opacity:.7;font-size:11px;display:block}.statlist b{font-size:20px;font-weight:400}#title.preview .grid.chars{scroll-snap-type:x mandatory;touch-action:pan-x;padding-bottom:8px;display:flex;overflow-x:auto}#title.preview .grid.chars .item{scroll-snap-align:center;flex:0 0 230px}#lobby{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#174a8b99;gap:16px}.lcode{letter-spacing:10px;color:#111;-webkit-user-select:text;user-select:text;background:#ffd400;border:5px solid #111;border-radius:14px;padding:0 24px 6px 34px;font-size:clamp(56px,16vw,96px);transform:rotate(-2deg)}.lplayers{flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px;display:flex}.lp{background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:14px;align-items:center;gap:6px;padding:4px 14px 6px 8px;animation:.4s cubic-bezier(.2,1.5,.4,1) cardIn;display:flex}.lp.me{border-color:var(--blue)}.lp .ico{font-size:28px}.lp b{font-size:20px;font-weight:400}.lp small{background:var(--gold);border-radius:6px;padding:0 5px;font-size:11px}.lwait{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;font-size:18px}.lwait:empty{display:none}.tag{background:var(--blue);color:var(--white);border:2px solid var(--white);opacity:.9;border-radius:8px;padding:0 7px 2px;font-size:13px}#btnReroll{animation:.4s .3s backwards cardIn}#toasts{top:max(118px, calc(env(safe-area-inset-top) + 110px));right:max(10px, env(safe-area-inset-right));z-index:20;pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;width:min(280px,46vw);max-height:210px;display:flex;position:fixed;overflow:hidden}.toast{color:#3a2410;background:#f3e7c9f0;border:2px solid #5b3a1f;border-radius:10px;align-items:center;gap:7px;max-width:100%;padding:3px 10px 4px 6px;transition:all .4s;animation:.3s ease-out toastIn;display:flex;box-shadow:0 3px #0003}.toast>div{min-width:0}.toast.out{opacity:0;transform:translate(20px)}.toast .ico{flex:none;font-size:20px}.toast b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:400;display:block;overflow:hidden}.toast small{color:sienna;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}body.touch #toasts{top:max(150px, calc(env(safe-area-inset-top) + 140px));width:min(220px,52vw);max-height:150px}body.touch .toast b{font-size:13px}@keyframes toastIn{0%{opacity:0;transform:translateY(-40px)scale(.6)}}.payout{width:100%;color:var(--ink);border:3px solid var(--ink);background:#fffffff2;border-radius:14px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.plines div{border-bottom:1px dashed #1b2a4433;justify-content:space-between;padding:1px 0;font-size:15px;display:flex}.plines b{color:#a07700;font-weight:400}.ptotal{font-size:30px}.ptotal b{font-weight:400}.prank{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:17px;display:flex}.prank .xpbar{width:160px;height:12px}.prank small{color:var(--blue)}.rankup{background:var(--gold);border:3px solid var(--ink);border-radius:12px;padding:4px 10px 6px;animation:.6s cubic-bezier(.2,1.6,.4,1) popBox}.rankup small{text-transform:uppercase;font-size:13px;display:block}.rankup b{font-size:26px;font-weight:400}@keyframes popBox{0%{opacity:0;transform:scale(.3)rotate(-10deg)}}#over{justify-content:flex-start;overflow-y:auto}#over .card{max-height:none;margin:auto 0;padding:4px 0 10px;overflow:visible}#mini{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:8;cursor:pointer;background:#3a2410b8}#miniStage{place-items:center;width:min(420px,92vw);min-height:240px;display:grid}.minikey{opacity:.85;font-size:22px}.mini-result{opacity:0;pointer-events:none;text-align:center;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;white-space:nowrap;transition:all .2s cubic-bezier(.2,1.6,.4,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.mini-result.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.mini-result b{color:var(--white);text-shadow:0 6px 0 var(--blue);font-size:clamp(54px,14vw,96px);font-weight:400;display:block}.mini-result span{background:var(--blue);-webkit-text-stroke:0;border-radius:10px;padding:4px 14px 6px;font-size:24px}.mini-result.win b{color:var(--gold)}.mini-result.lose b{color:#ff8080;text-shadow:0 6px #7a1020}.stemm{width:360px;max-width:100%;height:230px;position:relative}.stemm .zone{clip-path:polygon(0 50%,100% 0,100% 100%);background:#2ecc7138;height:116px;position:absolute;top:46px;left:78px;right:0}.stemm .who{font-size:80px;position:absolute;top:64px;left:0}.stemm .arm{border:3px solid var(--ink);transform-origin:8px;background:#f1c7a0;border-radius:12px;width:230px;height:22px;position:absolute;top:92px;left:70px}.stemm .arm.bad{background:#ff9a8a;animation:.2s infinite alternate throb}.stemm .hand{border:3px solid var(--ink);background:#f1c7a0;border-radius:50%;width:30px;height:30px;position:absolute;top:-6px;right:-6px}.stemm .krug{font-size:50px;position:absolute;top:-56px;right:-14px}.stemm .timer{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:38px;position:absolute;bottom:0;left:0;right:0}.haken{grid-template-columns:70px 1fr 70px;align-items:center;gap:4px 0;width:100%;display:grid}.haken .side{font-size:58px}.haken .rope{border:2px solid var(--ink);background:repeating-linear-gradient(90deg,#a0722d 0 8px,#7a5520 8px 16px);border-radius:6px;height:12px;position:relative}.haken .mid{background:var(--white);width:4px;margin-left:-2px;position:absolute;top:-14px;bottom:-14px;left:50%}.haken .knot{font-size:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.haken .meter{border:3px solid var(--ink);background:#e74c3c;border-radius:8px;grid-column:1/4;height:16px;margin-top:20px;overflow:hidden}.haken .meter i{background:#2ecc71;width:50%;height:100%;display:block}.nagel{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.nagel .stock{border:4px solid var(--ink);background:repeating-linear-gradient(0deg,#8b5a2b 0 10px,#9b6a35 10px 20px);border-radius:50% 50% 14px 14px/22px 22px 14px 14px;width:200px;height:110px;margin-top:90px;position:relative}.nagel .nail{border:2px solid var(--ink);background:linear-gradient(90deg,#8c96a0,#e0e6ec,#8c96a0);border-top:0;width:9px;margin-left:-4.5px;transition:height 80ms;position:absolute;bottom:calc(100% - 14px);left:50%}.nagel .nail:before{content:"";border:2px solid var(--ink);background:#c0c8d0;border-radius:3px;height:8px;position:absolute;top:-6px;left:-10px;right:-10px}.nagel .nail.hit:before{background:var(--gold)}.nagel .power{border:3px solid var(--ink);background:linear-gradient(90deg,#e74c3c,#f39c12 35% 65%,#e74c3c);border-radius:10px;width:min(340px,86vw);height:28px;position:relative;overflow:hidden}.nagel .sweet{background:#2ecc71;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.nagel .needle{background:var(--white);border:2px solid var(--ink);border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-2px;bottom:-2px}.nagel .hits{-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:26px}#mute{z-index:7}#title,#over{touch-action:pan-y}.orank{flex-direction:column;gap:4px;width:100%;display:flex}.orank>div{text-align:left;background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:30px 1fr auto;align-items:center;column-gap:8px;padding:3px 10px 5px;animation:.4s cubic-bezier(.2,1.5,.4,1) backwards cardIn;display:grid}.orank>div:first-child{background:var(--gold)}.orank .m{grid-row:1/3;font-size:24px}.orank b{font-size:18px;font-weight:400}.orank small{opacity:.75;grid-column:2;font-size:13px}.orank .v{grid-area:1/3/3;font-size:15px}.quests{flex-direction:column;gap:6px;width:min(440px,100%);display:flex}.qhead{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;cursor:help;align-self:flex-start;font-size:18px}.quest{color:var(--ink);border:3px solid var(--ink);text-align:left;cursor:help;background:#ffffffe0;border-radius:12px;grid-template-columns:30px 1fr 70px 44px;align-items:center;gap:8px;padding:4px 10px;display:grid}.quest .ico{font-size:20px}.quest b{font-size:15px;font-weight:400;line-height:1.1}.quest small{text-align:right;font-size:13px}.qbar{background:#d9e2ee;border-radius:5px;height:8px;overflow:hidden}.qbar i{background:linear-gradient(90deg,#27ae60,#7be07b);height:100%;display:block}.quest.done{opacity:.8;background:#dff0d8}.shophead{text-align:left;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;grid-column:1/-1;margin-top:8px;font-size:22px}.item .up{background:var(--blue);color:var(--white);border:2px solid var(--ink);border-radius:8px;padding:1px 7px 3px;font-size:14px;position:absolute;bottom:7px;right:8px}.item .up.poor{background:#9aa7b8}.item.abil.sel{background:#fff7d6;border-color:#d4a017;box-shadow:0 5px #8a6a10}#title.zeltmode{pointer-events:none;background:linear-gradient(#174a8b59,#0000 30% 70%,#174a8b73);justify-content:space-between}#title.zeltmode>*{pointer-events:auto}#title.zeltmode .logo{display:none}#title.zeltmode #tab-zelt{pointer-events:none;flex:1;justify-content:space-between}#tab-zelt>*{pointer-events:auto}.zhead{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.zname{color:var(--ink);border:3px solid var(--ink);background:#f3e7c9;border-radius:12px;flex-direction:column;padding:4px 12px;line-height:1.1;display:flex}.zname b{font-size:20px;font-weight:400}.zname small{opacity:.7;font-size:12px}.zstats{gap:6px;display:flex}.zstats span{color:var(--ink);border:2px solid var(--ink);cursor:help;background:#ffffffe6;border-radius:10px;padding:3px 8px;font-size:16px}.zkassa,.zup{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);background:#e4d6b4;border-radius:12px;padding:6px 12px 8px;font-size:16px}.zkassa.full{background:var(--gold);animation:.7s infinite alternate throb}.zup{color:var(--white);background:#27ae60}.zup.poor{background:#9aa7b8}.zmax{font-size:16px}.zbar{justify-content:center;align-items:flex-end;gap:8px;width:100%;display:flex}.zinv{touch-action:pan-x;gap:6px;max-width:100%;padding:4px 4px 8px;display:flex;overflow-x:auto}.zitem{border:3px solid var(--ink);width:58px;height:58px;box-shadow:0 4px 0 var(--rar), inset 0 -6px 0 var(--rar);background:#ffffffeb;border-radius:12px;flex:none;place-items:center;padding:0;display:grid;position:relative}.zitem .ico{font-size:28px}.zitem small{color:var(--ink);font-size:12px;position:absolute;bottom:6px;right:3px}.zitem.sel{border-color:var(--blue);background:#fff7d6;transform:translateY(-4px)}.zempty{color:var(--ink);cursor:help;background:#fffc;border-radius:12px;padding:10px 16px;font-size:22px}.zrot{border:3px solid var(--ink);background:var(--blue);width:58px;height:58px;color:var(--white);box-shadow:0 4px 0 var(--ink);border-radius:50%;flex:none;font-size:30px}#wood{left:50%;bottom:max(84px, calc(env(safe-area-inset-bottom) + 76px));color:var(--ink);border:2px solid var(--ink);pointer-events:auto;cursor:help;background:#ffffffe0;border-radius:10px;padding:1px 10px 2px;font-size:20px;position:absolute;transform:translate(-50%)}#wood b{font-weight:400}#build{left:50%;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;gap:6px;display:flex;position:absolute;transform:translate(-50%)}#build button{border:3px solid var(--ink);opacity:.55;background:#ffffff8c;border-radius:12px;place-items:center;width:58px;height:58px;padding:0;display:grid;position:relative;box-shadow:0 3px #00000040}#build button.ok{opacity:1;background:#fff7d6}#build .ico{margin-top:-8px;font-size:26px}#build small{color:var(--ink);font-size:11px;position:absolute;bottom:2px;left:0;right:0}#build kbd,#btnAbil kbd{background:var(--ink);color:var(--white);border-radius:6px;padding:0 5px 1px;font-size:11px;position:absolute;top:-8px;left:-6px}#btnAbil{right:max(66px, calc(env(safe-area-inset-right) + 60px));bottom:max(16px, env(safe-area-inset-bottom));border:4px solid var(--ink);pointer-events:auto;background:conic-gradient(#1b2a44b3 calc(var(--cd,0) * 360deg), #ffd23f 0);width:72px;height:72px;box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;padding:0;font-size:36px;display:grid;position:absolute}#btnAbil.ready{animation:.6s infinite alternate throb}body.touch #build{left:auto;right:max(14px, env(safe-area-inset-right));bottom:max(140px, calc(env(safe-area-inset-bottom) + 130px));flex-direction:column-reverse;transform:none}body.touch #build button{width:52px;height:52px}body.touch #build kbd,body.touch #btnAbil kbd{display:none}body.touch #wood{left:auto;right:max(76px, calc(env(safe-area-inset-right) + 72px));bottom:max(150px, calc(env(safe-area-inset-bottom) + 140px));transform:none}body.touch #btnAbil{right:max(130px, calc(env(safe-area-inset-right) + 110px));bottom:max(96px, calc(env(safe-area-inset-bottom) + 92px));z-index:5;width:62px;height:62px;font-size:30px}.mright{align-items:center;gap:8px;display:flex}.mpacks{border:3px solid var(--ink);color:var(--ink);background:#fff7d6;border-radius:14px;padding:3px 12px 5px;font-size:20px;animation:.8s infinite alternate throb;box-shadow:0 4px #0003}.packsbtn{background:var(--gold);color:var(--ink);margin-top:10px;animation:.8s infinite alternate throb}#packs,#daily{z-index:8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#174a8bd1;gap:14px}.pkleft{min-height:26px;font-size:22px}.pkbox{--rar:#d0d5da;border:5px solid var(--ink);background:radial-gradient(circle at 50% 40%, #fff 0, var(--rar) 70%);width:150px;height:150px;box-shadow:0 0 40px var(--rar), 0 8px 0 var(--ink);border-radius:26px;place-items:center;padding:0;font-size:84px;transition:box-shadow .3s,background .3s;display:grid}.pkbox.empty{visibility:hidden}.pkbox.shaking{animation:.12s infinite pkshake}.pkbox.upgrade{box-shadow:0 0 90px 20px var(--rar), 0 8px 0 var(--ink)}.pkbox.pop{animation:.45s ease-out pkpop}.pkbox.rar-e{animation:.9s infinite alternate pkglow}@keyframes pkshake{25%{transform:rotate(-9deg)scale(1.04)}75%{transform:rotate(9deg)scale(1.04)}}@keyframes pkpop{0%{filter:brightness(2.5);transform:scale(1.35)}to{transform:scale(1)}}@keyframes pkglow{to{box-shadow:0 0 80px 14px var(--rar), 0 8px 0 var(--ink)}}.pkreveal{place-items:center;min-height:130px;display:grid}.pkup{color:var(--gold);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:34px;animation:.5s pkpop}.pkitem{--rar:#ccc;color:var(--ink);border:4px solid var(--rar);box-shadow:0 0 30px var(--rar);background:#fffaf0;border-radius:18px;flex-direction:column;align-items:center;padding:8px 22px 10px;animation:.45s pkpop;display:flex}.pkitem .ico{font-size:54px}.pkitem b{font-size:24px;font-weight:400}.pkitem small{color:var(--rar);-webkit-text-stroke:.6px var(--ink);font-size:15px}.pkitem em{color:#e0253a;-webkit-text-stroke:0;font-style:normal}.pkst{opacity:.8;font-family:system-ui,sans-serif;font-size:13px;font-weight:700}.ddays{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:min(620px,100%);display:grid}.dday{color:var(--ink);border:3px solid var(--ink);background:#ffffffd9;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 6px;display:flex}.dday small{opacity:.7;font-size:11px}.dday b{font-size:14px;font-weight:400}.dday.got{opacity:.65;background:#dff0d8}.dday.now{background:var(--gold);animation:.7s infinite alternate throb;transform:scale(1.08)}.wheelwrap{width:240px;height:250px;position:relative}.wheelptr{color:#e0253a;-webkit-text-stroke:2px var(--ink);z-index:2;font-size:30px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.wheel{border:6px solid var(--ink);width:240px;height:240px;box-shadow:0 6px 0 var(--ink);border-radius:50%;position:absolute;top:10px;left:0}.wheel span{text-align:center;width:60px;color:var(--ink);margin-top:-12px;margin-left:-30px;font-size:17px;position:absolute;top:50%;left:50%}#goal{color:var(--ink);border:3px solid var(--ink);pointer-events:auto;cursor:help;white-space:nowrap;background:#ffffffe6;border-radius:12px;align-items:center;gap:8px;padding:3px 12px 4px;display:flex;position:absolute;top:108px;left:50%;transform:translate(-50%)}#goal .ico{font-size:20px}#goal b{font-size:16px;font-weight:400}#goal small{background:var(--ink);color:var(--white);border-radius:8px;padding:0 7px 1px;font-size:14px}#goal.close{border-color:#e67e22;animation:.5s infinite alternate throb}#goal.done{opacity:.85;background:#dff0d8}#goal.bump{animation:.35s pkpop}#goal.close.bump{animation:.35s pkpop,.5s .35s infinite alternate throb}body.touch #goal{top:96px}#btnView{right:max(12px, env(safe-area-inset-right));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 52px);pointer-events:auto;background:#ffffffd9;border-radius:50%;width:42px;height:42px;padding:0;font-size:19px;position:absolute;box-shadow:0 3px #0003}#btnView.on{background:var(--gold)}body.touch #btnView{top:170px;bottom:auto}#xhair{pointer-events:none;background:#fff;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0000008c}body.fpvon #xhair{display:block}#btnPause{right:max(12px, env(safe-area-inset-right));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 104px);pointer-events:auto;background:#ffffffd9;border-radius:50%;width:42px;height:42px;padding:0;font-size:20px;position:absolute;box-shadow:0 3px #0003}body.touch #btnPause{top:222px;bottom:auto}#pause{z-index:8;background:#1119;animation:.25s fadeIn}#pause .btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.zapf{justify-items:center;gap:10px;display:grid}.zapf .hahn{margin-bottom:-18px;font-size:46px;transform:scaleX(-1)}.zapf .krug{background:#ffffff26;border:5px solid #ffffffe6;border-top:none;border-radius:0 0 18px 18px;width:110px;height:170px;position:relative;overflow:hidden}.zapf .krug:after{content:"";border:5px solid #ffffffe6;border-left:none;border-radius:0 18px 18px 0;width:26px;height:80px;position:absolute;top:34px;right:-34px}.zapf .bier{background:linear-gradient(#ffe08a,#f2b631 30%,#d4900f);height:0;position:absolute;bottom:0;left:0;right:0}.zapf .bier i{background:#fffaf0;border-radius:10px;height:18px;position:absolute;top:-14px;left:0;right:0}.zapf .bier.ok{box-shadow:inset 0 0 0 4px #2ecc71}.zapf .bier.bad{filter:saturate(.4)}.zapf .strich{border-top:3px dashed #e0253a;position:absolute;bottom:80%;left:0;right:0}.zapf .row{gap:6px;font-size:26px;display:flex}.zapf .row span{opacity:.35;filter:grayscale()}.zapf .row span.ok{opacity:1;filter:none}.zapf .row span.bad{opacity:1;filter:grayscale()brightness(.6)}.zwiesn{color:#1b2a44;cursor:pointer;background:#ffffffb3;border:2px solid #1b2a4459;border-radius:10px;padding:6px 10px;font:600 12px system-ui,sans-serif}#title{padding-top:max(66px, calc(env(safe-area-inset-top) + 58px));background:radial-gradient(120% 90% at 50% 28%,#0a1e3c00 30%,#0a1e3c80 100%),linear-gradient(#0a1e3c66,#0a1e3c00 22% 48%,#0a1e3c73);gap:14px;padding-bottom:60px}#title .logo{margin-top:0}#title .logo-top,#title .logo-bot{font-size:clamp(44px,min(12vw,9vh),108px)}#title .logo-sub{margin-top:8px;font-size:clamp(22px,min(6vw,4.6vh),40px)}#title.compact .logo{display:none}.metabar{gap:8px}.rank{border-radius:var(--r-md);min-height:44px}.rank:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.mright{flex-wrap:nowrap;gap:6px}.mright>*{white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}.taler{border-radius:var(--r-md)}.mpacks{border-radius:var(--r-md);background:#fff7d6;animation:none;position:relative}.mpacks:after,.mdaily:after{content:"";background:var(--red);border:2px solid var(--white);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.mdaily{border-radius:var(--r-md);border:3px solid var(--ink);background:var(--gold);color:var(--ink);padding:3px 12px 5px;font-size:18px;animation:1.6s ease-in-out infinite softPulse;position:relative;box-shadow:0 4px #0003}@keyframes softPulse{50%{transform:scale(1.06);box-shadow:0 4px #0003,0 0 0 6px #ffd23f59}}.tabs{border-radius:var(--r-lg);border:3px solid var(--ink);background:#ffffffeb;gap:4px;max-width:100%;padding:5px;box-shadow:0 5px #00000038}.tabs button{color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:12px;min-height:40px;padding:7px 12px 9px;font-size:16px;transition:background-color .15s,color .15s}.tabs button:hover{background:#2e7bd61f}.tabs button.on{background:var(--blue);color:var(--white);box-shadow:inset 0 -3px 0 var(--blue-dark);transform:none}#tab-spuin{grid-template-columns:minmax(0,1fr);place-items:start stretch;gap:12px;width:min(460px,100%);display:grid}@media (min-width:900px){#tab-spuin{grid-template-columns:minmax(0,540px) minmax(0,330px);justify-content:center;width:min(900px,100%)}.joincard .join{grid-template-columns:minmax(0,1fr) auto!important}}@media (min-width:900px) and (max-height:860px){#title .logo-sub{display:none}}.playcard,.sidecard{background:var(--panel);border:2px solid var(--panel-line);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);flex-direction:column;gap:10px;padding:16px 16px 12px;display:flex;box-shadow:0 10px 30px #00000040}.sidecard{padding:12px 12px 10px}.sidecard .quests{width:100%}.tagline{font:600 15px / 1.4 var(--ui-font);color:var(--white);text-wrap:pretty;margin:0}.namefield{justify-content:center;align-items:center;gap:10px;display:flex}.namefield span{opacity:.9;font-size:15px}.namefield:has(input.hidden){display:none}#title input.name{width:min(220px,60%);padding:5px 12px 7px;font-size:20px}.modecard{text-align:left;width:100%;min-height:64px;color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-md);box-shadow:0 5px 0 var(--ink);font-family:var(--font);background:#fffffff5;grid-template-rows:auto auto;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:10px;padding:9px 12px 10px 10px;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:grid}button.modecard:hover{box-shadow:0 7px 0 var(--ink);background:#fff;transform:translateY(-2px)}button.modecard:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.modecard .mi{text-align:center;grid-row:1/3;font-size:30px;line-height:1}.modecard b{font-size:19px;font-weight:400;line-height:1.1}.modecard small{font:600 12.5px / 1.3 var(--ui-font);opacity:.78}#btnStadt.modecard{background:var(--gold);border-radius:var(--r-lg);min-height:92px;box-shadow:0 7px 0 var(--ink);border-width:4px;grid-template-columns:54px minmax(0,1fr);padding:12px 16px 14px 12px}#btnStadt.modecard:hover{background:#ffdb5c;transform:translateY(-2px)rotate(-.5deg)}#btnStadt.modecard:active{box-shadow:0 2px 0 var(--ink);transform:translateY(5px)}#btnStadt .mi{font-size:44px}#btnStadt b{font-size:clamp(28px,4vw,34px)}#btnStadt small{opacity:.8;font-size:13px}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.joincard{grid-template-rows:auto auto;row-gap:6px}.joincard .mi{grid-row:1}.joincard .join{grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.joincard .join input{letter-spacing:3px;width:100%;min-height:40px;padding:3px 4px 5px;font-size:18px}.joincard .join .mid{white-space:nowrap;border-color:var(--ink);min-height:40px;box-shadow:0 3px 0 var(--blue-dark);border-width:2px;padding:4px 10px 6px;font-size:15px}.linkbtn{color:var(--white);font:700 14px / 1.2 var(--ui-font);text-underline-offset:3px;background:0 0;border-radius:10px;align-self:center;min-height:44px;padding:10px 12px;-webkit-text-decoration:underline #ffffff73;text-decoration:underline #ffffff73}.linkbtn:hover{color:var(--gold);text-decoration-color:currentColor}.qhead{-webkit-text-stroke:0;text-shadow:0 2px #00000059;justify-content:space-between;align-self:stretch;align-items:baseline;font-size:17px;display:flex}.qhead small{font:700 13px var(--ui-font);opacity:.85}.quest{background:#fffffff0;border-width:2px;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:26px minmax(0,1fr) auto;gap:4px 8px;padding:6px 10px 7px}.quest .ico{grid-row:1/3}.quest b{font-size:14.5px}.quest small{font:700 12px var(--ui-font)}.quest .qbar{grid-column:2;height:7px}.quest .qrw{font:700 11px var(--ui-font);white-space:nowrap;opacity:.75;grid-column:3;font-style:normal}.quest.done{background:#e3f3dc}.quest.done b{-webkit-text-decoration:line-through #1b2a4466;text-decoration:line-through #1b2a4466}.tbest{text-align:center;-webkit-text-stroke:0;text-shadow:0 2px #00000059;font-size:16px}.tbest:empty{display:none}.item{border-radius:var(--r-md);grid-template-columns:46px minmax(0,1fr) auto;align-items:start}.item>*{grid-column:2/4}.item .ico{grid-area:1/1/8}.item b{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;grid-column:2;align-self:center;min-width:0;padding-right:0}#title .grid:not(.achs){grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.item .price{text-align:center;border:2px solid #1b2a4440;grid-area:1/3;align-self:start;max-width:120px;margin-left:6px;padding:1px 7px 3px;line-height:1.15;position:static}.item .up{justify-self:end;min-height:30px;margin-top:6px;position:static}.item:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.item.poor .price{color:#1b2a4499;background:#eadfc4}.item.poor:not(.maxed):not(.sel){border-color:#1b2a448c}.item.maxed{box-shadow:0 5px #3c7a3f}.item.locked{cursor:not-allowed}.item.locked:hover{transform:none}.shophead{-webkit-text-stroke:0;text-shadow:0 2px 0 var(--ink), 0 0 12px #0a1e3c99;border-bottom:2px solid #ffffff59;padding-bottom:4px}.achcount,.lwait{-webkit-text-stroke:0;text-shadow:0 2px 0 var(--ink), 0 0 10px #0a1e3c99}#title.compact:not(.preview):not(.zeltmode){background:linear-gradient(#0a1e3c8c,#0a1e3c59 40%,#0a1e3c8c)}.toast{border-radius:12px;transition:opacity .3s,transform .3s}.toast .tn{color:var(--white);background:#5b3a1f;border-radius:8px;flex:none;margin-left:2px;padding:0 6px 1px;font-size:13px}.toast .tn:empty{display:none}.toast.bump{animation:.25s ease-out toastBump}@keyframes toastBump{50%{transform:scale(1.06)}}.toast.low{opacity:.9}#over{background:radial-gradient(at 50% 30%,#11111173,#111111bf)}#over .card{gap:12px}.ortsschild{margin-bottom:-6px;transform:rotate(-2deg)scale(.9)}.ohero{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.final{text-align:center}.final b{font-size:56px;line-height:1}.final small{letter-spacing:1px;font-size:13px}.stats>div{border-width:2px}.phead{text-transform:uppercase;letter-spacing:1px;opacity:.6;font-size:13px}.payout{border-radius:var(--r-lg)}.packsbtn{animation:1.6s ease-in-out infinite softPulse}#over .obtns{z-index:1;width:calc(100% + 24px);padding:14px 12px max(10px, env(safe-area-inset-bottom));background:linear-gradient(#1110,#111111d9 45%);margin:0 -12px;position:sticky;bottom:0}#btnShare.mid{border-radius:14px;padding:8px 18px 10px;font-size:19px}#daily,#help{z-index:8;-webkit-backdrop-filter:blur(4px);background:#0a1e3cb8;animation:.2s fadeIn}#help{z-index:9}.dycard,.hlpcard{background:var(--panel-strong);border:2px solid var(--panel-line);border-radius:var(--r-xl);flex-direction:column;align-items:center;gap:12px;width:min(640px,100%);padding:18px;animation:.25s cubic-bezier(.2,1.2,.4,1) overlayIn;display:flex;position:relative;box-shadow:0 16px 40px #00000059}.hlpcard{width:min(560px,100%)}@keyframes overlayIn{0%{opacity:0;transform:translateY(16px)scale(.97)}}.dycard .choose-title,.hlpcard .choose-title{padding:0 40px;font-size:clamp(34px,8vw,54px)}.ovx{border:3px solid var(--ink);background:var(--white);width:44px;height:44px;color:var(--ink);border-radius:50%;padding:0;font-size:18px;position:absolute;top:8px;right:8px;box-shadow:0 3px #00000040}.ovx:hover{background:#fff7d6}.dyhint{font:600 14px / 1.35 var(--ui-font);opacity:.9;max-width:440px;margin:-4px 0 0}.hlpsteps{text-align:left;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.hlpsteps li{color:var(--ink);font:600 14px / 1.35 var(--ui-font);background:#fffffff2;border-radius:12px;padding:8px 12px 9px}.hlpsteps b{font:400 17px var(--font)}.hlpkeys{text-align:left;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 14px;width:100%;display:grid}.hlpkeys>div{font:600 14px / 1.25 var(--ui-font);align-items:center;gap:8px;display:flex}.hlpkeys kbd{text-align:center;flex:none;min-width:48px}.hlp-touch,body.touch .hlp-desk{display:none}body.touch .hlp-touch{display:grid}.hlpset{flex-direction:column;align-items:center;gap:4px;display:flex}.hlpset small{font:600 12.5px / 1.3 var(--ui-font);opacity:.85}.toggle{min-height:44px;color:var(--ink);border:3px solid var(--ink);background:#ffffffe6;border-radius:14px;padding:8px 16px 10px;font-size:17px;box-shadow:0 4px #00000040}.toggle.on{background:var(--gold)}#pause .toggle.mid{color:var(--ink);border-color:var(--ink);background:#ffffffeb;box-shadow:0 5px #0000004d}#pause .toggle.mid.on{background:var(--gold)}.ach{background:#ffffffc7;border:2px dashed #1b2a4473}.ach.got{border-width:3px;box-shadow:0 4px #5b3a1f80}.statlist div{border-radius:var(--r-sm)}#title .legal{flex:none;order:99;margin-top:-4px;position:static}#stHud{z-index:3;pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));position:fixed;inset:0}#stHud.hidden{display:none}.sttop{align-items:center;gap:10px;display:flex}.sttop button{pointer-events:auto;background:#ffffffe0;border-radius:50%;width:44px;height:44px;padding:0;font-size:21px;box-shadow:0 3px #0003}.sttop button.on{background:var(--gold)}#stWho{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;color:var(--white);font-size:20px}#stWho small{opacity:.9;font-size:13px;display:block}.stright{align-items:center;gap:8px;margin-left:auto;display:flex}.stright .taler{pointer-events:auto}#stArea{color:var(--white);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;opacity:0;white-space:nowrap;font-size:clamp(26px,6vw,44px);position:absolute;top:70px;left:50%;transform:translate(-50%)}#stArea.show{animation:3.2s ease-out areaIn}@keyframes areaIn{0%{opacity:0;transform:translate(-50%,-10px)scale(.9)}12%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0}}#stPrompt{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 70px);color:var(--ink);border:3px solid var(--ink);white-space:nowrap;background:#ffffffed;border-radius:16px;padding:8px 16px;font-size:20px;position:absolute;transform:translate(-50%);box-shadow:0 5px #00000040}#stPrompt.hidden{display:none}#stPrompt kbd{background:var(--gold);border:2px solid var(--ink);border-radius:6px;margin-right:4px;padding:0 6px}#stPrompt small{opacity:.75}.stkeys{left:50%;bottom:max(10px, env(safe-area-inset-bottom));opacity:.8;pointer-events:auto;gap:12px;font-size:14px;display:flex;position:absolute;transform:translate(-50%)}.stkeys span{cursor:help}body.touch .stkeys{display:none}#stFloats .tentlbl{color:var(--ink);white-space:nowrap;background:#ffffffe6;border:2px solid #2e7bd6;border-radius:10px;padding:2px 9px;font-size:15px;transform:translate(-50%,-50%)}#stFloats .tentlbl.me{background:var(--gold)}#stFloats .tentlbl small{color:#d4a017}#stFloats .tentlbl.me small{color:var(--ink)}#stFloats .bubble{color:var(--ink);border:2px solid var(--ink);white-space:nowrap;background:#fff;border-radius:12px;padding:4px 10px;font-size:15px;transform:translate(-50%,-100%)}#stFloats .pop.gold{color:#ffd400}#stFloats .pop.big{font-size:30px}#stFade{opacity:0;pointer-events:none;z-index:9;background:#fff;transition:opacity .2s;position:fixed;inset:0}#stFade.on{opacity:1}#stPanel,#stMapScr{z-index:8;background:#11111173}#stPanel.side{pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-end}#stPanel.side .stcard{pointer-events:auto;width:min(430px,100%);max-height:58vh}.stcard{background:var(--white);width:min(460px,100%);max-height:90vh;color:var(--ink);border:4px solid var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:18px 16px;animation:.35s cubic-bezier(.2,1.6,.4,1) slam;display:flex;position:relative;overflow:auto;box-shadow:0 8px #00000059}.stcard.map{width:min(560px,100%)}.stx{background:#eee;border-radius:50%;width:36px;height:36px;padding:0;font-size:18px;position:absolute;top:8px;right:8px}.sthead{font-family:var(--fraktur);padding:0 34px;font-size:30px}.ststars{color:#d4a017;letter-spacing:2px;font-size:26px}.stfacts{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stfacts>div{cursor:help;background:#f3e7c9;border-radius:12px;flex-direction:column;align-items:center;min-width:90px;padding:6px 12px;display:flex}.stfacts b{font-size:20px}.stbtns{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.big.poor{filter:grayscale(.7);opacity:.75}.stmax{font-size:40px}.stlock{flex-direction:column;gap:6px;width:100%;display:flex}.stw{color:var(--ink);border:2px solid var(--ink);background:#f3e7c9;border-radius:12px;justify-content:space-between;padding:8px 10px;font-size:17px;display:flex}#stMapCv{aspect-ratio:1;border:3px solid var(--ink);border-radius:14px;width:min(400px,82vw);height:auto}#stStops{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.stop{color:#fff;background:#2e7bd6;border:2px solid #fff;border-radius:10px;padding:6px 10px;font-size:15px}.strank{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;font-size:14px;display:grid}.rkcol{flex-direction:column;gap:3px;display:flex}.rkcol>b{margin-bottom:4px;font-size:15px}.rkcol>div{text-align:left;white-space:nowrap;background:#f6f2e6;border-radius:7px;gap:4px;padding:3px 6px;display:flex;overflow:hidden}.rkcol>div.me{background:var(--gold)}.rkcol small{opacity:.75;margin-left:auto}@media (max-width:520px){.strank{grid-template-columns:1fr}}.stadtbtn{background:linear-gradient(180deg, #ffe066, var(--gold))}body.stadt #mute{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 40px)}body.stadt #touch #btnBeer{opacity:.55}body.stadt #touch #btnBeer.ready{opacity:1}.gchips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gchip{border:2px solid var(--ink);color:var(--ink);background:#f3e7c9;border-radius:12px;align-items:center;gap:4px;padding:4px 9px;font-size:18px;display:flex}.gchip span{font-size:13px}.gchip.on{background:var(--gold)}.ggrid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;width:100%;margin-top:8px;display:grid}.gitem{color:var(--ink);border:3px solid var(--rc);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex}.gitem .gi{font-size:30px}.gitem b{font-size:13px;line-height:1.1}.gitem small{font-size:13px;font-weight:700}.gitem.poor{opacity:.55}.gitem.on{box-shadow:0 0 0 3px var(--gold) inset;background:#fff3b0}.gwlist{width:min(560px,100%)}#stLoad{z-index:9;background:#174a8bb3}#title.preview .gwlist{max-height:42vh;overflow-y:auto}#stFloats{pointer-events:none;position:absolute;inset:0;overflow:hidden}#stFloats>*{will-change:transform;position:absolute;top:0;left:0}#stFloats .tentlbl.npc{background:#fff8e6d9;border-color:#8b5a2b;font-size:13px}#title.preview .ggrid{scroll-snap-type:x mandatory;touch-action:pan-x;padding-bottom:8px;display:flex;overflow-x:auto}#title.preview .ggrid .gitem{scroll-snap-align:start;flex:0 0 118px}#stFloats .peerlbl{color:#fff;white-space:nowrap;background:#143c8cd1;border-radius:8px;padding:2px 8px;font-size:13px;font-weight:700;transform:translate(-50%,-100%)}#stFloats .pop.say{color:#fff;background:#143c8cd9;border-radius:10px;padding:3px 10px;font-size:18px}#stSays{right:max(12px, env(safe-area-inset-right));pointer-events:auto;flex-direction:column;gap:4px;max-height:60vh;display:flex;position:absolute;top:64px;overflow-y:auto}#stSays.hidden{display:none}#stSays button{text-align:left;color:var(--ink);border:2px solid var(--ink);white-space:nowrap;background:#f3e7c9;border-radius:10px;padding:6px 12px;font-size:15px}.stzitems{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0;display:flex}.stzi{border:2px solid var(--ink);background:#f3e7c9;border-radius:10px;padding:2px 6px;font-size:26px}.stzi small{font-size:12px}.stzi.r-u{border-color:#2e7bd6}.stzi.r-r{border-color:#9b3fd1}.stzi.r-e{border-color:#d4a017}body.drin #stFloats .tentlbl,body.drin #stFront,body.drin #stGoal,body.drin #stMark{display:none!important}.gbagrow{justify-content:center;align-items:center;gap:6px;margin:6px 0 10px;font-size:22px;display:flex}.gbag{border:2px solid var(--ink);background:#f3e7c9;border-radius:10px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.gbag.empty{opacity:.35;border-style:dashed}.gkarte{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-bottom:10px;display:grid}.gk{color:var(--ink);border:2px solid var(--ink);background:#f3e7c9;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.gk span{font-size:30px}.gk b{font-size:14px}.gk small{color:#8a5a34;font-size:13px;font-weight:700}.gk.poor{filter:grayscale(.7);opacity:.6}.gkrows{flex-direction:column;gap:5px;max-height:52vh;display:flex;overflow-y:auto}.gkrow{color:var(--ink);border:2px solid var(--ink);background:#f3e7c9;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;font-size:15px;display:flex}.gkrow b{text-align:left;flex:1}.gkrow.lock{opacity:.5}.gkrow.on{background:#fff6dc}.gktog{background:0 0;border:none;padding:0 2px;font-size:20px}.gkts{gap:3px;display:flex}.gkt{background:#fff;border:2px solid #b9a27a;border-radius:8px;padding:3px 5px;font-size:11px}.gkt.on{border-color:var(--ink);background:#ffd166}.gkt:disabled{opacity:.3}#stFloats .stcharge{width:70px;height:13px;margin-top:-6px;margin-left:-35px;display:none}#stQuest{position:relative}#stQuest.neu:after{content:attr(data-n);background:var(--red);min-width:18px;height:18px;color:var(--white);box-shadow:0 0 0 2px var(--white);border-radius:9px;padding:0 4px;font-size:12px;line-height:18px;position:absolute;top:-3px;right:-3px}#stFloats .npclbl{white-space:nowrap;flex-direction:column;align-items:center;gap:2px;display:flex;transform:translate(-50%,-100%)}#stFloats .npclbl span{color:var(--ink);background:#fffaf0e6;border:2px solid #8b5a2b;border-radius:9px;padding:1px 8px;font-size:13px}#stFloats .npclbl b{border:3px solid var(--ink);border-radius:50%;place-items:center;width:30px;height:30px;font-size:20px;line-height:1;animation:.8s ease-in-out infinite alternate markBob;display:grid}#stFloats .npclbl.mx b{background:var(--gold);color:var(--ink)}#stFloats .npclbl.mq b{background:var(--blue);color:var(--white)}#stFloats .qprop{filter:drop-shadow(0 0 4px #fff6a8);font-size:24px;animation:.9s ease-in-out infinite alternate markBob;transform:translate(-50%,-100%)}body.drin #stFloats .npclbl,body.drin #stFloats .qprop{display:none}#stGoal .gl.q{background:#fff6def0;border-left-color:#8b5a2b}#stGoal .gl.q.lead{border-left-color:var(--gold)}#stDlg{z-index:8;padding:0 max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}#stDlg.hidden{display:none}.dlgcard{pointer-events:auto;background:var(--white);width:min(640px,100%);color:var(--ink);border:4px solid var(--ink);border-radius:20px;flex-direction:column;gap:10px;padding:14px 16px;animation:.3s cubic-bezier(.2,1.4,.4,1) slam;display:flex;box-shadow:0 8px #00000059}.dlgwho{align-items:center;gap:8px;display:flex}.dlgwho .dlgico{font-size:28px}.dlgwho b{font-family:var(--fraktur);font-size:26px;font-weight:400}.dlgwho small{opacity:.6;margin-left:auto}.dlgtxt{cursor:pointer;text-align:left;min-height:3.2em;font-size:21px;line-height:1.3}.dlgrw{text-align:left;background:#f3e7c9;border-radius:10px;padding:6px 10px;font-size:16px}.dlgrw.hidden{display:none}.dlgbtns{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.dlgbtns button{min-height:48px}.dlgbtns .big{padding:6px 22px 9px;font-size:22px}:is(body.stadt:has(#stDlg:not(.hidden)) #touch,body.stpanel #stPrompt){visibility:hidden}.qsec{flex-direction:column;gap:6px;width:100%;display:flex}.qh{text-align:left;border-bottom:2px solid #eadfc6;padding-bottom:2px;font-size:19px}.qh small{opacity:.6;font-size:13px}.qrow{text-align:left;background:#fbf6ea;border:2px solid #eadfc6;border-radius:12px;align-items:center;gap:8px;padding:6px 8px;display:flex}.qrow.on{border-color:var(--gold);background:#fff8dc}.qrow.haupt .qt>b{color:#8b2e1f}.qrow.done{opacity:.6}.qrow .qi{text-align:center;flex:none;width:32px;font-size:24px}.qt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.qt b{font-size:17px;font-weight:400}.qt span{font-size:15px}.qt small{opacity:.7;font-size:13px}.qt .bar{min-width:0;height:10px}.qbtns{flex:none;gap:6px;display:flex}.qb{background:#eee;border:2px solid #0000;border-radius:12px;width:44px;height:44px;padding:0;font-size:20px}.qb.on{background:var(--gold);border-color:var(--ink)}.qdots{gap:3px;display:flex}.qdots i{background:#e3d8bf;border-radius:50%;width:10px;height:10px}.qdots i.ok{background:#3fa34d}.qdots i.cur{background:var(--gold);box-shadow:0 0 0 2px var(--ink)}.qbonus,.qitems,.qnone{opacity:.85;font-size:15px}.qbonus.done{opacity:.55}.qtitel{background:var(--gold);border-radius:10px;padding:2px 12px;font-size:16px}.qdone{text-align:left;width:100%;font-size:15px}.qdone summary{cursor:pointer;min-height:32px}.qstats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.qstats span{cursor:help;background:#f3e7c9;border-radius:10px;padding:3px 10px;font-size:15px}.mapq{border:2px solid var(--gold);background:#fff8dc;border-radius:10px;width:100%;padding:4px 10px;font-size:15px}.maplegend{opacity:.75;width:100%;font-size:13px}.maplegend b{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;display:inline-grid}.maplegend b.mx{background:var(--gold)}.maplegend b.mq{background:var(--blue);color:var(--white)}@media (max-width:640px){.dlgtxt{font-size:19px}.qrow{flex-wrap:wrap}.qrow .qt{flex-basis:calc(100% - 140px)}}@media (max-height:500px){.dlgcard{gap:6px;padding:8px 12px}.dlgtxt{min-height:2.4em;font-size:18px}.dlgwho b{font-size:22px}}#stFloats .pop.quest{white-space:nowrap;color:var(--ink);-webkit-text-stroke:0;background:#fff6deeb;border:2px solid #8b5a2b;border-radius:10px;padding:2px 9px;font-size:17px}#stGoal.flash .gl.q:first-of-type,#stGoal.flash .gl.lead{animation:.9s ease-out qflash}@keyframes qflash{0%{box-shadow:0 0 0 4px var(--gold);transform:scale(1.04)}to{transform:none;box-shadow:0 3px #0000002e}}.stfront{pointer-events:auto;background:#1b2a448c;border-radius:14px;gap:4px;margin:0 auto;padding:4px 6px;display:flex}.stfront .fb{border:2px solid var(--white);width:34px;height:40px;box-shadow:none;background:#ffffffe6;border-radius:8px 8px 14px 14px;padding:0;position:relative;overflow:hidden}.stfront .fb i{transition:height .6s,background .6s;position:absolute;bottom:0;left:0;right:0}.stfront .fb span{font-size:17px;position:relative}.stfront .fb.hot{animation:.9s ease-in-out infinite alternate hotPulse}.stfront .fb.fallen{border-color:#3a1020}.stfront .fb.sel{border-color:var(--gold);box-shadow:0 0 0 2px var(--ink)}@keyframes hotPulse{to{border-color:var(--red);transform:translateY(-2px)}}@media (max-width:640px){.sttop{flex-wrap:wrap}.stfront{order:3;justify-content:center;width:100%;margin-top:6px}.stfront .fb{width:30px;height:34px}}#stGoal{left:max(12px, env(safe-area-inset-left));flex-direction:column;gap:5px;max-width:min(330px,70vw);display:flex;position:absolute;top:70px}#stGoal .gl{color:var(--ink);border-left:5px solid var(--blue);background:#fffaf0e6;border-radius:8px 12px 12px 8px;align-items:center;gap:7px;padding:4px 10px 4px 7px;font-size:15px;display:flex;box-shadow:0 3px #0000002e}#stGoal .gl span{font-size:19px}#stGoal .gl b{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}#stGoal .gl small{opacity:.65;white-space:nowrap;margin-left:auto;padding-left:8px}#stGoal .gl.lead{border-left-color:var(--gold);font-size:17px}#stGoal .gl.hot{border-left-color:var(--red);background:#fff0ee}#stGoal .gl.click{pointer-events:auto;cursor:pointer}@media (max-width:640px){#stGoal{top:118px}#stGoal .gl:not(.lead){display:none}}#stMark{pointer-events:none;will-change:transform;filter:drop-shadow(0 2px 2px #00000073);flex-direction:column;align-items:center;width:44px;margin:-26px 0 0 -22px;display:flex;position:absolute;top:0;left:0}#stMark.hidden{display:none}#stMark b{font-size:26px;font-weight:400;animation:1s ease-in-out infinite alternate markBob}#stMark small{color:var(--white);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:13px}#stMark i{display:none}#stMark.edge i{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid var(--gold);transform-origin:0 9px;width:0;height:0;margin:-9px 0 0;display:block;position:absolute;top:19px;left:22px}#stMark.edge b{border:2px solid var(--gold);background:#ffffffe0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;animation:none;display:grid}@keyframes markBob{to{transform:translateY(-5px)}}#stRaid{background:var(--red);color:var(--white);border:3px solid var(--white);border-radius:14px;align-items:center;gap:10px;padding:5px 12px;font-size:18px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 4px #0000004d}#stRaid.hidden{display:none}#stRaid b{white-space:nowrap;font-weight:400}#stRaid .bar{background:#0000004d;width:min(160px,28vw);min-width:0;height:12px}#stRaid .bar i{background:var(--white)}@media (max-width:640px){#stRaid{top:128px}}.stcard{background:#fffaf0;border:4px solid #5b3a1f;padding-top:30px;overflow-x:hidden}.stcard:before{content:"";background-color:#fff;background-image:linear-gradient(135deg, var(--blue) 25%, transparent 25%, transparent 75%, var(--blue) 75%), linear-gradient(135deg, var(--blue) 25%, transparent 25%, transparent 75%, var(--blue) 75%);background-position:0 0,8px 8px;background-size:16px 16px;border-bottom:3px solid #5b3a1f;height:16px;position:absolute;top:0;left:0;right:0}.stx{top:22px}.sthead{text-align:center;font-size:32px;line-height:1.1}.ststars{margin-top:-6px}.bar{background:#eadfc6;border-radius:11px;flex:1;min-width:120px;height:22px;position:relative;overflow:hidden}.bar i{background:var(--gold);border-radius:11px;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.bar b{place-items:center;font-size:14px;font-weight:400;line-height:1;display:grid;position:absolute;inset:0}.bar.big{border-radius:15px;flex:none;height:30px}.bar.big b{color:var(--white);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:17px}.strows{flex-direction:column;gap:8px;width:100%;display:flex}.strow{cursor:help;background:#f3e7c9;border-radius:12px;align-items:center;gap:10px;padding:6px 12px;font-size:17px;display:flex}.strow>span:first-child{text-align:center;width:28px;font-size:22px}.strow>b{font-weight:400}.strow em{border-radius:8px;margin-left:auto;padding:2px 8px;font-size:14px;font-style:normal}em.bad{background:var(--red);color:var(--white)}em.good{color:var(--white);background:#2ecc71}.kel{flex-wrap:wrap;gap:4px;display:flex}.kel i{background:0 0;border:2px solid #5b3a1f;border-radius:6px;width:18px;height:22px}.kel i.full{background:linear-gradient(#a8703a,#7a4a20)}.kel i.half{background:linear-gradient(#0000 50%,#a8703a 50%)}.stlbl{opacity:.7;margin-top:4px;font-size:15px}.bezchips{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.bezc{color:var(--ink);background:#fff;border:2px solid #d8c8aa;border-radius:10px;align-items:center;gap:4px;padding:4px 8px;font-size:14px;display:flex}.bezc i{border-radius:50%;width:10px;height:10px}.bezc.on{border-color:var(--ink);background:var(--gold)}.stcard button[disabled]{opacity:.5;filter:grayscale(.6);pointer-events:none}.kellers{flex-direction:column;gap:5px;width:100%;display:flex}.kelrow{background:#f3e7c9;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px;font-size:15px;display:flex}#stPanel.wide .stcard{width:min(820px,100%)}.frwrap{align-items:center;gap:16px;width:100%;display:flex}#frCv{aspect-ratio:1;cursor:pointer;flex:none;width:min(380px,46vw);height:auto}.frinfo{flex-direction:column;flex:1;align-items:stretch;gap:9px;min-width:0;display:flex}.frname{font-family:var(--fraktur);text-align:center;font-size:30px}.frword{text-align:center;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;margin-top:-8px;font-size:20px}.frtrend{text-align:center;cursor:help;font-size:15px}.frtrend.bad{color:var(--red)}.frtrend.good{color:#1f9d55}.frdepot{justify-content:center;gap:8px;display:flex}.frdepot>div{cursor:help;background:#f3e7c9;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;font-size:20px;display:flex}.frdepot b{font-weight:400}.frsup{flex-wrap:wrap;justify-content:center;gap:5px;font-size:13px;display:flex}.frsup span{cursor:help;background:#e3f2e6;border-radius:8px;padding:2px 8px}.frsup span.dry{background:#f7dcdc}.frnews{color:#ffd166;text-align:center;background:#1b1b1b;border-radius:8px;padding:6px 10px;font-size:15px}.frinfo .stbtns .big{padding:10px 22px 13px;font-size:24px}.frinfo .stbtns .big small{opacity:.8;font-size:15px}@media (max-width:640px){.frwrap{flex-direction:column}#frCv{width:min(300px,80vw)}}.ofront{color:var(--ink);cursor:help;background:#e3f2e6;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;margin:6px auto 0;padding:6px 14px;font-size:18px;display:flex}.ofront.hidden{display:none}.ofront b{color:#1f9d55;font-weight:400}#stFloats{z-index:-1}body.stpanel #stFloats,body.stpanel #stMark{visibility:hidden}#ruck{right:calc(50% + 142px);bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;gap:6px;display:flex;position:absolute}#ruck button{background:#fff7d6;border:3px solid #5b3a1f;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative;box-shadow:0 3px #00000040}#ruck button.empty{opacity:.4;background:#ffffff80}#ruck .ico{font-size:24px}#ruck small{color:var(--white);background:#5b3a1f;border-radius:8px;padding:0 5px;font-size:11px;position:absolute;bottom:-4px;right:-4px}#ruck kbd{background:var(--ink);color:var(--white);border-radius:6px;padding:0 5px 1px;font-size:11px;position:absolute;top:-8px;left:-6px}#build button.upg{border-color:var(--gold);background:#fff1b8}body.touch #ruck{left:50%;right:auto;bottom:max(12px, env(safe-area-inset-bottom));transform:translate(-50%)}body.touch #ruck kbd{display:none}@media (max-width:760px){body:not(.touch) #ruck{left:50%;right:auto;bottom:max(84px, calc(env(safe-area-inset-bottom) + 76px));transform:translate(-50%)}}#hShop{z-index:30;background:#0a142873;place-items:center;display:grid}#hShop.hidden{display:none}.hcard{width:min(560px,94vw);color:var(--ink);background:#fffaf0;border:4px solid #5b3a1f;border-radius:18px;padding:16px 16px 18px;position:relative;box-shadow:0 8px #0000004d}.hhead{font-family:var(--fraktur);text-align:center;font-size:32px}.htaler{text-align:center;margin-bottom:10px;font-size:18px}.hlist{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.hlist button{border:3px solid var(--ink);color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#f3e7c9;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex;position:relative}.hlist button.poor{opacity:.55}.hlist .ico{font-size:30px}.hlist b{text-align:center;font-size:15px;font-weight:400}.hlist .price{background:var(--gold);border-radius:8px;padding:1px 8px;font-size:15px}.hlist kbd{background:var(--ink);color:var(--white);border-radius:6px;padding:0 5px 1px;font-size:11px;position:absolute;top:-8px;left:-6px}.hx{border:3px solid var(--ink);background:var(--white);width:36px;height:36px;color:var(--ink);border-radius:50%;padding:0;position:absolute;top:8px;right:8px}.ruckrow{grid-column:1/-1;justify-content:center;gap:10px;padding:4px 0 8px;display:flex}.rslot{width:64px;height:64px;color:var(--ink);background:#fff7d6;border:3px solid #5b3a1f;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 4px #5b3a1f}.rslot.empty{box-shadow:none;background:#ffffff80;border-style:dashed}.rslot .ico{font-size:30px}.rslot small{color:var(--white);background:#5b3a1f;border-radius:8px;padding:0 5px;font-size:12px;position:absolute;bottom:-2px;right:-4px}.rslot kbd{background:var(--ink);color:var(--white);border-radius:6px;padding:0 5px;font-size:11px;position:absolute;top:-6px;left:-4px}.item .cnt{font-size:14px}.item.bau.locked .ico{filter:grayscale();opacity:.6}.zextra{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.zgroup{border:2px solid var(--ink);background:#fffaf0eb;border-radius:12px;align-items:center;gap:5px;padding:4px 8px;display:flex}.zlbl{cursor:help;font-size:20px}.zbtn{border:2px solid var(--ink);color:var(--ink);background:#fff7d6;border-radius:10px;align-items:center;gap:4px;padding:4px 9px 5px;font-size:14px;display:flex}.zbtn i{border-radius:50%;width:10px;height:10px;display:inline-block}.zbtn.tr{box-shadow:inset 0 -4px 0 var(--rar)}.zbtn.poor,.zsw.poor{opacity:.5}.zsw{border:2px solid var(--ink);border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:12px;display:grid}.zsw.on{outline:3px solid var(--gold);outline-offset:1px}.zsw.licht{background:#2c2c2c;font-size:16px}.item.waffe{padding-bottom:8px}.item.waffe .ico{grid-row:1/6}.item .wstat{color:#2c3e50;margin-top:3px;font-family:system-ui,sans-serif;font-size:11.5px;font-weight:600;line-height:1.3}.item .wstat em{color:#1e8449;font-style:normal}.item .perks{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.item .perks i{opacity:.55;background:#1b2a441a;border-radius:6px;padding:1px 5px;font-family:system-ui,sans-serif;font-size:10.5px;font-style:normal;font-weight:700}.item .perks i.on{background:var(--gold);opacity:1}.item .perks i.next{opacity:1;outline:2px dashed var(--blue)}.item.waffe .pips i{width:9px}.item .pips i.ms{box-shadow:0 0 0 1.5px #d4a017}.mkonto{font-family:var(--font);border:3px solid var(--ink);color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:14px;max-width:44vw;padding:4px 12px 6px;font-size:18px;transition:transform .1s;overflow:hidden;box-shadow:0 4px #0003}.mkonto:not(.in){background:var(--white);color:var(--blue-dark)}.mkonto{min-width:44px;min-height:44px}.mkonto.off{background:#ffe1e1}.mkonto:active{transform:translateY(3px);box-shadow:0 1px #0003}@media (max-width:520px){.mkonto span{display:none}}.konto-bg{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:text;user-select:text;background:#174a8bc7;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out kontoFade;display:flex;position:fixed;inset:0}.konto-box{border:4px solid var(--ink);width:min(420px,100%);max-height:calc(100% - 20px);color:var(--ink);text-align:center;background:#fffaf0;border-radius:22px;padding:22px 22px 18px;animation:.25s cubic-bezier(.2,1.4,.4,1) kontoPop;position:relative;overflow:auto;box-shadow:0 8px #00000040}.konto-box h2{margin:0 0 6px;font-size:30px;font-weight:400}.konto-why{opacity:.8;margin:0 0 14px;font-family:system-ui,sans-serif;font-size:15px;line-height:1.35}.konto-hint,.konto-state{margin:10px 0;font-family:system-ui,sans-serif;font-size:14px}.konto-form{text-align:left;flex-direction:column;gap:10px;display:flex}.konto-form label{flex-direction:column;gap:4px;font-size:16px;display:flex}.konto-form input{border:3px solid var(--ink);color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:10px 12px;font:600 18px system-ui,sans-serif}.konto-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e7bd64d}.konto-err{min-height:18px;color:var(--red);font:600 14px system-ui,sans-serif}.konto-go,.konto-out,.konto-pick button{font-family:var(--font);border:3px solid var(--ink);background:var(--gold);width:100%;color:var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;border-radius:16px;padding:10px 14px 12px;font-size:22px;transition:transform 80ms,box-shadow 80ms}.konto-go:active,.konto-out:active,.konto-pick button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.konto-go:disabled{opacity:.6}.konto-out{background:#fff;margin-top:12px;font-size:18px}.konto-switch{color:var(--blue-dark);cursor:pointer;background:0 0;border:0;margin-top:12px;font:15px system-ui,sans-serif}.konto-x{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:8px;right:10px}.konto-pick{flex-direction:column;gap:12px;display:flex}.konto-pick button{background:#fff;flex-direction:column;gap:4px;display:flex}.konto-pick button:hover{background:#fff3c4}.konto-pick small{opacity:.85;font:14px/1.35 system-ui,sans-serif}@keyframes kontoFade{0%{opacity:0}}@keyframes kontoPop{0%{opacity:0;transform:scale(.85)}}.wk-box{overflow:visible}.wk-sun{border:4px solid var(--ink);background:radial-gradient(circle at 35% 30%, #fff6c9, var(--gold));border-radius:50%;place-items:center;width:76px;height:76px;margin:-58px auto 6px;font-size:44px;animation:1.6s ease-in-out infinite wkBob;display:grid;box-shadow:0 5px #00000040}.wk-rows{flex-direction:column;gap:8px;margin:0 0 16px;display:flex}.wk-rows>div{border:3px solid var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:20px;animation:.4s cubic-bezier(.2,1.4,.4,1) backwards wkIn;display:flex}.wk-rows>div:nth-child(2){animation-delay:.12s}.wk-rows>div:nth-child(3){animation-delay:.24s}.wk-rows b{color:#9a6b00}.wk-rows .bad b{color:var(--red)}.wk-rows .good b{color:#1f8a3a}.wk-go{animation:.9s infinite alternate throb}.wk-out{opacity:0;transition:opacity .3s}.coinfly{z-index:9500;pointer-events:none;filter:drop-shadow(0 2px #0000004d);font-size:26px;position:fixed}@keyframes wkBob{50%{transform:translateY(-5px)rotate(-6deg)}}@keyframes wkIn{0%{opacity:0;transform:translate(-20px)}}.konto-form label small{opacity:.65;font:12px system-ui,sans-serif}#inName.hidden{display:none}.konto-del{opacity:.85;margin-top:14px;font:13px system-ui,sans-serif}.konto-del summary{cursor:pointer}.konto-del input{box-sizing:border-box;border:2px solid #1b2a44;border-radius:8px;width:100%;margin:6px 0;padding:8px}.konto-legal{opacity:.7;margin:12px 0 0;font:12px system-ui,sans-serif}.konto-legal a{color:inherit}.mg-tip{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;max-width:340px;font-size:20px;line-height:1.25}.mg{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:clamp(190px,50vh,300px);color:var(--white);position:relative}.mg-goassl,.mg-wurscht,.mg-krug,.mg-field{border:3px solid var(--ink);border-radius:14px;overflow:hidden}.mg.two{flex-direction:column;gap:8px;display:flex}.mg-field{flex:1;min-height:0;position:relative}.mg-btns{flex:none;gap:10px;height:56px;display:flex}.mg-b{color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);white-space:nowrap;background:#ffffffe0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:19px;display:flex}.mg-b.on{box-shadow:0 1px 0 var(--ink);background:var(--gold);transform:translateY(3px)}.mg-b.next{animation:.45s infinite alternate mgPulse}@keyframes mgPulse{to{background:#a8eab8}}.mg-hud{z-index:3;text-align:left;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;pointer-events:none;font-size:18px;position:absolute;top:4px;left:10px;right:10px}.mg-hud b{color:var(--gold);font-size:26px;font-weight:400}.mg-hud span{float:right;font-size:18px;line-height:32px}.mg-msg{z-index:4;text-align:center;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;opacity:0;pointer-events:none;font-size:26px;transition:all .15s cubic-bezier(.2,1.6,.4,1);position:absolute;left:0;right:0;transform:scale(.6)}.mg-msg.on{opacity:1;transform:scale(1)}.mg-msg.top{color:var(--gold)}.mg-msg.bad{color:#ff8080}.mg-plattln .mg-field{background:repeating-linear-gradient(90deg,#a87a4a 0 34px,#9a6c3e 34px 36px)}.pl-lane{background:#ffffff24;border-left:2px dashed #ffffff59;border-right:2px dashed #ffffff59;width:34%;position:absolute;top:0;bottom:0}.pl-lane.l{left:8%}.pl-lane.r{right:8%}.pl-line{background:var(--gold);height:5px;box-shadow:0 0 0 2px var(--ink);border-radius:3px;margin-top:-2px;position:absolute;top:80%;left:4%;right:4%}.pl-line i,.pl-note{border-radius:50%;place-items:center;width:44px;height:44px;font-size:26px;font-style:normal;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.pl-line i{border:3px dashed var(--white);opacity:.5}.pl-line i.l,.pl-note.l{left:25%}.pl-line i.r,.pl-note.r{left:75%}.pl-note{z-index:2;background:var(--white);border:3px solid var(--ink)}.pl-note.r{background:#ffe3b0}.pl-note.hit{background:var(--gold);transition:transform .1s;transform:translate(-50%,-50%)scale(1.3)}.pl-note.miss{opacity:.4;filter:grayscale()}.pl-dancer{text-align:center;width:64px;font-size:50px;transition:translate 80ms;position:absolute;top:34%;left:calc(50% - 32px)}.pl-dancer.hop{translate:0 -12px}.pl-judge{top:54%}.mg-goassl{background:linear-gradient(#7ec8ff,#d4f0ff 62%,#6fbf5a 62%,#4f9a3e)}.go-man{font-size:60px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.go-whip{transform-origin:0;width:30%;height:6px;transition:transform .12s;position:absolute;bottom:30%;left:50%}.go-whip i{transform-origin:0;background:linear-gradient(90deg,#5b3a1f 0 28%,#c9a24a 28%);border-radius:3px;height:100%;transition:transform .15s;display:block}.go-whip.snap i{background:linear-gradient(90deg, #5b3a1f 0 28%, var(--gold) 28%);box-shadow:0 0 8px var(--gold)}.go-whip.limp i{transform:rotate(35deg)scaleX(.7)}.go-tgt{border:4px dashed var(--white);background:#ffffff40;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:36%}.go-ring{border:4px solid var(--ink);border-radius:50%;width:64px;height:64px;position:absolute;top:50%;left:50%}.go-ring.now{border-color:#1f9d55;box-shadow:0 0 12px #2ecc71}.go-boom{z-index:3;pointer-events:none;font-size:54px;font-weight:400;transition:transform .1s;position:absolute;top:36%;transform:translate(-50%,-50%)scale(0)}.go-boom.on{transform:translate(-50%,-50%)scale(1)}.mg-wurscht{background:radial-gradient(circle at 40% 40%,#fffaf0,#e9d6b0)}.ww-uhr{background:var(--white);border:4px solid var(--ink);border-radius:50%;width:72px;height:72px;position:absolute;top:40px;right:10px;box-shadow:0 3px #00000040}.ww-uhr i{background:var(--ink);transform-origin:50% 100%;border-radius:2px;width:4px;margin-left:-2px;position:absolute;bottom:50%;left:50%}.ww-uhr i.h{height:28%}.ww-uhr i.m{background:#c0392b;width:3px;height:42%;margin-left:-1.5px}.ww-uhr b{color:var(--ink);font-size:11px;font-weight:400;position:absolute;top:2px;left:0;right:0}.ww-plate{background:radial-gradient(#fff 58%,#2e7bd6 60%,#fff 64%);border-radius:50%;align-items:center;padding:0 6%;display:flex;position:absolute;inset:40px 96px 52px 4%}.ww-mund{z-index:2;font-size:44px}.ww-wurst{border:3px dashed #b9a98a;border-radius:18px;flex:1;height:34px;margin-left:-6px;position:relative}.ww-wurst i{width:calc((1 - var(--p,0)) * 100%);background:linear-gradient(#fffdf6,#e6d9bd);border-radius:16px;position:absolute;top:0;bottom:0;right:0;box-shadow:inset 0 0 0 2px #cbbd9e}.ww-wurst.plotz i{background:#e8907a;animation:.15s infinite alternate throb}.ww-wurst.weg i{opacity:0;transition:opacity .3s}.ww-senf{margin-left:4px;font-size:24px}.ww-druck{border:3px solid var(--ink);background:linear-gradient(90deg,#d9f5dd 55%,#fff3c4 55% 82%,#ffd0d0 82%);border-radius:10px;height:26px;position:absolute;bottom:12px;left:6%;right:6%;overflow:hidden}.ww-druck i{background:#2ecc71;position:absolute;top:0;bottom:0;left:0}.ww-druck i.gelb{background:#f1c40f}.ww-druck i.rot{background:#e74c3c}.ww-msg{top:42%}.mg-krug{background:linear-gradient(#6b4626,#3a2410)}.kr-stamm{white-space:nowrap;font-size:28px;transition:left .3s;position:absolute;top:17%;transform:translate(-50%)}.kr-table{border:3px solid var(--ink);background:repeating-linear-gradient(90deg,#c08a52 0 26px,#a8743f 26px 28px);border-radius:6px;height:46px;position:absolute;top:38%;left:3%;right:3%}.kr-zone{border-left:2px dashed var(--white);border-right:2px dashed var(--white);background:#2ecc7199;position:absolute;top:0;bottom:0}.kr-mug{font-size:34px;position:absolute;top:50%;transform:translate(-50%,-62%)}.kr-mug.fall{transition:top .45s ease-in,transform .45s;top:300%;transform:translate(-50%,-50%)rotate(100deg)}.kr-meter{border:3px solid var(--ink);background:linear-gradient(90deg,#2ecc71,#f1c40f 60%,#e74c3c);border-radius:10px;height:24px;position:absolute;bottom:14px;left:8%;right:8%}.kr-needle{background:var(--white);border:2px solid var(--ink);border-radius:3px;width:8px;margin-left:-4px;position:absolute;top:-5px;bottom:-5px}.kr-row i{opacity:.35;font-style:normal}.kr-row i.ok{opacity:1}.kr-row i.bad{opacity:1;filter:grayscale()}.kr-msg{top:62%}.mg-brezn .mg-field{background:linear-gradient(#bfe6ff,#fff6e0 80%,#d8b98a 80%)}.bz-korb{font-size:46px;position:absolute;top:85%;transform:translate(-50%,-50%)}.bz-item{font-size:32px;font-style:normal;position:absolute;transform:translate(-50%,-50%)}.bz-item.pop{-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:22px;animation:.45s forwards bzPop}.bz-item.good{color:var(--gold)}.bz-item.bad{color:#ff8080}@keyframes bzPop{to{opacity:0;translate:0 -34px}}.mg-saeg .mg-field{background:linear-gradient(#cfeccb,#8bc47a)}.sg-opp{align-items:center;gap:8px;font-size:24px;display:flex;position:absolute;top:34px;left:10px;right:10px}.sg-bar{border:3px solid var(--ink);background:var(--white);border-radius:8px;flex:1;height:14px;overflow:hidden}.sg-bar i{background:#e74c3c;width:0;height:100%;display:block}.sg-log{aspect-ratio:1;border:3px solid var(--ink);background:repeating-radial-gradient(circle,#e2b277 0 5px,#c99355 5px 7px);border-radius:50%;height:50%;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.sg-cut{background:#3a2410;width:6px;margin-left:-3px;position:absolute;top:0;left:50%}.sg-saw{height:14px;margin-top:-10px;position:absolute;top:0;left:-60%;right:-60%}.sg-saw i{border:2px solid var(--ink);background:linear-gradient(#eef2f5,#8c96a0);border-radius:3px;height:100%;display:block}.sg-saw:before,.sg-saw:after{content:"";border:2px solid var(--ink);background:#8b5a2b;border-radius:4px;width:12px;height:22px;position:absolute;top:-6px}.sg-saw:before{left:-10px}.sg-saw:after{right:-10px}.sg-saw.stuck i{background:#ff9a8a}.sg-me{font-size:38px;position:absolute;bottom:4px;left:8px}.sg-msg{top:40%}@media (max-height:500px) and (orientation:landscape){#mini{gap:6px;padding:8px 16px}#mini #miniTitle{font-size:30px}#mini #miniStage{min-height:0}#mini .minikey{font-size:16px}.mg{height:clamp(190px,64vh,300px)}}.gaudi-diff{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gaudi-list{flex-direction:column;gap:6px;width:100%;display:flex}.gaudi-g{text-align:left;width:100%;min-height:56px;color:var(--ink);border:3px solid var(--ink);background:#f3e7c9;border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:2px 10px;padding:6px 10px;font-size:17px;display:grid}.gaudi-g>span{text-align:center;grid-row:1/3;font-size:28px}.gaudi-g small{opacity:.8;grid-column:2;font-size:13px}.gaudi-g em{text-align:right;grid-area:1/3/3;font-size:15px;font-style:normal;line-height:1.2}.gaudi-g em.cd{opacity:.6}.gaudi-note{opacity:.75;text-align:center;font-size:13px}html,body{-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button,a{-webkit-touch-callout:none}input,textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text;touch-action:manipulation}#daily,#packs,#lobby,#pause,#choose,#mini,#stLoad{overscroll-behavior:contain;touch-action:pan-y;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));justify-content:safe center;overflow-y:auto}.stcard,.konto-box,.hcard,#stSays,.gkrows,.card{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.stcard{max-height:90vh;max-height:90dvh}#stPanel.side .stcard{max-height:58vh;max-height:58dvh}.gkrows{max-height:52vh;max-height:52dvh}#title.preview .gwlist{max-height:42vh;max-height:42dvh}body:not(.stadt) #hud.hidden~#touch{display:none!important}body.touch:has(#title:not(.hidden)) #mute{top:auto;bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));right:auto}body.touch #title.zeltmode .zbar{padding-left:54px}body:not(.touch) #title .legal{right:max(62px, calc(env(safe-area-inset-right) + 56px))}body.stadt.touch #mute{top:auto;bottom:calc(max(28px, env(safe-area-inset-bottom)) + 108px);right:max(49px, calc(env(safe-area-inset-right) + 27px))}:is(body.stadt:has(#stSays:not(.hidden)) #mute,body.stpanel #mute){visibility:hidden}#title .legal{right:max(6px, env(safe-area-inset-right));bottom:env(safe-area-inset-bottom)}#title .legal a{padding:12px 6px;display:inline-block}body.touch #ruck{left:auto;right:calc(max(130px, calc(env(safe-area-inset-right) + 110px)) + 72px);bottom:max(12px, env(safe-area-inset-bottom));max-width:calc(100% - max(130px, calc(env(safe-area-inset-right) + 110px)) - 72px - max(12px, env(safe-area-inset-left)));flex-wrap:wrap-reverse;justify-content:flex-end;transform:none}body.touch #toasts{right:calc(max(10px, env(safe-area-inset-right)) + 52px)}body.touch #wood{bottom:max(166px, calc(env(safe-area-inset-bottom) + 156px))}@media (max-width:760px),(pointer:coarse){.item .wstat,.item .perks i,.dday small,.ach small,.statlist small,.lp small,#ruck small,#build small,#powers sub{font-size:12px}.gkt{padding:6px 8px;font-size:12px}.rslot kbd,.hlist kbd{display:none}.tabs button{min-height:44px}.stx,.hx{width:44px;height:44px;font-size:20px}.konto-x{width:44px;height:44px;top:4px;right:4px}.konto-switch{min-height:44px;padding:8px 12px}.konto-del summary{padding:10px 0}.konto-del input{font-size:16px}.gchip{min-height:44px}.zbtn{min-height:40px}.zsw{width:40px;height:40px}.stop{min-height:40px}#stSays button{min-height:44px}.stfront .fb{width:40px;height:44px}.item .up{grid-column:2;justify-self:end;margin-top:6px;position:static}}@media (max-width:640px){.tabs{gap:6px 5px}.tabs button{padding:7px 11px 9px;font-size:16px}.hcard{max-height:calc(100% - 8px);padding:14px 12px 16px;overflow-y:auto}.hhead{padding:0 40px;font-size:28px}.hlist{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.sttop{gap:8px}.sttop>button{flex:none}#stWho{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-size:17px;overflow:hidden}#stWho small{text-overflow:ellipsis;overflow:hidden}.stright{flex-wrap:wrap-reverse;flex:0 auto;justify-content:flex-end;gap:6px;min-width:0}.stright .taler{white-space:nowrap;padding:3px 10px 5px;font-size:18px}.stfront{flex-wrap:wrap;margin-top:2px}#stGoal{max-width:min(330px,100%);margin-top:8px;position:relative;top:auto;left:auto}#stRaid{width:-moz-fit-content;width:fit-content;max-width:100%;margin:8px auto 0;position:relative;top:auto;left:auto;transform:none}#stRaid b{white-space:normal}#stSays{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));max-height:calc(100vh - 290px);align-items:stretch;max-height:calc(100dvh - 290px);top:112px}#stSays button{white-space:normal}#stPrompt{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 24px);font-size:18px}#stArea{font-size:30px;top:150px}}body.touch #stPrompt{bottom:calc(max(28px, env(safe-area-inset-bottom)) + 168px)}@media (max-width:640px) and (min-height:501px){#stPanel{padding:0;padding-top:max(40px, env(safe-area-inset-top));justify-content:flex-end}#stPanel .stcard,#stPanel.side .stcard{width:100%;max-height:86vh;max-height:86dvh;padding:30px max(14px, env(safe-area-inset-right)) max(18px, calc(env(safe-area-inset-bottom) + 12px)) max(14px, env(safe-area-inset-left));border-bottom:0;border-radius:22px 22px 0 0;animation:.28s cubic-bezier(.2,1.1,.4,1) sheetUp}#stPanel.side .stcard{max-height:46vh;max-height:46dvh}#stPanel .stcard:before{border-radius:18px 18px 0 0}.sthead{padding:0 44px;font-size:28px}#stMapScr{padding:max(12px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom))}#stMapScr .stcard{padding-left:10px;padding-right:10px}#stMapCv{width:min(400px,100%)}}@keyframes sheetUp{0%{opacity:.4;transform:translateY(60%)}}@media (max-height:500px){.screen{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));gap:10px}.choose-title{font-size:clamp(30px,10vh,46px)}#title{padding-top:max(62px, calc(env(safe-area-inset-top) + 54px));padding-bottom:max(44px, calc(env(safe-area-inset-bottom) + 36px));gap:10px}.metabar{padding-top:max(8px, env(safe-area-inset-top))}.rank{padding:2px 10px 4px 4px}.rank-ico{font-size:24px}.xpbar{width:110px}.logo-top,.logo-bot{font-size:clamp(44px,15vh,80px)}.logo-sub{margin-top:8px;font-size:clamp(22px,7vh,32px)}#title .logo{margin-top:0}#title.compact .logo{display:none}.tabs{touch-action:pan-x;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;padding:2px 4px 8px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;padding:6px 12px 8px;font-size:16px}.tabs button:first-child{margin-left:auto}.tabs button:last-child{margin-right:auto}#tab-spuin .big{padding:8px 32px 12px;font-size:26px}#title.preview .gwlist{max-height:none}#title.preview .ggrid .gitem{flex-basis:104px;padding:6px 4px}#title.preview .grid.chars .item{flex-basis:210px}.gchips{touch-action:pan-x;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:0 4px;overflow-x:auto}.gchip{flex:none}#over .card{gap:10px}.ortsschild{padding:6px 20px 8px}.final b{font-size:38px}.wheelwrap{margin:-30px 0;transform:scale(.72)}.dday.now{transform:scale(1.04)}.pkbox{flex:none;width:100px;height:100px;font-size:56px}.pkreveal{min-height:0}.pkitem .ico{font-size:42px}.lcode{font-size:clamp(44px,16vh,72px)}.big{padding:9px 30px 12px;font-size:26px}.upcard{min-height:0;padding:12px}.upcard .ico{font-size:44px}#miniStage{min-height:0}.hcard{width:min(680px,96vw);max-height:calc(100% - 8px);padding:10px 12px 12px;overflow-y:auto}.hhead{font-size:26px}.htaler{margin-bottom:6px}#pts{font-size:24px}#best{font-size:13px}#wave b{font-size:26px}#wave small,#meter .label{font-size:12px}#meter .bar{height:14px}#bier{font-size:18px;top:56px}#powers{top:82px}#powers span{font-size:17px}#buff{font-size:18px;top:56px}#combo b{font-size:34px}#banner b{font-size:clamp(36px,15vh,64px)}#banner span{font-size:16px}.stcard{max-height:calc(100vh - 16px);gap:8px;max-height:calc(100dvh - 16px);padding:26px 14px 12px}#stPanel,#stMapScr{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}#stPanel .stcard{width:min(560px,100%)}#stPanel.wide .stcard{width:min(820px,100%)}#stPanel.side .stcard{width:min(380px,100%);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.stx{top:20px;right:6px}.sthead{padding:0 44px;font-size:26px}.frwrap{flex-direction:row;align-items:flex-start}#frCv{width:min(46vw,100vh - 80px);width:min(46vw,100dvh - 80px)}.stcard.map{flex-direction:row;align-items:flex-start;width:min(820px,100%)}#stMapCv{width:min(60vw,100vh - 76px);flex:none;width:min(60vw,100dvh - 76px)}#stStops{flex:1;align-content:flex-start;padding-top:30px}#stGoal{top:62px}#stGoal .gl:not(.lead){display:none}#stArea{font-size:30px;top:110px}#stSays{max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);top:60px}#toasts{top:calc(max(10px, env(safe-area-inset-top)) + 52px);max-height:120px}body.touch #btnPause,body.touch #btnView,body.touch #mute{top:calc(max(10px, env(safe-area-inset-top)) + 50px);bottom:auto}body.touch #btnPause{right:max(12px, env(safe-area-inset-right))}body.touch #btnView{right:calc(max(12px, env(safe-area-inset-right)) + 48px)}body.touch:not(.stadt) #mute{right:calc(max(12px, env(safe-area-inset-right)) + 96px)}body.touch:has(#title:not(.hidden)) #mute{top:max(10px, env(safe-area-inset-top));margin-left:-21px;bottom:auto;left:50%;right:auto}body.stadt.touch #mute{top:auto}body.touch #combo{top:56px;right:calc(max(12px, env(safe-area-inset-right)) + 160px)}body.touch #build{bottom:max(166px, calc(env(safe-area-inset-bottom) + 156px));flex-direction:row-reverse}body.touch #build button{width:48px;height:48px}body.touch #wood{right:max(14px, env(safe-area-inset-right));bottom:max(222px, calc(env(safe-area-inset-bottom) + 212px))}body.touch #opa{top:120px}body.touch #goal{top:84px}body.touch #toasts{right:calc(max(10px, env(safe-area-inset-right)) + 150px);width:min(220px,34vw)}body.touch #stSays{right:calc(max(12px, env(safe-area-inset-right)) + 200px)}body.touch #stPrompt{width:max-content;bottom:max(12px, env(safe-area-inset-bottom));max-width:calc(100% - 2 * max(200px, calc(env(safe-area-inset-right) + 190px)));white-space:normal;text-align:center;padding:6px 12px;font-size:16px}}@media (max-width:640px){#title{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));gap:10px}.tabs{touch-action:pan-x;scrollbar-width:none;scroll-behavior:smooth;flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;min-height:44px}.playcard{padding:14px 12px 8px}.tagline{font-size:13px;line-height:1.35}#title .logo-top,#title .logo-bot{-webkit-text-stroke-width:3px;font-size:clamp(36px,11vw,48px)}#title .logo-sub{margin-top:4px;font-size:20px}#btnStadt.modecard{min-height:76px}#btnStadt b{font-size:27px}#btnStadt small{font-size:12px}.modes{gap:8px}.modecard{grid-template-columns:30px minmax(0,1fr);column-gap:8px;padding:8px 9px 9px 7px}.modecard .mi{font-size:25px}.modecard b{font-size:17px}.modecard small{font-size:12px}.mdaily span{display:none}.rank b{font-size:16px}.xpbar{width:96px}.hlpkeys{grid-template-columns:1fr}.dycard,.hlpcard{padding:14px 12px}.ddays{gap:4px}.dday b{font-size:12px}}@media (max-width:380px){.mright .taler{padding:3px 9px 5px;font-size:18px}.rank-ico{font-size:22px}.xpbar{width:72px}}@media (max-height:500px){#title .logo-top,#title .logo-bot{font-size:clamp(36px,11vh,56px)}#title .logo-sub{display:none}#tab-spuin{grid-template-columns:minmax(0,1fr) minmax(0,300px);width:min(760px,100%)}.tagline{display:none}#btnStadt.modecard{min-height:70px;padding:8px 12px 10px 10px}#btnStadt .mi{font-size:34px}#btnStadt b{font-size:26px}.modecard{min-height:56px}.playcard{gap:8px;padding:10px 12px 4px}.dycard{gap:8px;padding-top:10px}.dyhint{display:none}#over .ortsschild{margin:-12px 0 -18px;transform:rotate(-2deg)scale(.7)}.final b{font-size:44px}.urkunde{padding:4px 16px 6px}}#toasts,#toasts *,#banner,#opa,#combo{pointer-events:none!important}@media (max-width:640px) and (min-height:501px){body.touch:has(#hud:not(.hidden)) #toasts{top:calc(max(10px, env(safe-area-inset-top)) + 180px);left:max(10px, env(safe-area-inset-left));align-items:flex-start;width:min(240px,100% - 84px);max-height:96px;right:auto}body.touch #opa{top:calc(max(10px, env(safe-area-inset-top)) + 128px);max-width:calc(100% - 84px)}body.touch:has(#hud:not(.hidden)) #banner{top:36%}body.touch #combo{top:58px;right:calc(max(12px, env(safe-area-inset-right)) + 54px)}body.touch #combo b{font-size:32px}body.touch #combo small{font-size:11px}}@media (max-height:500px){body.touch:has(#hud:not(.hidden)) #toasts{top:154px;left:max(10px, env(safe-area-inset-left));align-items:flex-start;width:min(240px,30vw);max-height:64px;right:auto}body.touch:has(#hud:not(.hidden)) #banner{top:42%}body.touch #opa{max-width:min(280px,32vw);top:108px}}body.touch #opa .face{border-width:2px;width:38px;height:38px;font-size:24px}body.touch #opaText{border-width:2px;border-radius:12px;padding:4px 10px 6px;font-size:14px}body.touch:has(#hud:not(.hidden)) .toast{opacity:.94;border-width:2px;padding:2px 8px 3px 5px}body.touch:has(#hud:not(.hidden)) .toast .ico{font-size:17px}body.touch:has(#hud:not(.hidden)) .toast b{font-size:13px}body.touch:has(#hud:not(.hidden)) .toast small{font-size:11px}body.calm #banner b{text-shadow:0 4px 0 var(--blue);font-size:clamp(30px,8vw,56px)}body.calm #banner span{padding:2px 10px 4px;font-size:clamp(13px,3.4vw,18px)}body.calm:has(#hud:not(.hidden)) .toast small{display:none}body.calm .pop{font-size:22px}body.calm .pop.mega{font-size:34px}body.calm.touch .pop.small{font-size:15px}body.calm.stadt.touch #toasts{max-height:92px}body.calm.stadt.touch .toast small{display:none}@media (max-width:640px){.metabar{gap:6px}.rank{flex:0 auto;min-width:0;padding:2px 10px 4px 4px}.rank>div{min-width:0}.rank b{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}.mright{flex:none;gap:5px}.mright .taler{padding:3px 10px 5px;font-size:18px}.mdaily,.mpacks{padding:3px 9px 5px;font-size:18px}.mkonto{padding:4px 8px 6px}}@media (max-width:420px){.rank b{display:none}.xpbar{width:60px}}#title.zeltmode .legal,#title.preview .legal{display:none}@media (max-height:500px){#title .logo{display:none}}