.first-visit-actions{background:var(--studio-surface,transparent);box-shadow:-1.6rem 0 0 var(--studio-surface,transparent), 1.6rem 0 0 var(--studio-surface,transparent);margin:.9rem 0 -1.6rem;padding:.7rem 0 1.6rem;position:sticky;bottom:-1.6rem}.first-visit-option{flex-direction:column;justify-content:space-between;gap:.6rem;display:flex}.first-visit-option .hw-theme-options{min-width:0;margin-top:0}.first-visit-option[data-testid=setup-low-performance] .hw-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.soundclash-modal-panel.first-visit-modal{max-height:min(100dvh - 2rem,48rem)}
.hw-theme-options[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));container-type:inline-size}.hw-theme-options .hw-theme-note{opacity:.85;white-space:nowrap;font-size:.78em}.hw-theme-options[data-count="4"]>.hw-btn:first-child{flex-wrap:wrap;align-content:center;gap:1px .35em;line-height:1.15}@container (max-width:360px){.hw-theme-options[data-count="4"]>.hw-btn:first-child{padding-inline:.5rem}}:is(.hal-hero-scene,.hal-play-pumpkin,.hal-pad-spiders,.hal-options-web,.hal-label-spooky){display:none}html[data-seasonal=halloween] body:has(.hw-home) :is(.hal-hero-scene,.hal-play-pumpkin,.hal-pad-spiders,.hal-options-web){display:block}html[data-seasonal=halloween] body:has(.hw-home) .hal-label-spooky{display:inline}html[data-seasonal=halloween] body:has(.hw-home) .hal-label-normal{display:none}html[data-seasonal=halloween]{--hal-base:#0a0d1a;--hal-panel:#141725;--hal-panel-hi:#1c2030;--hal-inset:#0e1120;--hal-line:#3a3550;--hal-ink:#f4ecff;--hal-muted:#c3b6d9;--hal-orange:#ff7a1a;--hal-orange-rgb:255, 122, 26;--hal-orange-hi:#ffa64d;--hal-purple:#9b4dff;--hal-purple-rgb:155, 77, 255;--hal-green:#8cff3a;--hal-red:#ff2d2d;--hal-red-rgb:255, 45, 45;--hal-play-bg:#150b10;--hal-play-ink:#ff3a2f;--hal-tape:#ff8a1c;--hal-tape-ink:#120a06;--hal-led-off:#191b26;--hal-shadow:0 3px 0 #04050c;--hal-sky:#0f0f19;--hal-u:calc(100vw / 1788)}html[data-seasonal=halloween] body:has(.hw-home){--studio-base:var(--hal-base);--studio-panel:var(--hal-panel);--studio-panel-hi:var(--hal-panel-hi);--studio-surface:var(--hal-panel-hi);--studio-inset-surface:var(--hal-inset);--studio-line:var(--hal-line);--studio-ink:var(--hal-ink);--studio-muted:var(--hal-muted);--studio-blue:var(--hal-orange);--studio-amber:var(--hal-orange);--studio-blue-surface:color-mix(in srgb, var(--hal-orange) 16%, var(--hal-panel));--studio-amber-surface:color-mix(in srgb, var(--hal-orange) 16%, var(--hal-panel));--studio-options-surface:color-mix(in srgb, var(--hal-orange) 10%, var(--hal-panel));--studio-disabled:color-mix(in srgb, var(--hal-panel-hi) 82%, gray);--rgb-cyan:var(--hal-orange-rgb);--rgb-amber:var(--hal-orange-rgb);--rgb-magenta:var(--hal-purple-rgb);--hw-text:var(--hal-ink);--hw-text-dim:var(--hal-muted);background:var(--hal-base);color:var(--hal-ink)}html[data-seasonal=halloween] body:has(.hw-home) :is(.app-background,.hw-backdrop){background:radial-gradient(120% 90% at 50% 40%, transparent 55%, rgba(var(--hal-purple-rgb), .14)), var(--hal-base)}html[data-seasonal=halloween] body:has(.hw-home) .soundclash-menu-spotlight{display:none}html[data-seasonal=halloween] body:has(.hw-home) .hw-topbar{border-color:color-mix(in srgb, var(--hal-orange) 45%, var(--hal-line));box-shadow:0 0 10px rgba(var(--hal-orange-rgb), .18), var(--hal-shadow)}html[data-seasonal=halloween] body:has(.hw-home) .hw-topbar>.hw-vent{image-rendering:pixelated;box-shadow:none;background:url(/halloween/bats.png) 50%/contain no-repeat;border:0}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-side .hw-home-knobs>:first-child{--tone:var(--hal-orange-rgb)}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-side .hw-home-knobs>:nth-child(2){--tone:var(--hal-purple-rgb)}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-side .hw-home-knobs>[data-muted=true]{--tone:var(--hal-orange-rgb)}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-knobs .hw-knob-ring .glow{opacity:.35}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-keys .hw-key-led{background:var(--hal-orange);box-shadow:0 0 5px rgba(var(--hal-orange-rgb), .55)}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-side[style*=right] .hw-home-keys>:last-child .hw-key-led{background:var(--hal-green);box-shadow:0 0 5px color-mix(in srgb, var(--hal-green) 60%, transparent)}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-side{background:radial-gradient(90% 26% at 50% 66%, rgba(var(--hal-purple-rgb), .16), transparent 70%), var(--hal-panel)}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-hero{border-color:var(--hal-orange);box-shadow:0 0 0 1px rgba(var(--hal-orange-rgb), .35), 0 0 16px rgba(var(--hal-orange-rgb), .45), inset 0 0 18px rgba(var(--hal-orange-rgb), .12)!important}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-hero-screen{isolation:isolate;background:var(--hal-sky);position:relative}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-hero-screen>:not(.hal-hero-scene){z-index:1;position:relative}.hal-hero-scene{z-index:0;pointer-events:none;background:url(/halloween/hero-scenery.png) center bottom / 100% auto no-repeat, var(--hal-sky);image-rendering:pixelated;position:absolute;inset:0}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-hero-screen :is(p,h1){text-shadow:0 0 6px var(--hal-base), 0 0 12px var(--hal-base)}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-wordmark{color:var(--hal-ink)}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-logo-mark{filter:drop-shadow(0 0 10px rgba(var(--hal-orange-rgb), .28))}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-rules{background:var(--hal-panel);color:var(--hal-ink);border-color:var(--hal-line)}html[data-seasonal=halloween] body:has(.hw-home) .hw-pad.hw-home-play{isolation:isolate;background:var(--hal-play-bg);border-color:var(--hal-red);position:relative;box-shadow:0 0 0 1px rgba(var(--hal-red-rgb), .5), 0 0 18px rgba(var(--hal-red-rgb), .45), inset 0 0 22px rgba(var(--hal-red-rgb), .18)!important}html[data-seasonal=halloween] body:has(.hw-home) .hw-pad.hw-home-play:is(:hover,:focus-visible){box-shadow:0 0 0 2px rgba(var(--hal-red-rgb), .7), 0 0 28px rgba(var(--hal-red-rgb), .6), inset 0 0 26px rgba(var(--hal-red-rgb), .22)!important}html[data-seasonal=halloween] body:has(.hw-home) .hw-pad.hw-home-play:before{display:none}html[data-seasonal=halloween] body:has(.hw-home) .hw-pad.hw-home-play>:not(.hal-play-pumpkin){z-index:1;color:var(--hal-play-ink);position:relative}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-play .hw-home-play-icon{color:var(--hal-play-ink);filter:drop-shadow(0 0 8px rgba(var(--hal-red-rgb), .75))}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-play .hw-display{text-shadow:0 0 10px rgba(var(--hal-red-rgb), .6)}.hal-play-pumpkin{z-index:0;border-radius:inherit;pointer-events:none;image-rendering:pixelated;background:url(/halloween/play-pumpkin.png) 50%/cover no-repeat;position:absolute;inset:0}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-pads .hw-coming-soon-band{background:var(--hal-tape);color:var(--hal-tape-ink);border-block-color:var(--hal-tape-ink);box-shadow:0 0 0 1px #ff8a1c66,0 4px 14px #0000008c}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-pads .hw-coming-soon-text+.hw-coming-soon-text:before{vertical-align:-.3em;width:1.55em;height:1.35em;image-rendering:pixelated;transform:rotate(atan2(100cqh, 100cqw));background:url(/halloween/tape-pumpkin.png) 50%/contain no-repeat}.hal-pad-spiders{z-index:24;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.hal-spider{width:calc(52 * var(--hal-u));aspect-ratio:52/46;image-rendering:pixelated;background:url(/halloween/spider.png) 50%/contain no-repeat;position:absolute}.hal-spider:before{content:"";background:#787887b3;width:2px;height:400px;position:absolute;bottom:99%;left:calc(50% - 1px)}.hal-spider-a{top:16%;left:9%}.hal-spider-b{top:44%;right:8%}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-pads .hw-pad:nth-child(3){--tone:var(--hal-orange-rgb);border-color:var(--hal-orange);background:color-mix(in srgb, var(--hal-orange) 8%, var(--hal-panel));position:relative;box-shadow:0 0 0 1px rgba(var(--hal-orange-rgb), .35), 0 0 14px rgba(var(--hal-orange-rgb), .4)!important}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-pads .hw-pad:nth-child(3) .hw-icon{color:var(--hal-orange)}.hal-options-web{width:min(32%, calc(101 * var(--hal-u)));aspect-ratio:101/143;pointer-events:none;image-rendering:pixelated;background:url(/halloween/options-web.png) 100% 0/contain no-repeat;position:absolute;top:2px;right:2px}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-meter{position:relative;overflow:hidden}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-meter .hw-led-meter{--seg-lit-a:var(--hal-purple);--seg-lit-b:var(--hal-orange);--seg-lit-c:var(--hal-orange-hi);z-index:1;position:relative}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-meter .hw-led-cover{background:repeating-linear-gradient(0deg, var(--hal-led-off) 0 calc(var(--seg) - 3px), transparent calc(var(--seg) - 3px) var(--seg))}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-meter .hw-led-lit{background:linear-gradient(0deg, var(--hal-purple) 0 38%, var(--hal-orange) 38% 85%, var(--hal-orange-hi) 85%)}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-meter:after{content:"";height:calc(36 * var(--hal-u));z-index:2;pointer-events:none;image-rendering:pixelated;background:url(/halloween/graveyard.png) 0 100%/auto 100% repeat-x;position:absolute;bottom:0;left:0;right:0}html[data-seasonal=halloween] body:has(.hw-home) .hw-device-stage{position:relative}html[data-seasonal=halloween] body:has(.hw-home) .hw-device{z-index:1;position:relative}html[data-seasonal=halloween] body:has(.hw-home) .hw-device-stage:before{content:"";z-index:0;pointer-events:none;image-rendering:pixelated;background:url(/halloween/pumpkin.png) left 0 bottom calc(112 * var(--hal-u)) / calc(37 * var(--hal-u)) auto no-repeat, url(/halloween/pumpkin.png) right 0 bottom calc(112 * var(--hal-u)) / calc(37 * var(--hal-u)) auto no-repeat;position:absolute;inset:0;display:block!important}html[data-seasonal=halloween] body:has(.hw-home) .hw-device:before{content:"";z-index:-1;pointer-events:none;image-rendering:pixelated;left:calc(-57 * var(--hal-u));right:calc(-57 * var(--hal-u));top:calc(-25 * var(--hal-u));height:calc(112 * var(--hal-u));background:url(/halloween/corner-left.png) left top / calc(96 * var(--hal-u)) auto no-repeat, url(/halloween/corner-right.png) right top / calc(96 * var(--hal-u)) auto no-repeat;position:absolute;display:block!important}html[data-seasonal=halloween] body:has(.hw-home) .hw-device-stage:after{content:"";z-index:0;pointer-events:none;image-rendering:pixelated;background:url(/halloween/candle-left.png) left calc(5 * var(--hal-u)) bottom calc(146 * var(--hal-u)) / calc(20 * var(--hal-u)) auto no-repeat, url(/halloween/candle-right.png) right calc(5 * var(--hal-u)) bottom calc(146 * var(--hal-u)) / calc(20 * var(--hal-u)) auto no-repeat;position:absolute;inset:0;display:block!important}@media (prefers-reduced-motion:no-preference){html[data-seasonal=halloween]:not([data-hw-low-perf=true]) body:has(.hw-home) .hw-topbar>.hw-vent{animation:14s ease-in-out infinite alternate halBatDrift}html[data-seasonal=halloween]:not([data-hw-low-perf=true]) body:has(.hw-home) .hw-device-stage:after{animation:1.6s step-end infinite halFlicker}}@keyframes halBatDrift{0%{transform:translate(0)}to{transform:translate(-10%,12%)}}@keyframes halFlicker{0%{filter:brightness()}30%{filter:brightness(1.18)}55%{filter:brightness(.9)}80%{filter:brightness(1.08)}}html[data-seasonal=halloween][data-hw-low-perf=true] body:has(.hw-home) .hw-topbar>.hw-vent{background:0 0}html[data-seasonal=halloween][data-hw-low-perf=true] body:has(.hw-home) .hw-device-stage:after{display:none!important}html[data-seasonal=halloween][data-hw-low-perf=true] body:has(.hw-home) :is(.hw-home-logo-mark,.hw-home-play .hw-home-play-icon){filter:none}html[data-seasonal=halloween] body:has(.hw-home) .hw-home-pads .hw-pad.hw-home-pad[data-locked=true]>.hal-pad-spiders{filter:none;opacity:1}