.academy-pan-arena{--pan-knob-size:11rem;--pan-knob-hint-size:.68rem}.academy-mix-arena.academy-pan-arena .mix-arena-console-shell{--mix-shell-max:76rem}.academy-mix-arena.academy-pan-arena .mix-arena-console-shell__frame{width:100%;overflow:hidden}.academy-mix-arena.academy-pan-arena .mix-arena-fader-rack{place-items:start center;gap:clamp(.8rem,1.7vw,1.3rem);width:min(100%,70rem)}.academy-mix-arena.academy-pan-arena .mix-arena-fader-rack--count-5{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}.academy-mix-arena.academy-pan-arena .mix-arena-fader{width:100%;max-width:12.4rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader:after{display:none}.academy-mix-arena.academy-pan-arena .mix-arena-fader__lane{justify-content:center;align-items:center;width:100%;min-height:17rem;padding:1.25rem .55rem;display:flex}.pan-arena-knob-shell{flex-direction:column;align-items:center;gap:.7rem;width:100%;display:flex}.pan-arena-knob{width:min(100%, var(--pan-knob-size));aspect-ratio:1;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.pan-arena-knob:before{content:"";z-index:0;background:radial-gradient(circle at 50% 48%,#ffffff0d,#0000 52%),radial-gradient(circle,#121b2deb 54%,#070c18fa 68%,#030610f0 82%,#0000 100%);border-radius:50%;position:absolute;inset:1.5%;box-shadow:inset 0 0 0 1px #678eb82e,inset 0 .15rem .5rem #ffffff0a,inset 0 -.8rem 1.2rem #00000042,0 0 0 1px #1227456b}.pan-arena-knob--locked{opacity:.72}.pan-arena-knob--tutorial-turn:after{content:"";pointer-events:none;z-index:0;border:1px solid #ffd666c7;border-radius:50%;animation:1.15s ease-in-out infinite pan-arena-turn-ring-pulse;position:absolute;inset:1.5%;box-shadow:0 0 0 1px #ffd66629,0 0 1rem #ffce5c3d,0 0 2rem #f59e0b29,inset 0 0 1rem #6e490024}.pan-arena-knob--tutorial-turn .pan-arena-knob__halo{background:radial-gradient(circle,#facc152e 0%,#facc150d 42%,#0000 68%),radial-gradient(circle at 74% 44%,#f9731624 0%,#0000 34%)}.pan-arena-knob--tutorial-double .pan-arena-knob__face{box-shadow:inset 0 0 0 1px #ffd6662e,inset 0 -1rem 1.4rem #0000006b,0 .7rem 1.25rem #02061747}.pan-arena-knob__face--tutorial-double:after{content:"";pointer-events:none;border:1px solid #ffd666b3;border-radius:50%;animation:1.05s ease-in-out infinite pan-arena-double-core-pulse;position:absolute;inset:24%;box-shadow:0 0 .7rem #ffd66652,inset 0 0 .7rem #ffd6662e}.pan-arena-knob__face--tutorial-double .pan-arena-knob__face-core{background:radial-gradient(circle,#ffeea129,#0f172af5 70%),repeating-conic-gradient(#ffffff0f 0deg 3deg,#fff0 3deg 22deg);box-shadow:inset 0 0 0 1px #ffd66638,inset 0 .5rem .9rem #ffffff0a,0 0 1rem #ffd66629}.pan-arena-knob__halo{filter:blur(.8rem);z-index:0;background:radial-gradient(circle,#0ea5e924 0%,#0ea5e90d 42%,#0000 68%),radial-gradient(circle at 74% 44%,#ec489914 0%,#0000 34%);border-radius:50%;position:absolute;inset:5%}.pan-arena-knob__glare{filter:blur(.18rem);opacity:.82;pointer-events:none;z-index:1;background:radial-gradient(circle at 34% 22%,#ffffff3d,#0000 22%),radial-gradient(circle,#ffffff0a,#0000 62%);border-radius:999px;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pan-arena-knob__glare--secondary{filter:blur(.28rem);opacity:.58;background:radial-gradient(circle at 68% 72%,#60a5fa14,#0000 22%),radial-gradient(circle,#ffffff08,#0000 68%);width:85.5%}.pan-arena-knob__reference-marker{transform-origin:50%;opacity:0;z-index:3;transition:opacity .2s;position:absolute;inset:0}.pan-arena-knob__reference-marker--visible{opacity:1}.pan-arena-knob__reference-marker span{background:#93c5fd;border-radius:50%;width:4.7%;height:4.7%;position:absolute;top:11.5%;left:50%;transform:translate(-50%);box-shadow:0 0 .65rem #60a5facc,0 0 1.2rem #3b82f673}.pan-arena-knob__face{z-index:2;background:radial-gradient(circle at 34% 28%,#ffffff29,#0000 24%),radial-gradient(circle at 65% 72%,#ffffff14,#0000 18%),linear-gradient(#1c2638fa,#070c18);border-radius:50%;width:71.4%;height:71.4%;transition:transform .12s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #a0b8d438,inset 0 .2rem .6rem #ffffff0a,inset 0 -1rem 1.4rem #0000006b,0 1rem 1.6rem #0206175c,0 0 0 1px #ffffff0d}.pan-arena-knob__face--inactive{filter:saturate(.42)}.pan-arena-knob__face-rim{opacity:1;background:radial-gradient(circle,#0000 54%,#bfdbfe2e 60%,#1e293bd1 66%,#0000 74%);border-radius:50%;position:absolute;inset:4.3%;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 .2rem .4rem #ffffff0d}.pan-arena-knob__face-grooves{opacity:.3;background:repeating-conic-gradient(#e2e8f01a 0deg 1.8deg,#0f172a00 1.8deg 10deg);border-radius:50%;position:absolute;inset:9.9%;-webkit-mask:radial-gradient(circle,#0000 56%,#000 61% 67%,#0000 72%);mask:radial-gradient(circle,#0000 56%,#000 61% 67%,#0000 72%)}.pan-arena-knob__face-markers{opacity:.28;background:repeating-conic-gradient(#ffffff29 0deg .7deg,#0000 .7deg 30deg);border-radius:50%;position:absolute;inset:14%;-webkit-mask:radial-gradient(circle,#0000 72%,#000 76% 79%,#0000 82%);mask:radial-gradient(circle,#0000 72%,#000 76% 79%,#0000 82%)}.pan-arena-knob__face-notch{background:linear-gradient(#f8fafcf2,#cbd5e129);border-radius:999px;width:8.9%;height:21.7%;position:absolute;top:10.8%;left:50%;transform:translate(-50%);box-shadow:0 0 .45rem #ffffff2e}.pan-arena-knob__face-core{background:radial-gradient(circle,#ffffff1f,#0f172af5 72%),repeating-conic-gradient(#ffffff0d 0deg 3deg,#fff0 3deg 22deg);border-radius:50%;position:absolute;inset:27.4%;box-shadow:inset 0 0 0 1px #94a3b81f,inset 0 .5rem .9rem #ffffff08}.pan-arena-knob__face-bolt{background:radial-gradient(circle at 36% 34%,#ffffff42,#94a3b81f 42%,#0f172aeb 74%);border-radius:50%;width:6.6%;height:6.6%;position:absolute;box-shadow:inset 0 0 0 1px #94a3b81f,0 0 .25rem #0f172a57}.pan-arena-knob__face-bolt:after{content:"";background:#94a3b873;border-radius:999px;width:58%;height:11.5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(22deg)}.pan-arena-knob__face-bolt--top{top:19.7%;left:50%;transform:translate(-50%)}.pan-arena-knob__face-bolt--left{bottom:23%;left:21%}.pan-arena-knob__face-bolt--right{bottom:23%;right:21%}.pan-arena-knob__labels{letter-spacing:.18em;text-transform:uppercase;color:#e2e8f0b8;z-index:1;justify-content:space-between;width:56%;font-size:clamp(.66rem,1.6vw,.78rem);font-weight:600;display:flex;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}.pan-arena-knob__hint{font-size:var(--pan-knob-hint-size);text-align:center;color:#e2e8f094;text-transform:uppercase;letter-spacing:.12em}.pan-arena-summary{--pan-summary-knob-size:clamp(4.2rem, 10vw, 6.8rem);grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.5rem,1.5vw,.9rem);padding-top:1rem;display:grid}.pan-arena-summary__channel{align-content:start;justify-items:center;gap:.45rem;min-width:0;display:grid}.pan-arena-summary__value,.pan-arena-summary__delta,.pan-arena-summary__label{text-align:center}.pan-arena-summary__value{color:#ffbf7f;min-height:1.4rem;font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 0 .9rem #ff9f5a38;font-size:clamp(.82rem,1.6vw,1rem);font-weight:700}.pan-arena-summary__knob-shell{place-items:center;width:100%;padding:.35rem .15rem .2rem;display:grid}.pan-arena-knob--summary{width:min(100%, var(--pan-summary-knob-size))}.pan-arena-knob__summary-user-marker{transform-origin:50%;z-index:5;position:absolute;inset:0}.pan-arena-knob__summary-user-marker span{background:#fb923c;border-radius:50%;width:5.6%;height:5.6%;position:absolute;top:6.8%;left:50%;transform:translate(-50%);box-shadow:0 0 .8rem #fb923cb8,0 0 1.35rem #f973165c}.pan-arena-summary__label{color:#dbe8ff;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-size:clamp(.72rem,1.25vw,.84rem);font-weight:700}.pan-arena-summary__delta{color:#e2ecffc2;font-size:clamp(.6rem,1vw,.7rem);line-height:1.35}.pan-arena-ruler{flex-direction:column;gap:1rem;display:flex}.pan-arena-ruler__labels{color:#e2e8f0b8;justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.pan-arena-ruler__slider{accent-color:#f97316;width:min(34rem,100%)}.pan-arena-ruler__readout{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.pan-arena-ruler__readout strong{font-size:1.3rem}.pan-arena-ruler__readout span{color:#e2e8f0b3}@keyframes pan-arena-turn-ring-pulse{0%,to{opacity:.72;transform:scale(.992)}50%{opacity:1;transform:scale(1.01)}}@keyframes pan-arena-double-core-pulse{0%,to{opacity:.65;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}@media (width<=900px){.academy-pan-arena{--pan-knob-size:clamp(4rem, 11vw, 6.2rem)}.pan-arena-summary{--pan-summary-knob-size:clamp(3.6rem, 10vw, 5.2rem);gap:.45rem}.academy-mix-arena.academy-pan-arena .mix-arena-console-shell{--mix-shell-max:100%}.academy-mix-arena.academy-pan-arena .mix-arena-fader-rack--count-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem .35rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader{max-width:none}.academy-mix-arena.academy-pan-arena .mix-arena-fader__readout{min-height:1.2rem;font-size:clamp(.76rem,1.9vw,1rem)}.academy-mix-arena.academy-pan-arena .mix-arena-fader__lane{min-height:10.8rem;padding:.55rem .15rem .45rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader__label{letter-spacing:.01em;font-size:.78rem}}@media (width<=640px){.academy-pan-arena{--pan-knob-size:clamp(2.8rem, 14vw, 4.8rem);--pan-knob-hint-size:.6rem}.pan-arena-summary{--pan-summary-knob-size:clamp(2.8rem, 12vw, 4rem);gap:.3rem}.pan-arena-summary__value{min-height:1rem;font-size:.68rem}.pan-arena-summary__label{letter-spacing:.03em;font-size:.58rem}.pan-arena-summary__delta{font-size:.5rem}.academy-mix-arena.academy-pan-arena .mix-arena-console-shell__frame{padding-inline:.2rem;overflow:hidden}.academy-mix-arena.academy-pan-arena .mix-arena-fader-rack--count-5{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;gap:.35rem .2rem;width:100%;min-width:0}.academy-mix-arena.academy-pan-arena .mix-arena-fader__readout{min-height:1rem;font-size:clamp(.68rem,2.6vw,.84rem)}.academy-mix-arena.academy-pan-arena .mix-arena-fader__lane{min-height:8.9rem;padding:.35rem .05rem .3rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader__label{gap:.18rem;font-size:.62rem}.pan-arena-knob-shell{gap:.35rem}}@media (width<=420px){.academy-pan-arena{--pan-knob-size:clamp(2.5rem, 14.5vw, 3.9rem);--pan-knob-hint-size:.56rem}.pan-arena-summary{--pan-summary-knob-size:clamp(2.4rem, 11.5vw, 3.2rem);gap:.18rem}.academy-mix-arena.academy-pan-arena .mix-arena-console-shell__frame{padding-inline:.1rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader-rack--count-5{gap:.22rem .12rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader__lane{min-height:8rem;padding-inline:.02rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader__label{font-size:.56rem}.pan-arena-knob__labels{letter-spacing:.08em;width:64%;font-size:.48rem}.pan-arena-summary .pan-arena-knob__labels{letter-spacing:.04em;width:62%;font-size:.34rem}.pan-arena-summary__value{font-size:.56rem}.pan-arena-summary__label{font-size:.48rem}.pan-arena-summary__delta{font-size:.42rem}}@media (width<=340px){.academy-pan-arena{--pan-knob-size:clamp(2.2rem, 14.5vw, 3.4rem)}.pan-arena-summary{--pan-summary-knob-size:clamp(2.1rem, 11vw, 2.8rem)}.academy-mix-arena.academy-pan-arena .mix-arena-fader-rack--count-5{gap:.16rem .08rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader__lane{min-height:7.4rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader__readout{font-size:.62rem}.academy-mix-arena.academy-pan-arena .mix-arena-fader__label{font-size:.5rem}}.academy-mix-arena.academy-mix-pan-arena{--pan-knob-size:clamp(5rem, 9vw, 7.8rem)}.academy-mix-arena.academy-mix-pan-arena .mix-arena-console-shell{--mix-shell-max:78rem}.academy-mix-arena.academy-mix-pan-arena .mix-arena-console-shell__frame{width:100%;overflow:hidden}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-stack{gap:clamp(.45rem,1.1vw,.8rem);width:100%;display:grid}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-stack__row{justify-items:center;width:100%;display:grid}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack{justify-items:center;gap:clamp(.55rem,1.4vw,1rem);width:min(100%,70rem)}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--encoders{align-items:start}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--encoders .mix-arena-fader{gap:.28rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--encoders .mix-arena-fader,.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--faders .mix-arena-fader{width:100%;max-width:11.6rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--encoders .mix-arena-fader:after{display:none}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__readout{min-height:1rem;margin-bottom:.18rem;font-size:clamp(.88rem,1.55vw,1.08rem)}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__lane{min-height:calc(var(--pan-knob-size) + .85rem);justify-content:center;align-items:flex-start;padding:.05rem .2rem 0;display:flex}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--faders .mix-arena-fader__lane{min-height:clamp(10.8rem,18vw,14rem)}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__label{gap:.14rem;min-height:auto}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__label-text{color:#dbe8ffe0;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.mix-pan-arena-summary{gap:1.15rem;padding-top:1rem;display:grid}.mix-pan-arena-summary__section{gap:.65rem;display:grid}.mix-pan-arena-summary__section-title{color:#dbe8ffc7;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.mix-pan-arena-summary__faders{gap:.45rem}.academy-result-modal__stats--mix-pan{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.academy-mix-arena.academy-mix-pan-arena{--pan-knob-size:clamp(4rem, 9vw, 6rem)}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack{gap:.45rem .35rem;width:100%}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--encoders .mix-arena-fader__readout,.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--faders .mix-arena-fader__readout{min-height:.92rem;font-size:clamp(.74rem,1.8vw,.94rem)}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__lane{min-height:7.3rem;padding:.16rem .12rem .08rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--faders .mix-arena-fader__lane{min-height:9.4rem;padding-inline:.55rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__label-text{font-size:.66rem}}@media (width<=640px){.academy-mix-arena.academy-mix-pan-arena{--pan-knob-size:clamp(2.8rem, 12vw, 4rem)}.academy-mix-arena.academy-mix-pan-arena .mix-arena-console-shell__frame{padding-inline:.35rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-stack{gap:.45rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack{gap:.3rem .18rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--encoders .mix-arena-fader__readout,.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--faders .mix-arena-fader__readout{min-height:.84rem;font-size:clamp(.62rem,2.4vw,.8rem)}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__lane{min-height:calc(var(--pan-knob-size) + .55rem);padding:.04rem .05rem 0}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--faders .mix-arena-fader__lane{min-height:7.6rem;padding:.25rem .12rem .38rem}.academy-mix-arena.academy-mix-pan-arena .mix-arena-fader__label{gap:.18rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__label-text,.academy-mix-arena.academy-mix-pan-arena .mix-arena-fader__label-button{font-size:.58rem}.academy-result-modal__stats--mix-pan{grid-template-columns:1fr}}@media (width<=420px){.academy-mix-arena.academy-mix-pan-arena{--pan-knob-size:clamp(2.35rem, 12vw, 3.2rem)}.academy-mix-arena.academy-mix-pan-arena .mix-arena-console-shell__frame{padding-inline:.2rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack{gap:.22rem .1rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--encoders .mix-arena-fader__readout,.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--faders .mix-arena-fader__readout{font-size:.56rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__lane{min-height:calc(var(--pan-knob-size) + .45rem);padding-bottom:0}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--faders .mix-arena-fader__lane{min-height:6.8rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__label-text,.academy-mix-arena.academy-mix-pan-arena .mix-arena-fader__label-button{font-size:.5rem}.mix-pan-arena-summary__section-title{font-size:.64rem}}@media (width<=340px){.academy-mix-arena.academy-mix-pan-arena{--pan-knob-size:clamp(2.05rem, 11.8vw, 2.8rem)}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack{gap:.16rem .08rem}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-channel__lane{min-height:calc(var(--pan-knob-size) + .35rem)}.academy-mix-arena.academy-mix-pan-arena .mix-pan-arena-rack--faders .mix-arena-fader__lane{min-height:6.2rem}}