:root{--ink:#150a04;--cabinet-1:#35190a;--cabinet-2:#1f0e05;--panel-1:#43200c;--panel-2:#261106;--cream:#ffeed2;--cream-dim:#d9bd97;--orange:#f2600c;--tangerine:#ff9022;--gold:#ffc12e;--butter:#ffe9a8;--chili:#d93b24;--avocado:#9fb534;--lagoon:#17a79b;--pink:#f0468a;--grape:#7b3fbf;--beat:0;--down:0;--phase:0;--spin:0deg;--spin2:0deg;--tier:0;--heat:0;--bar-dur:2.3s;--font-ui:"Rubik", system-ui, -apple-system, sans-serif;--font-fat:"Bowlby One", "Rubik", system-ui, sans-serif;--font-neon:"Monoton", "Bowlby One", cursive;--r-lg:22px;--r-md:14px;--r-sm:9px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--cream);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.gs{isolation:isolate;grid-template:"head head head""crate stage deck"minmax(0,1fr)"bar bar bar"/244px minmax(0,1fr) 288px;gap:12px;padding:12px;display:grid;position:fixed;inset:0}.gs-bg{z-index:-1;background:radial-gradient(120% 90% at 50% 8%,#5c2a10 0%,#2b1307 46%,#120802 100%);position:fixed;inset:0;overflow:hidden}.gs-rays{width:210vmax;height:210vmax;translate:-50% -50%;rotate:var(--spin2,0deg);opacity:calc(.65 + var(--down) * .5 + var(--tier) * .08);will-change:rotate, opacity;background:repeating-conic-gradient(#ffb04a21 0deg 5deg,#ffb04a00 5deg 12deg);position:absolute;top:34%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 12%,#00000080 42%,#0000 72%);mask-image:radial-gradient(circle,#000 12%,#00000080 42%,#0000 72%)}.gs-grain{opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:-20%}.panel{border-radius:var(--r-lg);background:linear-gradient(180deg, #ffd69624, #0000 26%), repeating-linear-gradient(94deg, #00000029 0 2px, #fff0 2px 7px), linear-gradient(168deg, var(--panel-1), var(--panel-2));border:1px solid #ffc88229;position:relative;box-shadow:inset 0 1px #ffe2b438,inset 0 -18px 30px #0006,0 14px 34px #0000008c}.panel:after{content:"";border-radius:calc(var(--r-lg) - 6px);pointer-events:none;border:1px solid #ffc12e24;position:absolute;inset:5px}.panel-title{white-space:nowrap;font-family:var(--font-fat);letter-spacing:.14em;text-transform:uppercase;color:var(--butter);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;display:flex}.panel-title:before{content:"";background:radial-gradient(circle at 34% 30%, #fff, var(--gold) 55%, #a05a00);width:12px;height:12px;box-shadow:0 0 calc(4px + 10px * var(--down)) var(--gold);border-radius:50%;flex:none}.gs-head{grid-area:head;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:10px 16px;display:grid}.gs-brand{align-items:center;gap:13px;display:flex}.gs-word{font-family:var(--font-neon);letter-spacing:.02em;color:var(--gold);text-shadow:0 0 6px #ffc12e8c, 0 0 calc(12px + 20px * var(--down)) #f2600cbf, 2px 3px 0 #7a2f0d;margin:0;font-size:27px;line-height:1}.gs-sub{letter-spacing:.26em;text-transform:uppercase;color:var(--cream-dim);margin:3px 0 0;font-size:10px}.disc{background:radial-gradient(circle at 50% 50%, var(--label,#d93b24) 0 21%, #0000 21.5%), repeating-radial-gradient(circle at 50% 50%, #ffffff12 0 1px, #0000 1px 3.5px), radial-gradient(circle at 32% 24%, #ffffff4d, #fff0 46%), radial-gradient(circle at 68% 78%, #ffa03c3d, #0000 40%), #150b06;border-radius:50%;flex:none;position:relative;box-shadow:inset 0 0 0 1px #ffe6be29,0 5px 12px #0009}.disc:after{content:"";aspect-ratio:1;background:#120803;border-radius:50%;width:5.5%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #ffffff24}.gs-brand .disc{width:52px;height:52px;rotate:var(--spin);will-change:rotate}.gs-eq{align-items:flex-end;gap:3px;height:42px;padding:0 6px;display:flex;overflow:hidden}.gs-eq i{transform-origin:bottom;min-width:3px;height:100%;scale:1 var(--h,.1);background:linear-gradient(180deg, var(--gold), var(--orange) 55%, var(--chili));opacity:.9;border-radius:2px 2px 1px 1px;flex:1 1 0;display:block;box-shadow:0 0 6px #f2600c80}.gs-keys{gap:7px;display:flex}.key{border-radius:var(--r-sm);color:#3a1a08;background:linear-gradient(#f7e2bd,#d9ad76 62%,#b98a52);flex-direction:column;align-items:center;gap:3px;width:62px;padding:7px 4px 6px;transition:translate 90ms cubic-bezier(.2,.9,.3,1.4),box-shadow 90ms,filter .15s;display:flex;position:relative;box-shadow:inset 0 1px #fffc,0 4px #6b3313,0 7px 12px #00000073}.key .k-ico{font-size:15px;line-height:1}.key .k-lab{font-family:var(--font-fat);letter-spacing:.09em;font-size:8px}.key:hover{filter:brightness(1.08)}.key:active,.key.pressed{translate:0 4px;box-shadow:inset 0 2px 5px #00000073,0 0 #6b3313}.key[disabled]{filter:grayscale(.75)brightness(.62);cursor:not-allowed}.key.armed:before{content:"";border-radius:calc(var(--r-sm) + 3px);border:2px solid var(--gold);pointer-events:none;animation:.42s ease-out infinite armPulse;position:absolute;inset:-3px}@keyframes armPulse{0%{opacity:.95;scale:1}to{opacity:0;scale:1.12}}.key.k-bounce{background:linear-gradient(180deg, #ffe9a8, var(--gold) 60%, #e08a10);box-shadow:inset 0 1px #ffffffe6,0 4px #8a5000,0 7px 14px #ff961466}.gs-crate{flex-direction:column;grid-area:crate;min-height:0;padding:13px 12px;display:flex}.press-badge{font-family:var(--font-ui);letter-spacing:.08em;color:#3a1a08;box-shadow:0 0 calc(3px + 9px * var(--down)) #ffc12e99;white-space:nowrap;background:linear-gradient(#ffe9a8,#e3a41c);border-radius:20px;margin-left:auto;padding:3px 6px;font-size:8px;font-weight:900}.gs-records{scrollbar-width:thin;flex:1;grid-template-columns:1fr 1fr;gap:9px;padding:3px 2px 6px;display:grid;overflow:hidden auto}.rec{border-radius:var(--r-md);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffdcaa17,#00000038);border:1px solid #ffc8821f;flex-direction:column;align-items:center;gap:5px;padding:9px 4px 7px;transition:translate .16s cubic-bezier(.2,.9,.3,1.5),background .2s,border-color .2s;display:flex;position:relative}.rec:hover{background:linear-gradient(#ffc12e33,#0003);border-color:#ffc12e80;translate:0 -4px}.rec .disc{width:66px;height:66px;transition:rotate .6s linear,scale .18s cubic-bezier(.2,.9,.3,1.6)}.rec:hover .disc{animation:1.4s linear infinite spin;scale:1.06}.rec:active .disc{scale:.92}@keyframes spin{to{rotate:360deg}}.rec-glyph{color:#ffeed2;text-shadow:0 1px 2px #0009;pointer-events:none;place-items:center;width:66px;height:66px;font-size:21px;display:grid;position:absolute;top:9px;left:50%;translate:-50%}.rec-name{font-family:var(--font-fat);letter-spacing:.07em;color:var(--cream);text-align:center;font-size:8.5px}.rec-kind{letter-spacing:.14em;color:var(--cream-dim);text-transform:uppercase;font-size:7px}.gs-hint{letter-spacing:.06em;text-transform:uppercase;color:#d9bd97b8;text-align:center;margin-top:9px;font-size:8.5px;line-height:1.45}.gs-stage{grid-area:stage;justify-content:center;min-width:0;min-height:0;display:flex;position:relative}.gs-stagecol{aspect-ratio:.972;flex-direction:column;min-width:0;max-width:100%;height:100%;display:flex}.gs-frame{border-radius:var(--r-lg);width:100%;min-height:0;box-shadow:inset 0 1px 0 #ffe6be4d, 0 18px 44px #0009, 0 0 calc(8px + 46px * var(--down)) rgba(255, 150, 40, calc(.18 + .35 * var(--tier) / 3));background:linear-gradient(160deg,#6c3512,#3a1b09 55%,#241005);border:1px solid #ffcd8c3d;flex:auto;padding:9px;transition:box-shadow 60ms linear;position:relative}.gs-canvas{border-radius:calc(var(--r-lg) - 8px);background:#1b0d05;position:absolute;inset:9px;overflow:hidden}.gs-canvas canvas,.gs-canvas cesdk-canvas{width:100%;height:100%;display:block}.gs-ring{border-radius:calc(var(--r-lg) - 8px);pointer-events:none;box-shadow:inset 0 0 0 calc(1px + 3px * var(--down)) rgba(255, 193, 46, calc(.25 + .6 * var(--down)));position:absolute;inset:9px}.gs-fx{pointer-events:none;border-radius:var(--r-lg);position:absolute;inset:0;overflow:hidden}.shout{font-family:var(--font-fat);letter-spacing:.02em;white-space:nowrap;color:var(--butter);text-shadow:0 0 22px #ff961ed9,4px 5px #a32718;font-size:46px;animation:.76s cubic-bezier(.15,.9,.25,1) forwards shout;position:absolute;top:26%;left:50%;translate:-50%}.shout.miss{color:#ffd7c6;text-shadow:0 0 18px #782814e6,4px 5px #4a1c0c}@keyframes shout{0%{opacity:0;rotate:-7deg;scale:.4 1.5}22%{opacity:1;rotate:3deg;scale:1.18 .9}40%{rotate:-1deg;scale:1}to{opacity:0;translate:-50% -46px;scale:1.06}}.flare{mix-blend-mode:screen;background:repeating-conic-gradient(#ffe9a8f2 0deg 7deg,#f2600cbf 7deg 14deg);border-radius:50%;width:40px;height:40px;animation:.9s cubic-bezier(.15,.85,.2,1) forwards flare;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes flare{0%{opacity:1;rotate:0deg;scale:.02}70%{opacity:.75}to{opacity:0;rotate:120deg;scale:46}}.shockwave{border:5px solid #ffc12ee6;border-radius:50%;width:60px;height:60px;animation:.62s cubic-bezier(.1,.8,.2,1) forwards shock;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes shock{to{opacity:0;border-width:1px;scale:22}}.gs-shake{animation:.22s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{translate:-2px 1px}30%,70%{translate:3px -2px}50%{translate:-3px 2px}}.gs-tonearm{pointer-events:none;filter:drop-shadow(0 6px 10px #0000008c);width:128px;height:138px;position:absolute;top:-14px;right:-10px}.gs-tonearm i{background:radial-gradient(circle at 34% 28%,#fff8e8,#c79a60 55%,#7a4a1c);border-radius:50%;width:30px;height:30px;position:absolute;top:4px;right:4px;box-shadow:inset 0 0 0 2px #14090380}.gs-tonearm b{transform-origin:50% 3px;width:7px;height:98px;rotate:calc(42deg + var(--down) * 2.5deg);background:linear-gradient(90deg,#8a6132,#f3ddb6 40%,#b58a55);border-radius:4px;position:absolute;top:16px;right:17px;box-shadow:inset 0 0 0 1px #14090359}.gs-tonearm b:after{content:"";width:19px;height:22px;box-shadow:0 0 0 1px #ffdcaa40, 0 0 calc(3px + 8px * var(--down)) #ffc12e99;background:linear-gradient(#3c1d0b,#1d0d05);border-radius:4px 4px 3px 3px;position:absolute;bottom:-7px;left:-6px}.gs-floor{gap:4px;width:100%;height:9px;margin-top:9px;padding:0 6px;display:flex}.gs-floor i{background:linear-gradient(90deg, var(--chili), var(--gold));opacity:.18;border-radius:4px;flex:1;transition:opacity 90ms linear}.gs-floor i.lit{opacity:calc(.55 + .45 * var(--down));box-shadow:0 0 10px #ffc12eb3}.gs-deck{scrollbar-width:thin;flex-direction:column;grid-area:deck;gap:11px;min-height:0;padding:13px 13px 15px;display:flex;overflow:hidden auto}.gs-sel{border-radius:var(--r-md);background:linear-gradient(#0000006b,#0000003d);border:1px solid #ffc88224;align-items:center;gap:9px;min-height:46px;padding:8px 10px;display:flex}.gs-sel-ico{background:linear-gradient(180deg, var(--tangerine), var(--chili));color:#2a1206;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid;box-shadow:inset 0 1px #ffffff73}.gs-sel-name{font-family:var(--font-fat);letter-spacing:.06em;font-size:12px;line-height:1.15}.gs-sel-note{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);font-size:8px}.gs-deck.empty .gs-wheel-wrap,.gs-deck.empty .gs-faders,.gs-deck.empty .gs-extras{opacity:.5;filter:saturate(.55)brightness(.85)}.gs-wheel-wrap{aspect-ratio:1;place-items:center;width:100%;max-height:190px;margin:0 auto;display:grid;position:relative}.gs-wheel{width:100%;height:100%;filter:drop-shadow(0 0 calc(2px + 9px * var(--down)) #ff962859);overflow:visible}.gs-wheel path{cursor:pointer;stroke:#1409038c;stroke-width:1.1px;transition:filter .14s,translate .16s cubic-bezier(.2,.9,.3,1.6)}.gs-wheel path:hover{filter:brightness(1.25)saturate(1.2)}.gs-wheel path.on{stroke:var(--cream);stroke-width:2.4px;filter:brightness(1.15)}.gs-wheel-hub{aspect-ratio:1;text-align:center;background:radial-gradient(circle at 34% 28%, #ffffff59, #fff0 52%), var(--hub,#f2600c);width:40%;font-family:var(--font-fat);letter-spacing:.06em;color:#2a1206;pointer-events:none;border-radius:50%;place-items:center;padding:4px;font-size:8px;line-height:1.2;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #1409038c,0 4px 12px #0009}.gs-faders{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;display:grid}.fader{flex-direction:column;align-items:center;gap:6px;display:flex}.fader-lab,.knob-lab{font-family:var(--font-fat);letter-spacing:.11em;color:var(--butter);font-size:8px}.fader-track{cursor:ns-resize;touch-action:none;background:linear-gradient(#120803,#2c1408);border-radius:13px;width:26px;height:128px;position:relative;box-shadow:inset 0 2px 6px #000000d9,inset 0 -1px #ffc88c2e}.fader-track:before{content:"";background:repeating-linear-gradient(#ffdcaa47 0 1px,#ffdcaa00 1px 11px);border-radius:2px;position:absolute;inset:6px 11px}.fader-fill{height:var(--fill,40%);background:linear-gradient(180deg, var(--gold), var(--orange) 70%, var(--chili));box-shadow:0 0 calc(5px + 8px * var(--down)) #ff962899;border-radius:9px;transition:height 90ms cubic-bezier(.2,.9,.3,1.3);position:absolute;bottom:5px;left:5px;right:5px}.fader-cap{width:34px;height:20px;left:-4px;bottom:calc(var(--fill,40%) - 10px);pointer-events:none;background:linear-gradient(#fbe6c1,#cfa165 55%,#9a6c39);border-radius:6px;transition:bottom 90ms cubic-bezier(.2,.9,.3,1.3);position:absolute;box-shadow:0 2px 5px #0009,inset 0 1px #fffc}.fader-cap:after{content:"";background:repeating-linear-gradient(90deg,#00000059 0 1px,#0000 1px 4px);border-radius:2px;position:absolute;inset:8px 4px}.fader.live .fader-fill,.fader.live .fader-cap{transition:none}.fader-val{font-family:var(--font-fat);color:var(--cream);min-height:15px;font-size:12px}.knob-col{flex-direction:column;align-items:center;gap:6px;display:flex}.knob{cursor:grab;touch-action:none;background:radial-gradient(circle at 34% 26%,#ffffff80,#fff0 46%),conic-gradient(#6b3313 0deg,#b98a52 90deg,#6b3313 180deg,#b98a52 270deg,#6b3313 360deg);border-radius:50%;width:74px;height:74px;position:relative;box-shadow:0 5px 12px #0009,inset 0 0 0 3px #14090399}.knob:active{cursor:grabbing}.knob-dial{rotate:var(--rot,0deg);background:linear-gradient(#f7e2bd,#c79a60);border-radius:50%;position:absolute;inset:9px;box-shadow:inset 0 -3px 6px #0000004d}.knob-dial:after{content:"";background:var(--chili);border-radius:3px;width:4px;height:17px;position:absolute;top:5px;left:50%;translate:-50%;box-shadow:0 0 6px #d93b24cc}.knob-val{font-family:var(--font-fat);font-size:11px}.gs-extras{flex-direction:column;gap:8px;display:flex}.stepper{border-radius:var(--r-sm);background:#00000052;border:1px solid #ffc88224;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.stepper[hidden]{display:none}.stepper-lab{font-family:var(--font-fat);letter-spacing:.11em;color:var(--butter);font-size:8.5px}.stepper-btns{align-items:center;gap:6px;display:flex}.stepper button{color:#3a1a08;background:linear-gradient(#f7e2bd,#c79a60);border-radius:6px;place-items:center;width:24px;height:24px;font-weight:900;transition:translate 80ms,box-shadow 80ms;display:grid;box-shadow:0 3px #6b3313}.stepper button:active{translate:0 3px;box-shadow:0 0 #6b3313}.stepper-val{font-family:var(--font-fat);text-align:center;min-width:22px;color:var(--cream);font-size:14px}.toggle{border-radius:var(--r-sm);font-family:var(--font-fat);letter-spacing:.11em;color:var(--butter);background:#00000052;border:1px solid #ffc88224;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:8.5px;display:flex}.toggle .tg-ico{color:var(--gold);margin-right:3px;font-size:11px}.toggle .led{background:#40200e;border-radius:50%;width:12px;height:12px;transition:background .16s,box-shadow .16s;box-shadow:inset 0 1px 2px #000c}.toggle.on .led{background:radial-gradient(circle at 35% 30%, #fff, var(--gold) 60%, #b06f00);box-shadow:0 0 10px var(--gold)}.gs-bar{grid-area:bar;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:16px;padding:11px 16px;display:grid}.seq{flex-direction:column;gap:6px;min-width:0;display:flex}.seq-lights{gap:4px;display:flex}.seq-lights i{background:linear-gradient(#6a3313,#331709);border-radius:5px;flex:1 1 0;height:26px;transition:background 70ms linear,scale 90ms cubic-bezier(.2,.9,.3,1.6);position:relative;box-shadow:inset 0 1px 2px #000000b3,inset 0 -1px #ffc88c1f}.seq-lights i:nth-child(4n+1):not(:first-child){margin-left:11px}.seq-lights i.beat{background:linear-gradient(#9a5220,#4a2210)}.seq-lights i.beat:after{content:"";background:#ffe9a88c;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;translate:-50% -50%}.seq-lights i.trail{background:linear-gradient(#d98a24,#7a3a10);box-shadow:0 0 7px #ff962866}.seq-lights i.trail2{background:linear-gradient(#a8641c,#5a2c0d)}.seq-lights i.on{background:linear-gradient(180deg, #fffbf0, var(--gold) 40%, var(--orange));scale:1 1.2;box-shadow:0 0 18px 2px #ffc12ee6}.seq-lights i.armed{background:linear-gradient(180deg, var(--lagoon), #0c6a63);box-shadow:0 0 10px #17a79bcc}.seq-queue{align-items:center;gap:6px;height:20px;display:flex}.chip{font-family:var(--font-fat);letter-spacing:.08em;color:#eafffb;white-space:nowrap;background:linear-gradient(#17a79be6,#0a5a54e6);border:1px solid #befff866;border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:8px;animation:.22s cubic-bezier(.2,.9,.3,1.6) chipIn;display:flex}@keyframes chipIn{0%{opacity:0;translate:-12px;scale:.5}}.seq-empty{letter-spacing:.18em;text-transform:uppercase;color:#d9bd9780;align-self:center;font-size:8px}.pocket{width:168px}.pocket-lab{font-family:var(--font-fat);letter-spacing:.13em;color:var(--butter);text-align:center;height:11px;margin-bottom:5px;font-size:8px}.pocket-bar{background:linear-gradient(90deg,#4a1c0c 0%,#6d3a17 34%,#1a6b64 46% 54%,#6d3a17 66%,#4a1c0c 100%);border-radius:6px;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000000b3}.pocket-bar:after{content:"";background:#fff0c8bf;width:2px;position:absolute;top:2px;bottom:2px;left:50%;translate:-50%}.pocket-hit{background:var(--gold);width:3px;box-shadow:0 0 8px var(--gold);border-radius:2px;animation:1.6s linear forwards hitFade;position:absolute;top:1px;bottom:1px;translate:-50%}.pocket-hit.miss{background:#ff7a6a;box-shadow:0 0 8px #ff7a6a}@keyframes hitFade{to{opacity:0}}.pocket-ends{letter-spacing:.14em;color:#d9bd9799;justify-content:space-between;margin-top:3px;font-size:7px;display:flex}.combo{border-radius:var(--r-md);border:1px solid rgba(255, 193, 46, calc(.15 + .22 * var(--tier)));box-shadow:0 0 calc(2px + 16px * var(--tier) / 3 * var(--down)) #ff962880;background:linear-gradient(#00000073,#0003);align-items:center;gap:11px;padding:7px 14px 8px;display:flex}.combo-x{font-family:var(--font-fat);color:var(--gold);text-shadow:3px 3px 0 #a32718, 0 0 calc(6px + 16px * var(--down)) #ffc12eb3;font-size:34px;line-height:.9}.combo-x.bump{animation:.34s cubic-bezier(.2,.9,.3,1.7) bump}@keyframes bump{0%{scale:1}35%{rotate:-5deg;scale:1.42 .82}to{rotate:0deg;scale:1}}.combo-meta{flex-direction:column;gap:4px;min-width:112px;display:flex}.combo-name{font-family:var(--font-fat);letter-spacing:.09em;color:var(--cream);font-size:10px}.heat{background:#00000080;border-radius:4px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #000c}.heat i{height:100%;width:calc(var(--heat) * 100%);background:linear-gradient(90deg, var(--chili), var(--gold));display:block;box-shadow:0 0 8px #ffc12eb3}.groove{flex-direction:column;gap:5px;width:168px;display:flex}.groove-top{justify-content:space-between;align-items:baseline;display:flex}.groove-lab{font-family:var(--font-fat);letter-spacing:.13em;color:var(--butter);font-size:8px}.groove-val{font-family:var(--font-fat);color:var(--cream);font-size:15px}.groove-val small{letter-spacing:.14em;color:var(--cream-dim);margin-left:3px;font-size:7px}input[type=range].slider{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:16px}input[type=range].slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--grape), var(--lagoon) 32%, var(--gold) 66%, var(--chili));border-radius:7px;height:12px;box-shadow:inset 0 2px 4px #000000a6}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#fbe6c1,#cfa165 55%,#9a6c39);border-radius:5px;width:20px;height:26px;margin-top:-7px;box-shadow:0 2px 6px #000000b3,inset 0 1px #ffffffd9}input[type=range].slider::-moz-range-track{background:linear-gradient(90deg, var(--grape), var(--lagoon) 32%, var(--gold) 66%, var(--chili));border-radius:7px;height:12px}input[type=range].slider::-moz-range-thumb{background:linear-gradient(#fbe6c1,#cfa165 55%,#9a6c39);border:0;border-radius:5px;width:20px;height:26px}.flourish{text-align:center;width:88px;height:88px;font-family:var(--font-fat);letter-spacing:.08em;color:#2a1206;background:radial-gradient(circle at 36% 28%,#ffffff8c,#fff0 50%),repeating-conic-gradient(#ffe9a8 0deg 15deg,#ff9022 15deg 30deg);border-radius:50%;place-items:center;font-size:9px;line-height:1.25;transition:translate 90ms,box-shadow 90ms,filter .2s;display:grid;position:relative;box-shadow:0 6px #8a4200,0 10px 20px #00000080}.flourish:after{content:"";border:3px solid #fff9;border-radius:50%;position:absolute;inset:0}.flourish:not([disabled]){animation:.9s ease-in-out infinite alternate readyPulse}@keyframes readyPulse{to{box-shadow:0 6px #8a4200,0 0 28px 6px #ffc12ebf}}.flourish:active{translate:0 6px;box-shadow:0 0 #8a4200}.flourish[disabled]{filter:grayscale(.82)brightness(.55);cursor:not-allowed;color:#d9bd97;background:repeating-conic-gradient(#6b4a2c 0deg 15deg,#4a3320 15deg 30deg)}.flourish .fl-sub{letter-spacing:.14em;opacity:.8;font-size:7px;display:block}.boot{z-index:40;background:radial-gradient(90% 70% at 50% 45%,#4a2109,#150a04 70%);place-items:center;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}.boot.gone{opacity:0;visibility:hidden}.boot-inner{flex-direction:column;align-items:center;gap:18px;display:flex}.boot .disc{width:132px;height:132px;animation:1.6s linear infinite spin}.boot-word{font-family:var(--font-neon);color:var(--gold);text-shadow:0 0 18px #f2600ccc,3px 4px #7a2f0d;font-size:42px}.boot-note{letter-spacing:.32em;text-transform:uppercase;color:var(--cream-dim);font-size:10px;animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.ghost{z-index:30;pointer-events:none;filter:drop-shadow(0 10px 16px #0009);width:76px;height:76px;animation:.8s linear infinite spin;position:fixed;translate:-50% -50%}.gs-frame.drop-active{box-shadow:inset 0 0 0 3px var(--lagoon), 0 18px 44px #0009, 0 0 40px #17a79b80}@media (prefers-reduced-motion:reduce){.gs-rays,.gs-brand .disc,.rec:hover .disc,.boot .disc,.ghost{animation:none!important;rotate:0deg!important}.flourish:not([disabled]){animation:none}.shout,.flare,.shockwave,.gs-shake,.combo-x.bump,.chip{animation-duration:1ms!important}.boot-note{animation:none}*{transition-duration:60ms!important}}