._sticker_1kt8x_2{pointer-events:none;z-index:1;width:76px;height:84px;position:absolute;top:22px;right:12px}@container (height<=600px){._sticker_1kt8x_2{display:none}}@container (width<=340px){._sticker_1kt8x_2{display:none}}.df-game{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:#d4d1ea;border-radius:20px;width:100%;height:min(780px,100svh - 126px);min-height:300px;position:relative;overflow:hidden}.df-canvas{outline:none;width:100%;height:100%;display:block}.df-hud{color:#faf6ff;pointer-events:none;background:#211b3cde;border:1px solid #ffffff28;border-radius:16px;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;display:flex;position:absolute;inset:12px 12px auto;box-shadow:0 5px 20px #211b3c20}.df-hud span{letter-spacing:.5px;color:#fdb394;font:700 12px/1.4 system-ui;display:block}.df-hud b{font-variant-numeric:tabular-nums;font:800 26px/1.1 system-ui}.df-hud small{color:#d6cde7;font-size:14px}.df-time{text-align:center}.df-time span{color:#e9e0f4;letter-spacing:0}.df-rival{text-align:right}.df-rival span{color:#94f4c5}.df-progress{pointer-events:none;background:#30264480;border-radius:5px;height:4px;position:absolute;top:84px;left:22px;right:22px}.df-progress i{background:#f65729;height:100%;display:block}.df-progress em{background:#94f4c5;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px}.df-feedback{text-align:center;color:#fff7ef;text-shadow:0 1px 6px #211b3c,0 1px 2px #211b3c;pointer-events:none;font:750 15px/1.5 system-ui;position:absolute;bottom:116px;left:12px;right:12px}.df-input{color:#fff2e9;touch-action:none;cursor:pointer;background:#3a2641ed;border:1px solid #f6aa88;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:88px;font-family:system-ui;display:flex;position:absolute;bottom:16px;left:20px;right:20px;box-shadow:0 6px #211b3c60,0 10px 22px #211b3c28}.df-input:focus-visible{outline-offset:3px;outline:3px solid #94f4c5}.df-input strong{letter-spacing:1px;font-size:16px}.df-input small{color:#ecdce9;font-size:14px}.df-charge{background:#eadbf12c;border-radius:6px;width:150px;height:7px;position:relative;overflow:hidden}.df-charge i{background:#ffb26d;border-radius:6px;height:100%;display:block}.df-charge em{background:#30213a;width:2px;position:absolute;top:0;bottom:0;left:37.5%}.df-charge em+em{left:99%}.df-loading{text-align:center;color:var(--ab-text,#211b3c);background:var(--ab-surface,#eee7f5);border-radius:14px;padding:20px;position:absolute;inset:40% 20px auto}@media (min-width:850px){.df-input{width:290px;left:calc(50% - 145px)}.df-game{height:min(780px,100svh - 160px)}}@media (max-height:500px){.df-hud{padding:5px 10px;inset:6px 10px auto}.df-hud b{font-size:20px}.df-input{width:220px;height:60px;bottom:8px;left:calc(50% - 110px)}.df-feedback{bottom:75px}.df-progress{top:62px}.df-game{min-height:230px}.df-charge{height:5px}}.df-gap{color:#d4f8e7;pointer-events:none;background:#302846ba;border:1px solid #ffffff42;border-radius:12px;padding:4px 9px;font:700 14px/1.25 system-ui;position:absolute;top:95px;right:18px}.df-hud b small{letter-spacing:.35px;font-size:11px}@media (max-height:500px){.df-gap{font-size:14px;top:70px}}.df-guide>.df-game{height:min(460px,60svh);min-height:300px;margin-top:12px}.df-guide>p{margin:8px 0}.df-guide>p[role=status]{color:var(--ab-ink,var(--v3-ink));font-weight:750}.df-lab{flex:1;min-height:0;display:flex;position:relative}.df-lab>.df-game{flex:1;height:100%;min-height:0}.df-lab-card{background:var(--ab-surface,var(--v3-surface,#eee7f5));color:var(--ab-ink,var(--v3-ink,#211b3c));text-align:center;border-radius:18px;padding:18px;position:absolute;top:40%;left:16px;right:16px;box-shadow:0 12px 40px #211b3c30}.df-lab-card button{min-height:44px}.df-lab-card strong{font-size:24px}.df-hud{background:#211b3cd6;border-radius:14px;padding:7px 10px;inset:10px 10px auto}.df-hud b{font-size:22px}.df-hud span{font-size:11.5px}.df-hud small{font-size:12px}.df-progress{top:69px;left:20px;right:20px}.df-gap{padding:3px 8px;font-size:12px;top:79px}.df-input{background:#30233cdb;border-radius:18px;gap:3px;height:64px;bottom:12px;left:16px;right:16px}.df-input strong{font-size:14px}.df-input small{font-size:12px}.df-charge{width:140px;height:5px}.df-feedback{font-size:14px;bottom:86px}@media (min-width:850px){.df-input{left:calc(50% - 145px);right:auto}}@media (max-height:500px){.df-hud{padding:5px 10px;inset:6px 10px auto}.df-hud b{font-size:18px}.df-progress{top:58px}.df-gap{top:66px}.df-input{height:54px;bottom:8px;left:calc(50% - 110px);right:auto}.df-feedback{bottom:69px}}.df-charge[data-v3=true] em{left:27.8%}.df-charge[data-v3=true] em+em{left:60.9%}.df-charge[data-v3=true] i{background:#4ee6b0;transition:background-color .12s}.df-charge[data-stage="2"] i{background:#ff7a2e}.df-charge[data-stage="3"] i{background:#ffc81f}.df-charge[data-gc] em{display:none}.df-charge[data-gc=laden] i{background:#4ee6b0}.df-charge[data-gc=bereit] i{background:#ff9a3d}.df-charge[data-gc=gold] i{background:#ffc81f;box-shadow:0 0 8px #ffc81f}.df-feedback[data-window=true]{color:#ffd9c4;font-size:16px}.df-grade{pointer-events:none;text-align:center;white-space:nowrap;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:5px 12px;font-family:system-ui;animation:1s ease-out both df-grade;display:flex;position:absolute;top:19%;left:50%;transform:translate(-50%,-50%)}.df-grade b{letter-spacing:.4px;font:900 18px/1.05 system-ui}.df-grade small{opacity:.88;font:700 11px/1.2 system-ui}.df-grade-perfect{color:#fff;background:#f65729f0;box-shadow:0 3px 12px #f6572966}.df-incoming{z-index:3;color:#fff;pointer-events:none;opacity:calc(.6 + .4 * var(--th,0));white-space:nowrap;background:#e5484de8;border-radius:999px;align-items:center;gap:6px;padding:5px 13px 6px;font:800 13px/1.1 system-ui,sans-serif;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #1b163466}.df-incoming i{font-size:17px;font-style:normal;line-height:1}@media (prefers-reduced-motion:no-preference){.df-incoming{animation:.6s ease-in-out infinite alternate df-inc}}@keyframes df-inc{to{transform:translate(-50%)scale(1.07)}}.df-item[data-now=true]{outline-offset:3px;outline:3px solid #ffd84a}.df-grade-kette{color:#06302b;background:#2fd4c4e8}.df-grade-off{color:#f3ecff;background:#2b2342e0}.df-grade-wall{color:#ffcfc0;background:#2b2342e0}@keyframes df-grade{0%{opacity:0;transform:translate(-50%,-38%)scale(.9)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.03)}24%{transform:translate(-50%,-50%)scale(1)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-58%)}}@media (prefers-reduced-motion:reduce){.df-grade{animation:1.3s linear both df-grade-calm}@keyframes df-grade-calm{0%,85%{opacity:1}to{opacity:0}}}@media (max-height:500px){.df-grade{top:24%}.df-grade b{font-size:16px}}.df-game{background:#bfe3f2}.df-hud{box-shadow:none;background:0 0;border:0;align-items:stretch;gap:8px;padding:0;inset:10px 10px auto}.df-hud>div{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b1634a8;border:1px solid #fff2;border-radius:14px;flex-direction:column;justify-content:center;min-width:0;padding:5px 11px;display:flex}.df-hud>div:first-child{border-color:#f6572988;box-shadow:inset 3px 0 #f65729}.df-hud .df-rival{border-color:#94f4c588;box-shadow:inset -3px 0 #94f4c5}.df-hud span{letter-spacing:.6px;font:700 10.5px/1.25 system-ui}.df-hud b{font:800 19px/1.1 system-ui}.df-hud b small{letter-spacing:.4px;color:#d9d0ea;font-size:10.5px}.df-time{flex:1;align-items:center}.df-time span{color:#efe8fa}.df-progress{background:#1b163466;height:3px;top:58px;left:14px;right:14px}.df-progress em{border:2px solid #1b1634;width:9px;height:9px;top:-3px}.df-gap{background:#1b1634a0;border-color:#94f4c566;padding:3px 9px;font-size:11.5px;top:66px;right:12px}.df-feedback{letter-spacing:.2px;font:750 14px/1.4 system-ui;bottom:84px}.df-input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b1634b8;border:1px solid #ffffff30;border-radius:30px;height:60px;bottom:14px;left:22px;right:22px;box-shadow:0 8px 24px #1b163433}.df-input[aria-pressed=true]{background:#2c214cc8;box-shadow:0 4px 14px #1b163433}.df-input strong{letter-spacing:1.4px;font:800 13.5px/1.1 system-ui}.df-input small{color:#dcd4ec;font:600 11.5px/1.2 system-ui}.df-input[data-window=true]{background:#f65729e8;border-color:#ffd7c4;box-shadow:0 0 0 3px #f6572944,0 6px 18px #f6572955}.df-charge{background:#ffffff26;width:150px;height:4px}@media (min-width:850px){.df-input{width:300px;left:calc(50% - 150px);right:auto}.df-hud{left:calc(50% - 300px);right:calc(50% - 300px)}.df-progress{left:calc(50% - 296px);right:calc(50% - 296px)}}@media (max-height:500px){.df-hud>div{padding:3px 9px}.df-hud b{font-size:16px}.df-progress{top:46px}.df-gap{top:54px}.df-input{width:240px;height:48px;bottom:8px;left:calc(50% - 120px);right:auto}.df-feedback{bottom:62px}}.df-rival-tag{color:#14302a;letter-spacing:.3px;pointer-events:none;opacity:0;white-space:nowrap;background:#94f4c5;border-radius:9px;padding:2px 8px;font:800 11px/1.3 system-ui;transition:opacity .18s;position:absolute;top:0;left:0;box-shadow:0 2px 8px #1b163433}.df-rival-tag[data-show=true]{opacity:.95}@media (prefers-reduced-motion:reduce){.df-rival-tag{transition:none}}@media (max-width:359px){.df-hud{gap:5px;inset:8px 8px auto}.df-hud>div{padding:4px 7px}.df-hud span{letter-spacing:.3px;white-space:nowrap;font-size:9.5px}.df-hud b{font-size:16px}.df-hud b small{font-size:9.5px}.df-progress{top:52px}.df-gap{font-size:10.5px;top:59px}.df-input{left:14px;right:14px}}.df-stick{pointer-events:none;opacity:0;z-index:3;--range:60px;--knob:0px;width:0;height:0;position:absolute;top:0;left:0}.df-stick[data-show=true]{opacity:1}.df-stick:before{content:"";left:calc(var(--range) * -1 - 17px);width:calc(var(--range) * 2 + 34px);background:linear-gradient(90deg,#f6572966 0 calc(17px + var(--range) * var(--dz,.22)),#1b163452 calc(17px + var(--range) * var(--dz,.22)) calc(100% - 17px - var(--range) * var(--dz,.22)),#f6572966 calc(100% - 17px - var(--range) * var(--dz,.22)));border:1.5px solid #ffffffb0;border-radius:19px;height:38px;position:absolute;top:-19px;box-shadow:0 4px 16px #1b163433}.df-stick i{left:calc(var(--knob) - 15px);background:#fff7ef;border-radius:50%;width:30px;height:30px;position:absolute;top:-15px;box-shadow:0 2px 8px #1b163455}.df-kreis{pointer-events:none;opacity:0;z-index:3;--p:0;width:0;height:0;transition:opacity .12s;position:absolute;top:0;left:0}.df-kreis[data-show=true],.df-kreis[data-done=true]{opacity:1}.df-kreis:before{content:"";background:conic-gradient(#f65729 calc(var(--p) * 360deg),#ffffff59 0);filter:drop-shadow(0 1px 3px #1b163466);border-radius:50%;width:54px;height:54px;position:absolute;top:-27px;left:-27px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px))}.df-kreis[data-done=true]:before{background:#f65729}.df-kreis[data-done=true]:not([data-show=true]){opacity:0;transition:opacity .38s ease-out}@media (prefers-reduced-motion:no-preference){.df-kreis[data-done=true]:before{animation:.38s ease-out both df-kreis-pop}@keyframes df-kreis-pop{0%{transform:scale(1)}to{transform:scale(1.45)}}}.df-steer{background:linear-gradient(90deg,#f6572999 0 15.7%,#eadbf133 15.7% 84.3%,#f6572999 84.3%);border-radius:4px;width:150px;height:6px;position:relative}.df-steer:after{content:"";background:#ffffff70;width:2px;height:10px;position:absolute;top:-2px;left:calc(50% - 1px)}.df-steer i{background:#fff7ef;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-4px;box-shadow:0 1px 4px #1b163466}.df-steer[data-drift=true] i{background:#ffb26d}.df-game[data-steering=true] .df-charge{height:4px}@media (max-height:500px){.df-steer{width:130px;height:4px}.df-steer i{width:10px;height:10px;margin-left:-5px;top:-3px}}.df-grade-mini{color:#0b3a2b;background:#4ee6b0f2;box-shadow:0 3px 12px #4ee6b066}.df-grade-super{color:#3a1500;background:#ff7a2ef2;box-shadow:0 3px 12px #ff7a2e66}.df-grade-ultra{color:#2a1b00;background:#ffc81ff2;box-shadow:0 3px 12px #ffc81f77}.df-grade-pad{color:#3a2100;background:#ffb000f0;box-shadow:0 3px 12px #ffb00066}.df-speed{pointer-events:none;opacity:0;background:repeating-conic-gradient(at 50% 46%,#fff0 0deg 5deg,#ffffff2e 5.4deg 6deg,#fff0 6.4deg 11deg);transition:opacity .25s;position:absolute;inset:0;-webkit-mask:radial-gradient(62% 54% at 50% 46%,#0000 52%,#000 100%);mask:radial-gradient(62% 54% at 50% 46%,#0000 52%,#000 100%)}.df-speed[data-on=true]{opacity:1;animation:.35s linear infinite df-speed}@keyframes df-speed{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.df-speed{display:none}}.df-lights{pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.df-lamps{background:#1b1634d9;border:1px solid #ffffff30;border-radius:22px;gap:8px;padding:7px 10px;display:flex;box-shadow:0 6px 18px #1b163444}.df-lamps i{background:#3a3056;border-radius:50%;width:22px;height:22px;box-shadow:inset 0 2px 3px #0006}.df-lamps i[data-on=true]{background:#ff3b30;box-shadow:0 0 12px #ff3b30cc,inset 0 -2px 3px #0004}.df-lamps i[data-on=go]{background:#3ee08a;box-shadow:0 0 14px #3ee08acc,inset 0 -2px 3px #0004}.df-lights b{color:#fff;text-shadow:0 3px #1b1634,0 0 18px #1b163488;font:900 56px/1 system-ui;animation:.5s ease-out both df-count}.df-lights[data-light="0"] b{color:#d8ffe9;letter-spacing:1px;font-size:46px}@keyframes df-count{0%{opacity:0;transform:scale(1.6)}35%{opacity:1;transform:scale(.94)}60%{transform:scale(1)}to{transform:scale(1)}}.df-grade-rocket{color:#fff;background:#f65729f2;box-shadow:0 3px 12px #f6572977}@media (prefers-reduced-motion:reduce){.df-lights b{animation:none}}@media (max-height:500px){.df-lights{top:30%}.df-lamps i{width:16px;height:16px}.df-lights b{font-size:40px}.df-lights[data-light="0"] b{font-size:34px}}.df-toast{letter-spacing:.3px;white-space:nowrap;pointer-events:none;z-index:2;color:#fff;background:#1b1634d9;border:1px solid #ffffff30;border-radius:14px;padding:5px 14px;font:850 15px/1.3 system-ui;animation:1.6s ease-out both df-toast;position:absolute;top:92px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #1b163444}.df-toast[data-kind=pass]{background:#f65729f0;border-color:#ffd1b8}.df-toast[data-kind=passed]{color:#d9ffef;background:#2b5a4cf0;border-color:#94f4c5}.df-toast[data-kind=final]{color:#2a1b00;background:#f6c343f2;font-size:18px;animation-duration:2.2s}@keyframes df-toast{0%{opacity:0;transform:translate(-50%,-8px)scale(.9)}12%{opacity:1;transform:translate(-50%)scale(1.04)}22%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.df-toast{animation:1.6s linear both df-toast-calm}@keyframes df-toast-calm{0%,85%{opacity:1}to{opacity:0}}}@media (max-height:500px){.df-toast{font-size:13px;top:62px}}@media (max-width:359px){.df-toast{font-size:13.5px;top:78px}}@media (max-height:500px) and (min-width:600px){.df-feedback{text-align:left;width:calc(50% - 140px);font-size:12.5px;line-height:1.3;bottom:12px;left:14px;right:auto}}.df-lights{top:47%}.df-lamps{display:none}@media (max-height:500px){.df-lights{top:44%}}.df-grade-draft{color:#fff;background:#2f8fd0f0;box-shadow:0 3px 12px #2f8fd066}.df-finish{color:#fff;pointer-events:none;text-align:center;white-space:nowrap;background:#1b1634ee;border-top:6px solid #0000;border-image:repeating-linear-gradient(90deg,#fff 0 10px,#1b1634 10px 20px) 6;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:10px 22px 9px;font-family:system-ui;animation:2.2s ease-out both df-grade;display:flex;position:absolute;top:31%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #1b163455}.df-finish b{letter-spacing:1px;font:900 34px/1.05 system-ui}.df-finish small{color:#ffd9c4;font-variant-numeric:tabular-nums;font:800 15px/1.2 system-ui}.df-finish[data-photo=true]{background:#f65729f2}.df-finish[data-photo=true] small{color:#fff}@media (prefers-reduced-motion:reduce){.df-finish{animation:2.2s linear both df-grade-calm}}@media (max-height:500px){.df-finish{top:36%}.df-finish b{font-size:26px}}.df-gp-link{background:var(--v3-surface,#f9f6fc);border:1.5px solid var(--v3-line,#d8cde6);color:var(--v3-ink,#17122b);border-radius:16px;align-items:center;gap:12px;min-height:56px;margin:0 0 14px;padding:12px 14px;text-decoration:none;display:flex}.df-gp-link span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.df-gp-link strong{font:850 15px/1.2 system-ui}.df-gp-link small{color:var(--v3-muted,#625a74);font:500 13px/1.3 system-ui}.df-gp-link b{color:var(--v3-muted,#625a74);font:700 24px/1 system-ui}.df-gp-link:focus-visible{outline:3px solid var(--v3-focus,#4f9cff);outline-offset:2px}.df-item{z-index:3;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;cursor:pointer;background:#1b1634c4;border:2px solid #ffffff60;border-radius:50%;place-items:center;width:68px;height:68px;padding:0;display:grid;position:absolute;bottom:92px;right:14px;box-shadow:0 6px 18px #1b163444}.df-item small{white-space:nowrap;color:#fff;text-shadow:0 1px 4px #1b1634;font:800 11px/1 system-ui;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.df-item[data-rolling=true]{background:#2f2a52e6}.df-item:disabled{cursor:default}.df-item:focus-visible{outline-offset:3px;outline:3px solid #94f4c5}.df-item-empty{border:2.5px dashed #ffffff80;border-radius:7px;width:26px;height:26px}@keyframes df-item-pop{0%{transform:scale(.55)rotate(-14deg)}45%{transform:scale(1.2)rotate(8deg)}70%{transform:scale(.96)rotate(-4deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.df-item[data-ready=true]{animation:none}}@media (max-height:500px){.df-item{width:56px;height:56px;bottom:12px;right:12px}}.df-mirror{pointer-events:none;z-index:4;height:0;position:absolute;inset:auto 0 30%}.df-mirror i{bottom:calc(var(--n)*34px);font-variant-numeric:tabular-nums;color:#1b1630;background:var(--c);opacity:.82;border-radius:12px;align-items:center;gap:4px;padding:4px 9px 4px 7px;font:800 13px/1 system-ui;display:inline-flex;position:absolute;box-shadow:0 2px #1b163440,0 0 0 2px #fffc}.df-mirror i[data-side="-1"]{left:10px}.df-mirror i[data-side="1"]{right:10px}.df-mirror i[data-near=true]{opacity:1;animation:.7s ease-in-out infinite alternate df-mirror-pulse}.df-mirror b{font-size:11px}@keyframes df-mirror-pulse{to{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.df-mirror i[data-near=true]{animation:none}}.df-item{--is:42px}.df-item-icon,.df-item-calm{width:var(--is);height:var(--is);place-items:center;display:grid}.df-item-icon svg,.df-item-calm svg,.df-item-strip svg{width:var(--is);height:var(--is)}.df-item-reel{width:var(--is);height:var(--is);border-radius:8px;display:block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.df-item-strip{flex-direction:column;animation:.6s cubic-bezier(.2,.7,.32,1) both df-reel;display:flex}.df-item-strip i{width:var(--is);height:var(--is);flex:none;place-items:center;display:grid}@keyframes df-reel{0%{transform:translateY(0)}86%{transform:translateY(calc(var(--is)*-9.14))}to{transform:translateY(calc(var(--is)*-9))}}.df-item[data-rolling=true]{background:#2f2a52e6;border-color:#ffffff80}.df-item[data-ready=true]{background:#f65729f0;border-color:#ffd7c4;animation:.5s cubic-bezier(.2,1.4,.4,1) df-item-pop,1.8s ease-in-out .5s infinite df-item-glow}.df-item[data-ready=true] .df-item-icon{animation:.5s ease-out df-item-wiggle}.df-item:active:not(:disabled){transform:scale(.88)}.df-item[data-use="1"]{animation:.26s ease-out df-item-use}@keyframes df-item-wiggle{0%{transform:rotate(-18deg)}35%{transform:rotate(14deg)}65%{transform:rotate(-7deg)}to{transform:rotate(0)}}@keyframes df-item-glow{0%,to{box-shadow:0 6px 18px #1b163444,0 0 #ffd7c48c}50%{box-shadow:0 6px 18px #1b163444,0 0 0 10px #ffd7c400}}@keyframes df-item-use{0%{transform:scale(1)}35%{transform:scale(.8)}to{transform:scale(1)}}.df-item-got{z-index:4;pointer-events:none;filter:drop-shadow(0 0 6px #9be3ffcc);width:28px;height:28px;animation:.62s cubic-bezier(.45,.05,.55,1) both df-item-got;position:absolute}@keyframes df-item-got{0%{opacity:0;transform:translate(0)scale(.5)}15%{transform:translate(calc(var(--dx)*.08),calc(var(--dy)*.08 - 18px)) scale(1.25);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.7);opacity:.9}}.df-item[data-got=true]{animation:.5s ease-out .48s both df-item-got-pop;box-shadow:0 0 0 3px #3fb6ff,0 0 18px #3fb6ffaa}@keyframes df-item-got-pop{0%{transform:scale(1)}35%{transform:scale(1.2)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.df-item-got{animation:.4s linear both df-item-got-calm}@keyframes df-item-got-calm{0%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.8)}30%,70%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(.8)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.8)}}.df-item[data-got=true]{animation:none}}.df-item-fly{z-index:4;pointer-events:none;filter:drop-shadow(0 3px 6px #1b163466);width:36px;height:36px;animation:.6s cubic-bezier(.3,.1,.6,1) both df-item-fly;position:absolute;bottom:108px;right:30px}@keyframes df-item-fly{0%{opacity:1;transform:translate(0)scale(1.15)rotate(0)}55%{transform:translate(calc(var(--dx)*.55),calc(var(--dy)*.55 - 46px)) scale(.95) rotate(200deg);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.35) rotate(360deg);opacity:0}}@media (max-height:500px){.df-item-fly{bottom:22px;right:22px}}@media (prefers-reduced-motion:reduce){.df-item-strip,.df-item[data-ready=true],.df-item[data-use="1"]{animation:none}.df-item[data-ready=true]{box-shadow:0 6px 18px #1b163444,0 0 0 4px #ffd7c466}.df-item[data-ready=true] .df-item-icon{animation:none}.df-item:active:not(:disabled){transform:none}.df-item-fly{animation:.5s linear both df-item-fly-calm}@keyframes df-item-fly-calm{0%,70%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(.5)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.5)}}}.df-grade-chain{color:#2a1b00;background:#f6c343f2;box-shadow:0 3px 12px #f6c34366}.df-grade-wolke{color:#fff;background:#e04a86f2;box-shadow:0 3px 12px #e04a8666}.df-grade-segel{color:#fff;background:#1fae82f2;box-shadow:0 3px 12px #1fae8266}.df-grade-feder{color:#fff;background:#8a52e6f2;box-shadow:0 3px 12px #8a52e666}.df-grade-buegel{color:#2a1b00;background:#f2a400f2;box-shadow:0 3px 12px #f2a40066}.df-grade-schall{color:#fff;--fx:#8fd3ff;background:#1f74c4f2;box-shadow:0 3px 12px #1f74c466}.df-grade-ladung{color:#2a1b00;--fx:#ffe27a;background:#f2c200f2;box-shadow:0 3px 12px #f2c20066}.df-grade-reifen{color:#fff;--fx:#ff8a7a;background:#d6382ff2;box-shadow:0 3px 12px #d6382f66}.df-item{width:80px;height:80px;bottom:104px;left:14px;right:auto}.df-item[data-side=rechts]{left:auto;right:14px}.df-item small{font-size:11.5px;top:-19px;bottom:auto}.df-item-auto{color:#d9ffef;letter-spacing:.8px;pointer-events:none;background:#2b5a4cf0;border:1px solid #94f4c5;border-radius:9px;padding:2px 7px;font:850 10px/1.1 system-ui;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.df-item-fly{inset:0 auto auto 0}.df-toast[data-kind=hint]{color:#d9ffef;background:#1b1634f2;border-color:#94f4c5;animation-duration:3.4s}@media (max-height:500px){.df-item{width:64px;height:64px;bottom:14px;left:12px;right:auto}.df-item[data-side=rechts]{left:auto;right:12px}.df-item{--is:34px}.df-item-fly{bottom:auto;right:auto}}@media (max-width:359px){.df-item{width:72px;height:72px;left:10px}.df-item[data-side=rechts]{left:auto;right:10px}.df-item{--is:38px}}.df-close{z-index:3;color:#fff;pointer-events:none;white-space:nowrap;background:#1b1634e8;border:1.5px solid #fff5;border-radius:16px;justify-items:center;gap:3px;min-width:98px;padding:6px 14px 7px;display:grid;position:absolute;top:70px;left:12px;box-shadow:0 6px 18px #1b163455}.df-close span{letter-spacing:.7px;text-transform:uppercase;color:#e8e0f7;font:800 10.5px/1 system-ui}.df-close b{font-variant-numeric:tabular-nums;font:850 26px/1 system-ui}.df-close[data-urgent=true]{background:#f65729f4;border-color:#ffd7c4;animation:1s ease-in-out infinite df-close-pulse}.df-close[data-urgent=true] span{color:#fff1e8}@keyframes df-close-pulse{50%{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.df-close[data-urgent=true]{animation:none}}@media (min-width:850px){.df-close{left:calc(50% - 296px)}}@media (max-height:500px){.df-close{min-width:84px;padding:4px 11px 5px;top:52px}.df-close b{font-size:20px}}@media (max-width:359px){.df-close{min-width:88px;padding:5px 10px 6px;top:61px;left:8px}.df-close b{font-size:22px}}.df-racename{z-index:2;color:#fff;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#1b1634e0;border:1px solid #ffffff40;border-radius:14px;max-width:calc(100% - 24px);padding:5px 14px;font:800 13px/1.3 system-ui;position:absolute;top:104px;left:50%;overflow:hidden;transform:translate(-50%)}@media (max-height:500px){.df-racename{font-size:12px;top:70px}}@media (max-width:359px){.df-racename{padding:4px 10px;font-size:12px;top:92px}.df-hud .df-time span{letter-spacing:.1px}}.df-hud .df-laps{vertical-align:2px;gap:3px;margin-left:6px;display:inline-flex}.df-hud .df-laps u{background:#ffffff40;border-radius:50%;width:6px;height:6px;text-decoration:none}.df-hud .df-laps u[data-on=true]{background:#faf6ff}@media (max-width:359px){.df-hud .df-laps{gap:2px;margin-left:4px}.df-hud .df-laps u{width:5px;height:5px}}.df-fahrschule{color:var(--ab-ink,var(--v3-ink,#211b3c));flex-direction:column;gap:8px;display:flex}.df-fahrschule>p{margin:0}.df-fs-text{color:var(--ab-ink-2,var(--ab-ink,var(--v3-ink,#211b3c)));font:500 14px/1.38 system-ui}.df-fs-status{font:650 14.5px/1.3 system-ui}.df-fs-status b{font-weight:800}.df-fs-ok{color:var(--ab-mint-ink,var(--v3-progress,#1d7f5b))}.df-fs-steps{gap:4px;margin:0;padding:0;list-style:none;display:flex}.df-fs-steps li{flex:1 1 0;min-width:0}.df-fs-step{border:2px solid var(--ab-line,var(--v3-line,#d8cde6));background:var(--ab-raised,var(--v3-surface,#f9f6fc));width:100%;min-height:44px;color:var(--ab-ink,var(--v3-ink,#211b3c));cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;font:800 16px/1 system-ui;transition:none;display:flex;position:relative}.df-fs-step[data-done=true]{background:var(--ab-mint-soft,#d8f1e6);border-color:var(--ab-mint-ink,#1d7f5b)}.df-fs-step[aria-current=step]{background:var(--ab-orange-soft,#fde2d8);border-color:var(--ab-orange-ink,#f65729)}.df-fs-step i{color:var(--ab-mint-ink,#1d7f5b);font:800 13px/1 system-ui}.df-fs-step:focus-visible{outline:3px solid var(--v3-focus,#4f9cff);outline-offset:2px}.df-fs-actions button:focus-visible{outline:3px solid var(--v3-focus,#4f9cff);outline-offset:2px}.df-fs-actions{gap:8px;min-height:48px;display:flex}.df-fs-actions button{white-space:nowrap;flex:2 1 0;min-width:0;min-height:48px;margin:0;padding:0 8px;font-size:15px;line-height:1.15}.df-fs-actions button.primary{flex:3 1 0}.df-fs-note{border:1.5px solid var(--ab-line,var(--v3-line,#d8cde6));background:var(--ab-raised,var(--v3-surface,#f9f6fc));border-radius:12px;padding:8px 12px;font:500 14px/1.4 system-ui}.df-fs-note[data-kind=passed]{border-color:var(--ab-mint-ink,#1d7f5b);background:var(--ab-mint-soft,#d8f1e6)}.df-fs-note[data-kind=failed]{border-color:var(--ab-orange-ink,#f65729)}.df-fs-stage{border-radius:20px;height:clamp(260px,100svh - 380px,480px);position:relative}@media (max-height:640px){:is(.df-fahrschule:has(.df-fs-stage[data-phase=run]) .df-fs-text,.df-fahrschule:has(.df-fs-stage[data-phase=loading]) .df-fs-text){display:none}.df-fs-stage{height:clamp(200px,100svh - 318px,480px)}}.df-fs-stage>.df-game{height:100%;min-height:0;margin:0}.df-fs-idle{border:2px dashed var(--ab-line,var(--v3-line,#d8cde6));text-align:center;height:100%;color:var(--ab-muted,var(--v3-muted,#625a74));border-radius:20px;justify-content:center;align-items:center;margin:0;padding:16px;font:500 14px/1.4 system-ui;display:flex}.df-hud>div:first-child{position:relative}.df-hud b[data-pop]{transform-origin:0 70%;animation:.34s cubic-bezier(.2,1.6,.4,1) df-place-pop;display:inline-block}.df-hud b[data-pop=true]{color:#ffd23f}.df-place-move{color:#ffd23f;pointer-events:none;background:#1b1634;border:1px solid #ffffff38;border-radius:9px;padding:2px 5px 3px;font:800 10px/1 system-ui;animation:1s ease-out forwards df-place-arrow;position:absolute;top:-8px;right:4px}.df-place-move[data-up=false]{color:#c9bde6;animation-name:df-place-arrow-down}@keyframes df-place-pop{0%{transform:scale(1)}35%{transform:scale(1.32)}to{transform:scale(1)}}@keyframes df-place-arrow{0%{opacity:0;transform:translateY(5px)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-3px)}}@keyframes df-place-arrow-down{0%{opacity:0;transform:translateY(-5px)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.df-hud b[data-pop],.df-place-move{animation:none}}.df-finish .df-finish-gap{opacity:.92;font-size:13px}.df-grade[data-lvl="0"]{opacity:.9;padding:4px 10px}.df-grade[data-lvl="0"] b{font-size:15px}.df-grade[data-lvl="0"] small{font-size:10.5px}.df-grade[data-lvl="1"],.df-grade[data-lvl="2"],.df-grade[data-lvl="3"]{--fx:#fff;border:1.5px solid #ffffffb3;animation:1s cubic-bezier(.2,.9,.3,1) both df-pop}.df-grade[data-lvl] b{text-shadow:0 2px #00000026}.df-grade[data-lvl="2"]{animation:1.1s cubic-bezier(.2,.9,.3,1) both df-pop}.df-grade[data-lvl="3"]{animation:1.3s cubic-bezier(.2,.9,.3,1) both df-pop3}.df-grade-sh{z-index:-1;pointer-events:none;border-radius:13px;position:absolute;inset:0;overflow:hidden}.df-grade-sh:before{content:"";will-change:transform;background:linear-gradient(105deg,#0000 38%,#ffffffa6 50%,#0000 62%);width:260%;animation:.75s ease-out .22s both df-shine;position:absolute;top:0;bottom:0;left:0;transform:translate(-73.846%)}.df-grade[data-lvl="3"] .df-grade-sh:before{animation:.75s ease-out .22s both df-shine,.75s ease-out .62s both df-shine}.df-grade[data-lvl="3"] b{font-size:22px}.df-grade[data-lvl] small{animation:.5s ease-out .12s both df-sub}.df-grade-mini{--fx:#4ee6b0}.df-grade-super,.df-grade-perfect,.df-grade-rocket{--fx:#ff7a2e}.df-grade-ultra,.df-grade-slalom,.df-grade-chain{--fx:#ffc81f}.df-grade-pad{--fx:#ffb000}.df-grade-draft{--fx:#7fd8ff}.df-grade-kette{--fx:#2fd4c4}.df-grade-segel{--fx:#4ee6b0}.df-grade-feder,.df-grade-federstoss{--fx:#b48cff}.df-grade-buegel{--fx:#ffc81f}.df-grade-nitro{--fx:#ff7a2e}.df-grade-jump{color:#fff;--fx:#a99bff;background:#6c5ce7f2;box-shadow:0 3px 12px #6c5ce766}.df-grade-jump[data-lvl="3"]{color:#2a1b00;--fx:#ffe27a;background:#ffc81ff2;box-shadow:0 3px 12px #ffc81f77}.df-grade[data-lvl="3"]:not(.df-grade-jump){--fx:#ffd84a}.df-grade-fx{aspect-ratio:1.9;z-index:-1;pointer-events:none;width:135%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.df-grade-fx:before{content:"";background:repeating-conic-gradient(from 0deg,var(--fx) 0deg 7deg,transparent 7deg 24deg);opacity:0;border-radius:50%;animation:1.1s ease-out 40ms both df-rays;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 47%,#000 55% 68%,#0000 100%);mask:radial-gradient(closest-side,#0000 47%,#000 55% 68%,#0000 100%)}.df-grade[data-lvl="1"] .df-grade-fx:before{animation-duration:.8s}.df-grade-fx i{background:var(--fx);opacity:0;border:1.5px solid #fff;border-radius:2px;width:6px;height:6px;margin:-3px;animation:.75s ease-out 80ms both df-spark;position:absolute;top:50%;left:50%}.df-grade[data-lvl="3"] .df-grade-fx i{width:7px;height:7px;margin:-3.5px;animation-duration:.8s}.df-grade-fx i:first-child{--a:-160deg}.df-grade-fx i:nth-child(2){--a:-120deg}.df-grade-fx i:nth-child(3){--a:-75deg}.df-grade-fx i:nth-child(4){--a:-35deg}.df-grade-fx i:nth-child(5){--a:10deg}.df-grade-fx i:nth-child(6){--a:55deg}.df-grade-fx i:nth-child(7){--a:125deg}.df-grade-fx i:nth-child(8){--a:170deg}@keyframes df-pop{0%{opacity:0;transform:translate(-50%,-40%)scale(.82)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}26%{transform:translate(-50%,-50%)scale(1)}74%{opacity:1;transform:translate(-50%,-51%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(.96)}}@keyframes df-pop3{0%{opacity:0;transform:translate(-50%,-40%)scale(.7)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}22%{transform:translate(-50%,-50%)scale(.98)}32%{transform:translate(-50%,-50%)scale(1)}78%{opacity:1;transform:translate(-50%,-51%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(.96)}}@keyframes df-shine{0%{transform:translate(-73.846%)}to{transform:translate(12.308%)}}@keyframes df-sub{0%{opacity:0;transform:translateY(5px)}to{opacity:.92;transform:none}}@keyframes df-rays{0%{opacity:0;transform:scale(.9)rotate(0)}25%{opacity:.4}to{opacity:0;transform:scale(1.08)rotate(24deg)}}@keyframes df-spark{0%{opacity:0;transform:rotate(var(--a)) translateX(44px) rotate(45deg) scale(.6)}20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(96px) rotate(225deg) scale(.3)}}@media (prefers-reduced-motion:reduce){.df-grade[data-lvl]{animation:1.3s linear both df-grade-calm!important}.df-grade[data-lvl] small{animation:none}.df-grade-fx,.df-grade-sh{display:none}.df-grade[data-lvl="3"] b{font-size:26px}}@media (max-height:500px){.df-grade[data-lvl="3"] b{font-size:18px}.df-grade-fx{width:150%}}.df-game .df-lights b,.df-game .df-hud>div:not(.df-time)>b,.df-game .df-grade b,.df-game .df-finish b,.df-game .df-toast[data-kind=final]{font-synthesis:none;letter-spacing:.4px;font-family:KB Race,system-ui,sans-serif;font-weight:400}.df-game[data-bleed]{border-radius:0;overflow:visible}.df-game[data-bleed]>.df-canvas{left:calc(-1 * var(--df-bl,0px));top:calc(-1 * var(--df-bt,0px));width:calc(100% + var(--df-bl,0px) + var(--df-br,0px));height:calc(100% + var(--df-bt,0px) + var(--df-bb,0px));position:absolute}#go-theme-root[data-engine-bleed=true][data-engine-bleed-mode=full] .room-shell>.game-window:has(.df-game,.df-pause){background:var(--ab-bg)}#go-theme-root[data-engine-bleed=true][data-engine-bleed-mode=full] .room-shell>.game-window:has(.df-game,.df-pause)>.game-window-content{box-sizing:border-box;padding:var(--engine-safe-top) env(safe-area-inset-right,0px) var(--engine-safe-bottom) env(safe-area-inset-left,0px)}.game-window-screen:has(.df-game[data-bleed])>.game-window-toolbar{z-index:3;background:linear-gradient(to bottom,var(--df-tb-bg) 0%,var(--df-tb-bg) 55%,transparent 100%);background-repeat:no-repeat;background-origin:border-box;border-bottom-color:#0000;position:relative}.game-window-screen:has(.df-game[data-bleed]){--df-tb-bg:color-mix(in srgb,var(--v3-bg,var(--go-ink,#1a1531)) 86%,transparent)}.df-coins{color:#fff1bf;pointer-events:none;background:#302846ba;border:1px solid #ffffff42;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:4px 6px;padding:5px 9px 5px 7px;font:800 15px/1 system-ui;display:grid;position:absolute;top:95px;left:18px}.df-coin{background:radial-gradient(circle at 38% 34%,#fff6d2 0 16%,#ffcb36 17% 62%,#dd960e 63%);border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1.5px #5c3500}.df-coins b{font:inherit;font-variant-numeric:tabular-nums;min-width:2ch;animation:.28s ease-out df-coin-pop}.df-coin-bar{grid-column:1/-1;gap:2px;display:flex}.df-coin-bar u{background:#ffffff38;border-radius:2px;width:5px;height:3px}.df-coin-bar u[data-on=true]{background:#ffcb36}.df-coins[data-full=true]{border-color:#ffcb36a6}@keyframes df-coin-pop{0%{transform:scale(1.25)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.df-coins b{animation:none}}@media (max-height:500px){.df-coins{top:66px;left:12px}}@media (max-width:360px){.df-grade b{font-size:16px}.df-grade[data-lvl="3"] b{font-size:19px}}.df-item[data-ready=true] .df-ii-live .ii-turbo,.df-item[data-ready=true] .df-ii-live .ii-doppel>g:not(.ii-used){transform-box:fill-box;transform-origin:50% 100%;animation:1.6s ease-in-out infinite ii-shake}@keyframes ii-shake{0%,62%,to{transform:rotate(0)}68%{transform:rotate(-5deg)}74%{transform:rotate(5deg)}80%{transform:rotate(-3deg)}86%{transform:rotate(2deg)}}.df-item[data-ready=true] .df-ii-live .ii-steam{transform-box:fill-box;transform-origin:0 100%;animation:1.6s ease-out infinite ii-steam}@keyframes ii-steam{0%,66%{opacity:0;transform:translate(-3px,3px)scale(.4)}78%{opacity:1}to{opacity:0;transform:translate(2px,-3px)scale(1.25)}}.df-item[data-ready=true] .df-ii-live .ii-blase{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite ii-wobble}@keyframes ii-wobble{0%,to{transform:scale(1)}25%{transform:scale(1.06,.95)}50%{transform:scale(.96,1.05)}75%{transform:scale(1.03,.98)}}.df-item[data-ready=true] .df-ii-live .ii-feder{transform-box:fill-box;transform-origin:50% 100%;animation:1.2s ease-in-out infinite ii-spring}@keyframes ii-spring{0%,to{transform:scaleY(1)}28%{transform:scaleY(.78)}42%{transform:scaleY(1.14)}56%{transform:scaleY(.95)}70%{transform:scaleY(1.04)}84%{transform:scaleY(1)}}.df-item[data-ready=true] .df-ii-live .ii-flummi{transform-box:fill-box;transform-origin:50% 100%;animation:.9s cubic-bezier(.3,0,.7,1) infinite ii-bounce}@keyframes ii-bounce{0%,to{transform:translateY(0)scale(1.12,.86)}10%{transform:translateY(-1px)scale(.94,1.08)}50%{transform:translateY(-6px)rotate(-12deg)scale(.97,1.04)}90%{transform:translateY(-.5px)scale(1)}}.df-item[data-ready=true] .df-ii-live .ii-oel{transform-box:fill-box;transform-origin:30% 100%;animation:1.5s ease-in-out infinite ii-tip}@keyframes ii-tip{0%,to{transform:rotate(0)}35%,60%{transform:rotate(12deg)}}.df-item[data-ready=true] .df-ii-live .ii-drop{transform-box:fill-box;transform-origin:50% 0;animation:1.5s ease-in infinite ii-drip}@keyframes ii-drip{0%,38%{opacity:0;transform:translateY(-3px)scale(.3)}52%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(15px)scale(.85)}}.df-item[data-ready=true] .df-ii-live .ii-hupe{transform-box:fill-box;transform-origin:25% 60%;animation:1.3s ease-in-out infinite ii-honk}@keyframes ii-honk{0%,to{transform:scale(1)}14%{transform:scale(.92)}24%{transform:scale(1.1)}34%{transform:scale(1)}}.df-item[data-ready=true] .df-ii-live .ii-arcs{transform-box:fill-box;animation:1.3s ease-out infinite ii-arcs}@keyframes ii-arcs{0%,22%{opacity:0;transform:translate(-3px)}36%{opacity:1}to{opacity:0;transform:translate(3px)}}.df-item[data-ready=true]{background:#fff4e6;border:3px solid #f65729}.df-item[data-cool=true]{background:#3a2f5ee6;border-color:#ffb48a}.df-item[data-cool=true]:after{content:"";clip-path:inset(0);border:3px solid #ff7a2e;border-radius:50%;animation:.5s linear both ii-cool;position:absolute;inset:-5px}@keyframes ii-cool{0%{opacity:.2;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.df-ii-live .ii-used{opacity:.8}@media (prefers-reduced-motion:reduce){.df-ii-live *{animation:none!important}.df-item[data-cool=true]:after{animation:none}}.df-coin-bar u[data-lost=a]{animation:.75s ease-out df-coin-lost-a}.df-coin-bar u[data-lost=b]{animation:.75s ease-out df-coin-lost-b}@keyframes df-coin-lost-a{0%,35%{background:#ff5a4a;box-shadow:0 0 6px #ff5a4a}to{box-shadow:none;background:#ffffff38}}@keyframes df-coin-lost-b{0%,35%{background:#ff5a4a;box-shadow:0 0 6px #ff5a4a}to{box-shadow:none;background:#ffffff38}}.df-coins[data-hit=a]{animation:.42s ease-out df-coins-hit-a}.df-coins[data-hit=b]{animation:.42s ease-out df-coins-hit-b}@keyframes df-coins-hit-a{0%{border-color:#ff5a4a;transform:translate(0)}20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes df-coins-hit-b{0%{border-color:#ff5a4a;transform:translate(0)}20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.df-coins[data-hit=a],.df-coins[data-hit=b]{animation:none}}.df-game[data-entlastet=true] .df-hud>div,.df-game[data-entlastet=true] .df-input,.df-game[data-entlastet=true] .df-item{-webkit-backdrop-filter:none;backdrop-filter:none}.df-game[data-entlastet=true] .df-hud>div{background:#1b1634d2}.df-game[data-entlastet=true] .df-input:not([data-window=true]):not([aria-pressed=true]){background:#1b1634d8}.df-ctl{flex-direction:column;align-items:center;gap:5px;display:flex}.df-ctl[data-v3=true]{gap:5px;width:min(236px,100% - 52px);margin-bottom:1px}.df-ctl[data-v3=true] .df-steer{background:linear-gradient(90deg,#ff7a2ee6 0,#ff7a2e59 7%,#ff7a2e00 15% 85%,#ff7a2e59 93%,#ff7a2ee6 100%),#ffffff1f;border-radius:6px;width:100%;height:8px;transition:box-shadow .15s;box-shadow:inset 0 1px 2px #0b081a99,0 1px #ffffff12}.df-ctl[data-v3=true] .df-steer:after{background:#ffffff59;border-radius:1.5px;width:7px;height:7px;transition:background-color .12s;top:.5px;left:calc(50% - 3.5px);transform:rotate(45deg)}.df-ctl[data-v3=true] .df-steer i{background:radial-gradient(circle at 38% 32%,#fff 0 30%,#f3ecf7 62%,#d9cfe4 100%);width:20px;height:20px;margin-left:-10px;transition:background .1s,box-shadow .12s;top:-6px;box-shadow:0 0 0 2px #1b1634cc,0 2px 6px #0b081a80}.df-ctl[data-v3=true] .df-steer[data-drift=true]{box-shadow:inset 0 1px 2px #0b081a99,0 0 10px #ff7a2e66}.df-ctl[data-v3=true] .df-steer[data-drift=true] i{background:radial-gradient(circle at 38% 32%,#fff3e6 0 22%,#ffb26d 70%,#f2864a 100%);box-shadow:0 0 0 2px #1b1634cc,0 0 0 5px #ff7a2e40,0 2px 6px #0b081a80}.df-ctl[data-v3=true] .df-steer[data-stage="1"] i{background:radial-gradient(circle at 38% 32%,#f2fffa 0 22%,#4ee6b0 72%,#2bbf8c 100%);box-shadow:0 0 0 2px #1b1634cc,0 0 0 5px #4ee6b04d,0 0 12px #4ee6b099}.df-ctl[data-v3=true] .df-steer[data-stage="2"] i{background:radial-gradient(circle at 38% 32%,#fff1e6 0 22%,#ff7a2e 72%,#e05a16 100%);box-shadow:0 0 0 2px #1b1634cc,0 0 0 5px #ff7a2e4d,0 0 12px #ff7a2e99}.df-ctl[data-v3=true] .df-steer[data-stage="3"] i{background:radial-gradient(circle at 38% 32%,#fffbe6 0 22%,#ffc81f 72%,#e0a400 100%);box-shadow:0 0 0 2px #1b1634cc,0 0 0 6px #ffc81f55,0 0 14px #ffc81fb3}.df-ctl[data-v3=true] .df-steer[data-gc=laden]:after{background:#4ee6b0}.df-ctl[data-v3=true] .df-steer[data-gc=bereit]:after{background:#ff9a3d}.df-ctl[data-v3=true] .df-steer[data-gc=bereit] i{box-shadow:0 0 0 2px #1b1634cc,0 0 0 4px #ff9a3d55,0 2px 6px #0b081a80}.df-ctl[data-v3=true] .df-steer[data-gc=gold]:after{background:#ffc81f}.df-ctl[data-v3=true] .df-steer[data-gc=gold] i{background:radial-gradient(circle at 38% 32%,#fffbe6 0 22%,#ffc81f 72%,#e0a400 100%);box-shadow:0 0 0 2px #1b1634cc,0 0 0 6px #ffc81f66,0 0 16px #ffc81fcc}.df-ctl[data-v3=true] .df-charge{background:#ffffff1a;border-radius:3px;width:100%;height:4px;box-shadow:inset 0 1px 1px #0b081a80}.df-ctl[data-v3=true] .df-charge i{border-radius:3px;transition:background-color .12s}.df-ctl[data-v3=true] .df-charge em{background:#1b1634e6;width:1.5px}.df-ctl[data-v3=true] .df-charge[data-gc=gold] i{box-shadow:0 0 8px #ffc81f}@media (prefers-reduced-motion:no-preference){.df-ctl[data-v3=true] .df-steer[data-gc=gold] i{animation:.32s ease-in-out infinite alternate df-gold-puls}@keyframes df-gold-puls{0%{transform:scale(1)}to{transform:scale(1.14)}}}@media (max-height:500px){.df-ctl[data-v3=true]{gap:4px;width:min(196px,100% - 40px)}.df-ctl[data-v3=true] .df-steer{height:6px}.df-ctl[data-v3=true] .df-steer:after{width:6px;height:6px;top:0;left:calc(50% - 3px)}.df-ctl[data-v3=true] .df-steer i{width:14px;height:14px;margin-left:-7px;top:-4px}.df-ctl[data-v3=true] .df-charge{height:3px}}.df-input:has(.df-ctl[data-v3=true]) strong{letter-spacing:1.6px;font:800 12.5px/1.1 system-ui}.df-input:has(.df-ctl[data-v3=true]) small{color:#cfc6e2;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 28px);font:600 11px/1.2 system-ui;overflow:hidden}.df-ctl[data-v3=true] .df-steer i{z-index:1}.df-stick:before{background:linear-gradient(90deg,#ff7a2ed9 0,#ff7a2e66 calc(17px + var(--range) * var(--dz,.22)),#ff7a2e00 calc(17px + var(--range) * var(--dz,.22) + 22px),#ff7a2e00 calc(100% - 17px - var(--range) * var(--dz,.22) - 22px),#ff7a2e66 calc(100% - 17px - var(--range) * var(--dz,.22)),#ff7a2ed9 100%),#1b16345c;border:1.5px solid #ffffff8c;box-shadow:inset 0 1px 3px #0b081a66,0 4px 16px #1b163433}.df-stick i{background:radial-gradient(circle at 38% 32%,#fff 0 30%,#f3ecf7 62%,#d9cfe4 100%);box-shadow:0 0 0 2px #1b1634b3,0 2px 8px #1b163455}.df-stick[data-drift=true] i{background:radial-gradient(circle at 38% 32%,#fff1e6 0 20%,#ff7a2e 72%,#e05a16 100%);box-shadow:0 0 0 2px #1b1634b3,0 0 0 5px #ff7a2e4d,0 0 14px #ff7a2e99}.df-stick[data-ready=true]:not([data-drift=true]) i{box-shadow:0 0 0 2px #1b1634b3,0 0 0 5px #ff7a2e66,0 2px 8px #1b163455}.df-ctl[data-v3=true] .df-charge[data-gc=gold]{box-shadow:0 0 10px #ffc81fb3}.df-ctl[data-v3=true] .df-steer[data-gc=gold]{box-shadow:inset 0 1px 2px #0b081a99,0 0 12px #ffc81f80}.df-ctl{position:relative}.df-ctl:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#fff0,#fff6d0 40%,#ffc81f);border-radius:9px;width:18px;height:0;position:absolute;bottom:100%;left:calc(50% - 9px)}.df-input[data-boom]{border-color:#ffe9a8;box-shadow:0 0 0 3px #ffc81f99,0 0 28px #ffc81fcc}@media (prefers-reduced-motion:no-preference){.df-ctl[data-leer]{animation:.26s ease-out df-leer}@keyframes df-leer{0%,to{transform:translateY(0)}35%{transform:translateY(-3px)}70%{transform:translateY(1px)}}.df-input[data-boom] .df-ctl:after{animation:.45s cubic-bezier(.2,.8,.3,1) both df-boom-schweif}@keyframes df-boom-schweif{0%{opacity:1;height:0}40%{opacity:1;height:90px}to{opacity:0;height:150px;transform:translateY(-40px)}}.df-input[data-boom]{animation:.45s ease-out df-boom}@keyframes df-boom{0%{transform:scale(1)}18%{transform:scale(1.06)}to{transform:scale(1)}}}
