body .hw-battle-root{padding:18px 32px}body .hw-battle-chassis{gap:16px;padding:0!important}body .hw-battle-header{background:var(--studio-metal);border-color:var(--studio-line);border-radius:8px;padding:14px 22px}body .hw-battle-root:has(.hw-battle-dev) .hw-battle-header{padding-right:140px}body .hw-battle-dev{flex-direction:column;max-width:calc(100vw - 48px);top:37px;bottom:auto;right:54px}body .hw-battle-dev>button{min-height:42px;color:var(--studio-amber);border-color:var(--studio-amber);background:var(--studio-amber-surface)}body .hw-phase-bar{gap:18px;padding:20px 24px}body .hw-phase-bar .hw-title{font-size:46px;font-weight:650}body .hw-eyebrow{color:var(--studio-ink)}body .hw-eyebrow>span[aria-hidden]{color:var(--studio-amber)}body .hw-segment{background:var(--studio-surface);border-color:var(--studio-line);box-shadow:var(--studio-button-shadow);border-radius:2px}body .hw-status{color:var(--studio-ink)}body .hw-status-dot{box-shadow:none}body .hw-channel{background:var(--studio-panel);border-color:var(--studio-line);box-shadow:var(--studio-shadow);border-radius:2px}body .hw-channel[data-local=true]{background:var(--studio-amber-surface);border-color:var(--studio-line)}body .hw-lobby .layers-lobby-arena,body .hw-lobby .layers-stage-frame{box-shadow:none;background:0 0;border:0}body .hw-lobby .layers-stage-scene{background:0 0;flex-direction:column;gap:22px;min-height:100%;padding:12px 64px;display:flex;overflow:visible;height:auto!important}body .hw-lobby .layers-stage-floor,body .hw-lobby .layers-stage-speaker{display:none}body .hw-lobby #lobby-channels{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(200px,max-content);align-content:center;gap:16px;display:grid}body .hw-battle-header>.hw-vent,body .hw-lobby #lobby-channels[hidden]{display:none}body .hw-lobby .layers-stage-player{min-width:0;position:relative;--pta-medallion:88px!important;--stage-name-size:22px!important;width:auto!important;height:auto!important;inset:auto!important}body .hw-lobby .layers-lobby-arena .hw-channel{background:var(--studio-pad);border:1px solid var(--studio-blue);box-shadow:var(--studio-shadow),0 0 7px #35dfff20;border-radius:8px;gap:10px;padding:18px 12px;animation:none}body .hw-lobby .layers-lobby-arena .hw-channel>.self-start{right:8px}body .hw-lobby .layers-stage-stats{background:var(--studio-panel);border:1px solid var(--studio-line);box-shadow:var(--studio-shadow);border-radius:2px;margin:0 auto;padding:18px 24px;position:relative;width:min(100%,850px)!important;height:auto!important;inset:auto!important}body .hw-lobby .layers-stage-stats .hw-label{color:var(--studio-ink)}body .hw-lobby .layers-stage-stats .hw-readout{box-shadow:none;background:0 0;border:0}body .hw-lobby .layers-stage-stats p,body .hw-lobby .layers-stage-stats .hw-readout+.hw-readout{border-color:var(--studio-line)}body .hw-lobby .layers-stage-stats .hw-readout:nth-child(2) .hw-readout-value{color:var(--studio-green)}body .hw-cooking[data-roster=true]{grid-template-columns:minmax(280px,.9fr) minmax(0,3fr);gap:14px}body .hw-cooking .hw-cooking-roster{padding:18px}body .hw-cooking-roster .hw-tile{gap:8px;padding:10px}body .hw-cooking-roster .hw-tile .hw-medallion{width:40px!important;height:40px!important}body .hw-cooking-workspace{padding:18px}body .hw-cooking-rack{grid-template-rows:minmax(180px,1fr) minmax(180px,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}body .hw-cooking-drums{grid-column:1/-1}body .hw-cooking-drums>.grid{grid-template-columns:repeat(5,minmax(0,1fr))}body .hw-cooking-melodies>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .hw-cooking-singles{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body .hw-cooking-group{background:var(--studio-surface);border:1px solid var(--studio-line);box-shadow:none;padding:12px}body .hw-cooking-singles .hw-cooking-group>.mt-auto{flex:1;margin:0;display:flex}body .hw-sound-row{width:100%;min-width:0;color:var(--studio-ink);background:var(--studio-surface);border:1px solid var(--studio-line);box-shadow:var(--studio-shadow);border-radius:2px;flex-direction:column;justify-content:center;gap:6px;padding:10px 8px 8px;display:flex;position:relative}body .hw-sound-row>.flex{flex-direction:column-reverse;gap:10px;width:100%}body .hw-sound-row>.flex>.flex{justify-content:center;width:100%}body .hw-sound-row>.flex>.flex>button{flex:1;height:36px}body .hw-sound-row>.flex>.flex>button:first-child{order:2}body .hw-sound-row p{white-space:normal;text-align:center;overflow-wrap:anywhere;font-size:14px!important}body .hw-sound-row p.hw-label{font-size:10px!important}body .hw-sound-row .hw-sound-key{width:28px;height:28px;color:var(--studio-ink);background:var(--studio-surface);border-color:var(--studio-line);font-size:12px;position:absolute;top:8px;right:8px}body .studio-sound-glyph{width:40px;height:40px;color:var(--studio-ink);flex-shrink:0}body .hw-cooking-drums .hw-sound-row,body .hw-cooking-drums .hw-sound-row:nth-child(2),body .hw-cooking-drums .hw-sound-row:nth-child(3),body .hw-cooking-drums .hw-sound-row:nth-child(4),body .hw-cooking-melodies .hw-sound-row:nth-child(2),body .hw-cooking-singles>:nth-child(2) .hw-sound-row,body .hw-cooking-singles>:first-child .hw-sound-row,body .hw-cooking-singles>:last-child .hw-sound-row{background:var(--studio-surface);border-color:var(--studio-line)}body .hw-cooking-rack .hw-sound-row[data-available=false]{background:var(--studio-disabled);border-color:var(--studio-line);color:var(--studio-disabled-text);opacity:1}body .hw-sound-row[data-available=false] .studio-sound-glyph{color:var(--studio-muted)}body .hw-sound-row[data-available=true]{border-color:var(--studio-blue)}body .hw-cooking-drums .hw-sound-row[data-available=true]{background:var(--studio-amber-surface)}body .hw-cooking-melodies .hw-sound-row[data-available=true]{background:var(--studio-blue-surface)}body .hw-cooking-singles .hw-sound-row[data-available=true]{background:var(--studio-teal-surface)}body .hw-sound-row .studio-sound-glyph{color:var(--studio-blue);shape-rendering:crispedges}body .hw-sound-row .hw-sound-key{background:var(--studio-inset-surface);color:var(--studio-ink)}body .hw-reveal-list>div[aria-current=true]{border-color:var(--studio-amber);color:var(--studio-amber)}body .hw-reveal-list>div{opacity:1}body .hw-reveal-list .soundclash-placeholder{color:var(--studio-muted);animation:none}body .hw-reveal-list>.opacity-50{background:var(--studio-inset-surface);border-color:var(--studio-line)}body .hw-reveal-controls,body .hw-reveal-screen{background:var(--studio-panel);border-color:var(--studio-line);border-radius:2px}body .hw-reveal-pad{background:var(--studio-surface);border-color:var(--studio-line)}body .hw-reveal-number{background:var(--studio-surface);color:var(--studio-ink);border-color:var(--studio-line);box-shadow:var(--studio-shadow)}body .hw-reveal-list>div{background:var(--studio-surface);border-color:var(--studio-line);border-radius:2px}body .hw-reveal-list>div[aria-current=true]{background:var(--studio-amber-surface)}body .hw-upload-drop{background:var(--studio-surface);border:1px dashed var(--studio-line);color:var(--studio-muted);border-radius:2px}body .hw-upload-drop-icon{color:var(--studio-blue)}body .hw-upload-intake{background:var(--studio-surface);border-color:var(--studio-line);box-shadow:none;color:var(--studio-ink)}body .hw-upload-submission{background:var(--studio-panel);border-color:var(--studio-line);border-radius:2px}body .hw-upload .hw-channel[data-uploaded=true]{background:var(--studio-surface);border-color:var(--studio-green)}body .hw-playback-grid .hw-now-playing{background:var(--studio-panel);border:1px solid var(--studio-line);width:100%;max-width:none;height:100%;box-shadow:var(--studio-shadow);border-radius:2px;padding:28px}body .hw-now-playing:before,body .hw-now-playing:after{display:none}body .hw-playback-grid .hw-now-playing{justify-content:flex-start}body .hw-now-playing>.hw-playing-identity{flex-direction:column;align-items:center;gap:8px;margin-bottom:0}body .hw-playing-identity>div{text-align:center;max-width:100%}body .hw-now-playing>.hw-arena-score,body .hw-now-playing>.hw-chip{margin:12px auto}body .soundclash-playback-roster .hw-tile[data-highlight=amber]{border:2px solid var(--studio-gold);background:var(--studio-gold-surface)}body .soundclash-playback-roster .hw-medallion{width:40px!important;height:40px!important;font-size:14px!important}body .soundclash-playback-roster .hw-tile p{font-size:16px}body .hw-arena-score,body .hw-arena-wave{background:var(--studio-surface);border-color:var(--studio-line);border-radius:2px}body .hw-reaction-pad{background:var(--studio-surface);border-color:var(--studio-line);color:var(--studio-ink);box-shadow:var(--studio-button-shadow)}body .hw-voting-grid{grid-template-columns:repeat(auto-fit,minmax(max(17.5rem,20% - .6rem),1fr));grid-auto-rows:minmax(20rem,1fr);padding-right:20px}body .hw-voting-body{padding-bottom:68px}body .hw-channel-strip{background:var(--studio-panel);border:1px solid var(--studio-line);border-radius:2px;padding:18px}body .hw-channel-strip[data-rated=true]{background:var(--studio-surface);border-color:var(--studio-amber)}body .hw-fader{background:var(--studio-surface);border-color:var(--studio-line);box-shadow:var(--studio-shadow);border-radius:2px}body .hw-fader-slot{background:var(--studio-base);width:12px;box-shadow:var(--studio-inset);border-radius:2px}body .hw-fader-thumb{background:linear-gradient(var(--studio-primary-hi),var(--studio-amber));border-color:var(--studio-primary-hi);box-shadow:var(--studio-button-shadow)}body .hw-fader[data-unset=true] .hw-fader-thumb{background:var(--studio-muted);border-color:var(--studio-ink)}body .hw-fader-readout{background:var(--studio-surface);color:var(--studio-ink);border-color:var(--studio-line);border-radius:2px}body .hw-fader-scale{color:var(--studio-muted)}body .hw-fader-strip>p{flex-shrink:0;justify-content:center;align-items:center;height:2.5em;display:flex}body .hw-fader-strip>span{height:16px;color:var(--studio-ink);flex-shrink:0}body .soundclash-status-pill{color:var(--studio-ink);background:var(--studio-surface)}body .soundclash-status-pill[data-status=Ready],body .soundclash-status-pill[data-status=Cooking]{color:var(--studio-green);background:var(--studio-surface)}body .soundclash-status-pill[data-status=Uploaded]{color:var(--studio-green);background:var(--studio-green-surface)}body .soundclash-status-pill[data-status="Ready to Upload"],body .soundclash-status-pill[data-status=Voted]{color:var(--studio-green);background:var(--studio-surface)}body .soundclash-status-pill[data-status=Missed\ Upload]{color:var(--studio-danger);background:var(--studio-red-surface)}body .hw-channel-strip[data-rated=true] .hw-fader-readout{color:var(--studio-amber)}body .hw-cabinet{--cab:var(--rgb-cyan);background:var(--studio-metal);border:2px solid rgba(var(--cab),.8);box-shadow:var(--studio-shadow),0 0 12px rgba(var(--cab),.16);border-radius:8px;padding-bottom:38px}body .hw-cabinet[data-tone=gold]{--cab:var(--rgb-amber)}body .hw-cabinet[data-tone=cyan]{--cab:var(--rgb-cyan)}body .hw-cabinet[data-tone=magenta]{--cab:var(--rgb-green)}body .hw-cabinet-screen{box-shadow:none;background:0 0;border:0}body .hw-cabinet-grille{background:var(--studio-surface);border:1px solid var(--studio-line);height:34px;box-shadow:var(--studio-shadow);border-radius:2px;position:absolute;bottom:0;left:-8px;right:-8px}body .hw-cabinet-rail{display:none}body .hw-cabinet-badge{color:rgb(var(--cab))}body .hw-result-row{background:var(--studio-panel);border-color:var(--studio-line);border-radius:2px}body .hw-vote-wave{background:var(--studio-inset-surface)}body .hw-channel-strip:nth-child(4n+1){--wave:47,155,255}body .hw-channel-strip:nth-child(4n+2){--wave:30,200,200}body .hw-channel-strip:nth-child(4n+3){--wave:61,220,132}body .hw-channel-strip:nth-child(4n){--wave:242,194,48}body .hw-reaction-pad,body .hw-reaction-pad:hover{filter:none;font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif!important}body .hw-channel-strip input.hw-range{background:0 0;border:0;border-radius:999px;padding:0}body .hw-channel-strip input.hw-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--studio-amber) var(--replay-progress,0%),var(--studio-line) var(--replay-progress,0%));border-radius:999px;height:6px}body .hw-channel-strip input.hw-range::-moz-range-track{background:var(--studio-line);border-radius:999px;height:6px}body .hw-channel-strip input.hw-range::-moz-range-progress{background:var(--studio-amber);border-radius:999px;height:6px}body .hw-channel-strip input.hw-range::-webkit-slider-thumb{border:2px solid var(--studio-amber);background:var(--studio-primary);width:16px;height:16px;box-shadow:none;margin-top:-5px;border-radius:50%!important}body .hw-channel-strip input.hw-range::-moz-range-thumb{border:2px solid var(--studio-amber);background:var(--studio-primary);width:12px;height:12px;box-shadow:none;border-radius:50%!important}body .hw-reveal-screen{background:var(--studio-inset-surface);border-color:var(--studio-blue);box-shadow:var(--studio-inset)}body .hw-reveal-controls{background:var(--studio-metal)}body .hw-reveal-number{border-color:var(--studio-blue);background:var(--studio-inset-surface);box-shadow:0 0 0 3px var(--studio-base),0 0 12px #35dfff33}body .hw-reveal-pad{background:var(--studio-pad);border-color:var(--studio-blue);box-shadow:var(--studio-button-shadow)}body :is(.hw-cooking-workspace,.hw-now-playing,.hw-channel-strip,.hw-result-row){border-radius:8px}body :is(.hw-cooking-rack,.hw-arena-wave,.hw-vote-wave,.hw-cabinet-screen){box-shadow:none}body .hw-cooking-roster .hw-tile,body .soundclash-playback-roster .hw-tile{box-shadow:none!important}body .hw-channel{border-left:3px solid var(--player-edge,rgb(var(--player-color,var(--rgb-cyan))))}body .hw-lobby .layers-lobby-arena .hw-channel{border-color:var(--studio-line);border-left:3px solid var(--player-edge,rgb(var(--player-color,var(--rgb-cyan))));box-shadow:var(--studio-shadow)}body .hw-channel[data-status=Uploaded]{border-color:var(--studio-green);background:var(--studio-green-surface)}body .hw-channel[data-status=Uploaded] .hw-status{color:var(--studio-green)}body .hw-channel[data-status=Uploaded] .hw-status-dot{background:var(--studio-green)}body .hw-channel[data-status=Missed\ Upload]{border-color:var(--studio-danger);background:var(--studio-red-surface)}body .hw-channel[data-status=Missed\ Upload] .hw-status{color:var(--studio-danger)}body .hw-tile-failed .hw-medallion{--medallion-color:var(--rgb-red)!important}body .hw-channel-strip .hw-range{accent-color:var(--studio-amber)}body .hw-channel-strip .hw-range::-webkit-slider-thumb{background:var(--studio-amber);border-color:var(--studio-amber)}body :is(.hw-cooking-drums,.hw-cooking-singles>:first-child){--sound-accent:var(--studio-role-drums)}body .hw-cooking-melodies{--sound-accent:var(--studio-role-melody)}body .hw-cooking-singles>:first-child{--sound-accent:var(--studio-role-bass)}body .hw-cooking-singles>:nth-child(2){--sound-accent:var(--studio-role-fx)}body .hw-cooking-singles>:last-child{--sound-accent:var(--studio-gold)}body .hw-cooking-group>.hw-label,body .hw-cooking-group>.hw-eyebrow{border-left:3px solid var(--sound-accent);padding-left:8px}body .hw-cooking-rack .hw-sound-row[data-available=true]{border-color:var(--sound-accent);background:var(--studio-surface)}body .hw-cooking-rack .hw-sound-row[data-available=true] .studio-sound-glyph{color:var(--sound-accent)}body .hw-cooking-rack .hw-sound-row[data-available=true] .hw-sound-key{border-color:var(--sound-accent)}body .hw-upload-status .hw-readout:nth-child(2) .hw-lcd-text{color:var(--studio-green)}body .hw-upload-status .hw-readout:nth-child(3) .hw-lcd-text{color:var(--studio-teal)}body .soundclash-upload-status-cluster>.hw-readout:last-of-type .hw-readout-value,body .hw-lobby-bar .hw-readout:last-child .hw-readout-value{color:var(--studio-green)}body .hw-lobby-timing{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}body .hw-lobby-timing .hw-readout{text-align:center;justify-content:center;align-items:center;min-width:128px;padding:10px 16px}body .hw-lobby-drawers .hw-lobby-pack{flex:1 1 0;height:100%;min-height:0;max-height:none}body .hw-lobby-pack .hw-scroll>div{background:var(--studio-inset-surface);color:var(--studio-ink);border-color:var(--studio-line)}body .hw-cooking .hw-phase-bar .hw-readout:nth-child(2) .hw-readout-value{color:var(--studio-green)}body .hw-cabinet[data-tone=gold] .hw-title,body .hw-result-row:first-child .hw-lcd-text{color:var(--studio-gold)}body .hw-result-row .hw-chip{color:var(--studio-teal)}@media (max-height:1000px){body .hw-voting-grid{grid-auto-rows:minmax(17.5rem,1fr)}body .hw-channel-strip{min-height:17.5rem;padding:12px}body .hw-fader-body{min-height:5rem}body .hw-fader-strip{gap:4px}}@media (min-width:1280px){body .hw-upload .hw-channel-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}body .hw-upload-submission:not(:has(.hw-channel:nth-child(11))) .hw-channel-grid{flex:none;grid-auto-rows:auto;padding-right:0;overflow:visible}body .hw-upload .hw-channel:not([data-compact]){gap:10px;min-height:72px;padding:10px}body .hw-upload .hw-channel:not([data-compact]) .hw-medallion{width:42px;height:42px;font-size:18px}body .hw-upload .hw-channel:not([data-compact]) p.font-bold{font-size:16px!important}body .hw-upload .hw-channel:not([data-compact]) .hw-status{margin-top:4px;font-size:13px}body .hw-upload .hw-channel .hw-chip{padding:2px 6px;font-size:10px}body .hw-upload-submission{min-height:0;padding-bottom:58px}body .hw-upload-submission>div:first-child{gap:12px}body .hw-upload-intake{min-width:0}body .hw-upload-submission h3{font-size:28px}}@media (min-width:2200px){body .hw-battle-dev{top:49px}body .hw-battle-dev>button{min-height:46px}body .hw-phase-bar .hw-title{font-size:58px}body .hw-lobby .layers-stage-player{--pta-medallion:116px!important;--stage-name-size:28px!important}body .hw-lobby .layers-lobby-arena .hw-channel{padding:24px 16px}body .hw-sound-row p{font-size:18px!important}body .studio-sound-glyph{width:64px;height:64px}}@media (max-width:1535px),(max-height:850px){body .hw-battle-dev{top:29px;right:46px}body .hw-battle-dev>button{min-height:36px}body .hw-battle-root{height:100dvh;min-height:0;overflow:hidden}body .hw-battle-chassis{overflow:hidden;height:calc(100dvh - 24px)!important;min-height:0!important;padding-bottom:0!important}body .hw-battle-chassis>header{flex-shrink:0}body .hw-battle-chassis>section{flex:1;min-height:0;overflow:auto}body .hw-battle-root{padding:12px 24px}body .hw-phase-bar{padding:14px}body .hw-phase-bar .hw-title{font-size:34px}body .hw-lobby .layers-stage-scene{padding-inline:44px}body .hw-lobby .layers-stage-player{--pta-medallion:68px!important;--stage-name-size:18px!important}body .hw-lobby .layers-lobby-arena .hw-channel{gap:8px;padding:12px 8px}body .hw-cooking-rack{grid-template-rows:minmax(190px,1fr) minmax(190px,1fr)}body .hw-cooking-main{overscroll-behavior:contain;overflow:auto}body .hw-cooking-body{flex:none;min-height:540px}body .hw-cooking-workspace{min-height:540px}}@media (min-width:1280px) and (max-height:850px){body .hw-battle-header{padding-block:10px}body .hw-battle-header>.flex:first-child{flex-wrap:nowrap;gap:10px;padding-left:0}body .hw-battle-header>.flex:first-child>span:first-child .hw-title{font-size:24px!important}body .hw-battle-header>.flex:first-child h1{font-size:20px}body .hw-battle-header>.flex:first-child>.min-w-0{min-width:240px}body .hw-battle-header .hw-chip{padding:4px 8px;font-size:10px}body .hw-battle-header>.flex:first-child>span.hidden{display:none}body .hw-battle-header .hw-header-controls{flex-shrink:0;gap:8px;max-width:58%}body .hw-battle-header .hw-header-controls .hw-btn{min-height:34px;padding-inline:10px;font-size:14px}body .hw-battle-header .hw-master-meter{flex-basis:100px;width:100px}body .hw-cooking-main{gap:8px;padding-bottom:68px;overflow:hidden}body .hw-cooking .hw-phase-bar{flex-direction:row;align-items:center;gap:10px;padding:10px;display:flex}body .hw-cooking .hw-phase-bar>:first-child{flex:1;min-width:0}body .hw-cooking .hw-phase-bar>:last-child{gap:6px;max-width:54%}body .hw-cooking .hw-phase-bar .hw-title{font-size:28px}body .hw-cooking .hw-phase-bar .hw-readout{min-width:0;padding:7px 10px}body .hw-cooking .hw-phase-bar .hw-readout-value{font-size:22px}body .hw-cooking .hw-phase-bar .hw-cook-start-wait{font-size:12px}body .hw-cooking .hw-phase-bar .hw-btn{min-height:34px;font-size:14px}body .hw-cooking-body{flex:1;min-height:0;overflow:auto}body .hw-cooking-workspace{min-height:540px}body .hw-upload-main{gap:8px}body .hw-upload .hw-phase-bar{gap:12px;padding:10px 14px}body .hw-upload .hw-phase-bar .hw-title{font-size:28px}body .hw-upload .hw-phase-bar{flex-wrap:nowrap}body .hw-upload .hw-phase-bar>:first-child{flex:1;min-width:0}body .hw-upload .hw-phase-bar .hw-chip{padding:3px 6px;font-size:10px}body .hw-upload .hw-phase-bar p{font-size:13px;line-height:1.25}body .hw-upload .soundclash-upload-status-cluster{flex:none}body .hw-upload .hw-phase-bar .hw-readout{padding:8px}body .hw-upload .hw-phase-bar .hw-readout-value{font-size:26px}body .soundclash-upload-console{gap:8px}body :is(.soundclash-upload-form,.soundclash-upload-console-status){padding:10px}body .hw-upload-drop{flex-direction:row;min-height:56px;padding:6px 8px}body .hw-upload-drop p{font-size:13px}body .hw-upload :is(.soundclash-upload-form,.soundclash-upload-console-status)>.hw-eyebrow{margin-top:0}body .hw-upload :is(.hw-upload-drop,.soundclash-upload-actions,.hw-upload-status){margin-top:6px}body .soundclash-upload-actions .hw-btn{min-height:34px;padding-block:5px;font-size:14px}body .hw-upload-status>.hw-readout{padding:7px 10px}body .hw-upload-status :is(.hw-label,.hw-lcd-text){font-size:12px}body .hw-upload-submission{padding:10px 10px 50px}body .hw-upload-submission>div:first-child{align-items:center}body .hw-upload-submission .hw-eyebrow{font-size:11px}body .hw-upload .hw-upload-submission .hw-eyebrow{padding-top:0}body .hw-upload-submission h3{font-size:22px}body .hw-upload-submission h3,body .hw-upload-submission h3+p{margin-top:2px}body .hw-upload-submission .hw-channel-grid{margin-top:8px}body .hw-upload .hw-channel:not([data-compact]){gap:7px;min-height:62px;padding:7px}body .hw-upload .hw-channel:not([data-compact]) .hw-medallion{width:34px;height:34px;font-size:16px}body .hw-upload .hw-channel:not([data-compact]) p.font-bold{font-size:14px!important}}@media (max-width:1279px){body .hw-cooking[data-roster=true]{grid-template-columns:minmax(0,1fr)}body .hw-lobby #lobby-channels{grid-template-columns:repeat(3,minmax(0,1fr))}body .hw-cooking-rack{overflow:auto}}@media (max-width:767px){body .hw-battle-dev{top:22px;right:22px}body .hw-battle-root:has(.hw-battle-dev) .hw-battle-header{padding-top:64px;padding-right:14px}body .hw-battle-root{padding:8px}body .hw-phase-bar .hw-title{font-size:28px}body .hw-lobby .layers-stage-scene{padding:8px}body .hw-lobby #lobby-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .hw-cooking-rack{flex-direction:column;display:flex}body .hw-cooking-drums>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .hw-cooking-singles{min-height:230px}body .hw-playback-grid .hw-now-playing{padding:16px}}body .battle-synced-audio .showcase-waveform,body .battle-synced-audio .showcase-transport-controls>input[type=range],body .battle-synced-audio .showcase-transport-controls>output{display:none}body .battle-synced-audio .showcase-transport-controls{padding-top:0}body .hw-arena-transport{align-items:center;gap:12px;width:100%;margin-top:10px;display:flex}body .hw-arena-transport input.hw-range{background:0 0;border:0;border-radius:999px;flex:1;min-width:0;padding:0}body .hw-arena-transport input.hw-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--studio-amber) var(--replay-progress,0%),var(--studio-line) var(--replay-progress,0%));border-radius:999px;height:6px}body .hw-arena-transport input.hw-range::-moz-range-track{background:var(--studio-line);border-radius:999px;height:6px}body .hw-arena-transport input.hw-range::-moz-range-progress{background:var(--studio-amber);border-radius:999px;height:6px}body .hw-arena-transport input.hw-range:disabled{opacity:1;cursor:default}body .hw-arena-transport output{text-align:right;min-width:9ch;font-family:var(--font-pixel-label);font-variant-numeric:tabular-nums;color:var(--studio-muted);flex:none}body .hw-podium{padding-top:.75rem}body .hw-cabinet{padding-top:4.9rem}body .hw-cabinet-badge{top:.6rem}@media (min-width:1800px) and (min-height:1050px){body .hw-podium{padding-top:1rem}body .hw-cabinet{padding-top:7.3rem}body .hw-cabinet-badge{top:.75rem}body .hw-cabinet[data-center=true]{padding-top:8.6rem}body .hw-cabinet[data-center=true] .hw-cabinet-badge{top:.75rem}}
body .pta-page{color:var(--studio-ink);--hw-module:var(--studio-base);--hw-module-hi:var(--studio-surface);--hw-lcd:var(--studio-surface);--hw-lcd-hi:var(--studio-base);--hw-line:var(--studio-line);--hw-text-dim:var(--studio-muted)}body .pta-game-body{--hw-module:var(--studio-base);--hw-module-hi:var(--studio-surface);--hw-lcd:var(--studio-surface);--hw-lcd-hi:var(--studio-base);--hw-line:var(--studio-line);--hw-text-dim:var(--studio-muted)}body .pta-page :is(.pta-game-roster,.pta-you,.pta-task-content,.pta-task-heading,.pta-theme-banner,.pta-previous,.pta-reveal-main,.pta-end-screen,.layers-show-main,.layers-show-roster,.layers-show-header,.layers-lobby-toolbar,.layers-lobby-footer){background:var(--studio-panel);color:var(--studio-ink);border:1px solid var(--studio-line);box-shadow:var(--studio-shadow);border-radius:8px}body .pta-page :is(.pta-game-roster,.pta-you):before{display:none}body .pta-page :is(.hw-eyebrow,.pta-submit-count,.pta-octave-controls output,.pta-record-controls output,.pta-chain-complete,.pta-round-theme){color:var(--studio-ink)}body .pta-page :is(.pta-hint,.layers-role-picker,.layers-monitor,.layers-daw-banner,.pta-upload-hint,.pta-audio-upload,.pta-timing-readout,.pta-feed-entry,.pta-feed-card,.pta-chain-strip>button,.pta-catalog fieldset){color:var(--studio-ink);background:var(--studio-surface);border-color:var(--studio-line);box-shadow:none;border-radius:2px}body .pta-page .pta-room-heading{border-color:var(--studio-line)}body .pta-page :is(.pta-reason,.text-amber-300){color:var(--studio-amber)}body .pta-page .pta-room-heading h1{font-size:30px}body .pta-page .pta-task-heading{background:var(--studio-metal);padding:20px 24px}body .pta-page .pta-task-heading h2{font-size:42px;font-weight:650}body .pta-page .pta-slot{background:var(--studio-pad);border:1px solid var(--studio-blue);box-shadow:var(--studio-shadow);border-radius:6px;padding:14px}body .pta-page .pta-slot[data-local=true]{background:var(--studio-amber-surface);border-color:var(--studio-line)}body .pta-page .pta-progress-list{--pta-medallion:58px;gap:12px}body .pta-page .pta-progress-list .pta-slot-name{font-size:20px;font-weight:850}body .pta-page .pta-slot-status{border-radius:2px;min-height:26px;padding:5px 10px}body .pta-page .pta-you>.hw-chip{background:var(--studio-surface);color:var(--studio-ink);border-color:var(--studio-line);border-radius:2px;justify-content:center;min-height:44px}body .pta-page .pta-you>.hw-chip[data-tone=green]{background:var(--studio-surface);border-color:var(--studio-line)}body .pta-page .pta-you .hw-readout{box-shadow:none;background:var(--studio-surface);border:0}body .pta-page .pta-timing-readout input{color:var(--studio-ink)}body .pta-page .pta-audio-drop{background:var(--studio-surface);color:var(--studio-ink);border-color:var(--studio-line)}body .pta-page .pta-audio-drop:hover{border-color:var(--studio-blue)}body .pta-page #game-tracker{background:var(--studio-panel);border:1px solid var(--studio-line);border-radius:2px;gap:6px;padding:6px;display:flex}body .pta-page #game-tracker .hw-chip{text-transform:uppercase;background:var(--studio-surface);border:0;flex:1;justify-content:center;min-height:40px}body .pta-page #game-tracker .hw-chip[data-tone=cyan]{color:var(--studio-blue);background:var(--studio-surface)}body .pta-page #prompt-content{background:0 0;justify-content:center;gap:18px;padding:24px}body .pta-page .pta-prompt-instruction h3{font-size:46px;font-weight:650}body .pta-page .pta-prompt-instruction p{font-size:17px;line-height:1.6}body .pta-page #prompt-text{border:2px solid var(--studio-line);min-height:128px;box-shadow:var(--studio-shadow);border-radius:2px;padding:24px;font-size:22px}body .pta-page #prompt-counter{align-self:flex-end;margin-top:-12px}body .pta-page .pta-ideas{flex-flow:wrap;justify-content:center;gap:8px}body .pta-page .pta-ideas>h3{text-align:center;width:100%}body .pta-page #prompt-content .pta-submit-footer{flex-direction:row;justify-content:flex-end;gap:24px;margin-top:18px}body .pta-page :is(.hw-btn,.pta-track-chip){color:var(--studio-ink);background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:2px}body .pta-page .hw-btn[data-variant=primary]{background:var(--studio-primary);border:1px solid var(--studio-amber);color:var(--studio-on-accent);box-shadow:var(--studio-button-shadow)}body .pta-page .hw-btn[data-variant=danger]{background:var(--studio-surface);border-color:var(--studio-line);color:var(--studio-danger)}body .pta-page .hw-btn[aria-pressed=true],body .pta-page .pta-track-chip[aria-pressed=true]{background:var(--studio-surface);border-color:var(--studio-line);color:var(--studio-ink)}body .pta-page :is(.hw-input,.hw-select){background:var(--studio-surface);color:var(--studio-ink);border:1px solid var(--studio-line);box-shadow:var(--studio-inset);border-radius:2px}body .pta-page .pta-text-input{box-shadow:var(--studio-inset)}body .pta-page .pta-toolbar-row{background:var(--studio-panel);border:1px solid var(--studio-line);border-radius:2px;gap:8px;padding:10px}body .pta-page .pta-toolbar-row .hw-btn{min-width:40px;min-height:40px;padding:6px 10px;font-size:14px}body .pta-page .pta-toolbar-row :is(.hw-select,.pta-instrument-picker,.pta-roll-check,.pta-roll-tools label){font-size:14px}body .pta-page .pta-toolbar-row .hw-select{min-height:40px}body .pta-page .pta-track-chip{width:40px;height:40px;font-size:14px}body .pta-page .pta-instrument-picker select{max-width:190px}body .pta-page .pta-roll-surface{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:2px}body .pta-page .pta-keyboard{border:1px solid var(--studio-line);background:var(--studio-panel-hi);border-radius:2px;padding:10px}body .pta-page .pta-keyboard-heading .hw-btn,body .pta-page .hw-btn.pta-roll-toggle{color:var(--studio-ink)}body .pta-page .pta-keyboard-heading .hw-btn{min-height:36px;font-size:14px}body .pta-page .pta-key-legend kbd{color:var(--studio-ink);border-color:var(--studio-line);background:var(--studio-surface)}body .pta-page .pta-key-legend>[data-black=true] kbd{color:var(--studio-ink);background:var(--studio-surface)}body .pta-page .pta-piano button{background:var(--studio-key-white);color:var(--studio-key-ink);border-color:var(--studio-line);box-shadow:var(--studio-inset);border-radius:2px}body .pta-page .pta-piano button[data-black=true]{background:var(--studio-key-ink);color:var(--studio-key-white);border-color:var(--studio-line);box-shadow:var(--studio-inset)}body .pta-page .pta-piano button[data-sounding=true]{background:var(--studio-blue);color:var(--studio-key-ink);box-shadow:none}body .pta-page .pta-piano button[data-scale=true]{border-bottom-color:var(--studio-teal)}body .pta-page .pta-piano button[data-tonic=true]{border-bottom-color:var(--studio-amber)}body .pta-page .pta-piano button :is(span,kbd){color:inherit;opacity:1}body .pta-page .pta-playback-progress input{background:var(--studio-surface);border-color:var(--studio-line);border-radius:2px}body .pta-page .pta-tape-deck{background:var(--studio-metal);border:1px solid var(--studio-blue);box-shadow:var(--studio-shadow);border-radius:8px}body .pta-page .pta-eq-screen .hw-eyebrow{color:var(--studio-ink)}body .pta-page #guess-pause{color:var(--studio-ink);border-color:var(--studio-line)}body .pta-page .pta-round-banner{background:var(--studio-panel-hi);color:var(--studio-ink)}body .pta-page .pta-chain-strip>button[aria-pressed=true]{background:var(--studio-gold-surface);border:2px solid var(--studio-gold)}body .pta-page .pta-chain-strip{flex-shrink:0;align-items:center;min-width:0}body .pta-page .pta-chain-strip>button{border-width:2px;flex-basis:9rem;min-height:140px}body .pta-page .pta-chain-strip[data-pre-reveal=false]>button{flex-basis:12rem;gap:3px;min-height:100px;padding:8px 12px}body .pta-reveal-layout .pta-slot-info{flex-direction:column;align-items:flex-start;gap:5px;display:flex}body .pta-reveal-layout .pta-slot-info>.pta-slot-status{align-self:flex-start;margin-top:0}body .pta-page .pta-chain-strip>button[data-complete=true]:not([aria-pressed=true]){background:var(--studio-inset-surface);border-color:var(--studio-line)}body .pta-page .pta-chain-strip>button[data-complete=true]:not([aria-pressed=true]) .hw-medallion{filter:saturate(.35)}body .pta-page .pta-chain-owner{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}body .pta-page .pta-chain-arrow{color:var(--studio-blue);flex:0 0 16px}body .layers-page .layers-circles.layers-lanes[data-count]:has(>:nth-child(11)){grid-template-columns:repeat(var(--circle-columns),minmax(134px,1fr));overscroll-behavior-x:contain;align-content:center;overflow-x:auto}body .pta-page .pta-chain-contributors{flex-wrap:wrap;justify-content:center;gap:3px;max-height:66px;display:flex;overflow:auto}body .pta-page .pta-chain-contributors>span{border:1px solid var(--studio-line);background:var(--studio-panel);width:22px;height:22px;color:var(--studio-ink);font:12px var(--font-reading);border-radius:50%;place-items:center;display:grid}body .pta-page .pta-feed-entry :is(.pta-feed-text,.pta-feed-beat){background:var(--studio-inset-surface);border:1px solid var(--studio-line);border-radius:6px;padding:14px}@media (max-height:800px){body .pta-page .pta-chain-strip>button{gap:2px;min-height:100px}body .pta-page .pta-chain-contributors{max-height:24px}}body .pta-page .layers-show-person{background:var(--studio-panel-hi);border-color:var(--studio-line);border-radius:2px}body .pta-page .layers-show-person[data-active=true]{background:var(--studio-amber-surface);border-color:var(--studio-line)}body .pta-page .layers-role-chip{background:var(--studio-inset-surface);border-color:var(--role-color);border-radius:2px;color:var(--role-color)!important}body .pta-page .layers-role-guidance,body .pta-page .pta-hint{color:var(--studio-muted)!important}body .pta-page .layers-speaker.hw-btn{color:var(--studio-ink)}body .pta-page .layers-speaker.hw-btn[aria-pressed=true],body .pta-page .layers-speaker.layers-solo[aria-pressed=true]{color:var(--studio-ink);border-color:var(--studio-line);background:var(--studio-surface)}body .pta-page .layers-show-title{font-size:40px}body .pta-page .layers-show-title>span{color:var(--studio-blue)}body .pta-page .layers-show-title:before,body .pta-page .layers-show-title:after{background:var(--studio-line)}body .pta-page .layers-lobby-title h1 span,body .pta-page .layers-show-brand h1 span{color:var(--studio-ink)}body .pta-page .layers-combined-wave{border-color:var(--studio-line);border-radius:2px}body .pta-page .layers-show .pta-playback-progress input::-webkit-slider-runnable-track{background:var(--studio-surface)}body .pta-page .layers-live:before{background:var(--studio-green)}body .pta-page .layers-lobby-arena,body .pta-page .layers-stage-frame{box-shadow:none;background:0 0;border:0}body .pta-page .layers-stage-scene{background:0 0;flex-direction:column;gap:20px;min-height:100%;padding:16px 52px;display:flex;height:auto!important}body .pta-page .layers-stage-floor,body .pta-page .layers-stage-speaker{display:none}body .pta-page #lobby-channels{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));align-content:center;gap:16px;display:grid}body .pta-page #lobby-channels[hidden]{display:none}body .pta-page .layers-stage-player{min-width:0;position:relative;--pta-medallion:86px!important;--stage-name-size:22px!important;width:auto!important;height:auto!important;inset:auto!important}body .pta-page .layers-stage-player .pta-slot{background:var(--studio-pad);border:1px solid var(--studio-blue);box-shadow:var(--studio-shadow),0 0 7px #35dfff20;border-radius:8px;gap:10px;padding:20px 10px;animation:none}body .pta-page .layers-stage-stats{background:var(--studio-panel);border:1px solid var(--studio-line);box-shadow:var(--studio-shadow);border-radius:2px;margin:0 auto;padding:18px;position:relative;width:min(100%,850px)!important;height:auto!important;inset:auto!important}body .pta-page .layers-stage-stats .hw-label{color:var(--studio-ink)}body .pta-page .layers-stage-stats .hw-readout{box-shadow:none;background:0 0;border:0}body .pta-page .layers-stage-stats p,body .pta-page .layers-stage-stats .hw-readout+.hw-readout{border-color:var(--studio-line)}body .pta-page .layers-stage-stats .hw-readout:nth-child(2) .hw-readout-value{color:var(--studio-green)}body .pta-page :is(.pta-toolbar-row,.pta-keyboard){background:var(--studio-panel);box-shadow:var(--studio-shadow);border-radius:6px}body .pta-page :is(.pta-roll-surface,.pta-feed-entry,.layers-combined-wave,.pta-chat-feed){background:var(--studio-inset-surface);box-shadow:none}body .pta-page .pta-eq-screen{background:var(--studio-inset-surface);border-color:var(--studio-line)}body .pta-page .layers-show-person[data-active=true]{border-color:var(--studio-amber)}body .pta-page #game-tracker .hw-chip[data-tone=cyan]{background:var(--studio-blue-surface);border:1px solid var(--studio-blue)}body .pta-page .pta-piano button:focus-visible{outline-offset:-4px}body .pta-page .pta-slot,body .pta-page .layers-stage-player .pta-slot{border-color:var(--studio-line);border-left:3px solid var(--player-edge,rgb(var(--player-color,var(--rgb-cyan))));box-shadow:var(--studio-shadow)}body .pta-page .pta-you>.hw-chip[data-tone=green]{color:var(--studio-green);border-color:var(--studio-green);background:var(--studio-green-surface)}body .pta-page .pta-you>.hw-chip[data-tone=amber]{color:var(--studio-amber);background:var(--studio-amber-surface)}body :is(.pta-timer,.pta-task-timer,.pta-round-timer) .hw-readout-value{color:var(--studio-amber)}body .pta-task-heading .hw-readout{border-top:2px solid var(--studio-amber)}body .pta-task-heading .hw-readout-value{color:var(--studio-amber)}body :is(.shared-lobby-group,.layers-lobby-controls) .hw-readout{border-top:2px solid var(--studio-blue);box-shadow:none!important}body :is(.shared-lobby-group,.layers-lobby-controls) .hw-readout:nth-of-type(2){border-top-color:var(--studio-amber)}body :is(.shared-lobby-group,.layers-lobby-controls) .hw-readout:nth-of-type(2) .hw-readout-value{color:var(--studio-amber)}body :is(.shared-lobby-group,.layers-lobby-controls) .hw-readout:nth-of-type(3){border-top-color:var(--studio-green)}body :is(.shared-lobby-group,.layers-lobby-controls) .hw-readout:nth-of-type(3) .hw-readout-value{color:var(--studio-green)}body :is(.shared-lobby-group,.layers-lobby-controls) .hw-readout:nth-of-type(4){border-top-color:var(--studio-teal)}body :is(.shared-lobby-group,.layers-lobby-controls) .hw-label{font-size:11px}body :is(.pta-timing-readout,.pta-playback-controls output,.pta-submit-count,.pta-octave-controls output,.lobby-room-code,.layers-show-readouts,.pta-roll-info){font-family:var(--font-pixel-label),monospace;font-variant-numeric:tabular-nums slashed-zero;letter-spacing:0}body .pta-page .pta-submit-count{color:var(--studio-green);font-size:13px}body .pta-page .pta-timing-readout>span{color:var(--studio-blue)}body .pta-page .pta-playback-progress input{--pta-progress-color:var(--studio-amber);accent-color:var(--studio-amber)}body .pta-page .pta-playback-progress input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--studio-amber) var(--pta-progress,0%),var(--studio-surface) var(--pta-progress,0%))}body .pta-page .layers-show .pta-playback-progress input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--studio-amber) var(--pta-progress,0%),var(--studio-surface) var(--pta-progress,0%))}body .pta-page .pta-playback-progress input::-moz-range-progress{background:var(--studio-amber)}body [data-instrument-role]{--instrument-accent:var(--studio-role-melody)}body [data-instrument-role=Bass\/808]{--instrument-accent:var(--studio-role-bass)}body [data-instrument-role=Drums]{--instrument-accent:var(--studio-role-drums)}body [data-instrument-role=Chords\/Pads]{--instrument-accent:var(--studio-role-chords)}body [data-instrument-role=Lead]{--instrument-accent:var(--studio-role-counter)}body [data-instrument-role=FX\/Texture]{--instrument-accent:var(--studio-role-fx)}body .pta-page .pta-instrument-picker .hw-select,body .pta-catalog-row .hw-btn[aria-pressed=true]{border-color:var(--instrument-accent);border-left-width:3px}body .pta-page .pta-instrument-picker{color:var(--instrument-accent)}body .pta-page .pta-feed-entry[data-type=prompt],body .pta-page .pta-feed-entry[data-type=guess]{box-shadow:none;background:0 0;border:0;padding:0}body .pta-page .pta-feed-text{background:var(--studio-panel);box-shadow:none;border:0;width:fit-content;min-width:0;max-width:100%}body .pta-page .pta-feed-entry:before{display:none}body .pta-page .pta-feed-beat{background:var(--studio-inset-surface);border-color:var(--studio-line);box-shadow:none}body .pta-page .pta-octave-controls kbd{color:var(--studio-ink);border-color:var(--studio-line)}body .pta-page .pta-track-chip{opacity:1}body .pta-page .layers-role-chip{color:var(--studio-ink)!important}body .pta-page .layers-daw-info summary,body .pta-page .layers-downloads summary{color:var(--studio-blue)}body .pta-page .layers-show-position strong{color:var(--studio-gold)}body .pta-page .pta-submit-footer .pta-upload-hint{width:auto;margin:0;padding:0}body .pta-page .pta-submit-footer .pta-upload-hint .hw-btn{min-height:24px;padding:1px 5px}body .pta-page .layers-show-main:has([data-testid=layers-reveal-gate]) .pta-playback-progress{margin-right:60px}body .pta-page .pta-reveal-choice{border-bottom:1px solid var(--studio-line);flex:none;gap:10px;padding:12px}body .pta-page .pta-reveal-placeholder{background:var(--studio-inset-surface);flex:1;min-height:90px;padding:12px}body .pta-page [data-testid=layers-reveal-gate]{flex:none;gap:8px;min-height:0;padding:10px}body .pta-page .layers-show-main:has([data-testid=layers-reveal-gate]) .layers-stage-mix{min-height:0}body .pta-page .pta-task-heading:has(#game-tracker){flex-wrap:wrap;gap:8px;padding:10px 16px}body .pta-page .pta-task-heading #game-tracker{margin-left:auto}body .pta-page .pta-task-heading #game-tracker .hw-chip{min-height:28px}body .pta-page .pta-audio-upload{gap:6px;padding:8px;overflow:visible}body .pta-page .pta-audio-upload .pta-panel-head{flex-wrap:wrap;flex-shrink:0;gap:8px}body .pta-page .pta-audio-upload .pta-panel-head .pta-hint{margin:0;padding:0}body .pta-page .pta-audio-upload .pta-audio-drop{gap:4px;min-height:58px;padding:8px}body .pta-page .pta-audio-upload .pta-trim{flex-direction:column;flex:auto;min-height:64px;display:flex}body .pta-page .pta-audio-upload .pta-trim-wave{flex:1;height:auto;min-height:40px}body .pta-page .pta-audio-upload :is(.pta-upload-summary,.pta-upload-actions,.pta-reveal-player){flex-shrink:0}body .pta-page .pta-editor-scroll:has(.pta-audio-upload){flex-direction:column;display:flex;overflow:visible}body .pta-page .layers-daw-info{font-family:var(--font-reading);flex:none}body .pta-page .layers-daw-banner{font-family:var(--font-reading);font-size:13px;line-height:1.4}@media (min-width:1280px) and (min-height:900px){body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-task-heading{padding:10px 16px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-task-heading h2{font-size:30px}body .pta-page .pta-game-body .pta-roll-surface{flex:1 1 var(--pta-roll-height,300px);min-height:300px}body .pta-page .pta-toolbar-row{gap:4px;padding:4px}body .pta-page .pta-toolbar-row :is(.hw-btn,.hw-select),body .pta-page .pta-track-chip{height:32px;min-height:32px}body .pta-page .pta-beat-editor:not([data-grid-collapsed=true]) .pta-keyboard[data-open=true]{flex:0 150px;min-height:110px;max-height:150px;padding:6px}body .pta-page .pta-keyboard[data-open=false]{flex:none;min-height:0;max-height:none;height:auto!important}body .pta-page .pta-previous{padding:6px 12px}body .pta-page .pta-task-heading:has(#game-tracker) h2{font-size:30px}}@media (max-height:899px){body .pta-page .pta-game-body .pta-roll-surface{flex:1 1 var(--pta-roll-height,170px);min-height:150px}body .pta-page .pta-audio-drop small{display:none}body .pta-page .pta-audio-upload :is(.pta-playback-controls,.pta-upload-actions){gap:6px;margin:0}}@media (min-width:1280px){body .layers-page .layers-show :is(.layers-rating,.layers-downloads){margin-right:9rem}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:320px minmax(0,1fr)}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount)>.pta-game-roster{grid-row:1/-1}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount)>.pta-you{flex-flow:row;grid-column:2;align-items:center;gap:16px;padding:12px 18px;overflow:auto}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount)>.pta-you>*{flex-shrink:1}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount)>.pta-you>h2{display:none}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount) .pta-timing-readout{align-items:center;gap:10px;padding:8px;display:flex}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount) .pta-timing-readout input{width:96px;min-width:96px;padding-inline:8px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount) .pta-progress-list{--pta-medallion:48px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount) .pta-timing-readout select{width:180px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount) .pta-you .pta-hint{max-width:220px;padding:8px;font-size:12px}}@media (min-width:2200px){body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount){grid-template-columns:360px minmax(0,1fr)}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount) .pta-progress-list{--pta-medallion:56px}body .pta-page .pta-task-heading h2,body .pta-page .pta-prompt-instruction h3{font-size:56px}body .pta-page .pta-prompt-instruction p{font-size:21px}body .pta-page #prompt-text{min-height:170px}body .pta-page .pta-progress-list{--pta-medallion:72px}body .pta-page .layers-stage-player{--pta-medallion:116px!important;--stage-name-size:28px!important}}@media (max-width:1535px),(max-height:850px){body .pta-page .pta-task-heading{padding:12px}body .pta-page .pta-task-heading h2{font-size:30px}body .pta-page #prompt-content{gap:12px;padding:16px}body .pta-page .pta-prompt-instruction h3{font-size:34px}body .pta-page .pta-progress-list{--pta-medallion:40px}body .pta-page .pta-progress-list .pta-slot-name{font-size:15px}body .pta-page .pta-toolbar-row{gap:5px;padding:6px}}@media (min-width:1280px) and (max-height:850px){body .layers-page .layers-game-body .pta-you{margin-bottom:68px;padding-bottom:16px}}@media (min-width:1280px) and (max-height:1050px){body .pta-page #guess-content{gap:10px}body .pta-page #guess-content .pta-tape-deck{padding:12px}body .pta-page #guess-content .pta-tape-display{grid-template-columns:120px minmax(0,1fr) 120px}body .pta-page #guess-content .pta-eq{height:80px}body .pta-page #guess-content .pta-eq-screen{padding:10px}body .pta-page #guess-content .pta-playback-controls{margin-top:10px}}@media (max-width:1279px){body .pta-page #lobby-channels{grid-template-columns:repeat(3,minmax(0,1fr))}body .pta-page .pta-you{flex-wrap:nowrap}}@media (max-width:767px){body .pta-page .layers-stage-scene{padding:8px}body .pta-page #lobby-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .pta-page .layers-stage-player{--pta-medallion:64px!important;--stage-name-size:18px!important}body .pta-page .pta-task-heading h2,body .pta-page .pta-prompt-instruction h3{font-size:28px}body .pta-page #prompt-text{min-height:100px;font-size:18px}body .pta-page .pta-you{flex-direction:column}}@media (min-width:1280px) and (max-height:850px){body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-task-heading{gap:6px;padding:6px 10px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-task-heading:has(#game-tracker){padding:4px 10px}body .pta-page .pta-task-content:has(.pta-beat-editor){padding:6px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-task-heading h2{font-size:26px}body .pta-page .pta-toolbar-row{gap:3px;padding:4px}body .pta-page .pta-toolbar-row :is(.hw-btn,.hw-select),body .pta-page .pta-track-chip{min-width:28px;height:28px;min-height:28px;padding:3px 5px;font-size:12px}body .pta-page .pta-toolbar-row :is(.pta-instrument-picker,.pta-roll-check,.pta-roll-tools label,.pta-record-controls label){font-size:12px}body .pta-page .pta-instrument-picker select{max-width:130px}body .pta-page .pta-toolbar-row :is(.pta-editor-controls,.pta-record-controls,.pta-roll-tools,.pta-roll-transport,.pta-track-legend){gap:3px}body .pta-page .pta-beat-editor:not([data-grid-collapsed=true]) .pta-keyboard[data-open=true]{flex:0 110px;min-height:94px;max-height:116px;padding:4px}body .pta-page .pta-keyboard[data-open=false]{flex:none;min-height:0;max-height:none;padding:4px;height:auto!important}body .pta-page .pta-keyboard-heading{gap:4px}body .pta-page .pta-keyboard-heading .hw-btn{min-height:26px;padding:2px 4px;font-size:12px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-submit-footer{gap:8px;padding:4px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-submit-footer .hw-btn{min-height:34px}body .pta-page .pta-previous{padding:4px 10px}}@media (min-width:1280px) and (max-height:1050px){body .pta-page .pta-game-body .pta-beat-editor{gap:2px}body .pta-page .pta-game-body .pta-piano-scroll{padding:2px 0 1px}body .pta-page .pta-beat-editor:not([data-grid-collapsed=true]) .pta-keyboard[data-open=true]{min-height:94px;padding:4px}body .pta-page .pta-keyboard-heading .hw-btn{min-height:28px;padding:2px 5px}body .pta-page .pta-game-body:has(.pta-beat-editor) :is(.pta-task-heading,.pta-task-heading:has(#game-tracker)){padding:4px 10px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-task-heading .hw-readout{min-height:0;padding:4px 10px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-task-heading .hw-readout-value{font-size:24px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-submit-footer{gap:8px;padding:3px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-submit-footer .hw-btn{min-height:34px;padding:5px 12px}body .pta-page .pta-game-body:has(.pta-beat-editor) .pta-submit-footer .pta-upload-hint .hw-btn{min-height:24px;padding:1px 5px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount .pta-beat-editor)>.pta-you{gap:8px;padding:4px 10px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount .pta-beat-editor)>.pta-you>.hw-chip{min-height:30px;padding:3px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount .pta-beat-editor) .pta-timing-readout{gap:6px;padding:3px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount .pta-beat-editor) .pta-timing-readout :is(input,select){height:30px;min-height:30px;padding-block:2px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount .pta-beat-editor) .pta-you .pta-hint{padding:3px}}@media (min-width:1280px) and (max-width:1535px) and (max-height:850px){body .pta-page .pta-game-body .pta-roll-surface{min-height:120px}body .pta-page .pta-beat-editor:not([data-grid-collapsed=true]) .pta-keyboard[data-open=true]{min-height:100px}body .pta-page .pta-game-body .pta-beat-editor{gap:0}body .pta-page .pta-game-body .pta-roll-resize{flex-basis:8px;height:8px}body .layers-page .layers-role-picker{padding-block:2px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount .pta-beat-editor){grid-template-columns:240px minmax(0,1fr)}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount .pta-beat-editor) .pta-timing-readout input{width:78px;min-width:78px;padding-inline:4px}body .pta-game-body:not(.layers-game-body):has(#beat-editor-mount .pta-beat-editor) .pta-timing-readout select{width:136px}}
body .hw-community-side{background:var(--studio-metal);border:1px solid var(--studio-line);box-shadow:var(--studio-shadow);border-radius:8px}body :is(.hw-community-main,.hw-profile-grid,.hw-leader-body){color:var(--studio-ink)}body .hw-community-main article{border-radius:2px}body :is(.hw-community-main article h2,.hw-community-main article h3,.hw-leader-row .font-black,.pta-slot-name,.layers-lane-author strong,.layers-show-person-info strong){font-family:var(--font-pixel),sans-serif;font-weight:900}body .hw-rank-badge{color:var(--studio-ink);font-family:var(--font-pixel),sans-serif;border-color:var(--studio-line);font-weight:850}body .hw-profile-id .hw-lcd{background:var(--studio-surface);border-color:var(--studio-line);box-shadow:none}body .hw-profile-stats .hw-readout{background:var(--studio-surface)}body .hw-profile-rank{color:var(--studio-ink);border-color:var(--studio-line);box-shadow:none}body .hw-profile-avatar>div{color:var(--studio-ink);box-shadow:var(--studio-shadow)!important;background:var(--studio-surface)!important}body :is(.hw-rank-badge,.hw-profile-rank):is([class*=rose],[class*=pink]){background:var(--studio-surface);color:var(--studio-ink);border-color:var(--studio-line)}body .hw-profile-avatar>button{color:var(--studio-ink);background:var(--studio-surface);border-color:var(--studio-line);box-shadow:var(--studio-button-shadow)}body .hw-community-main .hw-wave>:is(div,span){background:var(--studio-surface)}body .hw-community-main .hw-wave{background:var(--studio-surface);border-color:var(--studio-line)}body .hw-leader-podium{background:var(--studio-metal);border:1px solid var(--studio-blue);box-shadow:var(--studio-shadow);border-radius:8px}body .hw-leader-podium[data-tone=amber]{background:var(--studio-metal);border-color:var(--studio-amber);box-shadow:var(--studio-shadow)}body .hw-leader-head{background:var(--studio-surface);border-color:var(--studio-line)}body .hw-leader-head .hw-label{color:var(--studio-ink)}body .hw-leader-row{border-color:var(--studio-line)}body .hw-leader-row:hover{background:var(--studio-surface)}body .hw-leader-crown{color:var(--studio-gold);text-shadow:none}body .hw-modal{padding:28px}body .hw-modal .hw-module{background:var(--studio-inset-surface);box-shadow:none}body .hw-modal :is(input,select,textarea):not([type=range]):not([type=checkbox]):not([type=radio]),body [role=dialog][aria-label=Friends] input{color:var(--studio-ink);background:var(--studio-inset-surface);border-color:var(--studio-line);border-radius:2px}body [role=dialog][aria-label=Friends]>aside{border-left:1px solid var(--studio-line);background:var(--studio-panel-hi)!important;box-shadow:none!important}body :is(.hw-modal,[role=dialog][aria-label=Friends]) :is([class~=bg-black],[class~=bg-black\/40],[class~=bg-black\/60],[class~=bg-zinc-950],[class~=bg-white\/5]){background:var(--studio-inset-surface)}body button[aria-label^="Open actions for"]:not(.hw-avatar-ring){color:var(--studio-ink);background:var(--studio-surface);border-color:var(--studio-line);box-shadow:var(--studio-button-shadow);border-radius:2px}body button.hw-avatar-ring{color:var(--studio-white);border-radius:50%}body .hw-ring-red{--ring:var(--rgb-green)}body .hw-mini-wave>span{background:var(--studio-blue)}body .hw-menu-item{color:var(--studio-ink);border-radius:2px}body .hw-menu-item:hover:not(:disabled){background:var(--studio-hover)}body .hw-menu-item.text-red-300{color:var(--studio-danger)}body .hw-menu-item.text-red-300:hover{background:var(--studio-red-surface)}body .hw-range{accent-color:var(--studio-blue)}body .hw-range::-webkit-slider-runnable-track{background:var(--studio-surface);border-color:var(--studio-line)}body input.hw-range{appearance:none;background:0 0;border:0;height:16px;padding:0}body input.hw-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--studio-amber) var(--replay-progress,0%),var(--studio-line) var(--replay-progress,0%));border:0;border-radius:999px;height:6px}body input.hw-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--studio-amber);background:var(--studio-panel);width:16px;height:16px;box-shadow:none;border-radius:50%;margin-top:-5px}body input.hw-range::-moz-range-track{background:var(--studio-line);border:0;border-radius:999px;height:6px}body input.hw-range::-moz-range-progress{background:var(--studio-amber);border-radius:999px;height:6px}body input.hw-range::-moz-range-thumb{border:2px solid var(--studio-amber);background:var(--studio-panel);width:12px;height:12px;box-shadow:none;border-radius:50%}body .hw-recovery-screen{background:var(--studio-panel);color:var(--studio-ink)}body .hw-recovery-screen h1{font-size:42px}body .hw-dev-toggle{background:var(--studio-amber-surface);border-color:var(--studio-amber);color:var(--studio-amber);box-shadow:var(--studio-button-shadow);border-radius:2px}body [data-testid=match-start-countdown]{background:var(--studio-surface);color:var(--studio-ink);-webkit-backdrop-filter:blur(var(--studio-blur));backdrop-filter:blur(var(--studio-blur))}body [data-testid=match-start-number]{color:var(--studio-amber);text-shadow:none}body :is(.pta-editor-dialog,.pta-roll-popout,.pta-track-menu){background:var(--studio-panel-hi);color:var(--studio-ink);border-color:var(--studio-line);box-shadow:var(--studio-shadow);border-radius:2px}body :is(.pta-editor-dialog,.pta-roll-popout,.pta-track-menu) :is(.hw-input,.hw-select){background:var(--studio-surface);color:var(--studio-ink);border-color:var(--studio-line)}body .pta-catalog fieldset{background:var(--studio-surface);border-color:var(--studio-line);border-radius:2px}body .pta-catalog legend{color:var(--studio-ink);font-weight:900}body .pta-catalog-row{border-color:var(--studio-line)}body .pta-page,body .pta-page *,body .hw-scroll{scrollbar-color:var(--studio-muted) var(--studio-surface)}body .pta-page ::-webkit-scrollbar-track{background:var(--studio-surface)}body .pta-page ::-webkit-scrollbar-thumb{background:var(--studio-muted);border-color:var(--studio-line);box-shadow:none}body .pta-page ::-webkit-scrollbar-corner{background:var(--studio-surface)}html[data-hw-low-perf=true] body :is(.hw-module,.hw-lcd,.hw-topbar,.hw-modal,.pta-task-content,.pta-you,.pta-game-roster,.hw-channel,.hw-channel-strip,.hw-now-playing,.hw-phase-bar){background:var(--studio-panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body .hw-profile-stats .hw-readout:nth-child(3n+1){border-top:2px solid var(--studio-green)}body .hw-profile-stats .hw-readout:nth-child(3n+2){border-top:2px solid var(--studio-blue)}body .hw-profile-stats .hw-readout:nth-child(3n),body .hw-profile-rank{border-top:2px solid var(--studio-gold)}body button[aria-label=Upvote]{color:var(--studio-green);border-color:var(--studio-green)}body button[aria-label=Upvote]:is(:hover,:focus-visible,:active,[aria-pressed=true]){color:var(--studio-green);background:var(--studio-green-surface);border-color:var(--studio-green)}@media (max-width:767px){body .hw-modal{padding:20px}}@media (max-height:800px){body .hw-modal:has(.avatar-builder-preview){width:min(560px,100vw - 32px);max-width:560px;padding:20px}body .hw-modal:has(.avatar-builder-preview)>.flex:last-child{flex-shrink:0}body .avatar-builder-preview{width:64px;height:64px}body .avatar-presets button{justify-self:center;width:min(100%,52px)}body .avatar-builder-fields{gap:8px}}
body :is(.hw-btn,.hw-close,.hw-icon-key,.hw-menu-item,.hw-pad,.hw-mode-pad,.hw-tile,.hw-match-card,.pta-track-chip,.hw-leader-row):is(:hover,:focus-visible,:active,[aria-selected=true],[aria-pressed=true],[data-active=true]){color:var(--studio-ink);background:var(--studio-hover);border-color:var(--studio-blue);filter:none;text-shadow:none}body :is(.hw-pad,.hw-mode-pad,.hw-match-card):is(:hover,:focus-visible,:active) :is(.hw-title,.hw-display,.hw-mode-title,.hw-mode-desc,.hw-match-title,.hw-match-desc,.hw-label,.hw-home-pad-label){color:var(--studio-ink)}body .hw-btn[data-variant=primary]:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible,:active){color:var(--studio-on-accent);background:var(--studio-primary-hi)}body .hw-pad.hw-home-play:is(:hover,:focus-visible,:active){background:var(--studio-play-home);color:var(--studio-on-accent);border-color:var(--studio-primary-hi)}body .hw-mode-pad:is(:hover,:focus-visible,:active){border-color:rgb(var(--tone))}body .hw-home-pads .hw-pad:is(:hover,:focus-visible,:active){border-color:rgb(var(--tone));background:var(--studio-hover)}body .hw-pad.hw-home-play:is(:hover,:focus-visible,:active) :is(.hw-display,.hw-icon,.hw-home-pad-label),body .hw-pad.hw-home-play :is(.hw-display,.hw-icon,.hw-home-pad-label){color:var(--studio-on-accent)}body :is(.hw-btn,.hw-close,.hw-icon-key,.hw-menu-item,.hw-pad,.hw-mode-pad,.pta-track-chip):is(:disabled,[aria-disabled=true],[data-locked=true]){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);text-shadow:none;cursor:not-allowed;box-shadow:none!important}body .hw-fader[aria-disabled=true]{opacity:.5;filter:grayscale();cursor:not-allowed}body :is(.hw-pad,.hw-mode-pad)[data-locked=true] :is(.hw-mode-title,.hw-mode-desc,.hw-label){color:var(--studio-disabled-text)}body .hw-mode-pad[data-locked=true]{border-color:rgb(var(--tone));box-shadow:var(--studio-shadow)!important}body .hw-btn[data-variant=danger]:not(:disabled):is(:hover,:focus-visible,:active){color:var(--studio-danger);background:var(--studio-red-surface);border-color:var(--studio-danger)}body .hw-rack-face .hw-btn[data-size=lg]:not(:disabled):is(:hover,:focus-visible,:active){color:var(--studio-on-accent);border-color:var(--studio-green);background:var(--studio-success-hover)!important}body .hw-rack-face .hw-btn[data-size=lg]:is(:disabled,[aria-disabled=true]){color:var(--studio-disabled-text);border-color:var(--studio-line);background:var(--studio-disabled)!important}body :is(.hw-dev-toggle,.hw-battle-dev>.hw-btn):is(:hover,:focus-visible,:active){color:var(--studio-amber);background:var(--studio-amber-surface);border-color:var(--studio-amber)}body :is(.hw-success-action,.shared-lobby-group>button[aria-pressed],.layers-lobby-controls>button[aria-pressed]):not(:disabled){background:var(--studio-success-fill);color:var(--studio-on-accent);border-color:var(--studio-green)}body .hw-btn:is(.hw-success-action,.shared-lobby-group>button[aria-pressed],.layers-lobby-controls>button[aria-pressed]):not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible,:active){background:var(--studio-success-hover);color:var(--studio-on-accent);border-color:var(--studio-green)}body .pta-page .pta-catalog-row .hw-btn[aria-pressed=true]{border-color:var(--instrument-accent);background:var(--studio-selected)}body :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--studio-blue);outline-offset:3px}body :is(.hw-btn,.hw-pad,.hw-mode-pad,.hw-match-card){transition:background-color .12s,border-color .12s}body :is(.text-gray-500,.text-zinc-500,.text-gray-600){color:var(--studio-muted)}body :is(.text-black,.text-zinc-900){color:var(--studio-ink)}body .bg-white{background-color:var(--studio-surface);color:var(--studio-ink)}body :is(.hover\:bg-white:hover,.hover\:bg-white\/10:hover,.hover\:bg-white\/5:hover){background-color:var(--studio-hover);color:var(--studio-ink)}body .hover\:text-black:hover{color:var(--studio-ink)}body .hw-header-controls span.absolute{color:var(--studio-on-accent);background:var(--studio-primary)}body :is(.hw-modal,.hw-community-main,.hw-profile-grid) button:disabled{opacity:1;color:var(--studio-disabled-text)}@media (prefers-reduced-motion:reduce){body :is(.hw-btn,.hw-pad,.hw-mode-pad,.hw-match-card){transition:none}}[data-player-card]{position:relative}[data-player-card-trigger]{cursor:pointer}[data-player-card-trigger]:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;background:0 0;transition:background-color .12s ease-out,box-shadow .12s ease-out;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #0000}[data-player-card-trigger]:hover:after{background:color-mix(in srgb, var(--studio-blue,#35dfff) 10%, transparent);box-shadow:inset 0 0 0 2px var(--studio-blue,#35dfff)}[data-player-card-trigger]:active:after{background:color-mix(in srgb, var(--studio-blue,#35dfff) 16%, transparent)}[data-player-card-trigger]:focus-visible{outline:3px solid var(--studio-ink,#f1f8ff);outline-offset:2px}[data-player-card-trigger]:focus-visible:after,[data-player-card-trigger][aria-expanded=true]:after{box-shadow:inset 0 0 0 2px var(--studio-blue,#35dfff)}[data-player-card-trigger][aria-expanded=true]:after{background:color-mix(in srgb, var(--studio-blue,#35dfff) 12%, transparent)}.player-bubble[data-card]{clip-path:none}@media (prefers-reduced-motion:reduce){[data-player-card-trigger],[data-player-card-trigger]:after{transition:none}}body .hw-btn.hw-leave-action[data-variant=danger]{background:var(--studio-red-surface);color:var(--studio-danger);border:2px solid var(--studio-danger);text-shadow:none}body .hw-btn.hw-leave-action[data-variant=danger]:not(:disabled):is(:hover,:focus-visible,:active){background:var(--studio-danger);color:var(--studio-on-danger);border-color:var(--studio-danger)}
:root{--font-pixel-label:var(--font-pixel);--font-reading:Arial, "Helvetica Neue", sans-serif;--font-geist-sans:var(--font-reading)}body{font-family:var(--font-reading)}body :is(h1,h2,h3,h4,h5,h6,.hw-title,.hw-display,.hw-btn,.hw-chip,.hw-label,.hw-eyebrow,.hw-readout-value,.hw-lcd-text,.hw-status,.hw-pad,.hw-mode-pad,.pta-timer,.pta-room-code,.hw-fader-readout){font-family:var(--font-pixel),monospace;font-variant-numeric:tabular-nums slashed-zero;letter-spacing:0}body :is(.hw-label,.hw-eyebrow,.hw-chip){font-size:max(12px,.8rem)}body :is(.hw-input,.hw-select,textarea,.pta-hint,.pta-notice,.pta-key-legend,.pta-piano,.pta-piano button,.pta-piano kbd,.pta-audio-upload p,.pta-daw-guide,#roll-canvas,#chat-messages,#chat-input){font-family:var(--font-reading)}body :is(input[type=number],.pta-timing-readout input,.pta-timing-readout select,.hw-value-text){font-family:var(--font-pixel),monospace;font-variant-numeric:tabular-nums slashed-zero}body .pta-key-legend *,body .pta-piano *{font-family:var(--font-reading)}body :is(h1,h2,.hw-title,.hw-display){font-family:var(--font-pixel-display),sans-serif;letter-spacing:0;font-weight:700}
:root{--studio-score-zero:#8b1a2b;--studio-score-zero-ink:#fff5f5;--studio-success-fill:#5bed9d;--studio-success-hover:#91ffc1;--studio-gold-surface:#262219;--studio-options-surface:#19251f;--studio-avatar-surface:#121416;--studio-overlay:#010711b8}.hw-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}body .hw-theme-options .hw-btn[aria-pressed=true]{color:var(--studio-blue);border-color:var(--studio-blue);background:var(--studio-blue-surface)}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--studio-base:#e5e2d9;--studio-grid:#cfd1c9;--studio-panel:#f1eee5;--studio-panel-hi:#f7f3e9;--studio-surface:#eae7de;--studio-inset-surface:#e0ded5;--studio-line:#9daba7;--studio-ink:#17252c;--studio-muted:#46565b;--studio-hover:#d5e4e0;--studio-active:#c5dad5;--studio-selected:#c9e6d3;--studio-disabled:#d6d7d0;--studio-disabled-text:#46565b;--studio-disabled-line:#7f8d90;--studio-disabled-hatch:#0000000f;--studio-blue:#005c7a;--studio-teal:#00605e;--studio-amber:#785000;--studio-green:#145c36;--studio-danger:#a31b2c;--studio-gold:#725400;--studio-lime:#416500;--studio-blue-surface:#d9ebf0;--studio-teal-surface:#d4e9e5;--studio-green-surface:#d6ead9;--studio-amber-surface:#f2e6c4;--studio-red-surface:#f0d9d8;--studio-on-danger:#fff;--studio-gold-surface:#f0e5c6;--studio-options-surface:#e0ebdc;--studio-role-bass:#006bb4;--studio-role-drums:#a04f00;--studio-role-melody:#187442;--studio-role-counter:#7f6000;--studio-role-chords:#007575;--studio-role-fx:#b42038;--studio-shadow:inset 1px 1px 0 #fff9,inset -1px -2px 0 #535b5b22,0 3px 0 #43535b33;--studio-button-shadow:inset 0 1px 0 #fffc,inset 0 -2px 0 #35474e33,0 2px 0 #35474e44;--studio-inset:inset 1px 2px 4px #35474e22,inset -1px -1px 0 #fff9;--studio-knob-face:#bfc8c8;--studio-knob-edge:#f0f1e9;--studio-knob-shadow:#5f737a;--studio-overlay:#26393666;--rgb-cyan:0,92,122;--rgb-magenta:0,96,94;--rgb-violet:0,117,117;--rgb-blue:0,107,180;--rgb-amber:120,80,0;--rgb-yellow:114,84,0;--rgb-green:20,92,54;--rgb-red:163,27,44;--rgb-lime:65,101,0;--rgb-muted:70,86,91;--rgb-white:23,37,44}body .hw-overlay{background:var(--studio-overlay)!important}body .hw-home-pads .hw-pad:nth-child(2){background:var(--studio-gold-surface)}body .hw-home-pads .hw-pad:nth-child(3){background:var(--studio-options-surface)}body :is(.hw-medallion,.hw-avatar-button,.hw-avatar-ring){color:var(--studio-white);background:var(--studio-avatar-surface)!important}html[data-theme=light] .hw-medallion .text-white{color:var(--studio-white)}html[data-theme=light] body :is(.hw-vent,.hw-grille){background-color:var(--studio-line)}html[data-theme=light] body :is(.hw-btn,.hw-mode-pad,.hw-pad,.hw-tile,.hw-module,.hw-readout){text-shadow:none}body .hw-friend-avatar{background:var(--studio-avatar-surface);color:var(--studio-white)}body :is(.text-green-300,.text-green-300\/80){color:var(--studio-green)}body .hw-lcd-text.text-amber-300{color:var(--studio-amber)}html[data-theme=light] body .hw-community-main .bg-black\/30{background:var(--studio-surface)}
body .hw-pad.hw-mode-pad[data-locked=true],body .hw-home-pads .hw-pad.hw-home-pad[data-locked=true],body .hw-module.hw-match-card[data-locked=true]{--tone:var(--rgb-muted);cursor:default;filter:none;background:var(--studio-disabled);border-color:var(--studio-line);box-shadow:var(--studio-shadow)!important}body .hw-home-pads .hw-pad.hw-home-pad[data-locked=true]>:not(.hw-coming-soon){filter:grayscale();opacity:.55}body .hw-home-pads .hw-pad.hw-home-pad[data-locked=true] :is(.hw-home-pad-label,.hw-icon){color:var(--studio-disabled-text);text-shadow:none}body .hw-pad.hw-mode-pad[data-locked=true] :is(.hw-mode-body,.hw-pad-led),body .hw-module.hw-match-card[data-locked=true]>:not(.hw-coming-soon),body .hw-profile-locked[data-locked=true]>:not(.hw-coming-soon){filter:grayscale();opacity:.55}body .hw-profile-locked[data-locked=true]{background:var(--studio-disabled);border-color:var(--studio-line)}body .hw-pad.hw-mode-pad[data-locked=true] :is(.hw-mode-title,.hw-mode-desc,.hw-label,.hw-icon),body .hw-module.hw-match-card[data-locked=true] :is(.hw-match-title,.hw-match-desc),body .hw-profile-locked[data-locked=true]>:not(.hw-coming-soon){color:var(--studio-disabled-text);text-shadow:none}body .hw-pad.hw-mode-pad[data-locked=true] .hw-mode-desc{border-color:var(--studio-line)}body .hw-pad.hw-mode-pad[data-locked=true] .hw-mode-title{white-space:normal;max-width:72%}body .hw-pad.hw-mode-pad[data-locked=true] .hw-pad-led{box-shadow:none}body .hw-pad.hw-mode-pad[data-locked=true]>[aria-disabled=true]{cursor:default}.hw-coming-soon{z-index:25;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.hw-coming-soon-band{white-space:nowrap;width:160%;height:clamp(2.1rem,13cqmin,3.4rem);width:calc(hypot(100cqw,100cqh) + 4rem);transform:translate(-50%,-50%)rotate(-35deg)translateY(40%);transform:translate(-50%, -50%) rotate(calc(-1 * atan2(100cqh, 100cqw))) translateY(40%);color:#101113;font-family:var(--font-pixel), monospace;letter-spacing:.12em;text-shadow:none;text-transform:uppercase;background:#ffc21a;border-block:3px solid #101113;justify-content:center;align-items:center;gap:1.1em;font-size:clamp(.72rem,5cqmin,1.15rem);font-weight:700;line-height:1;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 0 1px #ffc21a59,0 4px 14px #0009}.hw-coming-soon-text{flex-shrink:0}.hw-coming-soon-text+.hw-coming-soon-text:before{content:"";vertical-align:-.12em;background:repeating-linear-gradient(-45deg,#101113 0 .3em,#0000 .3em .6em);width:2.2em;height:1em;margin-right:1.1em;display:inline-block}body .hw-home-pads .hw-pad.hw-home-pad[data-locked=true] .hw-coming-soon-band{transform:translate(-50%,-50%)rotate(-35deg)translateY(-75%);transform:translate(-50%, -50%) rotate(calc(-1 * atan2(100cqh, 100cqw))) translateY(-75%)}
:root{--mode-beat-battle:var(--rgb-cyan);--mode-lost-in-the-mix:var(--rgb-lime);--mode-pass-the-aux:32, 201, 151;--mode-showcase:var(--rgb-yellow);--mode-song-wars:255, 120, 20;--mode-diss-wars:236, 52, 48;--mode-mystery-session:170, 100, 255;--mode-tone-deaf:255, 96, 190;--mode-tournaments:176, 124, 18;--mode-aux-battles:168, 182, 198;--mode-tone-deaf-gradient:linear-gradient(90deg, #ff4fa8, #ff9a3c, #ffe14d, #52d86a, #35c8ff, #9a6bff);--mode-tournaments-gradient:linear-gradient(135deg, #6f4e06, #d9a521 32%, #f3d36b 50%, #b07a12 70%, #6f4e06);--mode-aux-battles-gradient:linear-gradient(135deg, #7d8896, #d5dde7 35%, #f4f7fb 50%, #9aa7b6 70%, #6c7684)}html[data-theme=light]{--mode-pass-the-aux:0, 104, 70;--mode-song-wars:176, 72, 0;--mode-diss-wars:163, 27, 44;--mode-mystery-session:104, 52, 190;--mode-tone-deaf:176, 30, 120;--mode-tournaments:184, 134, 20;--mode-aux-battles:128, 138, 150}[data-mode-color=beat-battle]{--mode-accent:var(--mode-beat-battle)}[data-mode-color=lost-in-the-mix]{--mode-accent:var(--mode-lost-in-the-mix)}[data-mode-color=pass-the-aux]{--mode-accent:var(--mode-pass-the-aux)}[data-mode-color=showcase]{--mode-accent:var(--mode-showcase)}[data-mode-color=song-wars]{--mode-accent:var(--mode-song-wars)}[data-mode-color=diss-wars]{--mode-accent:var(--mode-diss-wars)}[data-mode-color=mystery-session]{--mode-accent:var(--mode-mystery-session)}[data-mode-color=tone-deaf]{--mode-accent:var(--mode-tone-deaf);--mode-gradient:var(--mode-tone-deaf-gradient)}[data-mode-color=tournaments]{--mode-accent:var(--mode-tournaments);--mode-gradient:var(--mode-tournaments-gradient)}[data-mode-color=aux-battles]{--mode-accent:var(--mode-aux-battles);--mode-gradient:var(--mode-aux-battles-gradient)}body .hw-pad.hw-mode-pad[data-mode-color]:not([data-locked=true]){--tone:var(--mode-accent)}body .hw-pad.hw-mode-pad[data-mode-color][data-gradient=true]:not([data-locked=true]){background:linear-gradient(var(--studio-pad), var(--studio-pad)) padding-box, var(--mode-gradient) border-box;border-color:#0000}body .hw-pad.hw-mode-pad[data-mode-color][data-gradient=true]:not([data-locked=true]) .hw-pad-led{background:var(--mode-gradient)}body .hw-pad.hw-mode-pad[data-mode-color][data-locked=true]{border-color:rgba(var(--mode-accent), .55)}body .hw-pad.hw-mode-pad[data-mode-color][data-locked=true]>.hw-pad-led{filter:none;opacity:1;background:rgb(var(--mode-accent));box-shadow:0 0 6px rgba(var(--mode-accent), .6)}body .hw-pad.hw-mode-pad[data-mode-color][data-gradient=true][data-locked=true]>.hw-pad-led{background:var(--mode-gradient)}body .hw-topbar-eyebrow[data-mode-color]{color:rgb(var(--mode-accent));border-color:rgba(var(--mode-accent), .7);background:rgba(var(--mode-accent), .12)}.rules-tab[data-mode-color]{border-left:4px solid rgb(var(--mode-accent))}.rules-tab[data-mode-color][aria-selected=true]{border-color:rgb(var(--mode-accent));box-shadow:inset 0 0 0 1px rgb(var(--mode-accent))}.rules-panel[data-mode-color]{border-top:3px solid rgb(var(--mode-accent))}.hw-room-mode[data-mode-color]{color:rgb(var(--mode-accent))}
@media (max-width:767px),(max-height:500px){:is(html body .hw-shell:not(:has(.pta-page #room-chat)),html body .hw-shell-frame:not(:has(.pta-page #room-chat))){min-height:100dvh;height:auto!important;overflow:clip visible!important}:is(html body .hw-shell-chassis:not(:has(.pta-page #room-chat)),html body .hw-shell-body:not(:has(.pta-page #room-chat))){min-height:0;overflow:visible!important}html body .hw-shell-body:has(.pta-page #room-chat)>.pta-page>*{flex:none!important}html body .hw-battle-root,html body .soundclash-battle-root{min-height:100dvh;height:auto!important;overflow:clip visible!important}html body .hw-battle-chassis,html body .soundclash-battle-shell{height:auto!important;min-height:0!important;overflow:visible!important}html body .hw-battle-chassis>section,html body .soundclash-battle-shell>section{min-height:0;flex:none!important;overflow:visible!important}html body .hw-shell-frame{padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px))}html body [data-testid=match-start-countdown]{top:calc(10px + env(safe-area-inset-top,0px))!important;left:50%!important;transform:translate(-50%)!important}html body .hw-lobby-bar{flex-flow:column wrap;align-items:stretch;gap:12px}html body .hw-lobby-bar>*{min-width:0;max-width:100%}html body .hw-lobby-bar .hw-segment{flex-wrap:wrap;max-width:100%}html body .hw-lobby-bar .hw-lobby-timing{width:100%}html body .hw-lobby-bar .hw-lobby-timing .hw-readout{min-width:0}html body .hw-reveal-deck{padding:.6rem}html body .hw-reveal-deck>*{min-width:0}html body .hw-reveal-screen{padding:1rem .5rem}html body .soundclash-reveal-card{padding-inline:.5rem}html body .soundclash-reveal-card :is(.hw-title,.hw-eyebrow){overflow-wrap:anywhere;max-width:100%}html body .soundclash-reveal-card .hw-title{font-size:clamp(2rem,11vw,3.5rem)}html body .hw-result-row>.min-w-0.flex-1{flex-basis:9rem}html body .showcase-heading>*{min-width:0;max-width:100%}html body .showcase-actions{flex-shrink:1;justify-content:flex-start;max-width:100%}html body .hw-code-join{flex-wrap:wrap;flex-shrink:1;max-width:100%}html body .hw-code-join label{white-space:normal;flex-wrap:wrap}html body .hw-code-join .hw-input{width:min(9.5rem,100%)}html body .showcase-audience{padding-inline:4px}html body .showcase-audience>div{width:84px}html body .pta-progress-list .pta-slot{min-width:10.5rem}html body .pta-game-body:not(.layers-game-body)>.pta-game-roster{max-height:none}html body .pta-game-body:not(.layers-game-body) .pta-progress-list{flex-direction:row;flex:none;overflow:auto hidden}html body .pta-game-body .pta-beat-mount>.pta-previous{flex-direction:column;align-items:flex-start}html body .pta-game-body .pta-beat-mount .pta-previous-text{min-width:0;max-width:100%}html body .layers-game-body .pta-progress-list .pta-slot{width:13rem}html body .pta-game-body .pta-you{overflow:visible}html body .pta-game-body .pta-you>*{flex-shrink:1;min-width:0;max-width:100%}html body .layers-page .layers-circle .layers-lane-author strong{height:auto;line-height:1.3}html body .pta-game-body .pta-editor-scroll:not(.layers-upload-scroll){flex:none;overflow:visible}html body .pta-page .pta-roll-surface{flex:none;height:clamp(220px,42dvh,380px);min-height:0}html body .pta-game-body .pta-keyboard{min-height:9.5rem;overflow:visible}html body .pta-game-body .pta-piano-scroll{flex:none}html body .pta-game-body .pta-piano{height:7rem}html body .hw-profile-identity h1.truncate{line-height:1.2}html body :is(.hw-btn,.hw-close,.hw-reaction-pad,.hw-select){min-width:40px;min-height:40px!important}html body .soundclash-mode-select .mode-pager{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px}html body .hw-master-meter>button{min-width:40px;min-height:40px}html body input[type=range]{box-sizing:content-box;background-clip:content-box;padding-block:17px}html body .hw-topbar>a{min-height:40px}html body .lobby-room-code-eye{min-width:40px;min-height:40px;margin:-10px}html body button.rounded-full.border,:is(html body label:has(>input[type=checkbox]),html body label:has(>input[type=radio])),html body .showcase-roster>div,html body .hw-toggle{min-height:40px}html body .hw-profile-avatar>button{min-width:40px;min-height:40px}html body .hw-fader{width:44px}html body .pta-piano{min-width:660px}html body .hw-home-hero{min-height:0}html body .hw-home-hero-screen{padding:1rem}html body .hw-home-wordmark{max-width:100%;font-size:clamp(44px,15vw,62px)}}