.dj-arcade-dialog{width:min(1100px,calc(100vw - 16px));max-width:none;height:min(860px,calc(100svh - 16px));max-height:none;margin:auto;padding:0;border:2px solid #ff3cac;background:#050308;color:#fff;box-shadow:0 0 80px #ff3cac55}.dj-arcade-dialog::backdrop{background:#020103ed;backdrop-filter:blur(7px)}.dj-arcade-game{height:100%;display:grid;grid-template-rows:auto minmax(210px,1fr) minmax(220px,.62fr);overflow:hidden;background:#050308}.dj-arcade-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 68px 12px 18px;border-bottom:2px solid #ff3cac;background:#09050f}.dj-arcade-header small{color:#16f2ff;font-size:.65rem;font-weight:950;letter-spacing:.16em}.dj-arcade-header h2{margin:.05rem 0;color:#fff;font-size:clamp(2rem,5vw,4rem);font-weight:950;line-height:.78;letter-spacing:-.06em}.dj-arcade-header p{margin:.35rem 0 0;color:#d9cedd;font-size:.72rem;font-weight:900;letter-spacing:.12em}.dj-score{text-align:right}.dj-score strong,.dj-score span{display:block}.dj-score strong{font:950 1.45rem/1 monospace;color:#fff}.dj-score span{margin-top:.28rem;color:#ffcf55;font-size:.58rem;font-weight:950;letter-spacing:.1em}.dj-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:2px solid #fff;background:#07040a;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}.dj-stage-view{position:relative;min-height:0;overflow:hidden}.dj-stage-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.dj-callout{position:absolute;z-index:2;left:50%;top:18px;transform:translateX(-50%);padding:.45rem .7rem;border:1px solid #ffffff38;background:#050308d9;color:#16f2ff;font-size:.7rem;font-weight:950;letter-spacing:.15em;pointer-events:none}.dj-callout.hit{background:#ff3cac;color:#08040d}.dj-booth{position:relative;z-index:3;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(260px,1.28fr);gap:clamp(16px,4vw,54px);align-items:center;padding:16px clamp(18px,5vw,64px) 20px;border-top:5px solid #24202a;background:linear-gradient(145deg,#17121c,#070509);box-shadow:0 -18px 40px #000}.dj-turntable{position:relative;width:min(300px,100%);aspect-ratio:1;margin:auto;border:7px solid #302a35;background:#0c0a0f;box-shadow:8px 8px 0 #000,inset 0 0 30px #000}.dj-record{position:absolute;inset:8%;border:4px solid #242027;border-radius:50%;background:repeating-radial-gradient(circle,#0a080c 0 4px,#201a23 5px 6px);box-shadow:0 0 0 4px #050405,0 0 28px #ff3cac2b;cursor:grab;touch-action:none;user-select:none}.dj-record:active{cursor:grabbing}.dj-record:focus-visible{outline:3px solid #16f2ff;outline-offset:4px}.dj-label{position:absolute;inset:31%;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle,#fff 0 4%,#ff3cac 5% 62%,#5a1048 63%);text-align:center;pointer-events:none}.dj-label span{font-size:clamp(.5rem,1.6vw,.85rem);font-weight:950;letter-spacing:.05em}.dj-label small{margin-top:.16rem;font-size:clamp(.28rem,.8vw,.42rem);font-weight:900}.dj-needle{position:absolute;z-index:3;top:2%;right:7%;width:7px;height:47%;transform:rotate(15deg);transform-origin:top;border-radius:8px;background:#d8d4dc;box-shadow:0 0 0 4px #332e38}.dj-mixer{display:grid;gap:.75rem;align-content:center}.dj-mixer button{width:min(220px,100%);min-height:48px;border:2px solid #16f2ff;background:#ff3cac;color:#08040d;font-weight:950;letter-spacing:.16em;cursor:pointer}.dj-mixer button:hover,.dj-mixer button:focus-visible{outline:none;background:#16f2ff}.dj-mixer label{display:grid;gap:.3rem;color:#d3c7d8;font-size:.64rem;font-weight:950;letter-spacing:.12em}.dj-mixer progress{width:100%;height:15px;border:0;background:#201923}.dj-mixer progress::-webkit-progress-bar{background:#201923}.dj-mixer progress::-webkit-progress-value{background:linear-gradient(90deg,#16f2ff,#ff3cac)}.dj-mixer progress::-moz-progress-bar{background:linear-gradient(90deg,#16f2ff,#ff3cac)}.dj-mixer p{margin:0;color:#fff;font:900 .72rem/1 monospace}.dj-mixer>small{color:#a99ead;font-size:.57rem;font-weight:900;letter-spacing:.09em}@media(max-width:620px){.dj-arcade-dialog{width:100vw;height:100svh;border:0}.dj-arcade-game{grid-template-rows:auto minmax(175px,.72fr) minmax(300px,1fr)}.dj-arcade-header{padding:12px 58px 10px 12px}.dj-arcade-header h2{font-size:2.2rem}.dj-arcade-header p{font-size:.55rem}.dj-score strong{font-size:1rem}.dj-score span{font-size:.47rem}.dj-booth{grid-template-columns:minmax(170px,.8fr) minmax(135px,1fr);gap:12px;padding:12px}.dj-turntable{width:min(235px,100%)}.dj-mixer{gap:.52rem}.dj-mixer button{min-height:44px}.dj-mixer>small{font-size:.46rem;line-height:1.4}.dj-callout{top:10px;font-size:.58rem}}