:root{--bg:#0d0e0b;--panel:#171914;--raised:#24271f;--line:#34382e;--fg:#f3f5ee;--muted:#8e957f;--volt:#cdf521;--on-volt:#0d0e0b;--miss:#f53;--display:"Anton","Impact","Haettenschweiler","Arial Narrow Bold",sans-serif;--label:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Barlow",system-ui,-apple-system,sans-serif;--eq:clamp(84px, min(24vw, 26vh), 240px);--key:clamp(46px, 8.2vh, 80px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--volt);outline-offset:3px}svg{display:block}.app{max-width:1100px;height:100%;margin:0 auto;padding-inline:16px;display:grid;position:relative}.screen{grid-area:1/1;min-height:0;padding-block:16px;animation:.25s ease-out fadeIn;overflow-y:auto}.label{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:15px;font-weight:600}.mute{z-index:5;border:1px solid var(--line);background:var(--panel);width:44px;height:44px;color:var(--fg);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:16px}.mute svg{width:22px;height:22px}.mute[aria-pressed=true]{color:var(--muted)}.setup{flex-direction:column;justify-self:center;gap:28px;width:100%;max-width:640px;display:flex}#setupFields{flex-direction:column;gap:28px;display:flex}.brand{padding-right:56px}.wordmark{font-family:var(--display);letter-spacing:.005em;text-transform:uppercase;margin:6px 0 0;font-size:clamp(72px,18vw,128px);font-style:italic;font-weight:400;line-height:.86;transform:skew(-4deg)}.wordmark i{color:var(--volt);font-style:inherit}.tag{color:var(--muted);margin:10px 0 0;font-size:17px}.group{flex-direction:column;gap:12px;display:flex}.tiles{gap:10px;display:grid}.tiles.dur{grid-template-columns:repeat(3,1fr)}.tiles.ops{grid-template-columns:repeat(2,1fr)}@media (width>=600px){.tiles.ops{grid-template-columns:repeat(4,1fr)}}.tile{border:1px solid var(--line);background:var(--panel);touch-action:manipulation;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:14px 12px;transition:background .15s,color .15s,border-color .15s,transform .1s;display:flex}.tile:active{transform:scale(.97)}.tile b{font-family:var(--display);font-size:40px;font-weight:400;line-height:1}.tile span{font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:700}.tile svg{width:34px;height:34px}.tile[aria-checked=true],.tile[aria-pressed=true]{background:var(--volt);color:var(--on-volt);border-color:var(--volt)}.tile.shake{animation:.3s shake}.go{background:var(--volt);height:76px;color:var(--on-volt);font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;touch-action:manipulation;border:0;border-radius:999px;justify-content:center;align-items:center;gap:14px;margin-top:auto;font-size:34px;transition:transform .1s;display:flex}.go:active{transform:scale(.98)}.go svg{width:30px;height:30px}.hint{text-align:center;color:var(--muted);margin:-14px 0 0;font-size:14px}.play{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;display:grid}.bar-row{align-items:center;gap:14px;min-height:44px;padding-right:56px;display:flex}.end{border:1px solid var(--line);background:var(--panel);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.end svg{width:18px;height:18px}.track{background:var(--raised);border-radius:99px;flex:1;height:12px;overflow:hidden}.fill{background:var(--volt);transform-origin:0;will-change:transform;width:100%;height:100%}.fill.late{animation:.5s ease-in-out infinite alternate pulse}.stage{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;place-items:center;gap:clamp(8px,2.5vh,28px);min-height:0;padding-bottom:6px;display:grid}.stage>.layer{grid-area:1/1}.eq{font-family:var(--display);font-size:var(--eq);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:.16em;line-height:1;transition:opacity .16s ease-out;display:flex}.eq .op{flex:none;width:.4em;height:.4em}.eq .res{color:var(--volt)}.eq.dim{opacity:.14}.eq.enter{opacity:.35;transition:none}.eq.fact{font-size:calc(var(--eq) * .58)}.answer{font-family:var(--display);font-size:calc(var(--eq) * 1.15);color:var(--volt);pointer-events:none;font-variant-numeric:tabular-nums;line-height:1}.answer.shake{animation:.28s shake}.mark svg{width:calc(var(--eq) * .72);height:calc(var(--eq) * .72)}.mark.pop{animation:.3s cubic-bezier(.2,1.5,.4,1) both pop}.mark.out{opacity:0;transition:opacity .15s}.count{font-family:var(--display);font-size:calc(var(--eq) * 1.1);text-transform:uppercase;line-height:1}.count.beat{animation:.62s cubic-bezier(.2,1.2,.4,1) both beat}.count.is-go{color:var(--volt)}.bin{background:var(--volt);min-width:72px;height:48px;color:var(--on-volt);font-family:var(--display);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 20px;font-size:28px;display:grid}.bin.bump{animation:.26s cubic-bezier(.2,1.6,.4,1) bump}.flyer{font-family:var(--display);color:var(--volt);pointer-events:none;z-index:10;transform-origin:50%;line-height:1;position:fixed;top:0;left:0}.pad{grid-template-columns:repeat(3,1fr);justify-self:center;gap:10px;width:100%;max-width:420px;transition:opacity .2s;display:grid}.pad.off{opacity:.35}.key{height:var(--key);background:var(--raised);font-family:var(--display);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:16px;place-items:center;font-size:clamp(26px,4.2vh,38px);transition:background 80ms,color 80ms,transform 80ms;display:grid}.key svg{width:30px;height:30px}.key.down{background:var(--volt);color:var(--on-volt);transform:scale(.95)}.key.blank{visibility:hidden}@media (width>=760px) and (aspect-ratio>=5/4){:root{--eq:clamp(96px, min(15vw, 30vh), 240px);--key:clamp(56px, 12vh, 92px)}.play{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(300px,400px);column-gap:40px}.bar-row{grid-column:1/-1}.pad{align-self:center}}.results{flex-direction:column;justify-self:center;gap:24px;width:100%;max-width:640px;display:flex}.results .label.meta{padding-top:12px;padding-right:56px}.headline{font-family:var(--display);text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(68px,16vw,140px);font-weight:400;line-height:.88}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(56px,12vw,88px);font-weight:400;line-height:1}.stat.hero b{color:var(--volt)}.actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.ghost{border:1px solid var(--line);height:56px;font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:999px;font-size:17px;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes beat{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes pulse{0%{opacity:1}to{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}