*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#1b2233;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;text-align:center;text-shadow:0 1px 8px #00000059;position:fixed;inset:0}#score{margin-top:calc(env(safe-area-inset-top) + 48px);font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;line-height:1}#best{opacity:.8;min-height:18px;margin-top:6px;font-size:14px}#shields{letter-spacing:3px;min-height:20px;margin-top:4px;font-size:16px}#chain{--heat:0;--progress:0;--pips:10;--chain-color:hsl(calc((46 - 76 * var(--heat)) * 1deg) 100% 64%);height:44px;color:var(--chain-color);opacity:0;margin-top:6px}#chain.on{opacity:1}#chain-row{justify-content:center;align-items:baseline;gap:6px;height:34px;line-height:34px;display:flex}#chain-name{letter-spacing:2px;text-transform:uppercase;color:#fff;font-size:12px;font-weight:700}#chain-count{font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #0000008c, 0 0 calc(4px + 16px * var(--heat)) var(--chain-color);font-size:30px;font-style:italic;font-weight:800;display:inline-block}#chain-bar{width:132px;height:6px;-webkit-mask-image:repeating-linear-gradient(90deg, #000 0 calc(100% / var(--pips) - 2px), transparent 0 calc(100% / var(--pips)));-webkit-mask-image:repeating-linear-gradient(90deg, #000 0 calc(100% / var(--pips) - 2px), transparent 0 calc(100% / var(--pips)));mask-image:repeating-linear-gradient(90deg, #000 0 calc(100% / var(--pips) - 2px), transparent 0 calc(100% / var(--pips)));background:#ffffff40;margin:3px auto 0;transform:skew(-24deg)}#chain-fill{height:100%;transform:scaleX(var(--progress));transform-origin:0;background:currentColor;transition:transform .16s ease-out}#chain.bump #chain-count{animation:.32s cubic-bezier(.2,.9,.3,1) chain-bump}@keyframes chain-bump{0%{transform:scale(calc(1.45 + .35 * var(--heat)))}to{transform:scale(1)}}#chain.hot #chain-fill{animation:.28s ease-in-out infinite alternate chain-hot}@keyframes chain-hot{to{opacity:.55}}#chain.broken{--chain-color:#ff5a4f;animation:.5s ease-out chain-break}@keyframes chain-break{0%{opacity:1;transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{opacity:1;transform:translate(3px)}to{opacity:0;transform:translateY(10px)}}#callout{opacity:0;min-height:22px;font-size:18px;font-weight:700}#callout.pop{animation:.6s ease-out pop}@keyframes pop{0%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}#chain.warp{--chain-color:#fff;animation:chain-warp-out var(--warp-fade) linear var(--warp-hold) forwards}@keyframes chain-warp-out{to{opacity:0}}#chain.warp #chain-name{display:none}#chain.warp #chain-count{letter-spacing:6px;animation:.4s cubic-bezier(.2,.9,.3,1) chain-warp-in,.3s ease-in-out .4s infinite alternate warp-pulse}@keyframes chain-warp-in{0%{transform:scale(2.4)}}@keyframes warp-pulse{to{transform:scale(1.12)}}#chain.warp #chain-fill{animation:chain-drain calc(var(--warp-hold) + var(--warp-fade)) linear forwards;transition:none}@keyframes chain-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}#warp-flash{opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}#warp-flash.flash{animation:.6s ease-out warp-flash}@keyframes warp-flash{0%{opacity:.85}to{opacity:0}}#hit-flash{opacity:0;pointer-events:none;background:#e8574c;position:fixed;inset:0}#hit-flash.flash{animation:.35s ease-out hit}@keyframes hit{0%{opacity:.55}to{opacity:0}}#message{margin:8vh 16px 0;font-size:24px;font-weight:600}#restart,#theme{right:calc(env(safe-area-inset-right) + 8px);min-height:44px;color:inherit;font:inherit;pointer-events:auto;touch-action:manipulation;cursor:pointer;background:#0003;border:1px solid #ffffff73;border-radius:22px;padding:0 16px;font-size:15px;position:absolute}#restart{top:calc(env(safe-area-inset-top) + 8px)}#theme{bottom:calc(env(safe-area-inset-bottom) + 8px)}#theme[hidden]{display:none}#restart.primary{color:#1b2233;min-height:56px;text-shadow:none;background:#fff;border-color:#0000;border-radius:28px;padding:0 32px;font-size:20px;font-weight:700;top:44%;right:50%;transform:translate(50%)}@media (height<=500px){#score{margin-top:calc(env(safe-area-inset-top) + 16px)}#message{margin-top:0}#restart.primary{top:62%}}#version{left:calc(env(safe-area-inset-left) + 10px);bottom:calc(env(safe-area-inset-bottom) + 8px);font-variant-numeric:tabular-nums;opacity:.7;font-size:11px;position:absolute}