.pta-game-body{--hw-module:#080e20;--hw-module-hi:#151e3b;--hw-lcd:#020816;--hw-lcd-hi:#0a1730;--hw-line:#39477a;--hw-radius-module:6px;--hw-radius-screen:3px;--hw-text-dim:#bac9e8}.pta-game-body .hw-title{font-family:var(--hw-font-display);letter-spacing:0}.pta-game-body .hw-eyebrow{color:#ffe16b;letter-spacing:0}.pta-game-body :is(.pta-game-roster,.pta-you,.pta-task-content){background:repeating-linear-gradient(0deg,#ffffff02 0 1px,#0000 1px 4px),linear-gradient(135deg,#132540,#0c1024 60%,#13242b);border:2px solid #344c7e;box-shadow:inset 0 0 0 3px #040915,inset 0 0 0 4px #6577a535,0 2px #000}.pta-game-body :is(.pta-task-heading,.pta-theme-banner,.pta-previous){border:1px solid #405a86}.pta-game-body .pta-task-content{padding:1rem}.pta-game-body .hw-btn{letter-spacing:0;background:linear-gradient(#172d4c,#071526);border-color:#456189;border-radius:3px}.pta-game-body .hw-btn[data-variant=primary]{color:#1b1100;background:linear-gradient(#ffe071,#ffb616 60%,#ed8709);border:2px solid #ffe882;min-width:15rem;box-shadow:inset 0 0 0 2px #71420b,0 0 0 2px #080c1a,0 0 0 3px #c98916,0 0 18px #ffba1835}.pta-game-body .pta-instrument-tabs .hw-btn[aria-pressed=true]{color:#ffdf67;border-color:#ffda53;box-shadow:0 0 10px #ffc23333}.pta-game-body .hw-input,.pta-game-body .hw-select{background:#050b18;border-color:#354a78;border-radius:3px}.pta-game-body .pta-text-input{border:2px solid #305e81;box-shadow:inset 0 0 15px #0009}.pta-game-body .pta-slot{background:linear-gradient(120deg,#12293a,#0c1324 60%);border-color:#3b5278;border-radius:4px}.pta-game-body .pta-game-roster:before,.pta-game-body .pta-you:before{content:"";pointer-events:none;opacity:.5;background:radial-gradient(circle,#000 2px,#3e638535 3px,#0000 4px) 0 0/11px 11px;height:4rem;position:absolute;bottom:2.5rem;left:1.25rem;right:1.25rem}.pta-game-body .pta-progress-list{z-index:1;position:relative}.pta-signal-readout{min-width:0;position:relative}.pta-signal-readout .hw-readout{min-height:6rem;padding:1rem 4rem 1rem 1rem}.pta-signal-readout>.hw-led-meter{opacity:.65;width:2.6rem;height:2.3rem;position:absolute;bottom:1rem;right:.8rem}.pta-you>.hw-chip{border-color:#eebc3f;border-radius:3px;justify-content:flex-start;min-height:2.5rem;padding:.6rem}.pta-game-body .pta-hint{background:#050a17;border:1px solid #364a71;padding:1rem}.pta-game-body #prompt-content{background:linear-gradient(#11e5ff,#11e5ff) 0 0/20px 3px no-repeat,linear-gradient(#11e5ff,#11e5ff) 0 0/3px 20px no-repeat,linear-gradient(#11e5ff,#11e5ff) 100% 0/20px 3px no-repeat,linear-gradient(#11e5ff,#11e5ff) 100% 0/3px 20px no-repeat,radial-gradient(circle,#24466c44 1px,#0000 1px) 0 0/5px 5px;flex-direction:column;justify-content:center;align-items:stretch;gap:.85rem;min-height:100%;padding:1.25rem;display:flex;position:relative}.pta-prompt-instruction{max-width:52rem;margin-inline:auto}.pta-prompt-instruction h3{margin-bottom:.6rem;font-size:2rem}.pta-prompt-instruction p{color:var(--hw-text-dim);line-height:1.5}.pta-game-body #prompt-text{min-height:4.25rem;padding:1rem;font-size:1.15rem}.pta-game-body #prompt-content .pta-submit-footer{flex-direction:column;flex:none;gap:.5rem;margin-top:0}.pta-game-body #prompt-content .pta-ideas{flex:none}.pta-game-body #prompt-content>.hw-btn{justify-self:center;margin-block:.5rem}.pta-game-body .pta-ideas{gap:.75rem}.pta-editor-controls{border:0;flex-direction:column;gap:.4rem;min-width:0;margin:0;padding:0;display:flex}.pta-editor-controls:disabled{opacity:.5}.pta-record-controls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.pta-record-controls label{align-items:center;gap:.4rem;display:flex}.pta-record-controls .hw-select{min-height:2rem;padding:.25rem}.pta-record-controls output{color:#ffce55;font-family:var(--hw-font-mono);margin-left:auto}.pta-record-dot{background:#4effe6;border-radius:50%;width:.6rem;height:.6rem}.pta-keyboard{background:#050f20;border:1px solid #23718c;flex-shrink:0;min-width:0;padding:.4rem}.pta-keyboard-heading,.pta-octave-controls{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pta-keyboard-heading .hw-btn,.pta-toolbar-compact .hw-btn.pta-roll-toggle{color:#40e9f3;min-height:1.8rem;padding:.2rem .6rem}.pta-octave-controls output{color:#ffe16b;font-size:.75rem}.pta-piano-scroll{overscroll-behavior-x:contain;padding:.4rem 0 .2rem;overflow-x:auto}.pta-piano{touch-action:none;-webkit-user-select:none;user-select:none;min-width:570px;height:6.5rem;position:relative}.pta-piano button{color:#182944;width:calc(6.66667% - 2px);height:100%;font-family:var(--hw-font-mono);touch-action:none;background:linear-gradient(#fff,#d7e4f4);border:1px solid #718ab5;border-radius:0 0 3px 3px;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;padding-bottom:.35rem;font-size:.7rem;display:flex;position:absolute;top:0;box-shadow:inset 0 -5px #9db2d0}.pta-piano button[data-black=true]{z-index:1;color:#b6d6e9;background:linear-gradient(#07111e,#142035);width:4.26667%;height:64%;box-shadow:inset 0 -5px #020813}.pta-piano button[data-scale=true]{border-bottom:4px solid #57c5d3}.pta-piano button[data-tonic=true]{border-bottom-color:#e9bb48}.pta-piano button[aria-disabled=true]{color:#677b97;border-bottom-color:#405572}.pta-piano button[data-sounding=true]{color:#041222;background:#52efff;box-shadow:inset 0 -4px #0693ac,0 0 10px #38e2ff}.pta-piano button:focus-visible{outline-offset:-3px;outline:2px solid #ffc94f}.pta-piano kbd{opacity:.6;font-size:.65rem}.pta-tape-deck{border:2px solid #466492;width:100%;padding:1rem;box-shadow:inset 0 0 0 3px #030816,0 0 12px #1fd8ff18}.pta-tape-display{grid-template-columns:minmax(3rem,10rem) minmax(0,1fr) minmax(3rem,10rem);align-items:center;gap:1rem;display:grid}.pta-eq-screen{background:#030b16;border:1px solid #223e5f;min-width:0;padding:1rem}.pta-eq{align-items:flex-end;gap:4px;height:9rem;display:flex}.pta-eq>i{background:repeating-linear-gradient(0deg,#25e2f0 0 6px,#0000 6px 9px);flex:1;min-width:0;height:4%}.pta-eq-screen .hw-eyebrow{margin-top:.75rem}.pta-speaker{aspect-ratio:1;background:radial-gradient(circle,#030612 0 15%,#344367 16% 20%,#111d35 21% 46%,#1a3560 47% 50%,#050b17 51% 64%,#3b5a87 65% 68%,#080d1b 69%);border:4px solid #20304c;border-radius:50%;width:100%;box-shadow:0 0 0 3px #020613,inset 0 0 0 2px #32d7e0}.pta-loop-dots{grid-column:1/-1;justify-content:center;gap:.5rem;display:flex}.pta-loop-dots i{background:#172237;border:1px solid #4b6a8b;width:.5rem;height:.5rem}.pta-loop-dots i[data-active=true]{background:#29e5ef}.pta-playback-controls{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.pta-playback-progress{flex-direction:column;flex:1;gap:.5rem;min-width:8rem;display:flex}.pta-playback-progress input{appearance:none;background:linear-gradient(to right, #22e5f0 var(--pta-progress,0%), #141f36 var(--pta-progress,0%));cursor:pointer;border:1px solid #486485;border-radius:2px;width:100%;height:.7rem}.pta-playback-progress input::-webkit-slider-thumb{appearance:none;background:#c8fbff;width:3px;height:1rem}.pta-playback-progress output{font-family:var(--hw-font-mono);text-align:right;font-size:.9rem}.pta-pause-icon{border-inline:5px solid;width:1rem;height:1.2rem}.pta-game-body #guess-pause{color:#26e5f2;border-color:#26ddea}@media (min-width:1280px) and (max-height:1050px){.pta-game-body .pta-task-heading{padding:.65rem 1rem}.pta-game-body .pta-task-heading h2{font-size:2rem}.pta-game-body .pta-theme-banner{padding:.5rem 1rem}.pta-game-body .pta-task-content{padding:.7rem}.pta-game-body .pta-beat-mount{gap:.4rem}.pta-game-body .pta-beat-editor{gap:.3rem}.pta-game-body .pta-piano{height:5rem}.pta-game-body .pta-eq{height:6rem}.pta-game-body #prompt-content{gap:.6rem;padding:.75rem}}@media (max-width:767px){.pta-game-body .pta-task-heading h2{font-size:1.75rem}.pta-game-body .pta-tape-display{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;gap:.4rem}.pta-game-body .pta-eq-screen{padding:.4rem}.pta-game-body .pta-task-content:has(.pta-beat-mount){overflow-y:auto}.pta-game-body .pta-beat-mount{min-height:43rem}}@media (prefers-reduced-motion:reduce){.pta-game-body *,.pta-game-body :before,.pta-game-body :after{transition:none!important;animation:none!important}}.pta-page{position:relative}.pta-page,.pta-page *{scrollbar-color:#28c9dd #071220;scrollbar-width:thin}.pta-page ::-webkit-scrollbar{width:8px;height:8px}.pta-page ::-webkit-scrollbar-track{background:#071220}.pta-page ::-webkit-scrollbar-thumb{background:#28c9dd;border:2px solid #071220;border-radius:4px;box-shadow:0 0 5px #28c9dd60}.pta-page ::-webkit-scrollbar-corner{background:#071220}.pta-minutes{align-items:center;gap:.5rem;display:flex}.pta-room-heading{border-bottom:1px solid #344c7e;flex-direction:column;flex-shrink:0;gap:.65rem;padding-bottom:.7rem;display:flex}.pta-game-body .pta-room-heading h1{font-size:1.3rem}.pta-room-heading>div{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pta-room-heading strong{color:var(--hw-cyan)}.pta-game-body .pta-room-heading .hw-btn{min-height:2rem;padding:.35rem .5rem;font-size:.7rem}.pta-page .pta-settings-grid{scrollbar-gutter:stable;flex:1;padding:.15rem .25rem .5rem;overflow-y:auto}.pta-page .pta-side>div>:not(.pta-settings-grid){flex-shrink:0}.pta-page .pta-field .hw-input{width:100%;min-width:0;min-height:2.6rem}.pta-bpm-row{align-items:center;gap:.5rem;display:flex}.pta-bpm-row>input{flex:1}.pta-metronome-test{flex-shrink:0}.pta-metronome-test>span{font-size:.75rem;display:block}.pta-auto-fit{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pta-auto-fit label{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.pta-auto-fit input{accent-color:var(--hw-cyan)}.pta-auto-fit .hw-select{width:auto}.pta-length{color:var(--hw-cyan);font-family:var(--hw-font-mono);font-size:.9rem}.pta-derived-timer{color:var(--hw-text-dim);grid-column:1/-1;font-size:.85rem}.pta-derived-timer output{color:var(--hw-text);font-weight:600}.pta-derived-timer span{color:var(--hw-text-dim);margin-left:.35rem}.pta-theme-banner .hw-chip{white-space:normal;overflow-wrap:anywhere;min-width:0}.pta-page #round-splash{color:var(--hw-cyan)}.pta-game-body{flex:1;grid-template-columns:minmax(15rem,.8fr) minmax(0,2.8fr) minmax(12rem,.65fr);gap:1rem;min-width:0;min-height:0;display:grid;position:relative}.pta-game-roster,.pta-you{flex-direction:column;gap:1rem;min-width:0;min-height:0;padding:1.25rem;display:flex}.pta-progress-list{--pta-medallion:3rem;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex;overflow-y:auto}.pta-progress-list .pta-slot{flex-shrink:0}.pta-progress-list .pta-slot-name{font-size:1rem}.pta-you{align-items:stretch;overflow-y:auto}.pta-you>*{flex-shrink:0}.pta-you .hw-value-text{white-space:normal;font-size:1.25rem}.pta-task-center{flex-direction:column;gap:.75rem;min-width:0;min-height:0;display:flex}.pta-task-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.pta-theme-banner{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.pta-task-content{scrollbar-gutter:stable;flex:1;min-width:0;min-height:0;padding:1.5rem;overflow-y:auto}.pta-round-form,.pta-waiting{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100%;display:flex}.pta-round-form>*,.pta-waiting>*{flex-shrink:0;max-width:100%}.pta-text-input{width:100%;min-height:3.5rem;font-size:1.25rem}.pta-ideas{flex-direction:column;align-items:center;gap:1rem;display:flex}.pta-ideas .hw-btn{white-space:normal}.pta-previous{flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1.25rem;display:flex}.pta-previous-text{font-family:var(--hw-font-pixel);overflow-wrap:anywhere;font-size:2rem;line-height:1.2}.pta-question{font-family:var(--hw-font-pixel);font-size:1.5rem;line-height:1.2}.pta-placeholder-meter{width:min(100%,26rem);height:min(15dvh,10rem)}.pta-end-screen{text-align:center;flex-direction:column;grid-column:2/-1;justify-content:center;align-items:center;gap:1.5rem;min-height:0;padding:2rem;display:flex;overflow-y:auto}.pta-round-banner{z-index:5;color:var(--hw-cyan);font-family:var(--hw-font-pixel);text-align:center;background:#05090ef5;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:3rem;display:flex;position:absolute;inset:0}.pta-round-banner span{color:var(--hw-text-dim);font-size:1.5rem}.pta-chat{z-index:60;right:max(5rem, env(safe-area-inset-right));bottom:max(3rem, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:.5rem;max-width:calc(100vw - 2rem);display:flex;position:fixed}.pta-chat-panel{flex-direction:column;gap:.75rem;width:24rem;max-width:100%;padding:1rem;display:flex}.pta-chat-panel ol{overflow-wrap:anywhere;height:min(28dvh,20rem);min-height:5rem;overflow-y:auto}.pta-chat-panel li{padding-block:.5rem}.pta-chat-panel input{width:100%}.pta-task-content:has(.pta-beat-mount){flex-direction:column;padding:.75rem;display:flex}.pta-beat-mount{flex-direction:column;flex:1;gap:.75rem;min-width:0;min-height:0;display:flex}.pta-beat-mount>.pta-previous{flex-shrink:0;gap:.25rem;padding:.5rem 1rem}.pta-beat-mount .pta-previous-text{font-size:1.5rem}.pta-beat-mount>#submit-beat{flex-shrink:0;align-self:center}.pta-beat-editor{flex-direction:column;flex:1;gap:.5rem;min-width:0;min-height:16rem;display:flex}.pta-roll-toolbar,.pta-roll-lanes{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;display:flex}.pta-roll-toolbar .hw-btn,.pta-roll-lanes .hw-btn{min-height:2rem;padding:.35rem .55rem}.pta-instrument-tabs,.pta-roll-transport,.pta-roll-tools>[role=group]{gap:.3rem;display:flex}.pta-roll-toolbar .hw-icon{width:1rem;height:1rem}.pta-roll-toolbar .hw-btn[aria-pressed=true],.pta-roll-lanes .hw-btn[aria-pressed=true]{color:var(--hw-cyan);border-color:var(--hw-cyan)}.pta-roll-check,.pta-roll-tools label{align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.pta-roll-check input{accent-color:var(--hw-cyan)}.pta-roll-tools .hw-select,.pta-roll-lanes .hw-select{max-width:6rem;min-height:2rem;padding:.25rem .5rem}.pta-roll-info{font-family:var(--hw-font-mono);color:var(--hw-yellow);margin-left:auto;font-size:.75rem}.pta-stop-icon{background:currentColor;width:.7rem;height:.7rem}.pta-roll-surface{border:1px solid var(--hw-cyan);background:#060b19;flex:1;min-height:132px;position:relative;overflow:hidden}.pta-roll-surface canvas{touch-action:none;outline-offset:-3px;width:100%;height:100%;position:absolute;inset:0}.pta-roll-footer{color:var(--hw-text-dim);flex-shrink:0;justify-content:space-between;font-size:.75rem;display:flex}@media (max-width:1279px){.pta-beat-mount{min-height:34rem}.pta-game-body{grid-template-columns:minmax(0,1fr)}.pta-game-roster{max-height:22rem}.pta-task-content{min-height:26rem}.pta-you{flex-flow:wrap}.pta-end-screen{grid-column:1;min-height:24rem}}@media (max-width:640px){.pta-task-heading{flex-wrap:wrap;padding:1rem}.pta-task-content{padding:1rem}.pta-chat{max-width:calc(100vw - 4.75rem);bottom:2.75rem;right:3.75rem}.pta-round-banner{font-size:2rem}}.pta-page[data-rounds=true]>.hw-page-header>.hw-lcd{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.pta-page[data-rounds=true]>.hw-page-header>.hw-lcd>div:first-child>p{display:none}.pta-page[data-rounds=true]>.hw-page-header .mt-2{margin-top:0}.pta-page[data-rounds=true]>.hw-page-header .pta-code{align-items:center;gap:.75rem;min-height:0;padding:.4rem .75rem;display:flex}.pta-page[data-rounds=true]>.hw-page-header .hw-readout-value{font-size:1.4rem}.pta-page[data-rounds=true]>.hw-page-header .hw-btn{min-height:2.5rem;padding:.4rem .8rem}.pta-game-body .pta-round-theme{color:var(--hw-cyan);overflow-wrap:anywhere;text-transform:none;margin-left:1rem;display:inline-block}.pta-game-body .pta-task-heading{padding:.65rem 1rem}.pta-game-body .pta-task-heading h2{font-size:2rem}.pta-game-body .pta-task-center{gap:.45rem}.pta-game-body .pta-theme-banner{padding:.4rem .75rem;font-size:.85rem}.pta-game-body .pta-beat-mount{gap:.45rem;overflow:hidden}.pta-game-body .pta-beat-mount>.pta-previous{flex-direction:row;justify-content:center;gap:.75rem;padding:.35rem .65rem}.pta-game-body .pta-beat-mount .pta-previous-text{font-size:1.15rem}.pta-game-body .pta-editor-scroll{flex:1;min-width:0;min-height:0;padding:0 .25rem .25rem;overflow:hidden}.pta-game-body .pta-beat-editor{gap:.35rem;height:100%;min-height:0}.pta-task-content:has(.pta-beat-mount){overflow:hidden}.pta-toolbar-compact{flex-wrap:wrap;flex:none;align-items:center;gap:.4rem;min-width:0;display:flex}.pta-toolbar-compact :is(.pta-editor-controls,.pta-roll-toolbar,.pta-record-controls){display:contents}.pta-toolbar-compact .pta-roll-info,.pta-toolbar-compact .pta-record-range{display:none}.pta-toolbar-compact .pta-record-controls small{max-width:6rem;line-height:1.2}.pta-toolbar-compact .hw-select{width:auto}.pta-game-body .pta-keyboard{flex-direction:column;min-height:0;display:flex;overflow:hidden}.pta-keyboard-heading{flex:none}.pta-game-body .pta-piano-scroll{flex:1;min-height:0}.pta-game-body .pta-piano{height:100%;min-height:0}.pta-game-body .pta-editor-controls{flex-shrink:0}.pta-game-body .pta-roll-surface{flex:0 0 var(--pta-roll-height,132px);min-height:0}.pta-game-body .pta-roll-resize{cursor:ns-resize;touch-action:none;flex:0 0 12px;place-items:center;display:grid}.pta-roll-resize span{background:#5c8aab;border-radius:2px;width:3rem;height:3px}.pta-roll-resize:focus-visible{outline:1px solid var(--hw-cyan)}.pta-game-body .pta-submit-footer{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:1.25rem;width:100%;min-width:0;padding:.5rem .25rem;display:flex}.pta-game-body .pta-submit-count{color:#b5e9ee;font:1rem var(--hw-font-mono);white-space:nowrap}.pta-game-body .pta-submit-footer .hw-btn{min-height:2.75rem;padding:.55rem 1.5rem}.pta-game-body .pta-instrument-picker{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.pta-game-body .pta-instrument-picker select{min-height:2rem;padding:.2rem .5rem}.pta-game-body .pta-track-legend{align-items:center;gap:.3rem;margin-right:0;display:flex}.pta-game-body .pta-track-chip{opacity:.55;background:#060b19;border:1px solid;border-radius:3px;justify-content:center;align-items:center;gap:.3rem;width:2.2rem;height:2rem;display:inline-flex}.pta-game-body .pta-track-chip[aria-pressed=true]{opacity:1;background:#1c2843}.pta-track-chip i{width:.4rem;height:.75rem}.pta-game-body .pta-record-controls small{color:var(--hw-text-dim);font-size:.7rem}.pta-game-body .pta-record-controls .hw-btn{min-height:1.9rem;padding:.3rem .5rem}.pta-octave-controls kbd{color:#d9efff;border:1px solid #456189;border-radius:2px;padding:2px 5px;display:inline-block}.pta-tape-deck{position:relative}.pta-audio-unlock{z-index:3;color:#baf8ff;cursor:pointer;background:#091525ed;border:1px solid #21dfef;padding:.6rem;position:absolute;inset:1rem 1rem auto}@media (min-width:1280px){.pta-game-body{grid-template-columns:minmax(14rem,.7fr) minmax(0,3fr) minmax(12rem,.6fr)}}@media (max-width:767px){.pta-page[data-rounds=true]>.hw-page-header>.hw-lcd{flex-wrap:wrap}.pta-game-body .pta-beat-mount{min-height:40rem}.pta-game-body .pta-submit-footer{gap:.5rem}}.pta-page .pta-auto-fit>.pta-field{min-width:14rem}.pta-page .pta-auto-fit[data-enabled=false] .hw-select{opacity:.4;cursor:not-allowed}.pta-page .pta-auto-fit small{color:var(--hw-text-dim);display:block}.pta-page :is(button,input,select,canvas):focus:not(:focus-visible){outline:none}.pta-page :is(button,input,select,canvas):focus-visible{outline:2px solid var(--hw-cyan);outline-offset:2px}.pta-page .pta-metro-striker{transform-origin:21px 4px}.pta-page #metronome[aria-pressed=true]{color:#ffe070;box-shadow:inset 0 0 0 1px #ffe070}.pta-page .pta-upload-hint{color:var(--hw-text-dim);flex:none;justify-content:center;align-items:center;gap:.6rem;display:flex}.pta-page .pta-upload-hint .hw-btn{min-height:1.5rem;padding:.1rem .4rem}.pta-page .pta-audio-upload{flex-direction:column;gap:.8rem;height:100%;min-height:0;padding:.75rem;display:flex;overflow-y:auto}.pta-page .pta-audio-drop{color:#c1f4fb;background:#06131e;border:1px dashed #28cbd9;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6rem;min-height:7rem;padding:1rem;display:flex}.pta-page .pta-audio-drop strong{overflow-wrap:anywhere;max-width:100%}.pta-page .pta-audio-drop small,.pta-page .pta-audio-drop span{color:var(--hw-text-dim)}.pta-page .pta-audio-upload .pta-reveal-player{flex:none}.pta-page .pta-file-wave{align-items:center;gap:2px;height:6rem;display:flex}.pta-page .pta-file-wave>i{background:#426570;flex:1;min-width:0}.pta-page .pta-file-wave>i[data-played=true]{background:#28e0ed}.pta-page .pta-upload-actions{justify-content:center;gap:.75rem;display:flex}.pta-reveal-layout{grid-template-columns:minmax(14rem,.7fr) minmax(0,3.6fr)}.pta-reveal-main{flex-direction:column;gap:.75rem;min-width:0;min-height:0;padding:1rem;display:flex;overflow:hidden}.pta-reveal-main>:not(.pta-chain-feed,.pta-reveal-choice){flex-shrink:0}.pta-game-body .pta-slot[data-starter=true]{border-color:#ffdc61;box-shadow:inset 3px 0 #ffdc61,0 0 10px #ffdc6120}.pta-reveal-choice{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;display:flex}.pta-reveal-choice>div{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.pta-chain-feed{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:1.5rem;min-height:0;padding:.5rem 1rem 1.5rem;display:flex;overflow-y:auto}.pta-feed-entry{flex-direction:column;flex:none;gap:.5rem;width:min(88%,48rem);min-width:0;display:flex}.pta-feed-entry[data-side=right]{align-self:flex-end;align-items:flex-end}.pta-feed-entry[data-side=left]{align-self:flex-start}.pta-feed-author{flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0;font-weight:700;display:flex}.pta-feed-entry[data-side=right] .pta-feed-author{flex-direction:row-reverse}.pta-feed-author .hw-medallion{flex-shrink:0}.pta-feed-author>span:not(.hw-medallion){overflow-wrap:anywhere}.pta-feed-text,.pta-feed-beat{background:#071526;border:1px solid #3d6e97;border-radius:6px;min-width:0;padding:1rem;box-shadow:inset 0 0 0 3px #020610}.pta-feed-text{background:#10263b;min-width:min(100%,16rem)}.pta-feed-text>p:last-child{overflow-wrap:anywhere;white-space:pre-wrap;margin-top:.4rem;font-size:1.15rem}.pta-feed-beat{background:#140d20;border-color:#69a3ba;width:100%}.pta-reveal-player,.pta-reveal-idle{margin-top:.6rem;position:relative}.pta-reveal-main .pta-eq{background:#040812;border:1px solid #253959;height:5rem;padding:.4rem}.pta-reveal-main .pta-eq>i{background:repeating-linear-gradient(0deg,#21deed 0 5px,#0000 5px 8px)}.pta-reveal-idle .pta-eq{opacity:.35}.pta-reveal-main .pta-playback-controls{margin-top:.65rem}.pta-reveal-main .pta-playback-controls output{font-family:var(--hw-font-mono);color:var(--hw-text-dim)}.pta-rating-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.pta-stars{gap:.15rem;display:flex}.pta-stars button{color:#6e81a4;border-radius:3px;place-items:center;width:2rem;height:2rem;display:grid}.pta-stars svg{fill:#142135;stroke:currentColor;stroke-width:1.2px;width:1.6rem;height:1.6rem}.pta-stars button[data-lit=true]{color:#ffdc62}.pta-stars button[data-lit=true] svg{fill:#f6bf36}.pta-stars button:disabled{opacity:.4;cursor:not-allowed}.pta-stars button:not(:disabled):hover,.pta-stars button:focus-visible{color:#fff0a6;outline:1px solid #ffdd68}.pta-rating-summary,.pta-feed-note{color:var(--hw-text-dim);font-size:.8rem}.pta-feed-note{margin-top:.5rem}.pta-download-beat{margin-top:.65rem}.pta-download-options{gap:.75rem;display:flex}.pta-game-body .pta-download-icon{width:2.2rem;min-width:0;height:2.2rem;margin-top:.35rem;padding:.3rem}.pta-game-body .pta-download-icon:disabled{opacity:.38;filter:grayscale();cursor:not-allowed}.pta-download-blocked{align-items:center;gap:.55rem;display:inline-flex}.pta-download-blocked .pta-feed-note{margin:.35rem 0 0}.pta-reveal-main[data-testid=pta-reveal] .pta-feed-beat{padding:.65rem}.pta-reveal-main[data-testid=pta-reveal] .pta-eq{height:3.5rem}.pta-download-notice{color:var(--hw-text-dim);text-align:center;flex-shrink:0;font-size:.8rem}.pta-reveal-footer{border-top:1px solid #2c3d5a;flex-direction:column;align-items:center;gap:.6rem;padding-top:.7rem;display:flex}.pta-reveal-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.pta-reveal-controls .hw-select{width:auto;max-width:100%;min-height:2.2rem;padding:.3rem}.pta-chain-complete{color:#f8da66;flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pta-chain-complete output{color:var(--hw-cyan)}.pta-chain-strip{overscroll-behavior-x:contain;gap:.6rem;max-width:100%;padding:.5rem;display:flex;overflow-x:auto}.pta-chain-strip>button{background:#071425;border:1px solid #365778;border-radius:4px;flex-direction:column;flex:0 0 7rem;align-items:center;gap:.4rem;min-width:0;padding:.5rem;display:flex}.pta-chain-strip>button[aria-pressed=true]{background:#28251b;border-color:#ffde69}.pta-chain-strip>button>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;overflow:hidden}.pta-chat.pta-chat-embedded{z-index:auto;align-items:stretch;min-width:0;max-width:100%;min-height:0;position:static}.pta-chat-embedded #chat-toggle{flex-shrink:0;align-self:flex-end}.pta-chat-embedded .pta-chat-panel{flex:1;width:100%;min-height:0}.pta-chat-embedded .pta-chat-panel ol{flex:1;height:auto;min-height:0}.pta-chat-embedded .pta-chat-panel form,.pta-chat-embedded .pta-chat-panel h2{flex-shrink:0}@media (min-width:1280px) and (max-height:799px){.pta-game-body.pta-reveal-layout{flex:none;height:max(34rem,100dvh - 15rem)}}@media (max-width:1279px){.pta-reveal-layout{grid-template-columns:minmax(0,1fr)}.pta-game-body .pta-editor-scroll{flex:0 0 36rem}.pta-reveal-main{height:42rem;min-height:32rem}.pta-chat.pta-chat-embedded{min-height:15rem}}@media (max-width:767px){.pta-reveal-main{padding:.6rem}.pta-chain-feed{padding-inline:.25rem}.pta-feed-entry{width:96%}.pta-reveal-controls .hw-btn{padding:.3rem .5rem}}@layer components{.pta-page[data-rounds=true]>.hw-page-header h1.hw-title{font-size:1.8rem!important}@media (max-width:767px){.pta-page[data-rounds=true]>.hw-page-header h1.hw-title{font-size:1.5rem!important}}}.pta-page .pta-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pta-timing-readout{border:1px solid var(--hw-border);background:#090e1c;gap:.4rem;min-width:0;padding:.7rem;display:grid}.pta-timing-readout input{color:#ffe677;font-size:1.5rem}.pta-timing-readout select{width:100%;min-width:0;font-size:.8rem}.pta-roll-heading{align-items:center;gap:.6rem;min-width:0;display:flex}.pta-roll-heading small{color:#ffe677}.pta-game-body .pta-beat-editor[data-grid-collapsed=true] .pta-roll-surface,.pta-game-body .pta-beat-editor[data-grid-collapsed=true] .pta-roll-tools,.pta-game-body .pta-beat-editor[data-grid-collapsed=true] .pta-roll-resize{display:none!important}.pta-game-body .pta-beat-editor[data-grid-collapsed=true] .pta-keyboard{flex:1;min-height:150px;max-height:360px;margin-block:auto;height:auto!important}.pta-game-body .pta-waiting-beat{gap:.6rem;width:100%;height:100%;min-height:0}.pta-waiting-keyboard{text-align:left;flex-direction:column;gap:.75rem;width:100%;min-height:180px;max-height:420px;display:flex;flex:1!important}.pta-waiting-keyboard .pta-instrument-picker{align-items:center;gap:.75rem;display:flex}.pta-waiting-keyboard .pta-instrument-picker select{width:auto;min-width:8rem}.pta-game-body .pta-waiting-keyboard .pta-keyboard{flex:1;min-height:140px}.pta-trim{gap:.5rem;display:grid}.pta-trim-wave{touch-action:none;cursor:grab;background:#080d19;border:1px solid #485777;height:100px;position:relative;overflow:hidden}.pta-trim-peaks{pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute;inset:6px}.pta-trim-peaks i{background:#59738c;flex:1;min-width:0}.pta-trim-window{pointer-events:none;background:#ffe67726;border:2px solid #ffe677;position:absolute;top:0;bottom:0}.pta-trim-played{width:var(--trim-progress,0%);background:#00e1ff4d;position:absolute;inset:0 auto 0 0}.pta-trim-playhead{top:0;bottom:0;left:var(--trim-progress,0%);background:#4deaff;width:2px;position:absolute;transform:translate(-2px)}.pta-trim output{color:var(--hw-text-dim);font-size:.8rem}.pta-playback-progress .pta-locked-progress{pointer-events:none;opacity:1}.pta-playback-progress .pta-locked-progress::-webkit-slider-thumb{visibility:hidden}.pta-playback-progress .pta-locked-progress::-moz-range-thumb{visibility:hidden}.pta-chat-cooldown{color:#ffe677;margin:0;font-size:.8rem}.pta-toolbar-compact .pta-toolbar-row{flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;min-width:0;display:flex}.pta-toolbar-compact .pta-roll-tools{display:contents}.pta-toolbar-row .pta-cutoff-note{color:#ffe677;font-size:.75rem}.pta-toolbar-row .pta-roll-transport{margin-left:0}.pta-theme-label{align-items:center;gap:.5rem;display:flex}.pta-theme-help{z-index:5;font-family:var(--hw-font-body);text-transform:none;letter-spacing:0;position:relative}.pta-theme-help summary{cursor:pointer;color:#abf5ff;border:1px solid #5c8aab;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;list-style:none;display:grid}.pta-theme-help summary::-webkit-details-marker{display:none}.pta-theme-help summary:focus-visible{outline-offset:2px;outline:2px solid #21dfef}.pta-theme-help p{color:#e5eefc;background:#091525;border:1px solid #456189;width:min(27rem,100vw - 6rem);margin-top:.5rem;padding:1rem;font-size:.9rem;font-weight:400;line-height:1.5;position:absolute;top:100%;left:-4rem;box-shadow:0 8px 24px #0008}.pta-page>.pta-chat:not(.pta-chat-embedded){flex:none;align-self:stretch;min-width:0;max-width:100%;margin-top:.25rem;padding:.25rem 2rem .75rem;position:relative;inset:auto}.pta-page[data-rounds=false]>.pta-chat:not(.pta-chat-embedded){display:none}.pta-page>.pta-chat>.pta-chat-panel{width:min(24rem,100% - 2rem);max-height:min(32rem,70dvh);position:absolute;bottom:calc(100% + .5rem);right:2rem;overflow-y:auto}.pta-profile-overlay{padding:1rem}.pta-profile-overlay .pta-profile-panel{zoom:1;flex-direction:column;width:min(110rem,100vw - 2rem);max-width:none;height:calc(100dvh - 2rem);max-height:none;padding:1rem;display:flex;overflow-y:auto}.pta-profile-panel .hw-community{flex:1;min-height:0}@media (max-width:767px){.pta-profile-panel .hw-community{flex:none}.pta-page>.pta-chat:not(.pta-chat-embedded){padding-inline:1rem}}.pta-body .pta-slots[data-slots="10"]{--pta-medallion:clamp(3rem, 7dvh, 5.5rem)}.pta-body .pta-slots[data-slots="10"] .pta-slot[data-filled=true]{gap:.5rem;padding:.75rem}.pta-body .pta-slots .pta-slot-info{flex-direction:column;align-items:center;gap:.25rem;display:flex}.pta-body .pta-slots .pta-slot-info>*{max-width:100%;margin-top:0}.pta-body .pta-slots .pta-slot-status{padding:.25rem .5rem;font-size:.625rem;line-height:1.2}.pta-body .pta-slots[data-slots="20"]{--pta-medallion:clamp(2rem, 3.2dvh, 2.5rem)}.pta-body .pta-slots[data-slots="20"] .pta-slot{gap:.4rem;padding:.65rem}.pta-body .pta-slots[data-slots="20"] .pta-slot-info{align-items:flex-start}.pta-body .pta-slots[data-slots="20"] .pta-slot-name{font-size:.875rem}.pta-body .pta-slots[data-slots="20"] .rounded-full.border{padding:.15rem .375rem;font-size:.5625rem;display:inline-flex}.pta-body .pta-slots[data-slots="20"] .pta-slot-info>div:first-child{gap:.2rem}.pta-body .pta-slots[data-slots="20"] .pta-slot-info>div:first-child .hw-chip{padding:.15rem .4rem;font-size:.5rem}.pta-deadline-notice{min-width:0;color:var(--hw-cyan);white-space:nowrap;text-overflow:ellipsis;flex:none;padding-inline:.5rem;font-size:.8rem;line-height:1.5;overflow:hidden}.pta-loop-dots[hidden]{display:none}.pta-upload-summary{display:contents}.pta-keyboard-heading{grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;display:grid}.pta-key-legend{justify-content:center;gap:3px;min-width:0;display:grid}.pta-key-legend>div{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.pta-key-legend kbd{color:#d9efff;border:1px solid #456189;border-radius:2px;padding:1px 4px;font-size:10px;line-height:1.2}.pta-key-legend>[data-black=true] kbd{color:#b7c5da;background:#0b111a;font-size:9px}.pta-key-legend kbd[data-pressed=true]{color:#041119;background:#29d9e7;border-color:#a4fbff}.pta-key-legend[data-enabled=false]{opacity:.2}.pta-room-brand{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pta-leave-game{flex-shrink:0}.pta-leave-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.pta-submit-upload-hint{max-width:16rem;color:var(--hw-text-dim);font-size:12px}@media (max-width:1100px){.pta-keyboard-heading{grid-template-columns:auto auto}.pta-key-legend{grid-area:2/1/auto/-1}}.pta-catalog{gap:16px;max-height:60dvh;display:grid;overflow:auto}.pta-catalog fieldset{gap:6px;min-width:0;display:grid}.pta-catalog legend{color:#8ce7f0;margin-bottom:8px}.pta-catalog-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pta-catalog-row label{flex:1;min-width:0}.pta-catalog-row select{width:100%}.pta-score-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.pta-score-row label{align-items:center;gap:.6rem;display:flex}.pta-ranking{border:1px solid var(--studio-line);background:var(--studio-inset-surface);border-radius:8px;gap:.6rem;padding:.9rem 1rem;display:grid}.pta-ranking-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pta-ranking-list{gap:.4rem;max-height:16rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.pta-ranking-list li{background:var(--studio-panel);border-radius:6px;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.35rem .5rem;display:grid}.pta-ranking-list li[data-rank="1"]{border:1px solid var(--studio-gold)}.pta-ranking-list li[data-left] .pta-ranking-name strong{opacity:.85}.pta-ranking-name small{color:var(--hw-text-dim);display:block}@media (max-width:639px){.pta-ranking-list li{grid-template-columns:2.4rem minmax(0,1fr)}.pta-ranking-list output{grid-column:2}}
