:root{--red:#d50032;--red-dark:#a8002a;--ink:#1d1d1b;--paper:#fff;--qn:#3fb6ff;--qn-deep:#0d6fc2;--gold:#ffc21a;--game-red:#ef1442;--game-red-deep:#c0062f;--game-red-dark:#7d0120;--outline:#16100e;--sky:#1f63c9;--font:"Arial Black", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--font-body:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#9cc8ef;margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas.game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ui{pointer-events:none;position:absolute;inset:0}.ui:before{content:"";pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(125% 100% at 50% 40%,#0000 58%,#0e162617 100%),linear-gradient(#fff6e208 0%,#fff6e200 40%);position:absolute;inset:0}.ui button,.ui .card,.ui .title-card{pointer-events:auto}.screen{opacity:0;visibility:hidden;padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:absolute;inset:0}.screen.on{opacity:1;visibility:visible}.btn{font-family:var(--font);cursor:pointer;letter-spacing:.02em;border:0;min-width:48px;min-height:48px;transition:transform .12s,background-color .12s,box-shadow .12s}.btn:focus-visible{outline:3px solid var(--qn);outline-offset:3px}.btn.primary{background:linear-gradient(180deg, #ff5c80 0%, var(--game-red) 52%, var(--game-red-deep) 100%);color:#fff;border:3px solid var(--outline);box-shadow:0 6px 0 var(--game-red-dark), 0 12px 26px #00000061;border-radius:8px;padding:14px 34px;font-size:clamp(18px,2.6vw,24px);transform:skew(-10deg)}.btn.primary:hover{background:linear-gradient(180deg, #ff7e9b 0%, #f72a53 52%, var(--game-red-deep) 100%)}.btn.primary:active{box-shadow:0 1px 0 var(--game-red-dark);transform:skew(-10deg)translateY(5px)}.btn.secondary{color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:6px;padding:12px 24px;font-size:16px;transform:skew(-10deg)}.btn.secondary:hover{background:#f1f1f1}.upright{display:inline-block;transform:skew(10deg)}.btn.chip{color:var(--ink);font-family:var(--font-body);background:#ffffffeb;border-radius:24px;min-height:44px;padding:8px 14px;font-size:14px;font-weight:700}.btn.icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d1d1bb8;border-radius:12px;width:48px;height:48px;font-size:18px}.btn.icon.off{color:#9a9a9a;text-decoration:line-through}.speedlines{flex-direction:column;gap:4px;width:62%;margin-top:6px;margin-left:auto;display:flex}.speedlines i{background:var(--red);border-radius:1px;height:5px;display:block;transform:skew(-40deg)}.speedlines i:nth-child(2){margin-left:4%}.speedlines i:nth-child(3){margin-left:8%}.speedlines i:nth-child(4){margin-left:12%}.loading{color:#fff;background:linear-gradient(#1f63c9 0%,#7fb7ea 60%,#cfe6f7 100%);flex-direction:column;gap:18px}.loader-mark{font-family:var(--font);text-shadow:0 4px #00000040;font-size:clamp(30px,7vw,64px);font-style:italic}.loader-bar{background:#ffffff59;border-radius:4px;width:min(320px,70vw);height:8px;position:relative;overflow:hidden}.loader-bar:after{content:"";background:#fff;border-radius:4px;width:40%;animation:1.1s ease-in-out infinite load;position:absolute;inset:0}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(260%)}}.loader-text{margin:0;font-weight:700}.title{padding-bottom:calc(16px + var(--sab) + var(--spiel-regional-pill,0px));background:linear-gradient(90deg,#0818308c 0%,#08183024 52%,#0000 78%);justify-content:flex-start;align-items:flex-end}.title-card{flex-direction:column;align-items:flex-start;gap:12px;max-width:560px;padding:0 0 clamp(8px,3vh,36px) clamp(4px,3vw,40px);display:flex}.wordmark{font-family:var(--font);text-transform:uppercase;letter-spacing:-.015em;flex-direction:column;margin:0;font-style:normal;line-height:.82;display:flex;transform:rotate(-2.2deg)}.wm-1{color:#fff;-webkit-text-stroke:clamp(3px, .5vw, 6px) var(--outline);paint-order:stroke fill;text-shadow:0 3px 0 #cfd2d6, 0 6px 0 #a9adb3, 0 9px 0 var(--outline), 0 18px 26px #00000073;font-size:clamp(42px,8.6vw,96px)}.wm-2{color:var(--game-red);-webkit-text-stroke:clamp(4px, .62vw, 8px) var(--outline);paint-order:stroke fill;background:linear-gradient(180deg, #ff6d8d 0%, var(--game-red) 44%, var(--game-red-deep) 100%);text-shadow:0 4px 0 var(--game-red-deep), 0 8px 0 var(--game-red-dark), 0 12px 0 var(--outline), 0 22px 30px #00000080;-webkit-background-clip:text;background-clip:text;margin-left:.3em;font-size:clamp(66px,14vw,158px)}@supports (-webkit-text-fill-color:transparent){.wm-2{-webkit-text-fill-color:transparent}}.wordmark .speedlines{width:64%;margin-top:10px}.speedlines i{background:var(--game-red);box-shadow:0 1px 0 var(--outline)}.subline{font-family:var(--font);color:#fff;background:var(--game-red);border:2px solid var(--outline);letter-spacing:.04em;border-bottom-width:4px;margin:10px 0 6px;padding:7px 14px;font-size:clamp(13px,1.8vw,18px);transform:skew(-10deg)}.help{color:#fff;text-shadow:0 1px 3px #000c;margin:2px 0 0;font-size:15px;font-weight:700}.best{color:#fff;text-shadow:0 1px 3px #000c;margin:0;font-size:14px;font-weight:700}.settings{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.brand{top:calc(14px + var(--sat));right:calc(14px + var(--sar));flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute}.brand-label{color:#fff;text-shadow:0 1px 3px #000000b3;font-size:12px;font-weight:700}.logo{width:clamp(120px,16vw,190px);height:auto}.privacy{bottom:calc(8px + var(--sab) + var(--spiel-regional-pill,0px));right:calc(14px + var(--sar));color:#fff;text-shadow:0 1px 3px #000000e6;text-align:right;max-width:46ch;margin:0;font-size:12px;position:absolute}.hud{opacity:0;visibility:hidden;transition:opacity .2s;position:absolute;inset:0}.hud.on{opacity:1;visibility:visible}.hud.dim{opacity:.35}.hud-box{background:#fffffff0;border-radius:8px;padding:6px 14px 8px;transform:skew(-8deg);box-shadow:0 4px #1d1d1bd9}.hud-box>*{display:block;transform:skew(8deg)}.hud-score{top:calc(12px + var(--sat));left:calc(12px + var(--sal));min-width:128px;position:absolute}.hud-label{font-family:var(--font);color:var(--red);letter-spacing:.08em;font-size:11px}.hud-value{font-family:var(--font);font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(22px,3.4vw,32px);line-height:1}.hud-sub{color:#555;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.hud-right{top:calc(12px + var(--sat));right:calc(12px + var(--sar));align-items:center;gap:8px;display:flex;position:absolute}.hud-coins{align-items:center;gap:8px;padding:8px 14px;display:flex}.hud-coins>*{display:inline-block}.hud-coins.bump{animation:.25s bump}@keyframes bump{50%{transform:skew(-8deg)scale(1.1)}}.coin-icon{width:26px;height:26px;color:var(--red);display:block}.hud-center{top:calc(14px + var(--sat));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-mult{font-family:var(--font);color:#fff;background:var(--red);opacity:0;border-radius:6px;padding:2px 14px;font-size:28px;font-style:italic;transition:opacity .15s,transform .15s;transform:skew(-10deg)scale(.6)}.hud-mult.on{opacity:1;transform:skew(-10deg)scale(1)}.boost-bar{opacity:0;background:#0d325abf;border-radius:13px;width:min(280px,46vw);height:26px;transition:opacity .2s;position:relative;overflow:hidden}.boost-bar.on{opacity:1}.boost-fill{background:linear-gradient(90deg, var(--qn-deep), var(--qn), #bfeaff);transform-origin:0;position:absolute;inset:0}.boost-label{z-index:1;text-align:center;font-family:var(--font);color:#fff;letter-spacing:.08em;text-shadow:0 1px 2px #0009;font-size:12px;line-height:26px;display:block;position:relative}.hint{left:50%;bottom:calc(18% + var(--sab));color:#fff;opacity:0;text-align:center;background:#1d1d1bd9;border-radius:8px;max-width:86vw;padding:10px 18px;font-size:clamp(15px,2.2vw,20px);font-weight:700;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,10px)}.hint.on{opacity:1;transform:translate(-50%)}.toast{font-family:var(--font);color:#fff;text-shadow:0 3px 0 var(--ink);opacity:0;white-space:nowrap;font-size:clamp(18px,2.8vw,26px);font-style:italic;transition:opacity .15s,transform .2s;position:absolute;top:38%;left:50%;transform:translate(-50%)scale(.8)}.toast.on{opacity:1;transform:translate(-50%,-12px)scale(1)}.toast.boost{color:#d8f3ff;text-shadow:0 3px 0 var(--qn-deep);font-size:clamp(22px,3.6vw,36px)}.countdown{font-family:var(--font);color:#fff;text-shadow:0 8px 0 var(--red), 0 16px 0 var(--ink);opacity:0;justify-content:center;align-items:center;font-size:clamp(90px,20vw,200px);font-style:italic;display:flex;position:absolute;inset:0}.countdown.on{opacity:1}.countdown.pop{animation:.6s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.9)}}.flash{opacity:0;position:absolute;inset:0}.flash.hit{background:#d5003273}.flash.boost{background:radial-gradient(circle,#3fb6ff00 30%,#3fb6ff8c 100%)}.flash.go{animation:.5s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c1c328c}.card{min-width:min(360px,88vw);max-width:92vw;max-height:100%;box-shadow:0 14px 0 var(--ink), 0 20px 50px #00000059;background:#fff;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px;padding:24px 28px 22px;display:flex;overflow:auto}.card h2{font-family:var(--font);color:var(--ink);margin:0 0 6px;font-size:34px;font-style:italic}.error .card p{max-width:42ch;line-height:1.5}@media (height<=460px){.wm-1{font-size:44px}.wm-2{font-size:64px}.title-card{gap:8px}.privacy{display:none}.card{gap:8px;padding:16px 20px}.card h2{font-size:26px}}@media (width<=820px){.hud-center{top:calc(92px + var(--sat))}}@media (width<=560px){.title{align-items:flex-end}.title-card{padding-left:0}.brand{top:calc(10px + var(--sat))}.privacy{text-align:left;left:16px;right:16px;bottom:calc(4px + var(--sab) + var(--spiel-regional-pill,0px));font-size:11px}.hud-score{min-width:104px}.settings .chip{padding:6px 10px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
