html[data-hw-low-perf=true]{--hw-brushed:linear-gradient(transparent, transparent)}@layer components{[data-tone=cyan]{--tone:var(--rgb-cyan)}[data-tone=magenta]{--tone:var(--rgb-magenta)}[data-tone=amber]{--tone:var(--rgb-amber)}[data-tone=red]{--tone:var(--rgb-red)}[data-tone=green]{--tone:var(--rgb-green)}[data-tone=violet]{--tone:var(--rgb-violet)}[data-tone=yellow]{--tone:var(--rgb-yellow)}[data-tone=blue]{--tone:var(--rgb-blue)}[data-tone=lime]{--tone:var(--rgb-lime)}[data-tone=muted]{--tone:var(--rgb-muted)}[data-tone=white]{--tone:var(--rgb-white)}:where(button,a,input,select,textarea,[role=slider],[tabindex]):focus-visible{outline:2px solid var(--hw-cyan);outline-offset:2px}.hw-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffa21a8c transparent;overflow-y:auto}.hw-scroll::-webkit-scrollbar{width:6px;height:6px}.hw-scroll::-webkit-scrollbar-track{background:0 0}.hw-scroll::-webkit-scrollbar-thumb{background:#ffa21a80;border-radius:999px}.hw-eyebrow{font-family:var(--hw-font-pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--hw-yellow);text-shadow:0 0 8px #ffd23f73;font-size:.8rem;font-weight:400;line-height:1.2}.hw-label{font-family:var(--hw-font-pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--hw-text-dim);font-size:.64rem;font-weight:400;line-height:1.2}.hw-title{font-family:var(--hw-font-heading);font-size-adjust:.56;font-synthesis:none;letter-spacing:.01em;color:var(--hw-text);text-shadow:0 2px #000000b3,0 0 18px #ffffff14;font-weight:400;line-height:1.05}:is(.hw-module,.hw-tile,.hw-lcd) :is(h2,h3):is(.font-black,.font-bold){font-family:var(--hw-font-heading);font-size-adjust:.56;font-synthesis:none;letter-spacing:.01em;font-weight:400}.hw-display{font-family:var(--hw-font-display);letter-spacing:.01em;font-weight:700;line-height:.95}.hw-lcd-text{font-family:var(--hw-font-lcd);font-variant-numeric:tabular-nums;letter-spacing:.04em}.hw-silkscreen{font-family:var(--hw-font-pixel);letter-spacing:.32em;text-transform:uppercase;color:#d7dce433;-webkit-user-select:none;user-select:none;font-size:.6rem}.hw-icon{color:rgb(var(--tone,var(--rgb-white)));filter:drop-shadow(0 0 6px rgba(var(--tone,var(--rgb-white)), .75)) drop-shadow(0 0 14px rgba(var(--tone,var(--rgb-white)), .35));flex-shrink:0;display:inline-block}.hw-icon .duo{fill:currentColor;opacity:.22}html[data-hw-low-perf=true] .hw-icon{filter:drop-shadow(0 0 4px rgba(var(--tone,var(--rgb-white)), .6))}.hw-backdrop{z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 45% at 8% 35%, #19e3ff29, transparent 70%), radial-gradient(ellipse 50% 45% at 92% 35%, #2fffe229, transparent 70%), radial-gradient(ellipse 60% 40% at 50% 105%, #ffa21a1f, transparent 70%), var(--hw-bg);position:fixed;inset:0}.hw-chassis{isolation:isolate;border-radius:var(--hw-radius-chassis);background:var(--hw-noise), var(--hw-brushed), linear-gradient(180deg, #ffffff09, transparent 12%), linear-gradient(180deg, var(--hw-chassis-hi), var(--hw-chassis) 26%, var(--hw-chassis-lo));box-shadow:inset 1px 1px 0 #ffffff1a, inset -1px -2px 0 #000000bf, inset 0 0 0 3px #00000038, var(--hw-drop);border:1px solid #ffffff12;position:relative}.hw-chassis:after{content:"";z-index:0;border-radius:calc(var(--hw-radius-chassis) - 4px);pointer-events:none;border:1px solid #0009;position:absolute;inset:4px;box-shadow:0 1px #ffffff0a,inset 0 1px #ffffff09}.hw-chassis[data-rim=neon]{background:var(--hw-noise) padding-box, var(--hw-brushed) padding-box, linear-gradient(180deg, #ffffff09, transparent 12%) padding-box, linear-gradient(180deg, var(--hw-chassis-hi), var(--hw-chassis) 26%, var(--hw-chassis-lo)) padding-box, linear-gradient(90deg, var(--hw-cyan), #27282a 18%, #202123 50%, #2a2428 82%, var(--hw-magenta)) border-box;box-shadow:inset 1px 1px 0 #ffffff1a, inset -1px -2px 0 #000000bf, -10px 0 26px -10px #19e3ffe6, 10px 0 26px -10px #2fffe2e6, -2px 0 40px -18px #19e3ff, 2px 0 40px -18px #2fffe2, var(--hw-drop);border:2px solid #0000}.hw-chassis[data-rim=amber]{box-shadow:inset 0 1px 0 #ffffff1f, var(--hw-glow-amber), var(--hw-drop);border:2px solid #ffa21ad9}.hw-rail{pointer-events:none;z-index:1;border-radius:999px;width:4px;position:absolute;top:10%;bottom:10%}.hw-rail-left{background:linear-gradient(180deg, transparent, var(--hw-cyan) 18%, #9ef4ff 50%, var(--hw-cyan) 82%, transparent);left:7px;box-shadow:0 0 8px #19e3ffe6,0 0 20px #19e3ff80}.hw-rail-right{background:linear-gradient(180deg, transparent, var(--hw-magenta) 18%, #a6fff3 50%, var(--hw-magenta) 82%, transparent);right:7px;box-shadow:0 0 8px #2fffe2e6,0 0 20px #2fffe280}.hw-vent{pointer-events:none;box-shadow:var(--hw-inset);background:repeating-linear-gradient(90deg,#000000eb 0 3px,#e1e6ee14 3px 5px),#060708;border-radius:5px}.hw-grille{pointer-events:none;box-shadow:var(--hw-inset);background-color:#060708;background-image:radial-gradient(circle,#000 1.5px,#0000 1.9px),radial-gradient(circle at 50% 40%,#d2d8e22b 2px,#0000 2.6px);background-size:7px 7px,7px 7px;border-radius:10px}.hw-groove{pointer-events:none;background:linear-gradient(#000c 0 1px,#ffffff12 1px 2px,#0000 2px);flex-shrink:0;height:3px;display:block}.hw-groove[data-orient=v]{background:linear-gradient(90deg,#000c 0 1px,#ffffff12 1px 2px,#0000 2px);width:3px;height:auto}.hw-hatch{pointer-events:none;background:repeating-linear-gradient(-62deg,#dce2ec29 0 2px,#0000 2px 7px);flex-shrink:0;width:2.6rem;height:.7rem;display:inline-block}.hw-hatch[data-tone]{background:repeating-linear-gradient(-62deg, rgba(var(--tone), .7) 0 2px, transparent 2px 7px)}.hw-module{border-radius:var(--hw-radius-module);border:1px solid var(--hw-line);background:var(--hw-noise), var(--hw-brushed), linear-gradient(180deg, #ffffff08, transparent 22%), linear-gradient(180deg, var(--hw-module-hi), var(--hw-module));box-shadow:var(--hw-bevel), 0 2px 0 #0009, 0 12px 26px #0000008c;position:relative}.hw-module:after{content:"";border-radius:calc(var(--hw-radius-module) - 4px);pointer-events:none;border:1px solid #00000073;position:absolute;inset:4px;box-shadow:inset 1px 1px #ffffff08}.hw-module[data-tone]{border:2px solid rgba(var(--tone), .95);background:radial-gradient(ellipse 90% 55% at 50% 0%, rgba(var(--tone), .07), transparent 70%), var(--hw-noise), linear-gradient(180deg, var(--hw-module-hi), var(--hw-module));box-shadow:var(--hw-bevel), 0 0 8px rgba(var(--tone), .65), 0 0 26px rgba(var(--tone), .32), inset 0 0 14px rgba(var(--tone), .24), 0 3px 0 #0000008c, 0 14px 30px #0000008c}.hw-module-header{justify-content:space-between;align-items:flex-start;gap:var(--hw-gap-2);flex-wrap:wrap;display:flex}.hw-lcd-bezel{border-radius:calc(var(--hw-radius-screen) + 8px);background:var(--hw-noise), linear-gradient(180deg, #1f2022, #0c0e10 45%, #060708);border:1px solid #ffffff12;padding:8px;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #0009,0 3px #0009,0 12px 24px #0000008c}.hw-lcd{border-radius:var(--hw-radius-screen);background:linear-gradient(165deg, #ffffff0b, transparent 28%), var(--hw-lcd-grid), linear-gradient(180deg, var(--hw-lcd-hi), var(--hw-lcd));box-shadow:var(--hw-inset), inset 0 0 40px #0000008c;position:relative;overflow:hidden}.hw-lcd[data-tone]{box-shadow:var(--hw-inset), inset 0 0 40px #00000080, inset 0 0 0 2px rgba(var(--tone), .75), inset 0 0 22px rgba(var(--tone), .22), 0 0 14px rgba(var(--tone), .45), 0 0 30px rgba(var(--tone), .2)}.hw-readout{border-radius:var(--hw-radius-control);background:linear-gradient(165deg, #ffffff0b, transparent 35%), linear-gradient(180deg, var(--hw-lcd-hi), var(--hw-lcd));min-width:0;box-shadow:var(--hw-inset), 0 1px 0 #ffffff0f;border:1px solid #d7dee81f;flex-direction:column;justify-content:center;gap:.25rem;padding:.55rem .9rem;display:flex}.hw-readout-value{font-family:var(--hw-font-lcd);font-variant-numeric:tabular-nums;color:var(--hw-amber-hi);text-shadow:0 0 6px #ffa21ad9,0 0 18px #ffa21a73;white-space:nowrap;font-size:1.8rem;line-height:1}.hw-readout[data-tone=cyan] .hw-readout-value{color:#aaf6ff;text-shadow:0 0 6px #19e3ffd9,0 0 18px #19e3ff73}.hw-readout[data-tone=white] .hw-readout-value{color:var(--hw-text);text-shadow:0 0 10px #e2e6ee59}.hw-readout[data-tone=red] .hw-readout-value{color:#ffa3b4;text-shadow:0 0 6px #ff3b5cd9,0 0 18px #ff3b5c73}.hw-chip:not([data-tone]){--tone:var(--rgb-muted)}.hw-chip{white-space:nowrap;border-radius:var(--hw-radius-chip);border:1.5px solid rgba(var(--tone), .7);background:linear-gradient(180deg, rgba(var(--tone), .16), rgba(var(--tone), .05)), #00000080;font-family:var(--hw-font-pixel);letter-spacing:.07em;text-transform:uppercase;color:rgb(var(--tone));text-shadow:0 0 6px rgba(var(--tone), .6);box-shadow:0 0 8px rgba(var(--tone), .3), inset 0 0 8px rgba(var(--tone), .14), inset 0 1px 0 #ffffff14;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.68rem;line-height:1;display:inline-flex}.hw-chip-dot{background:currentColor;border-radius:999px;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 4px,0 0 10px}.hw-chip[data-tone=muted]{color:var(--hw-text-dim);text-shadow:none;border-color:rgba(var(--tone), .45);box-shadow:inset 0 1px #ffffff0f}.hw-chip[data-tone=yellow]{color:#ffe27a}.hw-chip[data-tone=cyan]{color:#8ff3ff}.hw-chip[data-tone=magenta]{color:#9afff1}.hw-chip[data-tone=amber]{color:#ffcc6e}.hw-chip[data-tone=red]{color:#ff9cad}.hw-chip[data-tone=green]{color:#8dffbd}.hw-chip[data-tone=violet]{color:#b0e9ff}.hw-chip[data-tone=blue]{color:#a6c8ff}.hw-chip[data-tone=white]{color:#0b0b0c;text-shadow:none;background:#f4f4f5;border-color:#fff}.hw-btn{--tone:150, 170, 210;border-radius:var(--hw-radius-control);background:linear-gradient(180deg, #ffffff1a, #fff0 45%), linear-gradient(180deg, var(--hw-key-hi), var(--hw-key));min-height:2.6rem;color:var(--hw-text);text-align:center;white-space:nowrap;cursor:pointer;border:1px solid #dce2ec2e;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:800;line-height:1.1;transition:transform 90ms,filter .12s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 -2px #00000073,0 3px #060709,0 6px 14px #0000008c}.hw-btn:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.18)}.hw-btn:active:not(:disabled):not([aria-disabled=true]){filter:brightness(.92);transform:translateY(2px);box-shadow:inset 0 2px 5px #0009,inset 0 -1px #ffffff0d,0 1px #060709,0 2px 6px #00000080}.hw-btn:disabled,.hw-btn[aria-disabled=true]{cursor:not-allowed;opacity:.42;filter:saturate(.6)}.hw-btn[data-size=sm]{min-height:2.15rem;padding:.35rem .75rem;font-size:.78rem}.hw-btn[data-size=lg]{min-height:3.1rem;padding:.75rem 1.4rem;font-size:.95rem}.hw-btn[data-size=icon]{width:2.6rem;min-height:2.6rem;padding:0}.hw-btn[data-size=icon-sm]{width:2.15rem;min-height:2.15rem;padding:0}.hw-btn[data-variant=primary]{background:linear-gradient(180deg, #ffffff8c, #fff0 46%), linear-gradient(180deg, #ffc05a, var(--hw-amber) 55%, #d36a00);color:#1b0d00;text-shadow:0 1px #fff0d273;border-color:#ffd28cf2;box-shadow:inset 0 1px #fff9,inset 0 -3px #8232008c,0 3px #6a3200,0 0 12px #ffa21ab3,0 0 30px #ffa21a59,0 8px 16px #00000080}.hw-btn[data-variant=primary]:active:not(:disabled){box-shadow:inset 0 3px 6px #782d0099,0 1px #6a3200,0 0 8px #ffa21a73}.hw-btn[data-variant=light]{color:#0e0f11;background:linear-gradient(#fff,#e6e9f2 55%,#c3c8d6);border-color:#fff;box-shadow:inset 0 1px #fff,inset 0 -2px #0000002e,0 3px #555b6b,0 0 14px #e8ebf047,0 8px 16px #00000080}.hw-btn[data-variant=outline-amber]{--tone:var(--rgb-amber)}.hw-btn[data-variant=outline-cyan]{--tone:var(--rgb-cyan)}.hw-btn[data-variant=danger]{--tone:var(--rgb-red)}.hw-btn[data-variant=outline-amber],.hw-btn[data-variant=outline-cyan],.hw-btn[data-variant=danger],.hw-btn[data-active=true]{border:2px solid rgba(var(--tone), .95);background:linear-gradient(180deg, #ffffff14, #fff0 45%), radial-gradient(ellipse 90% 80% at 50% 50%, rgba(var(--tone), .18), transparent 75%), linear-gradient(180deg, var(--hw-key-hi), var(--hw-key));color:rgb(var(--tone));text-shadow:0 0 8px rgba(var(--tone), .65);box-shadow:inset 0 1px 0 #ffffff24, inset 0 0 12px rgba(var(--tone), .22), 0 3px 0 #060709, 0 0 10px rgba(var(--tone), .55), 0 0 22px rgba(var(--tone), .25), 0 6px 14px #00000080}.hw-btn[data-variant=outline-amber]{color:#ffcf73}.hw-btn[data-variant=outline-cyan]{color:#9ef4ff}.hw-btn[data-variant=danger]{color:#ff9cad}.hw-btn[data-active=true]{--tone:var(--rgb-amber);color:#ffcf73}.hw-btn[data-variant=primary][data-active=true],.hw-btn[data-variant=light][data-active=true]{color:#1b0d00}.hw-btn[data-variant=ghost]{box-shadow:none;background:0 0;border-color:#0000}.hw-key-led{background:rgba(var(--tone,var(--rgb-cyan)), .9);width:6px;height:6px;box-shadow:0 0 4px rgba(var(--tone,var(--rgb-cyan)), 1), 0 0 10px rgba(var(--tone,var(--rgb-cyan)), .6);border-radius:999px;flex-shrink:0}.hw-key-led[data-off=true]{background:#232426;box-shadow:inset 0 1px 1px #000c}.hw-segment{border-radius:calc(var(--hw-radius-control) + 5px);box-shadow:var(--hw-inset);background:linear-gradient(#050608,#0e0f11);border:1px solid #d7dee81a;flex-wrap:wrap;gap:.4rem;padding:.35rem .35rem .5rem;display:inline-flex}.hw-pad:not([data-tone]){--tone:var(--rgb-cyan)}.hw-pad{border:3px solid rgba(var(--tone), 1);background:linear-gradient(180deg, #ffffff0d, #fff0 30%), radial-gradient(ellipse 80% 70% at 50% 45%, rgba(var(--tone), .08), rgba(var(--tone), .02) 60%, transparent 85%), var(--hw-noise), linear-gradient(180deg, #0f1012, #060708);min-width:0;color:rgb(var(--tone));box-shadow:inset 0 1px 0 #ffffff29, inset 0 0 0 1px rgba(var(--tone), .35), inset 0 0 18px rgba(var(--tone), .5), inset 0 0 46px rgba(var(--tone), .14), inset 0 -4px 0 #00000073, 0 0 10px rgba(var(--tone), .75), 0 0 34px rgba(var(--tone), .38), 0 5px 0 #050608, 0 14px 28px #0009;text-align:center;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 10px rgba(var(--tone), .8);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;font-weight:900;transition:transform 90ms,filter .14s;display:flex;position:relative;overflow:hidden}.hw-pad:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#fff0);border-radius:15px 15px 40% 40%/15px 15px 16px 16px;position:absolute;inset:0 0 52%}.hw-pad:where(a,button):hover{filter:brightness(1.14)}.hw-pad:where(a,button):active,.hw-pad[data-pressable]:active{filter:brightness(.9);box-shadow:inset 0 3px 10px #0000008c, inset 0 0 22px rgba(var(--tone), .3), 0 0 6px rgba(var(--tone), .5), 0 0 16px rgba(var(--tone), .22), 0 2px 0 #050608, 0 5px 10px #00000080;transform:translateY(3px)}.hw-pad[data-tone=cyan]{--tone:var(--rgb-cyan)}.hw-pad[data-tone=magenta]{--tone:var(--rgb-magenta)}.hw-pad[data-tone=amber]{--tone:var(--rgb-amber)}.hw-pad[data-tone=red]{--tone:var(--rgb-red)}.hw-pad[data-tone=green]{--tone:var(--rgb-green)}.hw-pad[data-tone=violet]{--tone:var(--rgb-violet)}.hw-pad[data-tone=yellow]{--tone:var(--rgb-yellow)}.hw-pad[data-tone=lime]{--tone:var(--rgb-lime)}.hw-pad[data-tone=blue]{--tone:var(--rgb-blue)}.hw-pad[data-tone=muted]{--tone:var(--rgb-muted)}.hw-pad[data-lit=true]{color:#2a1100;text-shadow:0 1px #ffecbe99;background:radial-gradient(70% 55% at 50% 42%,#fff6d7f2,#ffc85a8c 45%,#0000 80%),linear-gradient(#ffbe4d,#ff9a12 50%,#e05a00 88%,#b84500);border-color:#ffd795;box-shadow:inset 0 2px #ffffffb3,inset 0 -8px 20px #82280080,inset 0 0 0 1px #fff0c880,0 0 16px #ffa21af2,0 0 50px #ff8c148c,0 6px #6b2c00,0 18px 34px #0009}.hw-pad[data-lit=true]:before{background:linear-gradient(#ffffff80,#ffffff0a);inset:0 0 58%}.hw-pad[data-lit=true]:active{box-shadow:inset 0 4px 12px #7828008c,inset 0 -4px 10px #82280066,0 0 10px #ffa21ab3,0 0 26px #ff8c1459,0 3px #6b2c00,0 8px 14px #00000080}.hw-pad[data-locked=true]{border-color:rgba(var(--tone), .42);color:rgba(var(--tone), .7);text-shadow:none;background:linear-gradient(180deg, #ffffff0d, #fff0 30%), radial-gradient(ellipse 85% 75% at 50% 45%, rgba(var(--tone), .08), transparent 80%), linear-gradient(180deg, #161719, #0a0b0d);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 18px rgba(var(--tone), .12), inset 0 -4px 0 #00000073, 0 0 12px rgba(var(--tone), .2), 0 5px 0 #050608, 0 14px 28px #0009}.hw-knob:not([data-tone]){--tone:var(--rgb-cyan)}.hw-knob{--knob-size:4.75rem;--knob-fill:.5;--knob-angle:0deg;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.5rem;display:inline-flex;position:relative}.hw-knob[data-tone=cyan]{--tone:var(--rgb-cyan)}.hw-knob[data-tone=magenta]{--tone:var(--rgb-magenta)}.hw-knob[data-tone=amber]{--tone:var(--rgb-amber)}.hw-knob[data-tone=red]{--tone:var(--rgb-red)}.hw-knob[data-tone=green]{--tone:var(--rgb-green)}.hw-knob[data-muted=true]{--tone:var(--rgb-muted)}.hw-knob-body{width:var(--knob-size);height:var(--knob-size);flex-shrink:0;display:block;position:relative}.hw-knob-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hw-knob-ring .track{stroke:#0a0e16f2}.hw-knob-ring .ticks{stroke:#d7dee859}.hw-knob-ring .glow{stroke:rgba(var(--tone), .35)}.hw-knob-ring .value{stroke:rgb(var(--tone))}.hw-knob-bezel{background:radial-gradient(circle at 50% 35%,#0f1012,#020306 70%);border-radius:999px;position:absolute;inset:15%;box-shadow:inset 0 2px 6px #000000f2,0 1px #ffffff12}.hw-knob-cap{transform:rotate(var(--knob-angle));background:radial-gradient(circle at 34% 26%,#ffffff52,#fff0 32%),radial-gradient(circle,#0000 58%,#0009 60%,#0000 63%),conic-gradient(#1f2022,#4f545b,#18191b,#5d626a,#1d1e20,#4a4e55,#18191b,#50555c,#1f2022),#202123;border-radius:999px;position:absolute;inset:7%;box-shadow:0 0 0 2px #101113,0 0 0 3.5px #d7dee81f,0 5px 10px #000c,inset 0 1px 1px #ffffff59,inset 0 -3px 5px #0000008c}.hw-knob-cap:before{content:"";border-radius:inherit;background:repeating-conic-gradient(#0000008c 0deg 4deg,#ffffff12 4deg 8deg);position:absolute;inset:-1px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64%);mask:radial-gradient(circle,#0000 62%,#000 64%)}.hw-knob-cap:after{content:"";background:linear-gradient(180deg, #fff, rgb(var(--tone)));width:4px;height:32%;box-shadow:0 0 4px rgb(var(--tone)), 0 0 10px rgba(var(--tone), .8);border-radius:2px;margin-left:-2px;position:absolute;top:7%;left:50%}.hw-knob[data-toy],.hw-knob[role=slider]{cursor:ns-resize;touch-action:none}.hw-knob[role=slider]{border-radius:14px}.hw-knob[data-dragging=true] .hw-knob-cap{box-shadow:0 0 0 2px #101113, 0 0 0 3.5px rgba(var(--tone), .45), 0 5px 10px #000c, inset 0 1px 1px #ffffff59}.hw-toggle{width:3.3rem;height:1.8rem;box-shadow:var(--hw-inset);cursor:pointer;background:linear-gradient(#020306,#101113);border:1px solid #d7dee82e;border-radius:999px;flex-shrink:0;display:inline-flex;position:relative}.hw-toggle:after{content:"";background:radial-gradient(circle at 35% 28%,#fff,#b7bfcf 55%,#6e7789);border-radius:999px;width:calc(1.8rem - 8px);height:calc(1.8rem - 8px);transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #000000b3,inset 0 -1px 2px #0000004d}.hw-toggle[aria-pressed=true]{background:linear-gradient(#8a4a00,#ff9a12);border-color:#ffa21af2;box-shadow:inset 0 2px 5px #00000073,0 0 10px #ffa21a99,0 0 22px #ffa21a40}.hw-toggle[aria-pressed=true]:after{transform:translate(1.5rem)}.hw-led-meter{--led-segments:12;--seg-lit-a:#ffa21a;--seg-lit-b:#ff6a1a;--seg-lit-c:#ff3b5c;--seg-halo:#ff8c1ad9;gap:var(--led-gap,6px);pointer-events:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.hw-led-meter[data-tone=cyan]{--seg-lit-a:#19e3ff;--seg-lit-b:#5ff0ff;--seg-lit-c:#c8fbff;--seg-halo:#19e3ffd9}.hw-led-meter[data-tone=magenta]{--seg-lit-a:#2fffe2;--seg-lit-b:#6fffeb;--seg-lit-c:#c2fff6;--seg-halo:#2fffe2d9}.hw-led-meter[data-tone=green]{--seg-lit-a:#35ff8a;--seg-lit-b:#9dff5a;--seg-lit-c:#ffd23f;--seg-halo:#35ff8acc}.hw-led-meter[data-tone=red]{--seg-lit-a:#ff3b5c;--seg-lit-b:#ff6a7f;--seg-lit-c:#ffb3c0;--seg-halo:#ff3b5cd9}.hw-led-col{--seg:calc(100% / var(--led-segments));border-radius:3px;display:block;position:relative;overflow:hidden}.hw-led-lit,.hw-led-cover{position:absolute;inset:0}.hw-led-lit{background:linear-gradient(0deg, var(--seg-lit-a) 0%, var(--seg-lit-a) 55%, var(--seg-lit-b) 78%, var(--seg-lit-c) 100%);-webkit-mask:repeating-linear-gradient(0deg, #000 0 calc(var(--seg) - 3px), transparent calc(var(--seg) - 3px) var(--seg));-webkit-mask:repeating-linear-gradient(0deg, #000 0 calc(var(--seg) - 3px), transparent calc(var(--seg) - 3px) var(--seg));mask:repeating-linear-gradient(0deg, #000 0 calc(var(--seg) - 3px), transparent calc(var(--seg) - 3px) var(--seg));filter:drop-shadow(0 0 3px var(--seg-halo))}.hw-led-cover{background:repeating-linear-gradient(0deg, #131416 0 calc(var(--seg) - 4px), #242527 calc(var(--seg) - 4px) calc(var(--seg) - 3px), #050608 calc(var(--seg) - 3px) var(--seg));transform:translateY(calc(round(down, var(--led-segments) * var(--led-rest,.5), 1) * -100% / var(--led-segments)));animation:hwLedBounce var(--led-duration,1.6s) steps(1, end) var(--led-delay,0s) infinite}.hw-led-meter[data-static=true] .hw-led-cover{transform:translateY(calc(var(--led-level,6) * -100% / var(--led-segments)));animation:none}html[data-hw-low-perf=true] .hw-led-lit{filter:none}.hw-led-stack{flex-direction:column;gap:.45rem;min-height:0;display:flex}.hw-led-stack>.hw-led-col{flex:1}.hw-led-foot{background:#232426;border-radius:999px;flex-shrink:0;align-self:center;width:7px;height:7px;box-shadow:inset 0 1px 1px #000000e6,0 0 0 1px #d7dee81f}.hw-led-foot[data-on=true]{background:var(--seg-lit-a);box-shadow:0 0 4px var(--seg-lit-a), 0 0 9px var(--seg-halo)}.hw-side-key{font-family:var(--hw-font-pixel);letter-spacing:.1em;text-transform:uppercase;color:var(--hw-text-dim);justify-content:flex-start;gap:.55rem;font-size:.66rem;font-weight:400}.hw-medallion{--medallion-size:3.25rem;--medallion-color:25, 227, 255;width:var(--medallion-size);height:var(--medallion-size);border:3px solid rgb(var(--medallion-color));background:radial-gradient(circle at 35% 26%, #fff3, transparent 40%), radial-gradient(circle at 50% 60%, rgba(var(--medallion-color), .22), #07080a 72%);color:#fff;font-weight:900;font-size:calc(var(--medallion-size) * .34);text-shadow:0 0 8px rgba(var(--medallion-color), .7);box-shadow:0 0 0 2px #000000b3, 0 0 10px rgba(var(--medallion-color), .75), 0 0 24px rgba(var(--medallion-color), .32), inset 0 0 12px rgba(var(--medallion-color), .35);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.hw-tile{border:1px solid var(--hw-line);min-width:0;box-shadow:var(--hw-bevel), 0 3px 0 #00000080, 0 8px 16px #00000059;background:linear-gradient(#ffffff0a,#0000 35%),linear-gradient(#1c1d1f,#0f1012);border-radius:14px;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex;position:relative}.hw-tile[data-highlight]{border-width:2px}.hw-tile[data-highlight=amber]{box-shadow:var(--hw-bevel), var(--hw-glow-amber), 0 3px 0 #00000080;border-color:#ffa21af2}.hw-tile[data-highlight=cyan]{box-shadow:var(--hw-bevel), var(--hw-glow-cyan), 0 3px 0 #00000080;border-color:#19e3ffd9}.hw-tile[data-highlight=magenta]{box-shadow:var(--hw-bevel), var(--hw-glow-magenta), 0 3px 0 #00000080;border-color:#2fffe2d9}.hw-status{color:var(--hw-text-dim);align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;display:inline-flex}.hw-status-dot{background:#6b7280;border-radius:999px;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 1.5px #0009}.hw-input,.hw-select{border-radius:var(--hw-radius-control);width:100%;min-height:2.7rem;color:var(--hw-text);box-shadow:var(--hw-inset);background:linear-gradient(#050608,#0f1012);border:1px solid #d7dee829;outline:none;padding:.55rem .9rem;font-size:.9rem}.hw-input::placeholder{color:var(--hw-text-faint)}.hw-input:focus,.hw-select:focus{box-shadow:var(--hw-inset), 0 0 10px #ffa21a59;border-color:#ffa21ad9}.hw-select option{color:var(--hw-text);background:#0f1012}.hw-range{width:100%;accent-color:var(--hw-amber)}.hw-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(#04050780,#010205d1);justify-content:center;align-items:center;padding:1.25rem 1rem;display:flex;position:fixed;inset:0}html[data-hw-low-perf=true] .hw-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020304e0}.hw-modal{--tone:var(--rgb-amber);border:2px solid rgba(var(--tone), .95);background:radial-gradient(ellipse 70% 40% at 12% 0%, rgba(var(--tone), .12), transparent 70%), var(--hw-noise), var(--hw-brushed), linear-gradient(180deg, #232426, #121315 40%, #0b0c0e);color:var(--hw-text);box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 18px rgba(var(--tone), .18), 0 0 12px rgba(var(--tone), .6), 0 0 40px rgba(var(--tone), .28), 0 30px 80px #000000bf;border-radius:20px;padding:1.6rem;position:relative}.hw-modal[data-tone=cyan]{--tone:var(--rgb-cyan)}.hw-close{background:radial-gradient(circle at 35% 28%, #ffffff29, transparent 45%), linear-gradient(180deg, var(--hw-key-hi), var(--hw-key));width:2.6rem;height:2.6rem;color:var(--hw-text);border:1px solid #dce2ec38;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;transition:transform 90ms,filter .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 3px #060709,0 6px 12px #00000080}.hw-close:hover{filter:brightness(1.25)}.hw-close:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0009,0 1px #060709}.hw-close[data-shape=square]{border-radius:12px;width:2.9rem;height:2.9rem;font-size:1.1rem}.hw-modal label>.hw-label{color:#fcd34d;text-shadow:0 0 8px #ffa21a59;font-size:.74rem}.hw-modal .hw-input,.hw-modal .hw-select{border-radius:12px;min-height:3.05rem;font-size:1rem;font-weight:600}.hw-modal .hw-btn:not([data-size=sm]){min-height:3rem;padding-inline:1.6rem}@media (min-width:2200px) and (min-height:1200px){.hw-modal{zoom:1.2}}.hw-shell{background:var(--hw-bg);min-height:100dvh;color:var(--hw-text);position:relative;overflow-x:hidden}.hw-shell-frame{z-index:1;flex-direction:column;min-height:100dvh;padding:.75rem;display:flex;position:relative}.hw-shell-chassis{flex-direction:column;flex:1;min-width:0;padding:.85rem 1.1rem 1rem;display:flex}.hw-shell-body{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.hw-topbar{padding-inline:1.15rem}.hw-topbar>a .hw-title{font-size:clamp(1.5rem,2.9vh,2.4rem)!important}.hw-device .hw-topbar>a .hw-title{font-size:clamp(1.5rem,3.2vh,2.6rem)!important}.hw-page-header h1.hw-title{line-height:1;font-size:clamp(2.4rem,5.4vh,4.6rem)!important}.hw-page-header .hw-eyebrow{font-size:clamp(.8rem,1.4vh,1.1rem)}.hw-page-header h1+p,.hw-page-header div>p.mt-2{font-size:clamp(1rem,1.7vh,1.35rem)!important}.hw-page-header>.hw-lcd>a.hw-btn,.hw-page-header>.hw-lcd>button.hw-btn{border-width:2px;min-height:clamp(2.8rem,4.8vh,3.8rem);padding-inline:clamp(1.4rem,1.6vw,2.4rem);font-size:clamp(.9rem,1.55vh,1.2rem)}.hw-device-stage{z-index:1;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex;position:relative}.hw-device{flex-direction:column;width:min(100%,94vw);padding:1rem 1.25rem 1.1rem;display:flex}@media (min-width:1537px) and (min-height:850px){.hw-shell{height:100dvh;overflow:hidden}.hw-shell-frame{height:100dvh;min-height:0;padding:1rem 1.25rem}.hw-shell-chassis{min-height:0;padding:1rem 1.5rem 1.2rem}.hw-shell-body{min-height:0}.hw-device-stage{height:100dvh;min-height:0;padding:2vh 3.5vw}.hw-device{width:100%;height:100%;min-height:0;padding:clamp(1rem,1.6vh,1.5rem) clamp(1.25rem,1.4vw,2rem) clamp(1.1rem,1.8vh,1.6rem)}}@media (max-width:1023px){.hw-rail,[data-frame-detail]{display:none!important}.hw-shell-frame{padding:.4rem}.hw-shell-chassis{padding:.75rem}.hw-chassis{border-radius:16px}}.hw-motion-float{animation:hwFloatUp var(--float-duration,2.4s) ease-out forwards}.hw-pulse{animation:1.6s ease-in-out infinite hwPulse}@media (prefers-reduced-motion:reduce){.hw-led-cover,.hw-pulse,[data-hw-motion]{animation:none!important}.hw-motion-float{animation-duration:1.2s!important}}html[data-hw-low-perf=true] .hw-led-cover,html[data-hw-low-perf=true] .hw-pulse,html[data-hw-low-perf=true] [data-hw-motion]{animation:none!important}html[data-hw-low-perf=true] .soundclash-menu-spotlight,html[data-hw-low-perf=true] [data-hw-decor-motion]{display:none!important}html[data-hw-low-perf=true] .hw-btn,html[data-hw-low-perf=true] .hw-pad{transition:none}.hw-battle-root{padding:.5rem}.hw-battle-chassis{min-height:calc(100dvh - 1rem)}.hw-avatar-button{border-width:2px!important;width:2.5rem!important;height:2.5rem!important;font-size:.85rem!important}@media (min-width:1537px) and (min-height:850px){.hw-battle-root{padding:.6rem}}@media (max-width:1023px){.hw-battle-root{padding:.25rem}}.hw-home{flex:1;grid-template:"left hero play right"minmax(16rem,1.45fr)"left pads pads right"minmax(9rem,.9fr)"meter meter meter meter"minmax(5.5rem,.42fr)/minmax(7.5rem,.5fr) minmax(0,1.75fr) minmax(0,1fr) minmax(7.5rem,.5fr);gap:clamp(.8rem,1.7vh,1.4rem);min-height:0;display:grid}.hw-home-side{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;min-height:0;display:flex}.hw-home-knobs{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;gap:1rem;min-height:0;display:flex}.hw-home-knobs .hw-label{color:var(--hw-text);font-size:clamp(.72rem,1.2vh,.95rem)}.hw-home-keys{gap:.55rem;width:100%;display:grid}.hw-home-keys .hw-btn{width:100%;min-height:clamp(2.35rem,4.2vh,3.4rem);font-size:clamp(.72rem,1.25vh,.95rem)}.hw-home-hero{grid-area:hero;min-height:0}.hw-home-hero-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.4rem,1.1vh,.9rem);padding:1rem 1.5rem;display:flex}.hw-home-wordmark{color:#fff;text-shadow:0 4px #0a142de6,0 0 18px #82beff8c,0 0 46px #3d8bff59;font-size:clamp(4.25rem,min(14vh,8vw),13rem);font-weight:700}.hw-home-play{gap:clamp(.6rem,1.6vh,1.4rem);min-height:0}.hw-home-play .hw-icon-ink{color:#3a1600;filter:drop-shadow(0 2px #ffdca08c)}.hw-home-play .hw-icon-ink .duo{opacity:.9}.hw-home-pads{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.7vh,1.4rem);min-height:0;display:grid}.hw-home-pad{gap:clamp(.5rem,1.4vh,1.1rem);min-height:0}.hw-home-pad-label{color:#fff;text-shadow:0 0 10px rgba(var(--tone), .95), 0 0 24px rgba(var(--tone), .5);font-size:clamp(1.35rem,min(3.6vh,2.2vw),3rem);line-height:1}.hw-home-meter{min-height:0;box-shadow:var(--hw-inset), 0 1px 0 #ffffff0f;background:linear-gradient(#050608,#0f1012);border:1px solid #d7dee81f;border-radius:14px;padding:.9rem 1rem .7rem}@media (max-width:1023px){.hw-home{grid-template:"hero hero""play play""pads pads""left right""meter meter"/minmax(0,1fr) minmax(0,1fr)}.hw-home-hero{min-height:18rem}.hw-home-play{min-height:9rem}.hw-home-pads>*{min-height:8rem}.hw-home-meter{min-height:6rem}.hw-home-keys{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hw-home-pads{grid-template-columns:minmax(0,1fr)}}.hw-page{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.hw-page-header{flex-shrink:0}.hw-mode-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(15rem,1fr);gap:1.1rem;min-height:0;display:grid}.hw-mode-pad{text-transform:none;justify-content:flex-start;align-items:stretch;padding:.65rem .9rem .55rem}.hw-mode-title{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;text-shadow:0 0 12px rgba(var(--tone), .55), 0 2px 0 #0009;font-size:1.65rem;overflow:hidden}.hw-pad-led{z-index:21;background:radial-gradient(circle at 35% 30%, #fff, rgb(var(--tone)) 55%);width:.8rem;height:.8rem;box-shadow:0 0 6px rgba(var(--tone), 1), 0 0 16px rgba(var(--tone), .7);border-radius:999px;position:absolute;top:.95rem;left:.95rem}.hw-pad-led[data-off=true],.hw-pad[data-locked=true] .hw-pad-led[data-off=true]{background:radial-gradient(circle at 35% 30%,#434446,#1a1b1d 60%);box-shadow:inset 0 1px 1px #000c,0 0 0 1px #d7dee826}.hw-pad[data-locked=true] .hw-pad-led{opacity:.6;box-shadow:0 0 5px rgba(var(--tone), .7)}.hw-mode-glyph{flex:1;justify-content:center;align-items:center;min-height:0;padding-block:.4rem;display:flex}.hw-mode-glyph .hw-icon{aspect-ratio:1;max-height:6rem;width:auto!important;height:100%!important}.hw-mode-pad .hw-chip{border-width:2px;padding:.4rem .7rem;font-size:clamp(.6rem,min(1.25vh,.58vw),.98rem)}.hw-mode-pad .hw-label{font-size:clamp(.68rem,1.2vh,.92rem)}.hw-pad[data-locked=true] .hw-mode-glyph{opacity:.6}.hw-mode-desc{border:1px solid rgba(var(--tone), .25);color:var(--hw-text);text-shadow:none;box-shadow:var(--hw-inset);background:linear-gradient(#020304d9,#08090bd9);border-radius:10px;padding:.4rem .65rem;font-size:.9rem;font-weight:500;line-height:1.4}.hw-pad[data-locked=true] .hw-mode-desc{color:var(--hw-text-dim)}.hw-mode-pad-empty{opacity:.85}.hw-mode-meter{height:clamp(3.2rem,6vh,4.75rem);box-shadow:var(--hw-inset);background:linear-gradient(#050608,#0f1012);border:1px solid #d7dee81f;border-radius:12px;flex-shrink:0;padding:.55rem .8rem}@media (min-width:1537px) and (min-height:850px){.hw-mode-grid{grid-auto-rows:minmax(0,1fr)}}@media (max-width:1279px){.hw-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-mode-pad-empty{display:none}}@media (max-width:640px){.hw-mode-grid{grid-template-columns:minmax(0,1fr)}}.hw-match-grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;min-height:0;display:grid}.hw-match-card[data-tone]{background:radial-gradient(ellipse 70% 45% at 50% 42%, rgba(var(--tone), .09), transparent 72%), radial-gradient(ellipse 90% 40% at 50% 0%, rgba(var(--tone), .05), transparent 70%), var(--hw-noise), var(--hw-brushed), linear-gradient(180deg, var(--hw-module-hi), var(--hw-module))}.hw-match-card{cursor:pointer;flex-direction:column;align-items:stretch;gap:clamp(.6rem,1.4vh,1.1rem);min-height:24rem;padding:1.3rem 1.3rem 1.25rem;transition:transform 90ms,filter .14s;display:flex}.hw-match-card:hover,.hw-match-card[data-emphasis=true]{box-shadow:var(--hw-bevel), 0 0 0 1px rgba(var(--tone), 1), 0 0 18px rgba(var(--tone), 1), 0 0 60px rgba(var(--tone), .6), inset 0 0 28px rgba(var(--tone), .42), 0 3px 0 #0000008c, 0 14px 30px #0000008c}.hw-match-card:active{filter:brightness(.94);transform:translateY(2px)}.hw-match-title{text-shadow:0 0 14px rgba(var(--tone), .5), 0 3px 0 #0009;font-size:clamp(1.8rem,3.6vh,2.8rem)}.hw-match-dial{flex:1;justify-content:center;align-items:center;gap:clamp(1rem,2.2vw,2.25rem);min-height:0;display:flex}.hw-match-dial-meter{width:clamp(.8rem,.9vw,1.2rem);height:clamp(7rem,min(30vh,17vw),22rem)}.hw-focal-dial{justify-content:center;align-items:center;gap:clamp(1.25rem,3vw,3rem);margin-bottom:clamp(1rem,2.5vh,2rem);display:flex}.hw-focal-dial .hw-match-dial-meter{height:clamp(7rem,22vh,15rem)}.hw-focal-ping{border:3px solid rgba(var(--tone), .7);pointer-events:none;border-radius:999px;animation:1.8s ease-out infinite hwFocalPing;position:absolute;inset:4%}.hw-match-title+.hw-chip,.hw-match-card>span:first-of-type .hw-chip{border-width:2px;padding:.42rem .75rem;font-size:clamp(.72rem,1.35vh,1.05rem)}.hw-match-desc{max-width:22em;min-height:3.2em;color:var(--hw-text);margin-inline:auto;font-size:clamp(1rem,min(2vh,.9vw),1.5rem);line-height:1.45;display:block}.hw-match-action{min-height:clamp(3rem,5.6vh,4.2rem);font-family:var(--hw-font-heading);letter-spacing:.05em;text-shadow:0 0 10px rgba(var(--tone), .8);font-size:clamp(1.25rem,2.7vh,2.1rem);font-weight:400;border:3px solid rgb(var(--tone))!important;background:var(--studio-blue-surface)!important;box-shadow:0 0 10px rgba(var(--tone), .6), 0 0 26px rgba(var(--tone), .25), inset 0 0 14px rgba(var(--tone), .25), 0 3px 0 #030304!important}@media (min-width:1800px) and (min-height:1050px){.hw-solo-setup{max-width:76rem}.hw-solo-setup h2.hw-title{font-size:clamp(3rem,6vh,4.8rem)!important}.hw-solo-setup .hw-eyebrow{font-size:clamp(.85rem,1.5vh,1.15rem)}.hw-solo-setup p.text-lg{font-size:clamp(1.1rem,2vh,1.5rem)!important}.hw-solo-setup .max-w-3xl{gap:1.4rem;max-width:60rem}.hw-solo-setup .hw-label{font-size:clamp(.7rem,1.25vh,.95rem)}.hw-solo-setup .hw-select{min-height:clamp(3rem,5.2vh,4rem);font-size:clamp(1rem,1.8vh,1.35rem);font-weight:600}.hw-solo-setup .hw-btn{min-height:clamp(3.2rem,5.6vh,4.4rem);padding-inline:clamp(1.6rem,2vw,2.8rem);font-size:clamp(1rem,1.8vh,1.35rem)}}.hw-match-meter .hw-silkscreen{color:#d7dce48c;font-size:clamp(.66rem,1.15vh,.9rem)}.hw-match-meter{flex-shrink:0;height:clamp(5.5rem,12vh,10rem)}.hw-header-eq{opacity:.42;--led-gap:5px;align-self:stretch;width:min(22rem,24vw);margin-left:auto}@media (max-width:1279px){.hw-header-eq{display:none}}.hw-module-neon{background:var(--hw-brushed) padding-box, linear-gradient(180deg, var(--hw-module-hi), var(--hw-module)) padding-box, linear-gradient(90deg, var(--hw-cyan), #2d2e30 18%, #262729 50%, #1d403b 82%, var(--hw-magenta)) border-box;box-shadow:var(--hw-bevel), -8px 0 22px -12px #19e3ffe6, 8px 0 22px -12px #2fffe2e6, 0 14px 30px #0000008c;border:2px solid #0000}.hw-rack-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(clamp(13rem,27vh,22rem),auto);align-content:start;gap:1.1rem;min-height:100%;display:grid}@media (min-width:1537px) and (min-height:850px){.hw-rack-grid{grid-auto-rows:minmax(clamp(13rem,30vh,24rem),calc(50% - .55rem))}}@media (max-width:1279px){.hw-rack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.hw-rack-grid{grid-template-columns:minmax(0,1fr)}}.hw-rack-unit{--rack:var(--rgb-cyan);background:linear-gradient(90deg, #0f1012 0 1.9rem, transparent 1.9rem calc(100% - 1.9rem), #0f1012 calc(100% - 1.9rem)), var(--hw-brushed), linear-gradient(180deg, var(--hw-module-hi), var(--hw-module));padding:.75rem 2.4rem;display:flex;overflow:hidden}.hw-rack-unit[data-privacy=private]{--rack:var(--rgb-magenta)}.hw-rack-strip{background:linear-gradient(180deg, rgba(var(--rack), .6), rgb(var(--rack)) 50%, rgba(var(--rack), .6));width:5px;box-shadow:0 0 6px rgba(var(--rack), 1), 0 0 16px rgba(var(--rack), .6);border-radius:999px;position:absolute;top:22%;bottom:22%;left:.82rem}.hw-rack-meter{width:.6rem;top:24%;bottom:24%;right:.7rem;position:absolute!important}.hw-rack-face{background:linear-gradient(#ffffff08,#0000 30%),#111214;border:1px solid #d7dee81f;border-radius:12px;flex-direction:column;flex:1;gap:.75rem;min-width:0;padding:.9rem 1rem;display:flex;box-shadow:inset 0 1px #ffffff0f,0 2px #00000080}.hw-rack-readouts{background:linear-gradient(180deg, var(--hw-lcd-hi), var(--hw-lcd));box-shadow:var(--hw-inset);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.hw-rack-readouts .hw-readout{box-shadow:none;background:0 0;border:0;border-radius:0;padding:.6rem .75rem}.hw-rack-readouts .hw-readout+.hw-readout{border-left:1px solid #d7dee81a}.hw-rack-readouts{flex:1;align-items:stretch}.hw-rack-readouts .hw-readout{justify-content:center;gap:.6rem;padding-block:clamp(.6rem,1.6vh,1.2rem)}.hw-rack-readouts .hw-readout .hw-label{font-size:clamp(.62rem,1.05vh,.8rem)}.hw-rack-readouts .hw-readout-value.hw-value-text{white-space:normal;font-size:clamp(1.1rem,2.3vh,1.75rem);line-height:1.1}.hw-rack-face .hw-btn[data-size=lg]{min-height:clamp(3rem,5.4vh,4rem);font-size:clamp(.95rem,1.7vh,1.2rem)}.hw-rack-face .hw-chip{border-width:2px;padding:.4rem .75rem;font-size:clamp(.68rem,1.25vh,.95rem)}.hw-rack-face .hw-label{font-size:clamp(.62rem,1.1vh,.85rem)}.hw-rack-face .hw-btn[data-size=lg]{border-width:2px}.hw-module-neon>.hw-lcd .hw-eyebrow{font-size:clamp(.85rem,1.6vh,1.25rem)}.hw-module-neon>.hw-lcd p.text-base{font-size:clamp(1rem,1.6vh,1.25rem)!important}@media (min-width:1537px) and (min-height:850px){.hw-match-card{min-height:0}}@media (max-width:1279px){.hw-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hw-match-grid{grid-template-columns:minmax(0,1fr)}.hw-rack-unit .grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.hw-readout-value.hw-value-text{letter-spacing:0;font-family:inherit;font-size:.95rem;font-weight:800}.hw-leader-body{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}@media (max-width:1536px),(max-height:849px){.hw-leader-body .hw-scroll{max-height:34rem}}.hw-avatar-ring{--ring:190, 200, 220;color:#fff;font-weight:900;border:3px solid rgb(var(--ring))!important;background:radial-gradient(circle at 35% 28%, rgba(var(--ring), .22), transparent 60%), #0b0c0e!important;box-shadow:inset 0 0 12px rgba(var(--ring), .35), 0 0 10px rgba(var(--ring), .55), 0 0 26px rgba(var(--ring), .22)!important}.hw-avatar-md{font-size:clamp(.9rem,1.5vh,1.15rem);width:clamp(2.75rem,4.6vh,3.6rem)!important;height:clamp(2.75rem,4.6vh,3.6rem)!important}.hw-avatar-lg{font-size:clamp(1.6rem,3vh,2.5rem);width:clamp(5rem,9.5vh,8rem)!important;height:clamp(5rem,9.5vh,8rem)!important}.hw-ring-cyan,.hw-ring-sky{--ring:var(--rgb-cyan)}.hw-ring-amber,.hw-ring-yellow,.hw-ring-orange{--ring:var(--rgb-amber)}.hw-ring-fuchsia,.hw-ring-pink,.hw-ring-violet{--ring:var(--rgb-magenta)}.hw-ring-red{--ring:255, 77, 109}.hw-ring-lime,.hw-ring-emerald{--ring:74, 222, 128}.hw-filter-key{min-width:clamp(6.5rem,7vw,10rem);min-height:clamp(2.4rem,3.9vh,3.1rem);font-size:clamp(.8rem,1.35vh,1.05rem)}.hw-leader-stats .hw-label{font-size:clamp(.66rem,1.15vh,.9rem)}.hw-leader-stats .hw-lcd-text{font-size:clamp(1.8rem,4vh,3.2rem);line-height:1.05}.hw-leader-podium[data-tone=amber]{box-shadow:var(--hw-bevel), 0 0 16px rgba(var(--rgb-amber), .55), 0 0 44px rgba(var(--rgb-amber), .25), 0 14px 30px #0000008c}.hw-leader-podium .hw-chip,.hw-leader-podium span.rounded-full.border{border-width:2px;border-radius:8px;padding:.3rem .85rem!important;font-size:clamp(.66rem,1.15vh,.9rem)!important}.hw-leader-crown{text-shadow:0 0 10px #ffbe3ce6}@media (min-width:1280px){.hw-leader-cols{grid-template-columns:5rem minmax(15rem,1.5fr) minmax(9rem,1fr) minmax(6rem,.8fr) minmax(5rem,.7fr) minmax(6rem,.8fr) minmax(9rem,1fr) 4rem}}.hw-leader-head .hw-label{color:#fcd34d;font-size:clamp(.7rem,1.2vh,.92rem)}.hw-leader-rank{font-size:clamp(1.5rem,2.8vh,2.2rem)}.hw-leader-num{font-size:clamp(1rem,1.8vh,1.4rem)}.hw-leader-tier{border-width:2px;width:fit-content;min-width:clamp(7rem,8vw,10rem);padding-block:.4rem;font-size:clamp(.7rem,1.2vh,.9rem)}.hw-more-key{border-radius:10px!important;width:3.2rem!important;height:2.3rem!important}.hw-community{flex-direction:row;gap:1rem}.hw-community-main{flex-direction:column;flex:1;gap:1rem;min-width:0;min-height:0;display:flex}.hw-community-side{flex-direction:column;flex-shrink:0;align-items:center;gap:1.5rem;width:clamp(5.5rem,6.5vw,9rem);padding-top:1rem;display:flex}.hw-community-side-meter{flex:1;width:clamp(1.6rem,2.2vw,2.6rem);max-height:34rem}.hw-community-side .hw-label{color:var(--hw-text);font-size:clamp(.64rem,1.1vh,.85rem)}.hw-wave{height:clamp(4rem,7vh,5.75rem)}.hw-community-grid{flex:1;grid-template-columns:minmax(0,1fr) clamp(22rem,24vw,36rem);gap:1rem;min-height:0;display:grid}@media (max-width:1536px),(max-height:849px){.hw-community-grid>.hw-scroll{max-height:none;overflow:visible}}@media (max-width:1279px){.hw-community-side{display:none}.hw-community-grid{grid-template-columns:minmax(0,1fr)}}.hw-profile-grid{flex:1;grid-template-columns:minmax(22rem,.85fr) minmax(0,1.15fr);gap:1rem;min-height:0;display:grid}@media (max-width:1279px){.hw-profile-grid{grid-template-columns:minmax(0,1fr)}}.hw-profile-avatar,.hw-profile-avatar>div{width:clamp(7.5rem,15vh,12.5rem)!important;height:clamp(7.5rem,15vh,12.5rem)!important}.hw-profile-avatar>div{border-width:3px;font-size:clamp(2.5rem,5.4vh,4.5rem)}.hw-profile-avatar>button{width:clamp(2.25rem,4vh,3.25rem);height:clamp(2.25rem,4vh,3.25rem)}.hw-profile-rank{border-width:2px;border-radius:10px!important;padding:.4rem 1rem!important;font-size:clamp(.75rem,1.35vh,1rem)!important}.hw-profile-id .hw-input{font-size:1.1rem}.hw-profile-stats .hw-readout{justify-content:center;align-items:center;padding-block:clamp(.8rem,2.2vh,1.6rem)}.hw-profile-stats .hw-readout .hw-label{font-size:clamp(.66rem,1.15vh,.9rem)}.hw-profile-tracks{grid-auto-rows:minmax(min-content,1fr)}.pta-page .hw-page-header h1.hw-title{font-size:clamp(2.4rem,5.4vh,4.6rem);line-height:1}.pta-page .hw-page-header p.mt-2{font-size:clamp(1rem,1.7vh,1.35rem)}.pta-code .hw-readout-value{letter-spacing:.18em;font-size:clamp(1.6rem,3.4vh,2.6rem)}.pta-body{flex:1;grid-template-columns:minmax(0,1.65fr) minmax(24rem,1fr);gap:1rem;min-height:0;display:grid}.pta-room,.pta-side{flex-direction:column;gap:1rem;min-height:0;padding:clamp(1rem,1.8vh,1.5rem) clamp(1rem,1.2vw,1.6rem);display:flex}.pta-panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;padding-left:.4rem;display:flex}.pta-panel-head .hw-eyebrow{font-size:clamp(.72rem,1.3vh,1rem)}.pta-panel-title{margin-top:.3rem;font-size:clamp(1.6rem,3.2vh,2.6rem);line-height:1}.pta-mini-readout{min-width:7rem;padding-block:.45rem}.pta-mini-readout .hw-readout-value{font-size:clamp(1.25rem,2.6vh,2rem)}.pta-mini-readout .hw-value-text{font-size:clamp(.95rem,1.7vh,1.25rem)}.pta-slots{--pta-medallion:clamp(2.8rem, 5.4vh, 4.4rem);flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.5rem,1vh,.8rem);min-height:0;display:grid}.pta-slots[data-slots="20"]{--pta-medallion:clamp(2.2rem, 3.6vh, 3rem);grid-template-rows:repeat(4,minmax(0,1fr))}.pta-slot{align-items:center;gap:clamp(.5rem,.7vw,.9rem);min-width:0;min-height:0;padding:clamp(.5rem,1vh,.85rem) clamp(.6rem,.7vw,.95rem);display:flex}.pta-slot-info{flex:1 1 0;min-width:0}.pta-slot[data-filled=false]{border-radius:var(--hw-radius-control);box-shadow:var(--hw-inset);background:#00000040;border:2px dashed #dce2ec1f;justify-content:center}.pta-slots[data-slots="10"]{--pta-medallion:clamp(3.6rem, 9vh, 7rem)}.pta-slots[data-slots="10"] .pta-slot[data-filled=true]{text-align:center;flex-direction:column;justify-content:center;gap:clamp(.6rem,1.4vh,1.1rem)}.pta-slots[data-slots="10"] .pta-slot[data-filled=true]>div{flex-direction:column;flex:none;align-items:center;width:100%;display:flex}.pta-slots[data-slots="10"] .pta-slot[data-filled=true]>div>div:first-child{justify-content:center;max-width:100%}.pta-slots[data-slots="10"] .pta-slot-name{font-size:clamp(1rem,1.9vh,1.45rem)}.pta-slots[data-slots="10"] .pta-slot-status{padding:.35rem .7rem;font-size:clamp(.62rem,1.1vh,.85rem)}.pta-slots[data-slots="10"] .rounded-full.border{padding:.2rem .6rem!important;font-size:clamp(.6rem,1.05vh,.8rem)!important}.pta-slot-plus{font-family:var(--hw-font-pixel);color:#dce2ec2e;font-size:clamp(1.4rem,3vh,2.2rem)}.pta-slot-name{font-size:clamp(.85rem,1.6vh,1.2rem)}.pta-slots[data-slots="20"] .pta-slot-name{font-size:clamp(.78rem,1.3vh,1rem)}.pta-slots[data-slots="20"] .rounded-full.border{display:none}.pta-slot-status{font-size:clamp(.58rem,1vh,.75rem)}.pta-hint,.pta-reason,.pta-notice{color:var(--hw-text-dim);font-size:clamp(.8rem,1.35vh,1rem)}.pta-reason{text-align:center;color:#fcd34d}.pta-notice{color:#fca5a5}.pta-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:clamp(.6rem,1.2vh,1rem) 1rem;min-height:0;display:grid}.pta-field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.pta-field>.hw-label{color:#fcd34d;font-size:clamp(.66rem,1.15vh,.85rem)}.pta-field .hw-select{min-height:clamp(2.6rem,4.4vh,3.3rem);font-size:clamp(.9rem,1.55vh,1.12rem);font-weight:600}.pta-steps{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pta-steps .hw-btn{min-height:clamp(2.2rem,3.8vh,2.9rem);font-size:clamp(.9rem,1.55vh,1.12rem)}.pta-side .hw-btn[data-size=lg]{min-height:clamp(3rem,5.4vh,4.2rem);font-size:clamp(.95rem,1.75vh,1.3rem)}.pta-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.pta-locked-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.pta-status-screen{flex-direction:column;flex:1;justify-content:center;gap:1.25rem;min-height:0;padding:1.5rem;display:flex}.pta-status-screen p{font-size:clamp(.95rem,1.7vh,1.25rem);line-height:1.5}.pta-status-meter{height:clamp(4rem,12vh,9rem)}@media (max-width:1279px){.pta-body{grid-template-columns:minmax(0,1fr)}.pta-slots{grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.pta-slot{min-height:4.5rem}}@media (max-width:640px){.pta-settings-grid,.pta-locked-settings,.pta-summary{grid-template-columns:minmax(0,1fr)}}.hw-lobby{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.hw-lobby-bar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;display:flex}.hw-lobby-bar .hw-readout{min-width:7.5rem;padding-block:.4rem}.hw-lobby-body{flex:1;gap:.75rem;min-height:0;display:flex}.hw-drawer{flex-direction:column;min-height:0;display:flex}.hw-lobby-roster{flex-shrink:0;width:min(20rem,20vw)}.hw-lobby-center{flex-direction:column;flex:1;gap:.75rem;min-width:0;min-height:0;display:flex}.hw-lobby-lcd{flex:1 1 0;min-height:15rem}.hw-lobby-lcd-rail{width:clamp(.9rem,1.3vw,1.9rem);top:10%;bottom:10%;position:absolute!important}.hw-lobby-headline{text-wrap:balance;max-width:100%;font-size:clamp(2.6rem,8.5vh,7.5rem);line-height:.98}.hw-lobby-stats .hw-label{font-size:clamp(.66rem,1.2vh,.95rem)}.hw-lobby-stats .hw-lcd-text{font-size:clamp(1.9rem,4.2vh,3.4rem)!important}.hw-lobby-bar .hw-btn:not([data-size=icon]):not(.hw-close){min-height:clamp(2.4rem,4.2vh,3.2rem);padding-inline:clamp(.9rem,1vw,1.4rem);font-size:clamp(.82rem,1.4vh,1.08rem)}.hw-lobby-bar .hw-readout-value,.hw-lobby-bar .hw-lcd-text{font-size:clamp(1.3rem,2.6vh,2rem)}.hw-lobby-drawers .hw-eyebrow{font-size:clamp(.72rem,1.35vh,1.05rem)}.hw-lobby-drawers .hw-drawer>div:first-child p.text-sm{font-size:clamp(.85rem,1.45vh,1.1rem)!important}.hw-lobby-drawers .hw-scroll>.rounded-lg.border{padding:clamp(.45rem,.95vh,.75rem) .9rem!important;font-size:clamp(.85rem,1.5vh,1.15rem)!important}.hw-lobby-drawers .hw-lcd>.text-sm{font-size:clamp(.88rem,1.55vh,1.2rem)!important}.hw-lobby-drawers .hw-input{min-height:clamp(2.7rem,4.4vh,3.4rem);font-size:clamp(.9rem,1.4vh,1.05rem)}.hw-lobby-drawers .hw-close{width:clamp(2rem,3.4vh,2.75rem);height:clamp(2rem,3.4vh,2.75rem)}.hw-lobby .hw-channel:not([data-compact]),.hw-upload .hw-channel:not([data-compact]),.hw-playback .hw-channel:not([data-compact]){align-items:center;gap:clamp(.75rem,1vw,1.25rem);min-height:clamp(5.5rem,10.5vh,8.75rem);padding:clamp(.7rem,1.4vh,1.1rem) clamp(.8rem,1vw,1.2rem)}.hw-lobby .hw-channel:not([data-compact]) .hw-medallion,.hw-upload .hw-channel:not([data-compact]) .hw-medallion,.hw-playback .hw-channel:not([data-compact]) .hw-medallion{width:clamp(3.2rem,6.6vh,5.4rem);height:clamp(3.2rem,6.6vh,5.4rem);font-size:clamp(1rem,2.1vh,1.7rem)}.hw-lobby .hw-channel:not([data-compact]) p.font-bold,.hw-upload .hw-channel:not([data-compact]) p.font-bold,.hw-playback .hw-channel:not([data-compact]) p.font-bold{font-size:clamp(.9rem,1.65vh,1.25rem)!important}.hw-lobby .hw-channel:not([data-compact]) span.rounded-full.border,.hw-upload .hw-channel:not([data-compact]) span.rounded-full.border{border-width:2px;border-radius:7px;padding:.22rem .65rem!important;font-size:clamp(.62rem,1.1vh,.82rem)!important}.hw-lobby .hw-channel:not([data-compact]) .hw-status,.hw-upload .hw-channel:not([data-compact]) .hw-status,.hw-playback .hw-channel:not([data-compact]) .hw-status{margin-top:.45rem;font-size:clamp(.72rem,1.3vh,.95rem);display:flex}.hw-lobby .hw-channel:not([data-compact]) .hw-status-dot,.hw-upload .hw-channel:not([data-compact]) .hw-status-dot,.hw-playback .hw-channel:not([data-compact]) .hw-status-dot{width:11px;height:11px}.hw-lobby-drawers{flex-direction:column;flex-shrink:0;gap:.75rem;width:clamp(20rem,25vw,40rem);min-height:0;display:flex}.hw-channels{flex-direction:column;flex:0 auto;min-height:9rem;max-height:54%;padding:.75rem;display:flex}.hw-channel-grid{grid-template-columns:repeat(auto-fill,minmax(max(14rem,20% - .48rem),1fr));align-content:start;gap:.6rem;display:grid}.soundclash-lobby-large-compact .hw-channel-grid,.soundclash-lobby-large-ultra .hw-channel-grid,.hw-channel-grid[data-dense=true]{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.45rem}.hw-channel[data-compact=true]{gap:.5rem;padding:.4rem .5rem}@media (max-width:1279px){.hw-lobby-body{flex-direction:column}.hw-lobby-roster,.hw-lobby-drawers{width:100%}.hw-channels{max-height:none}.hw-lobby-drawers .hw-drawer{max-height:28rem}}.hw-phase-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding:.85rem 1.1rem;display:flex}.hw-phase-bar .hw-btn[data-size=lg]{min-height:clamp(3rem,5vh,4rem);padding-inline:clamp(1.1rem,1.3vw,1.9rem);font-size:clamp(.92rem,1.6vh,1.2rem)}.hw-cooking{flex:1;gap:.75rem;min-height:0;display:flex}.hw-cooking-side{--cooking-medallion-size:3.6rem;scrollbar-width:thin;scrollbar-color:#f59e0b80 transparent;flex-shrink:0;align-content:space-evenly;gap:.5rem;width:7.5rem;min-height:0;display:grid;overflow-y:auto}.soundclash-cooking-medium .hw-cooking-side,.soundclash-cooking-large-dense .hw-cooking-side{--cooking-medallion-size:2.6rem;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;width:11rem}.soundclash-cooking-large-ultra .hw-cooking-side{--cooking-medallion-size:2rem;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;width:13rem}.hw-cooking-medallion{flex-direction:column;align-items:center;min-width:0;display:flex}.hw-cooking-main{flex-direction:column;flex:1;gap:.75rem;min-width:0;min-height:0;display:flex}.hw-cooking-body{flex:1;gap:.75rem;min-height:0;display:flex}.hw-cooking-workspace{flex-direction:column;flex:1;min-width:0;min-height:0;padding:.9rem;display:flex}.hw-cooking-rack{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:.6rem;min-height:0;display:grid}.hw-cooking-group{flex-direction:column;min-width:0;min-height:0;padding:.75rem;display:flex}.hw-cooking-singles .hw-cooking-group>.mt-auto{margin-block:auto}.hw-cooking-singles{grid-auto-rows:minmax(0,1fr);gap:.6rem;min-height:0;display:grid}.hw-sound-row{background:linear-gradient(#161719,#0e0f12);border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;min-width:0;min-height:0;padding:.45rem .6rem;display:flex}.hw-sound-row[data-available=false]{opacity:.55}.hw-sound-row[data-available=false] .hw-label:after{content:""}.hw-sound-key{min-width:2.2rem;height:2.2rem;font-family:var(--hw-font-pixel);color:#fcd34d;background:#00000080;border:1px solid #f59e0b66;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding-inline:.4rem;font-size:.7rem;display:inline-flex}.hw-sound-row[data-available=false] .hw-sound-key{color:var(--hw-text-faint);border-color:#ffffff14}.hw-cooking-sidebar{flex-direction:column;flex-shrink:0;gap:.75rem;width:clamp(22rem,21vw,32rem);min-height:0;display:flex}@media (min-width:1800px) and (min-height:1050px){.hw-cooking-side{--cooking-medallion-size:clamp(3.6rem, 7vh, 5.75rem);width:clamp(7.5rem,7vw,10.5rem)}.hw-cooking-medallion p{font-size:clamp(.8rem,1.4vh,1.05rem)!important}.hw-cooking-medallion .hw-chip,.hw-cooking-medallion>span:last-child{font-size:clamp(.62rem,1.05vh,.82rem)!important}.hw-cooking-group{padding:1rem}.hw-cooking-group>.hw-eyebrow{font-size:clamp(.72rem,1.3vh,1rem)}.hw-sound-row{gap:1rem;padding:clamp(.55rem,1.1vh,.95rem) clamp(.7rem,.8vw,1.1rem)}.hw-sound-row .hw-btn[data-size=icon-sm]{width:clamp(2.6rem,4.5vh,3.5rem);height:clamp(2.6rem,4.5vh,3.5rem)}.hw-sound-row .hw-btn svg{width:clamp(1.1rem,1.9vh,1.45rem)!important;height:clamp(1.1rem,1.9vh,1.45rem)!important}.hw-sound-row p.text-sm{font-size:clamp(1rem,1.8vh,1.35rem)!important}.hw-sound-row .hw-label{font-size:clamp(.62rem,1.05vh,.8rem)}.hw-sound-key{border-width:2px;min-width:clamp(2.6rem,4.6vh,3.6rem);height:clamp(2.6rem,4.6vh,3.6rem);font-size:clamp(.8rem,1.5vh,1.15rem)}.hw-cooking-footer{font-size:clamp(.85rem,1.45vh,1.1rem)!important}.hw-cooking-footer .hw-readout{padding:clamp(.55rem,1.1vh,.9rem) clamp(.9rem,1vw,1.4rem)}.hw-cooking-sidebar .hw-tile p.font-semibold{font-size:clamp(.95rem,1.6vh,1.2rem)}.hw-cooking-sidebar h3{font-size:clamp(1.1rem,2vh,1.5rem)!important}.hw-cooking-sidebar .hw-lcd>.text-sm{font-size:clamp(.88rem,1.5vh,1.15rem)!important}.hw-phase-bar .hw-readout-value{font-size:clamp(2.1rem,4.6vh,3.5rem)!important}.hw-phase-bar .hw-readout{padding-inline:1.1rem}.hw-phase-bar .hw-btn:not([data-size]){min-height:clamp(2.6rem,4.4vh,3.4rem);padding-inline:1.2rem;font-size:clamp(.85rem,1.45vh,1.08rem)}}@media (max-width:1535px){.hw-cooking-rack{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.hw-cooking-singles{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto}}@media (max-width:1279px){.hw-cooking{flex-direction:column}.hw-cooking-side{width:100%;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))!important}.hw-cooking-body{flex-direction:column}.hw-cooking-sidebar{width:100%}.hw-cooking-sidebar .hw-drawer{max-height:28rem}}@media (max-width:767px){.hw-cooking-rack,.hw-cooking-singles{grid-template-columns:minmax(0,1fr)}}.hw-reveal{flex:1;min-height:0;display:flex}.hw-reveal-deck{gap:1rem;min-height:0;padding:1rem;display:flex}.hw-reveal-controls{pointer-events:none;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;width:clamp(11rem,10vw,15rem);padding-block:.5rem;display:flex}.hw-reveal-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:100%;display:grid}.hw-reveal-controls .hw-knob{pointer-events:auto}.hw-reveal-strip{background:linear-gradient(#ffa21a8c,#ffb43a 45%,#ffa21a8c);border-radius:999px;flex-shrink:0;width:6px;box-shadow:0 0 8px #ffa21af2,0 0 20px #ffa21a80}.hw-reveal-grid{grid-template-columns:minmax(0,1fr)}@media (min-width:1280px){.hw-reveal-grid{grid-template-columns:minmax(0,1fr) clamp(23rem,22vw,34rem)}}.hw-reveal-wave{margin-block:clamp(2rem,4.5vh,3.25rem);transform:scaleY(1.7)}.hw-reveal-list>div{padding-block:clamp(.45rem,1.05vh,.85rem)}.hw-reveal-list p{font-size:clamp(.95rem,1.7vh,1.3rem)}.hw-reveal-list .hw-lcd-text{font-size:clamp(.75rem,1.3vh,1rem)!important}.hw-reveal-list svg{width:clamp(1rem,1.9vh,1.4rem)!important;height:clamp(1rem,1.9vh,1.4rem)!important}.hw-reveal-number{position:relative}.hw-reveal-number:before,.hw-reveal-number:after{content:"";filter:drop-shadow(0 0 4px #ffa21acc);border:2px solid #ffa21abf;width:.8rem;position:absolute;top:22%;bottom:22%}.hw-reveal-number:before{border-right:0;border-radius:4px 0 0 4px;left:-2.2rem}.hw-reveal-number:after{border-left:0;border-radius:0 4px 4px 0;right:-2.2rem}.hw-reveal-pad{aspect-ratio:1;background:linear-gradient(#1f2022,#131416);border:1px solid #ffffff14;border-radius:10px;box-shadow:inset 0 1px #ffffff12,0 3px #0009}.hw-reveal-screen{justify-content:center;align-items:center;padding:1.5rem;display:flex}.hw-reveal-number{color:#fff;background:radial-gradient(circle at 40% 30%,#ffffff0f,#0000 50%),#07080a;border:3px solid #f59e0bf2;border-radius:999px;justify-content:center;align-items:center;width:clamp(7rem,19vh,14.5rem);height:clamp(7rem,19vh,14.5rem);margin-inline:auto;font-size:clamp(3.2rem,9.5vh,7.5rem);font-weight:900;display:flex;box-shadow:0 0 0 6px #f59e0b14,0 0 34px #f59e0b73,inset 0 0 18px #f59e0b33}.hw-reveal-crosshair{pointer-events:none;background:linear-gradient(#ffffff2e,#ffffff2e) 50%/1px 100% no-repeat,linear-gradient(#ffffff2e,#ffffff2e) 50%/100% 1px no-repeat;width:18px;height:18px;position:absolute}.hw-reveal-crosshair[data-pos=tl]{top:1.25rem;left:1.25rem}.hw-reveal-crosshair[data-pos=tr]{top:1.25rem;right:1.25rem}.hw-reveal-crosshair[data-pos=bl]{bottom:1.25rem;left:1.25rem}.hw-reveal-crosshair[data-pos=br]{bottom:1.25rem;right:1.25rem}@media (max-width:1279px){.hw-reveal-controls{display:none}.hw-reveal-deck{min-height:32rem}}.hw-upload{flex:1;gap:.75rem;min-height:0;display:flex}.hw-upload-side{flex-shrink:0;width:min(20rem,20vw)}.hw-upload-main{flex-direction:column;flex:1;gap:.75rem;min-width:0;min-height:0;display:flex}.hw-upload-drop{text-align:center;background:#00000059;border:1px dashed #ffffff2e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:6.5rem;padding:.75rem 1rem;display:flex}.hw-upload-drop[data-dragging=true],.hw-upload-intake[data-dragging=true]{background:#f59e0b14;border-color:#f59e0bd9}.hw-upload-submission{flex-direction:column;flex:1;min-height:13rem;padding:.9rem;display:flex}@media (min-width:1800px) and (min-height:1050px){.hw-upload-drop{border-width:2px;gap:.9rem;min-height:clamp(6.5rem,17vh,15rem)}.hw-upload-drop-icon{width:clamp(2.5rem,5.5vh,4.5rem)!important;height:clamp(2.5rem,5.5vh,4.5rem)!important}.soundclash-upload-actions .hw-btn{min-height:clamp(2.9rem,5.2vh,4.1rem);font-size:clamp(.92rem,1.6vh,1.2rem)}.soundclash-upload-console .hw-eyebrow{font-size:clamp(.72rem,1.35vh,1.05rem)}.hw-upload-status>.hw-readout{padding-inline:1.25rem;padding-block:clamp(.7rem,2vh,1.5rem)!important}.hw-upload-status .hw-label{font-size:clamp(.68rem,1.2vh,.95rem)}.hw-upload-status .hw-lcd-text{font-size:clamp(1rem,1.9vh,1.45rem)}.hw-upload-intake{min-width:min(100%,34rem);min-height:clamp(3.5rem,6.5vh,5.5rem)}.hw-upload-intake .hw-label{font-size:clamp(.7rem,1.3vh,1rem)}.hw-upload .hw-channel-grid{grid-auto-rows:minmax(min-content,1fr);align-content:stretch}}.hw-upload-intake{background:repeating-linear-gradient(115deg,#ffffff0a 0 6px,#0000 6px 14px),#00000073;border:1px solid #22d3ee73;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;min-width:min(100%,26rem);padding:.7rem 1.25rem;display:flex;position:relative;box-shadow:inset 0 0 18px #22d3ee1f,0 0 16px -6px #22d3eecc}.hw-tile-failed .hw-medallion{--medallion-color:244, 63, 94!important}@media (max-width:1279px){.hw-upload{flex-direction:column}.hw-upload-side{width:100%;max-height:26rem}}.hw-playback{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.hw-playback-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:.75rem;min-height:0;display:grid}.hw-playback-grid-sidebar{grid-template-columns:minmax(0,1fr) clamp(21rem,19vw,30rem)}.hw-playback-arena{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(14rem,.85fr) minmax(0,1.5fr) minmax(14rem,.85fr);gap:.75rem;min-height:0;display:grid}.hw-playback-column{flex-direction:column;justify-content:center;gap:clamp(.6rem,1.3vh,1rem);min-height:0;display:flex}.hw-playback-column.hw-scroll{justify-content:flex-start}.hw-playback-tile{min-height:4.5rem;max-height:13rem;box-shadow:var(--hw-bevel), -1px 0 0 #22d3ee40, 0 0 14px -8px #48ecd599;border-color:#48ecd547;flex:1 1 0}.hw-playback-tile:not([data-highlight]){box-shadow:var(--hw-bevel), -4px 0 14px -8px #19e3ffcc, 4px 0 14px -8px #2fffe2cc;background:linear-gradient(#1b1c1e,#101113) padding-box padding-box,linear-gradient(120deg,#19e3ffd9,#3e404680 45%,#2fffe2e6) border-box;border:2px solid #0000}.hw-playback-column.hw-scroll .hw-playback-tile{flex:none;min-height:0}.hw-now-playing{background:radial-gradient(ellipse 70% 40% at 50% 0%, #22d3ee12, transparent 70%) padding-box, linear-gradient(180deg, #121315, #0a0b0e) padding-box, linear-gradient(120deg, var(--hw-cyan), #3e404699 45%, var(--hw-magenta)) border-box;min-height:0;box-shadow:var(--hw-bevel), -2px 0 0 -1px #22d3eeb3, 2px 0 0 -1px #48ecd5b3, 0 0 34px -12px #48ecd5cc;scrollbar-width:thin;border:2px solid #0000;border-radius:18px;flex-direction:column;justify-content:safe center;align-items:center;padding:1.25rem 1.5rem;display:flex;position:relative;overflow-y:auto}.hw-reaction-pad{background:radial-gradient(circle at 40% 30%,#28292b,#131416 70%);border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;font-size:1.35rem;transition:transform .1s,filter .1s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 3px #0009}.hw-arena-wave{margin-top:1rem}@media (min-width:1800px) and (min-height:1050px){.hw-now-playing{padding:1.75rem 2.25rem}.hw-now-playing .hw-medallion{width:clamp(4.5rem,10.5vh,8.5rem);height:clamp(4.5rem,10.5vh,8.5rem);font-size:clamp(1.4rem,3.2vh,2.6rem)}.hw-now-playing .hw-eyebrow{font-size:clamp(.75rem,1.4vh,1.1rem)}.hw-now-name{font-size:clamp(1.9rem,4.4vh,3.5rem)!important}.hw-now-playing p.text-base{font-size:clamp(1rem,1.8vh,1.4rem)!important}.hw-arena-score{max-width:46rem!important}.hw-arena-score>div{padding:1rem 1.25rem}.hw-arena-score .hw-btn{width:clamp(2.8rem,5vh,4rem);height:clamp(2.8rem,5vh,4rem);font-size:1.2rem!important}.hw-arena-score .hw-lcd-text{min-width:5rem;font-size:clamp(2rem,4vh,3.2rem)!important}.hw-arena-score .hw-label,.hw-arena-score p.text-xs{font-size:clamp(.7rem,1.3vh,1rem)!important}.hw-arena-wave{margin-block:2.4rem 1.6rem;transform:scaleY(1.6)}.hw-arena-reactions{gap:clamp(.6rem,1vw,1.2rem);margin-top:1.5rem}.hw-arena-reactions .hw-reaction-pad{width:clamp(3.1rem,6.4vh,5rem);height:clamp(3.1rem,6.4vh,5rem);font-size:clamp(1.35rem,2.9vh,2.3rem)}.hw-playback-sidebar .hw-tile p,.hw-playback-sidebar .hw-lcd>.text-sm{font-size:clamp(.88rem,1.5vh,1.15rem)!important}}.hw-reaction-pad:hover{filter:brightness(1.3)}.hw-reaction-pad:active{transform:translateY(2px)scale(.96)}.hw-playback-sidebar{flex-direction:column;gap:.75rem;min-height:0;display:flex}.hw-eq-glyph{align-items:flex-end;gap:3px;height:1.3rem;display:inline-flex}.hw-eq-glyph>span{background:var(--hw-amber);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite hwEqGlyph;box-shadow:0 0 6px #f59e0bcc}.hw-eq-glyph>span:nth-child(2){animation-delay:-.3s}.hw-eq-glyph>span:nth-child(3){animation-delay:-.55s}.hw-eq-glyph>span:nth-child(4){animation-delay:-.15s}html[data-hw-low-perf=true] .hw-eq-glyph>span{animation:none;transform:scaleY(.6)}@media (prefers-reduced-motion:reduce){.hw-eq-glyph>span{animation:none;transform:scaleY(.6)}}@media (max-width:1535px){.hw-playback-arena{grid-template-columns:minmax(12rem,.8fr) minmax(0,1.4fr) minmax(12rem,.8fr)}}@media (max-width:1279px){.hw-playback-grid-sidebar{grid-template-columns:minmax(0,1fr)}.hw-playback-arena{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.hw-playback-arena>.hw-now-playing{order:0!important}.hw-playback-column{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}}}@keyframes hwLedBounce{0%{transform:translateY(calc(round(down, var(--led-segments) * .35, 1) * -100% / var(--led-segments)))}12%{transform:translateY(calc(round(down, var(--led-segments) * .6, 1) * -100% / var(--led-segments)))}24%{transform:translateY(calc(round(down, var(--led-segments) * .45, 1) * -100% / var(--led-segments)))}36%{transform:translateY(calc(round(down, var(--led-segments) * .85, 1) * -100% / var(--led-segments)))}48%{transform:translateY(calc(round(down, var(--led-segments) * .5, 1) * -100% / var(--led-segments)))}60%{transform:translateY(calc(round(down, var(--led-segments) * .7, 1) * -100% / var(--led-segments)))}72%{transform:translateY(calc(round(down, var(--led-segments) * .25, 1) * -100% / var(--led-segments)))}84%{transform:translateY(calc(round(down, var(--led-segments) * .75, 1) * -100% / var(--led-segments)))}to{transform:translateY(calc(round(down, var(--led-segments) * .35, 1) * -100% / var(--led-segments)))}}@keyframes hwFloatUp{0%{opacity:0;transform:translateY(6px)scale(.7)}15%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translate3d(var(--float-x,0px), -120px, 0) scale(1.05)}}@keyframes hwPulse{0%,to{opacity:1}50%{opacity:.45}}.hw-cooking .hw-readout-value.hw-cook-start-wait{white-space:normal;font-size:1rem!important}@media (min-width:1537px) and (min-height:850px){.soundclash-battle-shell.hw-battle-chassis{height:calc(100dvh - 1.2rem);min-height:0}}.hw-voting{flex:1;min-height:0;display:flex}.hw-voting-grid{grid-template-columns:repeat(auto-fill,minmax(max(17.5rem,20% - .6rem),1fr));grid-auto-rows:minmax(15.5rem,1fr);align-content:stretch;min-height:0}.hw-channel-strip{flex-direction:column;min-height:15.5rem;padding:.85rem;display:flex}.hw-channel-strip[data-rated=true]{border-color:#f59e0b47}.hw-voting-body{grid-template-columns:minmax(0,1fr)}@media (min-width:1280px){.hw-voting-body{grid-template-columns:minmax(0,1fr)}}.hw-channel-strip[data-wave=cyan]{--wave:var(--rgb-cyan)}.hw-channel-strip[data-wave=magenta]{--wave:var(--rgb-magenta)}.hw-channel-strip[data-wave]:not([data-tone]){border:2px solid rgba(var(--wave), .42);box-shadow:var(--hw-bevel), 0 0 18px -8px rgba(var(--wave), .85)}.hw-channel-strip[data-wave][data-rated=true]:not([data-tone]){border-color:rgba(var(--rgb-amber), .6)}.hw-vote-wave>div>div:not(.absolute){background:linear-gradient(0deg, rgba(var(--wave,200, 210, 230), .45), rgb(var(--wave,200, 210, 230)) 70%, #fff)!important}.hw-channel-strip[data-rated=true] .hw-fader-readout{border-color:rgba(var(--rgb-amber), .7);box-shadow:var(--hw-inset), 0 0 14px rgba(var(--rgb-amber), .45)}.hw-fader-strip{flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;width:6.5rem;display:flex}.hw-fader-body{flex:1;align-items:stretch;gap:.4rem;min-height:7rem;display:flex}.hw-fader-scale{font-family:var(--hw-font-lcd);color:var(--hw-text-faint);flex-direction:column;justify-content:space-between;font-size:.7rem;line-height:1;display:flex}.hw-fader{cursor:ns-resize;touch-action:none;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 10%);border-radius:8px;justify-content:center;width:1.9rem;display:flex;position:relative}.hw-fader-slot{width:.55rem;height:100%;box-shadow:var(--hw-inset);background:#050607;border-radius:999px;position:relative}.hw-fader-fill{border-radius:inherit;background:linear-gradient(0deg, #b45309, var(--hw-amber) 55%, #fde68a);transform-origin:bottom;position:absolute;inset:0;box-shadow:0 0 10px #f59e0b8c}.hw-fader-thumb{background:linear-gradient(#ffd27a,#f59e0b 50%,#b45309);border:1px solid #ffdca0e6;border-radius:4px;width:1.75rem;height:.9rem;margin-left:-.875rem;position:absolute;left:50%;box-shadow:0 0 10px #f59e0bb3,0 2px 3px #0009}.hw-fader-thumb:after{content:"";background:#0000008c;height:1px;position:absolute;top:50%;left:15%;right:15%}.hw-fader[data-unset=true] .hw-fader-fill{opacity:0}.hw-fader[data-unset=true] .hw-fader-thumb{background:linear-gradient(#3c3d3f,#252628);border-color:#ffffff2e;box-shadow:0 2px 3px #0009}.hw-fader-readout{width:2.6rem;height:2.1rem;box-shadow:var(--hw-inset);background:#07080a;border:1px solid #ffffff14;border-radius:7px;justify-content:center;align-items:center;font-size:1.45rem;display:inline-flex}.hw-vote-transport{flex-wrap:nowrap;gap:.3rem!important}.hw-vote-transport>.hw-btn{white-space:nowrap;flex:auto;gap:.25rem;min-width:0;padding-inline:.4rem!important}@media (min-width:1800px) and (min-height:1050px){.hw-channel-strip{padding:1.1rem}.hw-vote-wave{margin-block:2.2rem 2rem;transform:scaleY(2.1)}.hw-channel-strip .hw-vote-transport>.hw-btn{font-size:clamp(.78rem,min(1.35vh,.62vw),1.02rem)!important}.hw-vote-saved{font-size:clamp(1.4rem,3vh,2.4rem)!important}.hw-channel-strip .hw-btn[data-size=sm]{min-height:clamp(2.3rem,3.8vh,3rem);padding-inline:.6rem;font-size:clamp(.8rem,1.35vh,1.02rem)}.hw-fader-strip{gap:.55rem;width:7.6rem}.hw-fader-scale{font-size:clamp(.75rem,1.3vh,1rem)}.hw-fader{width:2.6rem}.hw-fader-slot{width:.7rem}.hw-fader-thumb{width:2.4rem;margin-left:-1.2rem}.hw-fader-readout{white-space:nowrap;letter-spacing:0;border-width:2px;width:3.7rem;height:clamp(2.8rem,4.8vh,3.8rem);font-size:clamp(1.6rem,3.2vh,2.5rem)}.hw-fader-strip .hw-btn[data-size=icon-sm]{width:1.75rem;height:1.75rem}.hw-fader-strip p{font-size:clamp(.72rem,1.25vh,.95rem)!important}}.hw-results{background:linear-gradient(152deg,#0000 18%,#ffc46e0f 27%,#ffc46e05 36%,#0000 44%),linear-gradient(208deg,#0000 18%,#ffc46e0f 27%,#ffc46e05 36%,#0000 44%),radial-gradient(30% 45% at 18% 20%,#f59e0b1f,#0000 70%),radial-gradient(30% 45% at 82% 20%,#f59e0b1f,#0000 70%);flex:1;min-height:0;display:flex;position:relative}.hw-podium{padding-top:2rem;flex:1 0 auto;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,.85fr);align-items:end;gap:1.25rem;min-height:21rem;padding-inline:clamp(0rem,6vw,8rem);display:grid}.hw-cabinet{--cab:120, 124, 134;border:1px solid rgba(var(--cab), .45);min-height:clamp(18.5rem,34vh,30rem);box-shadow:var(--hw-bevel), 0 0 30px -10px rgba(var(--cab), .8), 0 18px 40px #0009;background:linear-gradient(#ffffff0a,#0000 20%),linear-gradient(#18191b,#0c0d10);border-radius:18px;flex-direction:column;align-items:center;padding:3.1rem 1rem 1rem;display:flex;position:relative}.hw-cabinet[data-center=true]{min-height:clamp(22rem,41vh,36rem)}.hw-cabinet[data-tone=gold]{--cab:245, 158, 11}.hw-cabinet[data-tone=cyan]{--cab:34, 211, 238}.hw-cabinet[data-tone=magenta]{--cab:172, 99, 34}.hw-cabinet[data-tone=unlit]{--cab:90, 94, 104;box-shadow:var(--hw-bevel), 0 18px 40px #0009}.hw-cabinet-rail{background:rgba(var(--cab), .9);width:3px;box-shadow:0 0 10px rgba(var(--cab), .9);border-radius:999px;position:absolute;top:22%;bottom:22%}.hw-cabinet-rail[data-side=left]{left:7px}.hw-cabinet-rail[data-side=right]{right:7px}.hw-cabinet[data-tone=unlit] .hw-cabinet-rail{opacity:.15;box-shadow:none}.hw-cabinet-badge{width:5.5rem;height:3.6rem;color:rgb(var(--cab));filter:drop-shadow(0 0 8px rgba(var(--cab), .65));justify-content:center;align-items:center;display:flex;position:absolute;top:-1.6rem;left:50%;transform:translate(-50%)}.hw-cabinet-laurel{width:100%;height:100%;position:absolute;inset:0}.hw-cabinet-number{color:rgb(var(--cab));font-size:2.5rem;font-weight:900;line-height:1;position:relative}.hw-cabinet[data-tone=unlit] .hw-cabinet-badge{filter:none;opacity:.45}.hw-cabinet-screen{z-index:1;border:1px solid rgba(var(--cab), .35);text-align:center;flex-direction:column;align-items:center;width:100%;padding:.9rem .9rem 1rem;display:flex;position:relative}.hw-cabinet-divider{background:#ffffff14;width:100%;height:1px;margin-block:.55rem}.hw-cabinet-grille{width:100%;min-height:1.5rem;box-shadow:var(--hw-inset), inset 0 -3.5rem 4rem -1.5rem rgba(var(--cab), .45);flex:1;margin-top:.75rem}.hw-cabinet[data-tone=unlit] .hw-cabinet-grille{box-shadow:var(--hw-inset)}@media (min-width:1800px) and (min-height:1050px){.hw-cabinet{padding-top:4.4rem}.hw-podium{padding-top:3.6rem}.hw-cabinet-badge{width:9rem;height:6rem;top:-2.6rem}.hw-cabinet-number{font-size:4rem}.hw-cabinet[data-center=true] .hw-cabinet-badge{width:11rem;height:7.25rem;top:-3.2rem}.hw-cabinet[data-center=true] .hw-cabinet-number{font-size:5rem}.hw-cabinet-screen{padding:1.2rem 1.2rem 1.3rem}.hw-cabinet-screen .hw-eyebrow{font-size:clamp(.8rem,1.5vh,1.15rem)}.hw-cabinet-screen .hw-label{font-size:clamp(.66rem,1.15vh,.9rem)}.hw-cabinet-screen h3,.hw-cabinet-screen p.hw-title{font-size:clamp(1.8rem,3.8vh,3rem)!important}.hw-cabinet[data-center=true] .hw-cabinet-screen h3,.hw-cabinet[data-center=true] .hw-cabinet-screen p.hw-title{font-size:clamp(2.2rem,4.8vh,3.9rem)!important}.hw-cabinet-screen p.text-sm{font-size:clamp(.95rem,1.7vh,1.3rem)!important}.hw-cabinet-screen .hw-lcd-text{font-size:clamp(2.4rem,5.4vh,4.2rem)!important}.hw-cabinet[data-center=true] .hw-cabinet-screen .hw-lcd-text{font-size:clamp(3rem,6.6vh,5.4rem)!important}.hw-result-row{gap:1rem;padding:clamp(.55rem,1.1vh,.9rem) 1.2rem}.hw-result-row .hw-medallion{width:clamp(2.2rem,4.2vh,3.4rem);height:clamp(2.2rem,4.2vh,3.4rem);font-size:clamp(.8rem,1.4vh,1.1rem)}.hw-result-row>.hw-lcd-text:first-child{min-width:7rem;font-size:clamp(1rem,2vh,1.55rem)!important}.hw-result-row p.font-bold{font-size:clamp(1rem,1.8vh,1.35rem)}.hw-result-row p.text-xs{font-size:clamp(.75rem,1.3vh,1rem)!important}.hw-result-row>.hw-lcd-text:last-of-type{font-size:clamp(1.15rem,2.4vh,1.9rem)!important}}.hw-result-row{background:linear-gradient(#131416,#0c0d10);border:1px solid #ffffff12;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .9rem;display:flex}@media (max-width:1023px){.hw-podium{padding-inline:0;grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-top:1.5rem}.hw-cabinet[data-center=true]{order:-1}}.hw-menu-item{text-align:left;width:100%;color:var(--hw-text-dim);border-radius:9px;padding:.65rem .85rem;font-size:.875rem;font-weight:700;transition:background-color .12s,color .12s;display:block}.hw-menu-item:hover{color:var(--hw-text);background:#ffffff12}@keyframes hwEqGlyph{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes hwFocalPing{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.hw-chassis :is(.hw-title,.hw-eyebrow,.hw-label,.hw-readout-value,.hw-chip,.hw-btn,.hw-pad,.hw-match-card,.hw-medallion,.hw-cabinet-badge),.hw-modal,.hw-modal *{text-shadow:none!important}:is(.hw-chassis,.hw-topbar,.hw-module,.hw-screen,.hw-readout,.hw-chip,.hw-btn,.hw-pad,.hw-match-card,.hw-modal,.hw-cabinet){box-shadow:inset 0 1px #ffffff16,0 2px #0009!important}:is(.hw-chassis,.hw-module,.hw-btn,.hw-pad)[data-tone]{box-shadow:inset 0 1px 0 #ffffff16, 0 0 0 1px rgba(var(--tone), .5)!important}html .hw-icon,html[data-hw-low-perf=true] .hw-icon,.hw-icon-ink,.hw-led-lit,.hw-cabinet-badge{filter:none!important}.hw-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#020304e0!important}.soundclash-menu-spotlight{opacity:0}.hw-profile-avatar>div,.hw-avatar-button{box-shadow:inset 0 1px #ffffff20!important}:is(.hw-btn,.hw-close,.hw-menu-item,.hw-match-card,.hw-avatar-button,.hw-mode-pad,.layers-stage-actions,.layers-stage-player .hw-medallion){transition:scale .12s,border-color .12s,background-color .12s}.hw-transport-icon{flex:none;width:1.125rem;height:1.125rem}@media (hover:hover){:is(.hw-btn,.hw-close,.hw-menu-item,.hw-match-card,.hw-avatar-button,.layers-stage-actions):not(:disabled):not([aria-disabled=true]):not(:disabled *):hover,.hw-mode-pad:not([data-locked=true]):hover,.layers-stage-player .player-bubble:hover .hw-medallion{border-color:var(--studio-blue);background-color:var(--studio-hover)}.shared-lobby-player:has(.player-bubble:hover) .pta-slot{border-color:var(--studio-blue);background-color:var(--studio-hover)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){html:not([data-hw-low-perf=true]) :is(.hw-btn,.hw-close,.hw-menu-item,.hw-match-card,.hw-avatar-button,.layers-stage-actions):not(:disabled):not([aria-disabled=true]):not(:disabled *):hover,html:not([data-hw-low-perf=true]) .hw-mode-pad:not([data-locked=true]):hover,html:not([data-hw-low-perf=true]) .layers-stage-player .player-bubble:hover .hw-medallion{scale:1.02}}html[data-hw-low-perf=true] :is(.hw-btn,.hw-pad,.hw-close,.hw-match-card):hover{filter:none}@media (prefers-reduced-motion:reduce){:is(.hw-btn,.hw-pad,.hw-close,.hw-match-card):hover{filter:none}}.hw-match-grid{padding:12px}[data-player-action-trigger]{cursor:pointer}[data-player-action-trigger]:focus-visible{outline:2px solid var(--hw-cyan);outline-offset:4px}[data-player-action-trigger]:hover{border-color:var(--hw-cyan)}[data-player-action-trigger] .hw-medallion{transition:scale .12s,border-color .12s}@media (prefers-reduced-motion:no-preference){html:not([data-hw-low-perf=true]) [data-player-action-trigger]:hover .hw-medallion{scale:1.02}}.hw-master-meter{background:#050b12;border:1px solid #395065;border-radius:4px;flex-direction:column;flex:0 0 108px;gap:3px;width:108px;padding:4px 6px;display:flex;position:relative}.hw-master-meter .hw-label{letter-spacing:0;justify-content:space-between;font-size:8px;line-height:1.2;display:flex}.hw-master-level{background:#18303a;height:9px;overflow:hidden}.hw-master-level i{width:100%;height:100%;transform:scaleX(var(--master-level,0));transform-origin:0;background:linear-gradient(90deg,#45d29c 0 70%,#f7cd65 85%,#fa697a);display:block}.hw-master-meter input{accent-color:#f7cd65;cursor:pointer;width:100%;height:8px;margin:0}.player-bubble{clip-path:circle(50%);border-radius:50%;flex:none;justify-content:center;align-items:center;width:fit-content;margin:-5px;padding:5px;display:inline-flex;position:relative}.player-bubble>.relative{width:0;height:0;position:absolute}.player-bubble .hw-medallion{pointer-events:none;flex:none}.player-bubble:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #67ddff}.player-bubble:hover .hw-medallion{border-color:#b9f6ff}.hw-topbar{padding-block:6px}.hw-header-controls{gap:7px}.hw-header-controls>.hw-master-meter{flex-basis:98px;width:98px;padding:3px 5px}.hw-header-controls .hw-avatar-button{width:36px!important;height:36px!important;font-size:.8rem!important}.hw-header-controls>:is(button,a):not(.hw-avatar-button),.hw-header-controls>div>button{height:36px;min-height:36px;padding-block:5px}.hw-header-controls>.hw-topbar-eyebrow{padding:6px 10px}.hw-header-controls>.hw-icon-key{width:36px;padding-inline:6px}.hw-battle-header .hw-header-controls{padding-block:6px}.hw-cooking{grid-template-columns:minmax(0,1fr);display:grid}.hw-cooking[data-roster=true]{grid-template-columns:minmax(19rem,.8fr) minmax(0,3fr)}.hw-cooking[data-chat=true]{grid-template-columns:minmax(0,3fr) minmax(19rem,.8fr)}.hw-cooking[data-roster=true][data-chat=true]{grid-template-columns:minmax(19rem,.8fr) minmax(0,3fr) minmax(19rem,.8fr)}.hw-cooking :is(.hw-cooking-roster,.hw-cooking-chat){min-width:0;min-height:0;padding:24px}.hw-cooking :is(.hw-cooking-roster,.hw-cooking-chat)>:first-child{flex-shrink:0}.hw-cooking .hw-cooking-roster .hw-tile{flex-wrap:wrap;row-gap:6px}.hw-cooking .hw-cooking-chat .hw-lcd{overflow-wrap:anywhere}.hw-upload :is(.soundclash-upload-form,.soundclash-upload-console-status)>.hw-eyebrow{margin-top:8px;margin-left:8px}.hw-upload .hw-phase-bar .hw-eyebrow,.hw-upload .hw-upload-submission .hw-eyebrow{padding-top:8px;padding-left:8px}:is(.soundclash-playback-chat,.hw-voting-chat){padding-bottom:64px!important}.hw-reaction-origin{display:inline-flex;position:relative}.hw-reaction-particle{z-index:5;pointer-events:none;font-size:1.6rem;line-height:1;animation:1.6s ease-out both hwReactionRise;position:absolute;bottom:50%;left:50%}@keyframes hwReactionRise{0%{opacity:1;transform:translate(-50%)}30%{transform:translate(calc(-50% + var(--reaction-wobble,5px)),calc(-.3 * var(--reaction-rise,140px)))}62%{opacity:.75;transform:translate(calc(-50% - var(--reaction-wobble,5px) + .6 * var(--reaction-drift,0px)),calc(-.62 * var(--reaction-rise,140px)))}to{opacity:0;transform:translate(calc(-50% + var(--reaction-drift,0px)),calc(-1 * var(--reaction-rise,140px)))}}@keyframes hwReactionFade{0%{opacity:1}to{opacity:0}}html[data-hw-low-perf=true] .hw-reaction-particle{animation:.35s ease-out both hwReactionFade;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.hw-reaction-particle{animation:.35s ease-out both hwReactionFade;transform:translate(-50%)}}.hw-fader,.hw-fader *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hw-fader{cursor:grab}.hw-fader[data-dragging=true]{cursor:grabbing}.hw-fader>*{pointer-events:none}@media (max-width:1279px){.hw-cooking[data-roster][data-chat]{grid-template-columns:minmax(0,1fr)}.hw-cooking-main{grid-row:1}.hw-cooking :is(.hw-cooking-roster,.hw-cooking-chat){height:24rem}}.hw-header-controls>.hw-master-meter{background:0 0;border:0;flex-direction:row;flex:0 0 132px;align-items:center;gap:6px;width:132px;height:36px;padding:4px 6px}.hw-master-meter button{cursor:pointer;border-radius:4px;flex:0 0 26px;place-items:center;width:26px;height:28px;display:grid}.hw-master-meter button svg{width:20px;height:20px}.hw-master-meter input{appearance:none;background:linear-gradient(to right,#91dfff var(--master-volume),#36434d var(--master-volume));border-radius:3px;width:100%;min-width:0;height:4px}.hw-master-meter input::-webkit-slider-thumb{appearance:none;background:#d7f4ff;border:1px solid #7bc8e7;border-radius:50%;width:12px;height:12px}.hw-master-meter input::-moz-range-thumb{background:#d7f4ff;border:1px solid #7bc8e7;border-radius:50%;width:12px;height:12px}.hw-master-meter output{z-index:90;color:#d7f4ff;background:#090e13;border:1px solid #395065;border-radius:4px;padding:3px 6px;font-size:11px;display:none;position:absolute;top:100%;right:0}.hw-master-meter:is(:hover,:focus-within) output{display:block}.hw-match-card>span:first-of-type{flex:none;min-height:2.6rem;padding-bottom:12px}.hw-match-title{white-space:nowrap;font-size:1.8rem;line-height:1.2}.hw-match-dial{padding-top:14px;container-type:size}.hw-match-dial .hw-knob-body{width:min(var(--knob-size),calc(100cqh - 8px),65cqw);height:min(var(--knob-size),calc(100cqh - 8px),65cqw)}.hw-match-dial .hw-match-dial-meter{height:min(90cqh,22rem)}.hw-playback-grid[data-roster]{grid-template-columns:minmax(0,1fr)}.hw-playback-grid[data-roster=true]{grid-template-columns:minmax(19rem,.8fr) minmax(0,3fr)}.hw-playback-grid[data-chat=true]{grid-template-columns:minmax(0,3fr) minmax(19rem,.8fr)}.hw-playback-grid[data-roster=true][data-chat=true]{grid-template-columns:minmax(19rem,.8fr) minmax(0,3fr) minmax(19rem,.8fr)}.hw-playback-grid>:is(.soundclash-playback-roster,.soundclash-playback-chat){min-width:0;min-height:0;padding:24px}.hw-playback-grid .soundclash-playback-roster .hw-tile{flex-wrap:wrap;gap:8px}.hw-playback-grid .soundclash-playback-chat .hw-lcd{overflow-wrap:anywhere}.hw-playback-grid .hw-playback-arena{justify-content:center;min-width:0;min-height:0;display:flex}.hw-playback-grid .hw-now-playing{width:100%;min-width:0;max-width:64rem}@media (max-width:1279px){.hw-playback-grid[data-roster][data-chat]{grid-template-columns:minmax(0,1fr)}.hw-playback-grid .hw-playback-arena{grid-row:1}.hw-playback-grid>:is(.soundclash-playback-roster,.soundclash-playback-chat){height:24rem}}@media (min-width:1280px){.hw-match-grid[data-aux=true]{grid-template-columns:repeat(2,minmax(0,1fr))}}.hw-aux-room-settings{min-width:0;max-height:60dvh;overflow:auto}.hw-aux-room-settings .pta-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hw-aux-room-settings label{flex-direction:column;gap:6px;min-width:0;display:flex}.hw-aux-room-settings select,.hw-aux-room-settings input{color:#fff;background:#090c12;border:1px solid #374151;width:100%;min-width:0;padding:8px}@media (max-width:600px){.hw-aux-room-settings .pta-settings-grid{grid-template-columns:1fr}}.prodby-pixel-avatar{pointer-events:none;border-radius:50%;flex-shrink:0;width:100%;max-width:100%;height:100%;display:block;overflow:hidden}.avatar-builder-preview{width:96px;height:96px;margin:auto}.avatar-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.avatar-presets button{aspect-ratio:1;background:#0b101a;border:1px solid #3c6981;border-radius:6px;width:100%}.avatar-builder-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:calc(30dvh + 12px);margin:-6px;padding:6px;scroll-padding:6px;display:grid;overflow:auto}.avatar-builder-fields label{gap:4px;min-width:0;display:grid}.avatar-swatches{flex-wrap:wrap;gap:4px;display:flex}.avatar-swatches button{border:2px solid #0000;border-radius:4px;width:28px;height:28px}.avatar-swatches button[aria-pressed=true]{border-color:#fff}.community-sort-meter .hw-led-cover{transition:height .25s,transform .25s}.community-local-wave{background:#06090d;width:100%;height:64px;display:block}[data-testid=community-local-item] audio{width:100%;margin-top:12px}@media (prefers-reduced-motion:reduce){.community-sort-meter .hw-led-cover{transition:none}}.hw-chassis :is(.pta-slot-name,.hw-tile .font-black,.hw-leader-row .font-black,.layers-lane-author strong,.layers-show-person-info strong,.hw-rank-badge,.pta-feed-author,.hw-community-main article h2,.hw-community-main article h3){font-family:var(--hw-font-pixel);letter-spacing:0;font-weight:400}.hw-performance-notice{z-index:400;color:#fff;background:#101820;border:1px solid #63b7c7;border-radius:6px;align-items:center;gap:8px;max-width:min(34rem,100vw - 32px);padding:12px;font-size:14px;display:flex;position:fixed;bottom:16px;left:16px}.hw-recovery-screen{text-align:center;color:#fff;background:#0c1017;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px;display:flex}.hw-recovery-screen>div{flex-wrap:wrap;gap:12px;display:flex}.hw-code-join{flex-shrink:0;align-items:center;gap:.6rem;display:flex;position:relative}.hw-code-join label{white-space:nowrap;align-items:center;gap:.6rem;display:flex}.hw-code-join .hw-input{text-transform:uppercase;letter-spacing:.12em;width:9.5rem}.hw-code-join-error{white-space:nowrap;z-index:2;margin:0;position:absolute;top:calc(100% + .3rem);left:0}.hw-room-list-freshness{white-space:nowrap;align-items:center;gap:.6rem;display:inline-flex}.hw-offline-notice{z-index:10000;border:1px solid var(--hw-amber);background:var(--hw-module);max-width:min(42rem,100vw - 2rem);color:var(--hw-text);text-align:center;border-radius:10px;margin:0;padding:.6rem 1rem;font-weight:700;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.room-reactions{position:relative}.room-reaction-hint{z-index:6;text-align:center;pointer-events:none;width:max-content;max-width:100%;color:var(--studio-amber,#f5b942);margin:4px 0 0;font-size:clamp(.75rem,1.3vh,.95rem);position:absolute;top:100%;left:50%;transform:translate(-50%)}.room-reaction-hint:not(:empty){background:var(--studio-surface,#10131a);border:1px solid var(--studio-line,#2a3140);padding:2px 10px;box-shadow:0 2px 8px #00000059}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--studio-ink:#f1f8ff;--studio-muted:#b3c9dc;--studio-blue:#35dfff;--studio-teal:#50e6d9;--studio-amber:#ffc533;--studio-green:#5bed9d;--studio-danger:#ff8e86;--studio-base:#030b17;--studio-surface:#202224;--studio-inset-surface:#121416;--studio-line:#43494d;--studio-panel:#191b1d;--studio-panel-hi:#26292c;--studio-hover:#30383b;--studio-active:#364247;--studio-selected:#223c32;--studio-disabled:#2a2d30;--studio-disabled-text:#b5c6d4;--studio-disabled-line:#6c7882;--studio-disabled-hatch:#ffffff0d;--studio-on-accent:#101b25;--studio-primary:#ffbe24;--studio-primary-hi:#ffe16a;--studio-primary-lo:#ff981b;--studio-gold:#f2cd56;--studio-lime:#b6ed6c;--studio-role-bass:#2f9bff;--studio-role-drums:#ff9a2e;--studio-role-melody:#3ddc84;--studio-role-counter:#f2c230;--studio-role-chords:#1ec8c8;--studio-role-fx:#ff4757;--studio-blue-surface:#092d48;--studio-teal-surface:#073435;--studio-green-surface:#0a3325;--studio-amber-surface:#302911;--studio-red-surface:#3d1b25;--studio-on-danger:#1d0a0e;--studio-white:#fff;--studio-key-white:#d9e8f0;--studio-key-ink:#091523;--studio-grid:#071b2c;--studio-knob-face:#202c39;--studio-knob-edge:#566576;--studio-knob-shadow:#0b1b2c;--studio-blur:0px;--studio-shadow:inset 1px 1px 0 #ffffff16, inset -1px -2px 0 #0009, 0 3px 0 #02070e;--studio-button-shadow:inset 0 1px 0 #ffffff26, inset 0 -2px 0 #0008, 0 3px 0 #02070e;--studio-inset:inset 2px 3px 8px #000a, inset -1px -1px 0 #ffffff0f;--studio-radius:8px;--studio-control-radius:5px;--studio-metal:var(--studio-panel);--studio-pad:var(--studio-panel);--studio-play:linear-gradient(180deg,#ffdc85,#ffbe49 38%,#ffab26 42%,#f79018);--studio-play-home:linear-gradient(180deg,#ffd67c 0%,#ffbd3d 52%,#f69a1f 100%);--studio-rim:inset 0 1px 0 #ffffff26, inset 0 0 14px rgba(var(--tone),.16), 0 0 9px rgba(var(--tone),.32), 0 4px 0 #02070e;--studio-space-1:6px;--studio-space-2:10px;--studio-space-3:16px;--studio-space-4:24px;--background:var(--studio-base);--foreground:var(--studio-ink);--brand-accent:var(--studio-amber);--hw-bg:var(--studio-base);--hw-chassis:var(--studio-base);--hw-chassis-hi:var(--studio-surface);--hw-chassis-lo:var(--studio-inset-surface);--hw-module:var(--studio-panel);--hw-module-hi:var(--studio-panel-hi);--hw-bezel:var(--studio-surface);--hw-lcd:var(--studio-inset-surface);--hw-lcd-hi:var(--studio-surface);--hw-key:var(--studio-surface);--hw-key-hi:var(--studio-panel-hi);--hw-line:var(--studio-line);--hw-line-strong:var(--studio-line);--hw-edge-light:#35dfff55;--hw-edge-dark:#02070e;--hw-text:var(--studio-ink);--hw-text-dim:var(--studio-muted);--hw-text-faint:var(--studio-muted);--hw-cyan:var(--studio-blue);--hw-magenta:var(--studio-teal);--hw-violet:var(--studio-teal);--hw-blue:#2f9bff;--hw-amber:var(--studio-amber);--hw-amber-hi:#ffda78;--hw-yellow:#f2c230;--hw-orange:#ed8700;--hw-green:var(--studio-green);--hw-red:var(--studio-danger);--rgb-cyan:53, 223, 255;--rgb-magenta:80, 230, 217;--rgb-violet:30, 200, 200;--rgb-blue:47, 155, 255;--rgb-amber:255, 173, 22;--rgb-yellow:242, 194, 48;--rgb-green:61, 220, 132;--rgb-red:219, 53, 43;--rgb-lime:166, 239, 60;--rgb-muted:179, 201, 220;--rgb-white:241, 248, 255;--hw-radius-chassis:var(--studio-radius);--hw-radius-module:var(--studio-radius);--hw-radius-screen:2px;--hw-radius-control:var(--studio-control-radius);--hw-radius-chip:2px;--hw-gap-1:var(--studio-space-1);--hw-gap-2:var(--studio-space-2);--hw-gap-3:var(--studio-space-3);--hw-gap-4:var(--studio-space-4);--hw-pad-module:var(--studio-space-3);--hw-bevel:inset 1px 1px 0 #ffffff16, inset -1px -2px 0 #0009;--hw-inset:var(--studio-inset);--hw-drop:var(--studio-shadow);--hw-glow-cyan:0 0 0 1px #008ed877;--hw-glow-magenta:0 0 0 1px #009d9d77;--hw-glow-amber:0 0 0 1px #ffad1688;--hw-glow-red:0 0 0 1px #db352b77;--hw-glow-green:0 0 0 1px #08ad6077;--hw-noise:none;--hw-brushed:linear-gradient(transparent, transparent);--hw-lcd-grid:linear-gradient(transparent, transparent);--hw-font-heading:var(--font-pixel), monospace;--hw-font-display:var(--font-pixel-display), sans-serif;--hw-font-pixel:var(--font-pixel-label), monospace;--hw-font-lcd:var(--font-pixel-label), monospace;--hw-font-mono:var(--font-pixel-label), monospace;--font-geist-sans:var(--font-pixel);--font-geist-mono:var(--font-pixel);--font-silkscreen:var(--font-pixel-label);--font-pixelify:var(--font-pixel);--font-jersey:var(--font-pixel);--font-share-tech:var(--font-pixel)}html[data-hw-low-perf=true]{--studio-panel:var(--studio-surface);--studio-panel-hi:var(--studio-surface);--studio-shadow:none;--studio-blur:0px}body{background:var(--studio-base);color:var(--studio-ink);font-family:var(--font-pixel), monospace}.hw-title,.hw-display,:is(.hw-module,.hw-tile,.hw-lcd) :is(h2,h3):is(.font-black,.font-bold){font-family:var(--hw-font-heading);font-size-adjust:none;letter-spacing:0;text-shadow:none;font-weight:650}.hw-label,.hw-eyebrow,.hw-silkscreen{font-family:var(--font-pixel-label),monospace;color:var(--studio-ink);text-shadow:none;letter-spacing:0;font-weight:400}.hw-readout-value,.hw-lcd-text{font-family:var(--font-pixel-label),monospace;font-variant-numeric:tabular-nums slashed-zero;letter-spacing:0;text-shadow:none;font-weight:400}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--studio-blue);outline-offset:3px}:root{--color-purple-50:var(--color-teal-50);--color-purple-100:var(--color-teal-100);--color-purple-200:var(--color-teal-200);--color-purple-300:var(--color-teal-300);--color-purple-400:var(--color-teal-400);--color-purple-500:var(--color-teal-500);--color-purple-600:var(--color-teal-600);--color-purple-700:var(--color-teal-700);--color-purple-800:var(--color-teal-800);--color-purple-900:var(--color-teal-900);--color-purple-950:var(--color-teal-950);--color-violet-50:var(--color-teal-50);--color-violet-100:var(--color-teal-100);--color-violet-200:var(--color-teal-200);--color-violet-300:var(--color-teal-300);--color-violet-400:var(--color-teal-400);--color-violet-500:var(--color-teal-500);--color-violet-600:var(--color-teal-600);--color-violet-700:var(--color-teal-700);--color-violet-800:var(--color-teal-800);--color-violet-900:var(--color-teal-900);--color-violet-950:var(--color-teal-950);--color-fuchsia-50:var(--color-teal-50);--color-fuchsia-100:var(--color-teal-100);--color-fuchsia-200:var(--color-teal-200);--color-fuchsia-300:var(--color-teal-300);--color-fuchsia-400:var(--color-teal-400);--color-fuchsia-500:var(--color-teal-500);--color-fuchsia-600:var(--color-teal-600);--color-fuchsia-700:var(--color-teal-700);--color-fuchsia-800:var(--color-teal-800);--color-fuchsia-900:var(--color-teal-900);--color-fuchsia-950:var(--color-teal-950);--color-pink-50:var(--color-teal-50);--color-pink-100:var(--color-teal-100);--color-pink-200:var(--color-teal-200);--color-pink-300:var(--color-teal-300);--color-pink-400:var(--color-teal-400);--color-pink-500:var(--color-teal-500);--color-pink-600:var(--color-teal-600);--color-pink-700:var(--color-teal-700);--color-pink-800:var(--color-teal-800);--color-pink-900:var(--color-teal-900);--color-pink-950:var(--color-teal-950);--color-rose-50:var(--color-orange-50);--color-rose-100:var(--color-orange-100);--color-rose-200:var(--color-orange-200);--color-rose-300:var(--color-orange-300);--color-rose-400:var(--color-orange-400);--color-rose-500:var(--color-orange-500);--color-rose-600:var(--color-orange-600);--color-rose-700:var(--color-orange-700);--color-rose-800:var(--color-orange-800);--color-rose-900:var(--color-orange-900);--color-rose-950:var(--color-orange-950);--color-indigo-50:var(--color-sky-50);--color-indigo-100:var(--color-sky-100);--color-indigo-200:var(--color-sky-200);--color-indigo-300:var(--color-sky-300);--color-indigo-400:var(--color-sky-400);--color-indigo-500:var(--color-sky-500);--color-indigo-600:var(--color-sky-600);--color-indigo-700:var(--color-sky-700);--color-indigo-800:var(--color-sky-800);--color-indigo-900:var(--color-sky-900);--color-indigo-950:var(--color-sky-950)}
.app-background{z-index:-1;pointer-events:none;background-color:var(--studio-base);background-image:linear-gradient(var(--studio-grid) 1px,transparent 1px),linear-gradient(90deg,var(--studio-grid) 1px,transparent 1px);background-size:16px 16px;position:fixed;inset:0}body{isolation:isolate;background:0 0}body :is(.hw-backdrop,.soundclash-menu-spotlight,.hw-rail,.hw-groove,.hw-screw){display:none}body :is(.hw-shell,.hw-device-stage,.hw-shell-frame,.hw-battle-root,.hw-shell-chassis,.hw-device,.hw-battle-chassis){outline:0;box-shadow:none!important;background:0 0!important;border:0!important}body :is(.hw-shell,.hw-device-stage,.hw-shell-frame,.hw-battle-root,.hw-shell-chassis,.hw-device,.hw-battle-chassis):before,body :is(.hw-shell,.hw-device-stage,.hw-shell-frame,.hw-battle-root,.hw-shell-chassis,.hw-device,.hw-battle-chassis):after{display:none!important}body :is(.hw-chassis,.hw-module,.hw-lcd-bezel,.hw-lcd,.hw-tile,.hw-topbar,.hw-readout,.hw-modal,.studio-glass){color:var(--studio-ink);background:var(--studio-panel);border:1px solid var(--studio-line);border-radius:var(--studio-radius);text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--studio-shadow)!important}body :is(.hw-topbar,.hw-modal){background:var(--studio-metal)}body :is(.hw-lcd,.hw-readout){background:var(--studio-inset-surface);box-shadow:var(--studio-inset)!important}body :is(.hw-chassis,.hw-module,.hw-lcd-bezel,.hw-lcd,.hw-pad,.hw-modal):before,body :is(.hw-chassis,.hw-module,.hw-lcd-bezel,.hw-lcd,.hw-pad,.hw-modal):after{display:none}body .hw-topbar{border-color:var(--studio-blue);gap:12px;min-height:68px;padding:10px 22px}body .hw-topbar>.hw-vent{visibility:hidden}body .hw-header-controls{gap:12px}body .hw-battle-header{background:var(--studio-panel);box-shadow:var(--studio-shadow)}body .hw-header-controls .hw-avatar-button{width:46px;height:46px}body :is(.hw-title,.hw-display){color:var(--studio-ink);text-shadow:none}body :is(.hw-btn,.hw-close,.hw-icon-key){border:1px solid var(--studio-line);border-radius:var(--studio-control-radius);color:var(--studio-ink);background:var(--studio-metal);text-shadow:none;font-family:var(--font-pixel),monospace;letter-spacing:0;font-weight:700;box-shadow:var(--studio-button-shadow)!important}body .hw-btn:before,body .hw-btn:after{display:none}body .hw-btn:not([data-size]){min-height:42px;font-size:16px}body .hw-btn[data-size=sm]{font-size:14px}body .hw-topbar>a .hw-title{font-size:36px!important}body :is(.hw-btn,.hw-close,.hw-icon-key):hover:not(:disabled){filter:none;background:var(--studio-hover);border-color:var(--studio-blue)}body .hw-btn[data-variant=primary],body .hw-btn[data-variant=light][data-active=true]{background:linear-gradient(var(--studio-primary-hi),var(--studio-primary),var(--studio-primary-lo));border-color:var(--studio-amber);color:var(--studio-on-accent)}body .hw-btn[data-variant=primary]:hover:not(:disabled){background:var(--studio-primary-hi);color:var(--studio-on-accent)}body .hw-btn[data-variant=danger]{background:var(--studio-red-surface);color:var(--studio-danger);border-color:var(--studio-danger)}body .hw-btn[data-variant=outline-cyan]{background:var(--studio-blue-surface);color:var(--studio-blue);border-color:var(--studio-blue)}body .hw-btn[data-variant=outline-amber]{background:var(--studio-amber-surface);color:var(--studio-amber);border-color:var(--studio-amber)}body .hw-btn[data-variant=ghost]{background:0 0;box-shadow:none!important}body .hw-btn[data-active=true]{background:var(--studio-active);border-color:var(--studio-blue);color:var(--studio-ink)}body :is(.hw-btn,.hw-close):disabled{opacity:1;filter:none;background:repeating-linear-gradient(135deg, transparent 0 5px, var(--studio-disabled-hatch) 5px 6px), var(--studio-disabled);color:var(--studio-disabled-text);border:1px dashed var(--studio-disabled-line);cursor:not-allowed;box-shadow:none!important}body .hw-close{place-items:center;display:grid}body .hw-chip[data-size=xs]{padding:.2rem .5rem}body .hw-chip{color:var(--studio-ink);background:var(--studio-surface);border:1px solid var(--studio-line);font:400 12px/1.4 var(--font-pixel-label),monospace;letter-spacing:0;box-shadow:none;text-shadow:none;border-radius:2px}body .hw-chip[data-tone=yellow],body .hw-chip[data-tone=amber]{background:var(--studio-amber-surface);color:var(--studio-amber);border-color:var(--studio-amber)}body .hw-chip[data-tone=green]{background:var(--studio-green-surface);color:var(--studio-green)}body .hw-chip[data-tone=red]{background:var(--studio-red-surface);color:var(--studio-danger)}body .hw-chip[data-tone=muted]{background:var(--studio-disabled);color:var(--studio-muted)}body .hw-chip-dot{box-shadow:none}body .hw-readout{background:var(--studio-inset-surface);border-radius:2px;padding:12px 18px}body .hw-readout-value,body .hw-readout[data-tone] .hw-readout-value{color:var(--studio-ink);text-shadow:none}body .hw-readout[data-tone=amber] .hw-readout-value{color:var(--studio-amber)}body .hw-readout[data-tone=green] .hw-readout-value{color:var(--studio-green)}body .hw-readout[data-tone=cyan] .hw-readout-value{color:var(--studio-blue)}body .hw-readout[data-tone=yellow] .hw-readout-value{color:var(--studio-gold)}body .hw-readout>.hw-label{color:var(--studio-blue)}body .hw-chip[data-tone=cyan],body .hw-chip[data-tone=blue]{color:var(--studio-blue);background:var(--studio-blue-surface)}body .hw-chip[data-tone=magenta],body .hw-chip[data-tone=violet]{color:var(--studio-teal);background:var(--studio-teal-surface)}body :is(.hw-input,.hw-select){color:var(--studio-ink);background:var(--studio-inset-surface);border:1px solid var(--studio-line);box-shadow:var(--studio-inset);font-family:var(--font-pixel),monospace;border-radius:2px}body :is(.hw-input,.hw-select)::placeholder{color:var(--studio-muted);opacity:1}body option{background:var(--studio-surface);color:var(--studio-ink)}body .hw-modal label>.hw-label{color:var(--studio-muted);text-shadow:none}body .hw-toggle{background:var(--studio-disabled);border-color:var(--studio-muted);box-shadow:none;border-radius:2px}body .hw-toggle:after{background:var(--studio-ink);box-shadow:none;border-radius:0}body .hw-toggle[aria-pressed=true]{background:var(--studio-green-surface);border-color:var(--studio-green)}body :is(.hw-icon,.hw-icon[data-tone]){filter:none;shape-rendering:crispedges}body .hw-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#010711b8}body .hw-modal{background:var(--studio-surface);border-color:var(--studio-blue)}body .hw-modal .hw-aux-room-settings{max-height:none;padding:6px;overflow:visible}body .hw-modal .pta-settings-grid{padding:6px;overflow:visible}body .hw-modal :is(.pta-field,label){min-width:0}body .hw-modal .pta-derived-timer{color:var(--studio-muted);font-size:14px}body .hw-modal .pta-derived-timer output{color:var(--studio-ink)}body .hw-modal .pta-derived-timer span{color:var(--studio-muted)}body .hw-modal .pta-theme-help summary{color:var(--studio-blue);border-color:var(--studio-blue)}body .hw-modal .pta-theme-help p{background:var(--studio-panel);color:var(--studio-ink);border-color:var(--studio-line)}body .hw-match-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .hw-match-grid:has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}body .hw-match-grid:has(>:only-child){grid-template-columns:minmax(0,46%);justify-content:center}body .hw-match-card:disabled{opacity:1;cursor:not-allowed;background:var(--studio-disabled);color:var(--studio-disabled-text);border-color:var(--studio-line);position:relative;overflow:hidden}body .hw-match-card:disabled :is(.hw-match-dial,.hw-match-action){filter:grayscale();pointer-events:none}body .hw-match-card:disabled .hw-match-action{background:var(--studio-disabled);color:var(--studio-disabled-text)!important}@media (max-width:767px){:is(body .hw-match-grid,body .hw-match-grid:has(>:last-child:nth-child(2)),body .hw-match-grid:has(>:only-child)){grid-template-columns:1fr}}body :is(.hw-pad,.hw-pad[data-locked=true]){color:var(--studio-ink);background:var(--studio-panel);border:1px solid var(--studio-blue);box-shadow:var(--studio-shadow);border-radius:8px}body .hw-pad[data-lit=true]{background:var(--studio-play);color:var(--studio-on-accent);border:3px solid var(--studio-primary-hi);box-shadow:inset 0 2px #ffffffb3,inset 0 -6px 12px #71380033,0 0 18px #ffad1655,0 5px #713800!important}body .hw-pad .hw-icon{color:var(--studio-blue)}body .hw-knob-cap{background:radial-gradient(circle at 34% 26%,#ffffff38,transparent 32%),conic-gradient(var(--studio-knob-face),var(--studio-knob-edge),var(--studio-knob-shadow),var(--studio-knob-edge),var(--studio-knob-face),var(--studio-knob-edge),var(--studio-knob-shadow),var(--studio-knob-edge),var(--studio-knob-face));box-shadow:0 0 0 2px var(--studio-base),0 0 0 3.5px #b3c9dc33,0 5px 10px #000b,inset 0 1px 1px #ffffff59,inset 0 -3px 5px #0009;clip-path:none;border-radius:50%}body .hw-knob-bezel{background:var(--studio-base);box-shadow:var(--studio-inset);border:0}body .hw-knob-ring{shape-rendering:crispedges}body .hw-knob-ring :is(circle,line){stroke-linecap:square}body .hw-knob-ring .track{stroke:var(--studio-line)}body .hw-knob-ring .ticks{stroke:var(--studio-muted);stroke-width:3px}body .hw-knob-ring .glow{opacity:.18;filter:none}body .hw-knob-cap:before{background:repeating-conic-gradient(#0009 0deg 4deg,#ffffff26 4deg 8deg)}body .hw-knob-cap:after{background:linear-gradient(var(--studio-white),rgb(var(--tone)));width:4px;box-shadow:0 0 5px rgba(var(--tone),.7);border-radius:2px}body .hw-knob[data-decorative]{cursor:default}body .hw-led-col{background:var(--studio-inset-surface);border-radius:0}body .hw-led-cover{background:repeating-linear-gradient(to top,var(--studio-surface) 0 calc(var(--seg) - 3px),var(--studio-base) calc(var(--seg) - 3px) var(--seg))}body .hw-led-meter{--seg-lit-a:#ffe85e;--seg-lit-b:#ffb51b;--seg-lit-c:#ff8d1d;--seg-halo:transparent}body .hw-led-foot{background:var(--studio-line);box-shadow:none;border:0;border-radius:0}body .hw-led-foot[data-on=true]{background:var(--studio-amber);box-shadow:0 0 4px #ffbe2433}body .hw-led-col:after{content:none}body :is(.hw-medallion,.hw-avatar-button,.hw-avatar-ring){color:var(--studio-white);border:3px solid rgb(var(--medallion-color,var(--rgb-blue)));background:var(--studio-inset-surface)!important;box-shadow:0 0 0 2px var(--studio-base)!important}body .hw-medallion:before,body .hw-medallion:after{box-shadow:none}body .hw-medallion:before{background:0 0}body .hw-medallion{font-family:var(--font-pixel),monospace;font-weight:700}body .hw-master-meter{background:0 0;border:0;flex-basis:152px;width:152px}body .hw-master-meter input{background:linear-gradient(to right,var(--studio-blue) var(--master-volume),var(--studio-line) var(--master-volume));height:7px}body .hw-master-meter input::-webkit-slider-thumb{background:var(--studio-ink);border:2px solid var(--studio-blue);width:18px;height:18px;box-shadow:none;border-radius:50%}body .hw-master-meter input::-moz-range-thumb{background:var(--studio-ink);border:2px solid var(--studio-blue);width:18px;height:18px;box-shadow:none;border-radius:50%}body .hw-master-meter output{color:var(--studio-ink);background:var(--studio-surface);border-color:var(--studio-line)}body .prodby-chat-launcher{background:var(--studio-blue-surface);color:var(--studio-ink);border:2px solid var(--studio-blue);border-radius:2px;font-size:18px;font-weight:700}body #chat-panel.pta-chat-panel{isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;outline:none;position:relative;box-shadow:none!important}body #chat-panel.pta-chat-panel:before{content:"";z-index:-1;pointer-events:none;background:var(--studio-panel-hi);border:1px solid var(--studio-blue);border-radius:inherit;box-shadow:var(--studio-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:var(--chat-opacity,70%);display:block;position:absolute;inset:-1px}body #chat-panel.pta-chat-panel:after{display:none}body #chat-panel[data-transparent=true]:before{-webkit-backdrop-filter:none;backdrop-filter:none}body #chat-panel :is(h2,#chat-messages){text-shadow:0 1px 2px var(--studio-base),0 -1px 2px var(--studio-base)}body .pta-chat-overlay :is(h2,#chat-messages){background:0 0;padding:8px}body :is(.hw-dev-toggle,.hw-header-controls>div>.hw-btn){background:var(--studio-amber-surface);color:var(--studio-amber);border-color:var(--studio-amber)}body :is(.text-white,.text-gray-100,.text-gray-200,.text-zinc-100){color:var(--studio-ink)}body :is(.text-gray-300,.text-gray-400,.text-zinc-300,.text-zinc-400){color:var(--studio-muted)}body :is(.text-amber-100,.text-amber-200,.text-yellow-100,.text-yellow-200){color:var(--studio-amber)}body :is(.text-cyan-100,.text-cyan-200,.text-sky-100,.text-blue-100){color:var(--studio-blue)}body :is(.text-emerald-100,.text-emerald-200,.text-green-100,.text-green-200){color:var(--studio-green)}body :is(.text-red-100,.text-red-200,.text-red-300){color:var(--studio-danger)}body :is(.text-purple-100,.text-violet-100,.text-fuchsia-100,.text-pink-100){color:var(--studio-teal)}body .hw-medallion *,body .hw-avatar-button *,body .hw-avatar-ring *{color:inherit}body :is(.hw-label,.hw-eyebrow,.hw-readout-value,.hw-lcd-text,.hw-fader-readout,.pta-timer,.pta-room-code,.pta-timing-readout input,.pta-timing-readout select,.hw-master-meter output){font-family:var(--font-pixel-label),monospace;font-variant-numeric:tabular-nums slashed-zero;letter-spacing:0;font-weight:400}body :is(.hw-input,.hw-select,input[type=number],.hw-value-text){font-family:var(--font-pixel-label),monospace;font-variant-numeric:tabular-nums slashed-zero}body :is(.hw-btn,.hw-icon-key,.hw-menu-item,.hw-master-meter) svg{shape-rendering:crispedges;stroke-linecap:square;stroke-linejoin:miter}html[data-hw-low-perf=true] .app-background{background-image:none}html[data-hw-low-perf=true] body :is(.hw-module,.hw-pad,.hw-topbar,.hw-modal){box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media (min-width:2200px){body .hw-topbar{min-height:84px}body .hw-topbar>a .hw-title{font-size:44px!important}body .hw-header-controls .hw-btn{min-height:46px;padding-inline:18px;font-size:16px}body .hw-header-controls .hw-btn[data-size=icon]{width:46px;padding:0}body .hw-header-controls .hw-avatar-button{width:48px!important;height:48px!important}body .hw-label{font-size:13px}}@media (max-width:767px){body .hw-topbar{padding:12px}body .hw-header-controls{gap:8px}body .hw-performance-notice{bottom:88px}}
body .hw-device-stage{padding:24px 32px}body .hw-device{width:100%;padding:0}body .hw-shell-frame{padding:24px 32px}body .hw-shell-chassis{padding:0}body .hw-home{grid-template-rows:minmax(0,1.7fr) minmax(0,.8fr) 116px;grid-template-columns:minmax(130px,.5fr) minmax(0,1.8fr) minmax(0,1fr) minmax(130px,.5fr);gap:16px}body .hw-home-side{border:1px solid var(--studio-line);border-radius:var(--studio-radius);background:var(--studio-metal);box-shadow:var(--studio-shadow);gap:12px;padding:12px}body .hw-home-knobs{gap:12px;width:100%}body .hw-home-knobs .hw-knob{max-width:100%}body .hw-home-knobs .hw-label{font-size:13px}body .hw-home-keys{gap:7px}body .hw-home-keys .hw-btn{min-height:36px;font-size:13px}body .hw-home-hero{--tone:var(--rgb-cyan);border:2px solid var(--studio-blue);background:var(--studio-pad);padding:0;overflow:hidden;box-shadow:var(--studio-rim)!important}body .hw-home-hero-screen{box-shadow:none;background:0 0;border:0;gap:6px}body .hw-home-wordmark{font-size:138px;line-height:.8}body .hw-home-hero-screen>p:last-child{font-size:21px;font-weight:850}body .hw-home-logo-mark{--prodby-logo-size:clamp(156px, calc(80vh - 516px), 250px);filter:drop-shadow(0 0 10px #35dfff47)}body .hw-home-pad-label{color:var(--studio-ink);text-shadow:none;font-size:29px}body .hw-home-pad .hw-icon{width:76px!important;height:76px!important}body .hw-home-pads .hw-pad{--tone:var(--rgb-cyan);border:2px solid rgb(var(--tone));background:var(--studio-pad);box-shadow:var(--studio-rim)!important}body .hw-home-pads .hw-pad:nth-child(2){--tone:var(--rgb-yellow);background:var(--studio-gold-surface)}body .hw-home-pads .hw-pad:nth-child(3){--tone:var(--rgb-green);background:var(--studio-options-surface)}body .hw-home-pads .hw-pad .hw-icon{color:rgb(var(--tone))}body .hw-home-play .hw-icon-ink{color:var(--studio-on-accent);filter:none}body .hw-home-play{box-shadow:0 0 0 3px var(--studio-amber-surface),0 0 18px #ffbe2433}body .hw-pad.hw-home-play{background:var(--studio-play-home);gap:clamp(.9rem,2.2vh,1.8rem);box-shadow:inset 0 2px 0 #fff4d299, inset 0 0 0 1px #fff0c455, inset 0 -18px 36px #d9700f2e, 0 0 0 3px var(--studio-amber-surface), 0 0 18px #ffbe2433!important}body .hw-pad.hw-home-play:before{background:radial-gradient(120% 70% at 50% 0,#fff5,#fff0 62%)}body .hw-pad.hw-home-play:is(:hover,:focus-visible){box-shadow:inset 0 2px 0 #fff4d2bb, inset 0 0 0 1px #fff0c477, inset 0 -18px 36px #d9700f2e, 0 0 0 3px var(--studio-amber-surface), 0 0 28px #ffbe2466!important}body .hw-home-play .hw-home-play-icon{width:clamp(2.6rem,min(9vh,5vw),6.8rem);height:auto;color:var(--studio-on-accent);filter:drop-shadow(0 2px #fff2cc80);flex-shrink:0;margin:0;overflow:visible;transform:translate(7%)}body .hw-home-play .hw-display{letter-spacing:.08em;padding-left:.08em;font-size:56px;line-height:1}body :is(.hw-home-meter,.hw-mode-meter,.hw-match-meter){background:var(--studio-metal);border:1px solid var(--studio-line);box-shadow:var(--studio-shadow);border-radius:8px;padding:14px 18px}body .hw-match-meter>.hw-lcd{box-shadow:none;background:0 0;border:0}body .hw-page-header{padding:0;overflow:hidden}body .hw-page-header>.hw-lcd{box-shadow:none;background:0 0;border:0}body .hw-page-header h1.hw-title{line-height:1.05;font-size:64px!important}body .hw-page-header .hw-eyebrow{font-size:13px}body .hw-page-header h1+p,body .hw-page-header div>p.mt-2{font-size:18px!important}body .hw-pad.hw-mode-pad{border:2px solid rgb(var(--tone));background:var(--studio-pad);padding:16px;box-shadow:var(--studio-rim)!important}body .hw-mode-pad .hw-icon{color:rgb(var(--tone))}body .hw-mode-pad[data-locked=true]{border:1px solid var(--studio-line);background:var(--studio-disabled)}body .hw-mode-title{color:var(--studio-ink);text-shadow:none;font-size:26px}body .hw-mode-glyph .hw-icon{max-height:110px}body .hw-mode-desc{background:var(--studio-inset-surface);border-color:var(--studio-line);color:var(--studio-ink);box-shadow:none;padding:10px 12px;font-size:16px;line-height:1.4}body .hw-mode-pad .hw-chip{border-width:1px;padding:6px 9px;font-size:11px}body .hw-mode-pad .hw-label{font-size:12px}body .mode-page-arrow{background:var(--studio-panel-hi);color:var(--studio-ink);box-shadow:var(--studio-shadow)}body .mode-page-dots button{background:var(--studio-muted);border-color:var(--studio-base)}body .mode-page-dots button[aria-current=page]{background:var(--studio-blue)}body .hw-module.hw-match-card{border-color:rgb(var(--tone));background:var(--studio-metal);padding:20px;box-shadow:var(--studio-rim)!important}body .hw-match-card[data-tone=red],body .hw-match-card[data-tone=red] [data-tone=red],body .hw-page>.hw-module[data-tone=red],body .hw-page>.hw-module[data-tone=red] [data-tone=red]{--tone:var(--rgb-amber)}body .hw-page>.hw-module[data-tone=red] .hw-eyebrow{color:var(--studio-amber)!important}body .hw-match-card:hover,body .hw-match-card[data-emphasis=true]{box-shadow:var(--studio-shadow), 0 0 0 2px rgba(var(--tone), .6)}body .hw-match-title{text-shadow:none;font-size:36px}body .hw-match-desc{color:var(--studio-ink);font-size:18px}body .hw-match-card .hw-match-action{border-color:var(--studio-blue);background:var(--studio-blue-surface)!important;color:var(--studio-ink)!important;box-shadow:var(--studio-button-shadow)!important}body .hw-rack-unit,body .hw-rack-face,body .hw-aux-room-settings :is(select,input){color:var(--studio-ink);background:var(--studio-panel);border-color:var(--studio-line)}body .hw-rack-face:before,body .hw-rack-face:after{display:none}body .hw-rack-face .hw-btn[data-size=lg]{color:var(--studio-on-accent);border-color:var(--studio-green);background:var(--studio-success-fill)!important}body .hw-rack-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-content:start;align-items:stretch}body .hw-rack-grid:has(>article){padding-bottom:72px}@media (max-width:1439px){body .hw-rack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){body .hw-rack-grid{grid-template-columns:minmax(0,1fr)}}body .hw-rack-grid>p:only-child{grid-column:1/-1}body .hw-rack-readouts{background:var(--studio-inset-surface);box-shadow:none;grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;overflow:visible}body .hw-rack-readouts .hw-readout{--stat-accent:var(--studio-blue);border:1px solid var(--studio-line);border-top:2px solid var(--stat-accent);background:var(--studio-surface);border-radius:4px;min-width:0;padding:12px 8px;box-shadow:none!important}body .hw-rack-readouts .hw-readout:nth-child(2){--stat-accent:var(--studio-amber)}body .hw-rack-readouts .hw-readout:nth-child(3){--stat-accent:var(--studio-teal)}body .hw-rack-readouts .hw-readout:nth-child(4){--stat-accent:var(--studio-lime)}body .hw-rack-readouts .hw-readout .hw-label{color:var(--stat-accent);font-size:12px}body .hw-rack-readouts .hw-readout-value.hw-value-text{overflow-wrap:anywhere;font-size:18px;line-height:1.5}body .hw-rack-face .hw-chip{font-size:12px}body .hw-rack-grid>p:only-child{text-align:center;border:1px dashed var(--studio-line);background:var(--studio-panel);min-height:250px;color:var(--studio-muted);place-items:center;padding:32px;font-size:18px;display:grid}body :is(.hw-home-side,.hw-home-hero,.hw-home-pad,.hw-home-play,.hw-home-meter,.hw-mode-pad,.hw-match-card){clip-path:none;border-radius:8px}body .hw-home-hero-screen{background:var(--studio-inset-surface)}body :is(.hw-home-pad,.hw-home-play):focus-visible{outline-color:var(--studio-ink);outline-offset:-7px}body .hw-home-keys .hw-key-led{background:var(--studio-blue)}body .hw-home-side:last-of-type .hw-key-led{background:var(--studio-amber)}body .hw-home-side[style*=right] .hw-key-led{background:var(--studio-amber);box-shadow:0 0 5px #ffad1655}@media (min-width:2200px) and (min-height:1150px){body .hw-device-stage,body .hw-shell-frame{padding-block:30px}body .hw-home{grid-template-rows:minmax(0,1.7fr) minmax(0,.8fr) 140px}body .hw-home-wordmark{font-size:190px}body .hw-home-logo-mark{--prodby-logo-size:300px}body .hw-home-pad-label{font-size:38px}body .hw-home-pad .hw-icon{width:104px!important;height:104px!important}body .hw-home-play .hw-display{font-size:72px}body .hw-mode-title{font-size:32px}body .hw-mode-desc{font-size:20px}body .hw-mode-glyph .hw-icon{max-height:146px}}@media (max-width:1536px),(max-height:849px){body .hw-device-stage,body .hw-shell-frame{padding:16px 24px}body .hw-home{grid-template-rows:minmax(0,1.6fr) minmax(0,.8fr) 90px}body .hw-home-wordmark{font-size:92px}body .hw-home-pad-label{font-size:22px}body .hw-home-logo-mark{--prodby-logo-size:156px}body .hw-page-header h1.hw-title{font-size:44px!important}body .hw-mode-title{font-size:22px}}@media (max-height:849px){body .hw-home-logo-mark{--prodby-logo-size:128px}}@media (max-height:760px){body .hw-home-logo-mark{--prodby-logo-size:104px}}@media (max-width:1023px){body .hw-device-stage,body .hw-shell-frame{padding:12px}body .hw-home{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}body .hw-home-wordmark{font-size:82px}body .hw-home-side{min-height:340px}body .hw-home-meter{min-height:100px}}@media (max-width:480px){body .hw-home-wordmark{font-size:62px}body .hw-home-pad-label{font-size:24px}}@media (min-width:1280px) and (max-height:850px){body .hw-shell:has(.hw-match-grid){height:100dvh;overflow:hidden}body .hw-shell-frame:has(.hw-match-grid){height:100dvh;min-height:0}:is(body .hw-shell-chassis:has(.hw-match-grid),body .hw-shell-body:has(.hw-match-grid)){min-height:0}body .hw-page:has(.hw-match-grid){gap:8px}body .hw-page:has(.hw-match-grid) .hw-page-header>.hw-lcd{padding:10px 16px}body .hw-page:has(.hw-match-grid) .hw-page-header h1.hw-title{font-size:32px!important}body .hw-module.hw-match-card{gap:8px;min-height:300px;padding:12px}body .hw-match-title{font-size:28px}body .hw-match-desc{font-size:16px}body .hw-match-action{font-size:18px}body .hw-match-meter{height:58px;padding:4px 12px}body .hw-shell:has(.soundclash-mode-select){height:100dvh;overflow:hidden}body .hw-shell-frame:has(.soundclash-mode-select){height:100dvh;min-height:0}:is(body .hw-shell-chassis:has(.soundclash-mode-select),body .hw-shell-body:has(.soundclash-mode-select)){min-height:0}body .soundclash-mode-select{gap:8px;min-height:0}body .soundclash-mode-select .hw-page-header>.hw-lcd{padding:10px 16px}body .soundclash-mode-select .hw-page-header h1.hw-title{font-size:32px!important}body .soundclash-mode-select .hw-mode-pad{min-height:0;padding:10px}body .soundclash-mode-select .hw-mode-title{font-size:18px}body .soundclash-mode-select .hw-mode-glyph{flex:1;min-height:30px;padding:0}body .soundclash-mode-select .hw-mode-glyph .hw-icon{max-height:44px}body .soundclash-mode-select .hw-mode-desc{padding:6px;font-size:14px;line-height:1.2}body .soundclash-mode-select .hw-mode-pad .hw-label{align-items:center;min-height:28px;margin-top:4px;font-size:11px;display:flex}body .soundclash-mode-select .hw-mode-pad>.hw-close{width:28px;height:28px;min-height:0;bottom:8px;right:8px}body .soundclash-mode-select .hw-mode-pad .hw-chip{padding:4px 6px;font-size:9px}body .soundclash-mode-select .hw-mode-meter{height:44px;min-height:44px;padding:6px 16px}body .soundclash-mode-select .mode-page-window{overflow:auto}}