html,body,#app{background:#07070d;width:100%;height:100%;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}.dj-root{background:#07070d;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100dvw;height:100dvh;margin:0;padding:0;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.dj-character{pointer-events:none;z-index:25;position:absolute;bottom:0;left:44%;transform:translate(-50%);height:44%;width:auto;filter:brightness(.85) saturate(.9)}.dj-sparks{pointer-events:none;z-index:24;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dj-glitch-flash{pointer-events:none;z-index:23;position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background .03s ease-out}.dj-stage{aspect-ratio:2;user-select:none;-webkit-user-select:none;width:min(100dvw,200dvh);position:relative;overflow:hidden}.dj-video{object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.dj-video.is-front{opacity:1}.dj-console{pointer-events:none;z-index:10;width:74%;height:auto;position:absolute;bottom:0;left:13%}.dj-console-cover{z-index:11}.dj-knob{pointer-events:none;z-index:12;transform-origin:50%;width:7%;position:absolute;filter:drop-shadow(0 0 12px rgba(0,255,255,1)) drop-shadow(0 0 40px rgba(255,0,255,.8)) drop-shadow(0 0 80px rgba(0,200,255,.5)) brightness(1.3)}.dj-knob:after{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:radial-gradient(ellipse at center,rgba(0,255,255,.7) 0%,rgba(255,0,255,.3) 30%,transparent 70%);filter:blur(50px);pointer-events:none;z-index:-1;mix-blend-mode:screen}.dj-spd-marker{aspect-ratio:1;pointer-events:none;z-index:13;background:#fff;border:2px solid #1a1030;border-radius:50%;width:3%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px 4px #fff,0 0 40px #0ff,0 0 90px #ff00ffb3,0 0 160px #00c8ff59}.dj-spd-marker:after{content:"";position:absolute;top:-400%;right:-400%;bottom:-400%;left:-400%;background:radial-gradient(circle,rgba(0,255,255,.8) 0%,rgba(255,0,255,.4) 25%,transparent 55%);filter:blur(60px);border-radius:50%;pointer-events:none;z-index:-1;mix-blend-mode:screen}.dj-label{pointer-events:none;z-index:14;color:#94a3b8;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;font-size:clamp(.5rem,1.4vw,.8rem);font-family:Fredoka,sans-serif;font-weight:700;transition:color .15s,text-shadow .15s;position:absolute;transform:translate(-50%,-50%)}.dj-label.is-active{color:#fde047;text-shadow:0 0 8px rgba(253,224,71,.9)}.hit{touch-action:none;z-index:20;background:transparent;border:none;margin:0;padding:0;position:absolute}.hit-volume{cursor:ns-resize;min-width:34px}.hit-speed{cursor:grab;border-radius:50%;min-width:64px}.hit-speed:active{cursor:grabbing}.dj-tip{color:#64748b;z-index:30;pointer-events:none;white-space:nowrap;margin:0;font-family:Fredoka,sans-serif;font-size:.7rem;position:absolute;bottom:.4rem;left:50%;transform:translate(-50%)}.dj-edit-toggle{z-index:50;color:#cbd5e1;cursor:pointer;background:#161626d9;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;position:absolute;top:8px;right:8px}.dj-edit-toggle[aria-pressed=true]{color:#38bdf8;border-color:#38bdf8}.dj-editor{z-index:50;color:#cbd5e1;background:#0a0a14f2;border:1px solid #334155;border-radius:8px;flex-direction:column;gap:5px;width:264px;max-height:calc(100% - 16px);padding:10px;font-family:Fredoka,sans-serif;font-size:12px;display:flex;position:absolute;top:8px;right:46px;overflow:auto}.dj-editor-h{font-size:13px;font-weight:700}.dj-editor-g{color:#93c5fd;border-top:1px solid #243042;margin-top:4px;padding-top:4px;font-weight:600}.dj-editor-row{grid-template-columns:78px 1fr 50px;align-items:center;gap:6px;display:grid}.dj-editor-row input[type=range]{width:100%}.dj-editor-row input[type=number],.dj-editor-row-num{color:#e2e8f0;background:#0c0c16;border:1px solid #334155;border-radius:4px;width:100%;padding:2px 4px}.dj-editor-btns{gap:6px;margin-top:6px;display:flex}.dj-editor-btns button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:4px;flex:1;padding:4px}.dj-editor-btns .dj-btn-save{color:#bbf7d0;background:#14532d;border-color:#16a34a;font-weight:600}.dj-editor-btns .dj-btn-save:disabled{opacity:.7;cursor:default}.danmaku{position:absolute;z-index:50;white-space:nowrap;font-family:Amaranth,sans-serif;font-style:italic;font-weight:700;color:#fff;text-shadow:0 0 3px rgba(255,255,255,.6),0 0 6px rgba(255,255,255,.3);pointer-events:none;animation:danmakuFly linear forwards;right:-100%}.danmaku-glitch{color:#fff;text-shadow:2px 0 0 rgba(255,50,50,.7),-2px 0 0 rgba(50,255,50,.7),4px 0 0 rgba(50,50,255,.7),0 0 6px rgba(255,255,255,.5);animation:danmakuFly linear forwards,danmakuRGB .08s infinite}@keyframes danmakuRGB{0%,to{text-shadow:2px 0 0 rgba(255,50,50,.7),-2px 0 0 rgba(50,255,50,.7),4px 0 0 rgba(50,50,255,.7),0 0 6px rgba(255,255,255,.5)}33%{text-shadow:-3px 0 0 rgba(255,30,30,.7),1px 0 0 rgba(30,255,30,.7),-2px 0 0 rgba(30,30,255,.7),0 0 6px rgba(255,255,255,.5)}66%{text-shadow:1px 0 0 rgba(255,80,80,.7),3px 0 0 rgba(80,255,80,.7),-3px 0 0 rgba(80,80,255,.7),0 0 6px rgba(255,255,255,.5)}}@keyframes danmakuFly{0%{right:-100%}to{right:110%}}.start-overlay{z-index:1000;position:fixed;top:0;right:0;bottom:0;left:0;background:#07070d;display:flex;justify-content:center;align-items:center;cursor:pointer}.start-card{text-align:center;-webkit-user-select:none;user-select:none}.start-emoji{font-size:80px;margin-bottom:16px;animation:bounce 1.2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.start-title{font-family:Fredoka,sans-serif;font-size:48px;font-weight:700;color:#fde047;text-shadow:0 0 20px rgba(253,224,71,.5);margin:0 0 8px}.start-sub{font-family:Fredoka,sans-serif;font-size:14px;color:#64748b;margin:0 0 32px}.start-btn{font-family:Fredoka,sans-serif;font-size:20px;font-weight:700;color:#07070d;background:#fde047;border:none;border-radius:12px;padding:14px 48px;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #b8960f}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px #b8960f}.start-btn:active{transform:translateY(2px);box-shadow:0 2px #b8960f}