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:4px 0 0 rgba(255,50,50,.8),-4px 0 0 rgba(50,255,50,.8),8px 0 0 rgba(50,50,255,.8),0 0 8px rgba(255,255,255,.5);animation:danmakuFly linear forwards,danmakuRGB 15ms infinite}@keyframes danmakuRGB{0%{text-shadow:0px 0 0 rgba(255,50,50,.9),0px 0 0 rgba(50,255,50,.9),0px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}10%{text-shadow:5px 0 0 rgba(255,50,50,.9),-4px 0 0 rgba(50,255,50,.9),6px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}15%{text-shadow:0px 0 0 rgba(255,50,50,.9),-5px 0 0 rgba(50,255,50,.9),2px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}25%{text-shadow:4px 0 0 rgba(255,50,50,.9),-1px 0 0 rgba(50,255,50,.9),7px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}30%{text-shadow:0px 0 0 rgba(255,50,50,.9),0px 0 0 rgba(50,255,50,.9),0px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}42%{text-shadow:3px 0 0 rgba(255,50,50,.9),-6px 0 0 rgba(50,255,50,.9),4px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}48%{text-shadow:7px 0 0 rgba(255,50,50,.9),-2px 0 0 rgba(50,255,50,.9),5px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}53%{text-shadow:0px 0 0 rgba(255,50,50,.9),0px 0 0 rgba(50,255,50,.9),0px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}61%{text-shadow:4px 0 0 rgba(255,50,50,.9),-6px 0 0 rgba(50,255,50,.9),1px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}70%{text-shadow:0px 0 0 rgba(255,50,50,.9),-1px 0 0 rgba(50,255,50,.9),6px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}78%{text-shadow:5px 0 0 rgba(255,50,50,.9),-3px 0 0 rgba(50,255,50,.9),0px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}85%{text-shadow:0px 0 0 rgba(255,50,50,.9),0px 0 0 rgba(50,255,50,.9),0px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}to{text-shadow:0px 0 0 rgba(255,50,50,.9),0px 0 0 rgba(50,255,50,.9),0px 0 0 rgba(50,50,255,.9),0 0 4px rgba(255,255,255,.5)}}@keyframes danmakuFly{0%{right:-100%}to{right:110%}}@keyframes danmakuFire{0%,to{text-shadow:0 0 2px #fff,0 0 6px #fff,0 -6px 4px #fe0,3px -10px 6px #f90,-4px -14px 8px #f60,6px -18px 10px #e30,-7px -22px 14px #c00,3px -28px 18px #900,8px -32px 24px #600,-5px -36px 30px #400,0 -42px 40px #200}20%{text-shadow:0 0 3px #fff,0 0 7px #fff,2px -5px 5px #fe0,-3px -11px 7px #f90,5px -15px 9px #f60,-6px -19px 12px #e30,8px -23px 16px #c00,-4px -27px 20px #900,6px -33px 26px #600,-8px -37px 32px #400,3px -43px 42px #200}40%{text-shadow:0 0 2px #fff,0 0 5px #fff,-3px -4px 6px #fe0,4px -9px 8px #f90,-5px -13px 10px #f60,7px -17px 14px #e30,-8px -21px 18px #c00,5px -25px 22px #900,-6px -30px 28px #600,7px -34px 34px #400,-3px -40px 44px #200}60%{text-shadow:0 0 3px #fff,0 0 8px #fff,1px -7px 4px #fe0,-5px -10px 7px #f90,3px -16px 10px #f60,-9px -20px 13px #e30,4px -24px 17px #c00,-6px -29px 22px #900,8px -35px 28px #600,-4px -39px 35px #400,2px -44px 45px #200}85%{text-shadow:0 0 2px #fff,0 0 5px #fff,-2px -6px 5px #fe0,5px -12px 7px #f90,-6px -15px 10px #f60,3px -20px 13px #e30,8px -25px 17px #c00,-5px -30px 23px #900,-7px -36px 29px #600,4px -41px 36px #400,0 -46px 46px #200}}.danmaku-fire{color:#111;-webkit-text-stroke:4px #fff;paint-order:stroke fill;font-weight:900;text-shadow:4px 4px 0 rgba(0,0,0,.5)}.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}