@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(./barlow-condensed-800-italic-DQbP40Rt.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(./barlow-semi-condensed-500-CREnc4EB.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(./barlow-semi-condensed-600-D36brihh.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./barlow-semi-condensed-700-BSuPlIsc.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(./barlow-semi-condensed-800-2MD6xy5O.woff2)format("woff2")}:root{--u:1px;--kfsb:#d50032;--kfsb-dark:#a3002a;--ink:#111;--ink-2:#2a2a2a;--grey:#6b6b6b;--line:#e6e6e6;--paper:#fff;--display:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--text:"Barlow Semi Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#fff}}:root[data-theme=dark]{--paper:#fff}*{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;color:var(--paper);font-family:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;touch-action:none;background:radial-gradient(at 50% 15%,#2b2b2b 0%,#141414 55%,#0a0a0a 100%);margin:0;overflow:hidden}#app{place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}#stage{touch-action:none;background:#4a9be8;width:min(100vw,56.25vh);max-width:100vw;height:100vh;max-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 30px 80px #0000008c}@media (width<=600px){#stage{box-shadow:none}}canvas#game{width:100%;height:100%;display:block;position:absolute;inset:0}canvas,img,svg{-webkit-user-drag:none}#tap-area{touch-action:manipulation;touch-action:none;position:absolute;inset:0}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display,.cta,.card-head,.title,.hud-alt,.tutorial p{font-family:var(--display);letter-spacing:.005em;font-style:italic;font-weight:800}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:calc(var(--u) * 4) solid var(--ink);outline-offset:calc(var(--u) * 3);box-shadow:0 0 0 calc(var(--u) * 9) #fff}.cta{width:100%;min-height:48px;padding:calc(var(--u) * 18) calc(var(--u) * 24);border-radius:calc(var(--u) * 10);background:var(--kfsb);color:#fff;font-size:max(22px, calc(var(--u) * 44));text-transform:uppercase;box-shadow:0 calc(var(--u) * 6) 0 var(--ink);border:0;line-height:1;transition:transform 80ms,box-shadow 80ms;display:block;position:relative;overflow:hidden}.cta:after{content:"";right:calc(var(--u) * -8);width:20%;height:calc(var(--u) * 26);background:repeating-linear-gradient(180deg, #ffffff59 0 calc(var(--u) * 2.5), transparent calc(var(--u) * 2.5) calc(var(--u) * 6));pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)skew(-18deg)}.cta:hover{background:#e3003a}.cta:active{transform:translateY(calc(var(--u) * 4));box-shadow:0 calc(var(--u) * 2) 0 var(--ink)}.ghost{width:100%;min-height:44px;margin-top:calc(var(--u) * 12);padding:calc(var(--u) * 14);border-radius:calc(var(--u) * 10);border:calc(var(--u) * 2) solid var(--ink);color:var(--ink);font-size:max(15px, calc(var(--u) * 24));background:#fff;font-weight:700;display:block}.ghost:hover{background:#f4f4f4}.icon-btn{width:max(44px, calc(var(--u) * 64));height:max(44px, calc(var(--u) * 64));border-radius:calc(var(--u) * 12);color:#fff;box-shadow:inset 0 calc(var(--u) * -3) 0 var(--kfsb);background:#111111d1;border:0;place-items:center;display:grid}.icon-btn svg{fill:currentColor;width:55%;height:55%}#btn-sound .snd-off,#btn-sound[aria-pressed=false] .snd-on{display:none}#btn-sound[aria-pressed=false] .snd-off{display:block}#hud{padding:calc(max(env(safe-area-inset-top), 0px) + var(--u) * 18) calc(var(--u) * 18) 0;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;top:0;left:0;right:0}#hud button{pointer-events:auto}.hud-left{gap:calc(var(--u) * 10);display:flex}.hud-alt{min-width:calc(var(--u) * 180);text-align:center;padding:calc(var(--u) * 4) calc(var(--u) * 24) calc(var(--u) * 8);border-radius:calc(var(--u) * 12);box-shadow:inset 0 calc(var(--u) * -4) 0 var(--kfsb);font-size:max(28px, calc(var(--u) * 56));font-variant-numeric:tabular-nums;background:#111111d9;justify-self:center;line-height:1.05;position:relative}.unit{opacity:.9;margin-left:.15em;font-size:.55em}.hud-best{justify-self:end;align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 10) calc(var(--u) * 14);border-radius:calc(var(--u) * 12);color:var(--ink);font-weight:800;font-size:max(14px, calc(var(--u) * 24));font-variant-numeric:tabular-nums;white-space:nowrap;background:#fffffff0;display:flex}.hud-best svg{width:1.1em;height:1.1em;fill:var(--kfsb)}.tutorial{left:50%;bottom:calc(max(env(safe-area-inset-bottom), 0px) + var(--u) * 40);align-items:center;gap:calc(var(--u) * 14);padding:calc(var(--u) * 12) calc(var(--u) * 26) calc(var(--u) * 12) calc(var(--u) * 20);border-radius:calc(var(--u) * 12);box-shadow:inset calc(var(--u) * 6) 0 0 var(--kfsb);pointer-events:none;white-space:nowrap;background:#111111e0;max-width:92%;display:flex;position:absolute;transform:translate(-50%)}.tutorial svg{width:calc(var(--u) * 54);height:calc(var(--u) * 54);fill:#fff}.tutorial .ring{fill:none;stroke:var(--kfsb);stroke-width:2.5px;transform-origin:20px 14px;animation:1.1s ease-out infinite ring}.tutorial p{font-size:max(20px, calc(var(--u) * 38));text-transform:uppercase;text-overflow:ellipsis;margin:0;overflow:hidden}@keyframes ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.overlay{position:absolute;inset:0}.overlay:not([hidden]){animation:.18s ease-out fade}@keyframes fade{0%{opacity:0}to{opacity:1}}.overlay.dim{padding:calc(var(--u) * 30);background:#0a0a0a99;place-items:center;display:grid}.card{width:100%;max-width:calc(var(--u) * 440);border-radius:calc(var(--u) * 16);background:var(--paper);color:var(--ink);box-shadow:0 calc(var(--u) * 10) 0 var(--ink), 0 calc(var(--u) * 30) calc(var(--u) * 60) #00000073;text-align:center;padding:0 calc(var(--u) * 32) calc(var(--u) * 24);overflow:hidden}.card-head{margin:0 calc(var(--u) * -32) calc(var(--u) * 18);padding:calc(var(--u) * 20) calc(var(--u) * 24) calc(var(--u) * 18);background:var(--kfsb);color:#fff;font-size:max(30px, calc(var(--u) * 60));text-transform:uppercase;line-height:1;position:relative}.card-head:after{content:"";left:0;right:0;bottom:calc(var(--u) * -8);height:calc(var(--u) * 8);background:repeating-linear-gradient(180deg, var(--kfsb) 0 calc(var(--u) * 2), transparent calc(var(--u) * 2) calc(var(--u) * 4));position:absolute}#pause .card .cta{margin-top:calc(var(--u) * 6)}.menu{padding:calc(max(env(safe-area-inset-top), 0px) + var(--u) * 56) calc(var(--u) * 40) calc(max(env(safe-area-inset-bottom), 0px) + var(--u) * 36 + var(--spiel-regional-pill,0px));cursor:pointer;background:linear-gradient(#0a0a0ad1 0%,#0a0a0a66 24%,#0a0a0a00 40% 55%,#0a0a0ad1 100%);flex-direction:column;justify-content:space-between;display:flex}.menu-top{max-width:100%}.title{text-transform:uppercase;max-width:100%;margin:0;line-height:.88}.title .t1{font-size:calc(var(--u) * 50 * var(--title-k,1));color:#fff;white-space:nowrap;text-shadow:0 calc(var(--u) * 3) 0 #00000073;display:block}.title .t2{font-size:calc(var(--u) * 110 * var(--title-k,1));color:#fff;white-space:nowrap;text-shadow:calc(var(--u) * 5) calc(var(--u) * 5) 0 var(--kfsb), calc(var(--u) * 8) calc(var(--u) * 10) 0 #00000073;display:block}.title .speed{gap:calc(var(--u) * 5);margin-top:calc(var(--u) * 14);width:78%;display:grid}.title .speed i{height:calc(var(--u) * 5);background:var(--kfsb);display:block;transform:skew(-20deg)}.title .speed i:first-child{width:62%;margin-left:38%}.title .speed i:nth-child(2){width:72%;margin-left:28%}.title .speed i:nth-child(3){width:84%;margin-left:16%}.title .speed i:nth-child(4){width:100%;height:calc(var(--u) * 8)}.subtitle{margin:calc(var(--u) * 18) 0 0;font-weight:700;font-size:calc(var(--u) * 30);text-shadow:0 2px 6px #0000008c}.menu-bottom{text-align:center}.best-line{margin:0 0 calc(var(--u) * 16);padding:calc(var(--u) * 6) calc(var(--u) * 16);border-radius:calc(var(--u) * 8);color:var(--grey);font-size:max(15px, calc(var(--u) * 24));background:#fffffff2;align-items:baseline;gap:.45em;font-weight:700;display:inline-flex}.best-line strong{color:var(--ink);font-family:var(--display);font-size:1.3em;font-style:italic;font-weight:800}.hint{margin:calc(var(--u) * 16) 0 0;font-size:max(14px, calc(var(--u) * 22));text-shadow:0 2px 6px #0009;font-weight:600}.logo-chip{margin:calc(var(--u) * 18) auto 0;padding:calc(var(--u) * 12) calc(var(--u) * 18);border-radius:calc(var(--u) * 10);box-shadow:0 calc(var(--u) * 5) 0 #00000059;background:#fff;display:table}.logo-chip svg{width:calc(var(--u) * 210);height:auto;display:block}@media (prefers-reduced-motion:reduce){.overlay:not([hidden]),.tutorial .ring{animation:none}.cta{transition:none}}.privacy{margin:calc(var(--u) * 14) auto 0;max-width:36ch;font-size:max(12px, calc(var(--u) * 17));text-shadow:0 2px 6px #0009;font-weight:600;line-height:1.35}
