.cyber-player[data-v-38b9cc42]{position:relative;width:100vw;height:100vh;background:#0a0a0f;overflow:hidden;font-family:Share Tech Mono,monospace;color:#00f0ff;cursor:crosshair}.matrix-canvas[data-v-38b9cc42],.hex-canvas[data-v-38b9cc42],.particle-canvas[data-v-38b9cc42],.audio-viz-canvas[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.matrix-canvas[data-v-38b9cc42]{opacity:.1;z-index:0}.hex-canvas[data-v-38b9cc42]{z-index:0}.particle-canvas[data-v-38b9cc42],.audio-viz-canvas[data-v-38b9cc42]{z-index:1}.scanlines[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.015) 2px,rgba(0,240,255,.015) 4px);pointer-events:none;z-index:2;animation:scanlineShift-38b9cc42 8s linear infinite}@keyframes scanlineShift-38b9cc42{0%{transform:translateY(0)}to{transform:translateY(4px)}}.grid-overlay[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,240,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:2}.vignette[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:2;transition:opacity .15s}.bass-flash[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,240,255,.08) 0%,transparent 70%);pointer-events:none;z-index:3;opacity:0;transition:opacity .05s}.bass-flash.active[data-v-38b9cc42]{opacity:1}.vhs-distort[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:0;transition:opacity .05s}.vhs-distort.active[data-v-38b9cc42]{opacity:1;animation:vhsGlitch-38b9cc42 .4s steps(4) forwards}@keyframes vhsGlitch-38b9cc42{0%{background:repeating-linear-gradient(0deg,transparent 0%,rgba(0,240,255,.03) 2%,transparent 4%);transform:translate(0)}10%{background:repeating-linear-gradient(0deg,transparent 0%,rgba(255,0,128,.05) 1%,transparent 3%);transform:translate(-3px) skew(-.5deg)}20%{transform:translate(2px) skew(.3deg)}30%{background:repeating-linear-gradient(0deg,transparent 0%,rgba(0,240,255,.04) 3%,transparent 5%);transform:translate(-1px)}50%{transform:translate(1px) skew(-.2deg)}70%,to{transform:translate(0);opacity:0}}.click-ripple[data-v-38b9cc42]{position:absolute;pointer-events:none;z-index:55;width:0;height:0;border-radius:50%;border:2px solid rgba(0,240,255,.6);transform:translate(-50%,-50%);animation:rippleExpand-38b9cc42 1s ease-out forwards}@keyframes rippleExpand-38b9cc42{0%{width:0;height:0;opacity:1;border-width:3px}to{width:300px;height:300px;opacity:0;border-width:1px}}.trail-dot[data-v-38b9cc42]{position:absolute;pointer-events:none;z-index:56;width:6px;height:6px;border-radius:50%;background:#00f0ff;box-shadow:0 0 8px #00f0ff,0 0 16px #00f0ff66;transform:translate(-50%,-50%);animation:trailFade-38b9cc42 .6s ease-out forwards}@keyframes trailFade-38b9cc42{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.2)}}.start-overlay[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;background:rgba(10,10,15,.85)}.start-hud[data-v-38b9cc42]{position:relative;padding:60px 80px;border:1px solid rgba(0,240,255,.3);background:rgba(10,10,15,.9)}.hud-corner[data-v-38b9cc42]{position:absolute;width:20px;height:20px}.hud-corner.tl[data-v-38b9cc42]{top:-1px;left:-1px;border-top:2px solid #00f0ff;border-left:2px solid #00f0ff}.hud-corner.tr[data-v-38b9cc42]{top:-1px;right:-1px;border-top:2px solid #00f0ff;border-right:2px solid #00f0ff}.hud-corner.bl[data-v-38b9cc42]{bottom:-1px;left:-1px;border-bottom:2px solid #00f0ff;border-left:2px solid #00f0ff}.hud-corner.br[data-v-38b9cc42]{bottom:-1px;right:-1px;border-bottom:2px solid #00f0ff;border-right:2px solid #00f0ff}.start-content[data-v-38b9cc42]{text-align:center}.start-icon[data-v-38b9cc42]{font-size:48px;color:#00f0ff;margin-bottom:20px;text-shadow:0 0 20px #00f0ff,0 0 40px #00f0ff;animation:pulseGlow-38b9cc42 2s ease-in-out infinite}@keyframes pulseGlow-38b9cc42{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.start-text[data-v-38b9cc42]{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;letter-spacing:6px;color:#00f0ff;margin-bottom:16px;text-shadow:0 0 10px #00f0ff}.start-hint[data-v-38b9cc42]{font-size:12px;color:#00f0ff80;letter-spacing:3px;animation:blink-38b9cc42 1.5s step-end infinite}@keyframes blink-38b9cc42{0%,to{opacity:1}50%{opacity:0}}.fade-enter-active[data-v-38b9cc42],.fade-leave-active[data-v-38b9cc42]{transition:opacity .8s ease}.fade-enter-from[data-v-38b9cc42],.fade-leave-to[data-v-38b9cc42]{opacity:0}.hud-frame[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.hud-deco[data-v-38b9cc42]{position:absolute;width:80px;height:80px}.hud-deco.top-left[data-v-38b9cc42]{top:12px;left:12px}.hud-deco.top-right[data-v-38b9cc42]{top:12px;right:12px}.hud-deco.bottom-left[data-v-38b9cc42]{bottom:12px;left:12px}.hud-deco.bottom-right[data-v-38b9cc42]{bottom:12px;right:12px}.deco-line[data-v-38b9cc42]{position:absolute;background:rgba(0,240,255,.4)}.top-left .deco-line.h[data-v-38b9cc42],.top-right .deco-line.h[data-v-38b9cc42]{top:0;height:1px;width:100%}.top-left .deco-line.v[data-v-38b9cc42],.bottom-left .deco-line.v[data-v-38b9cc42]{left:0;width:1px;height:100%}.top-right .deco-line.v[data-v-38b9cc42],.bottom-right .deco-line.v[data-v-38b9cc42]{right:0;width:1px;height:100%}.bottom-left .deco-line.h[data-v-38b9cc42],.bottom-right .deco-line.h[data-v-38b9cc42]{bottom:0;height:1px;width:100%}.top-left .deco-line.h[data-v-38b9cc42]{left:0}.top-left .deco-line.v[data-v-38b9cc42]{top:0}.top-right .deco-line.h[data-v-38b9cc42]{right:0}.top-right .deco-line.v[data-v-38b9cc42]{top:0}.bottom-left .deco-line.h[data-v-38b9cc42]{left:0}.bottom-left .deco-line.v[data-v-38b9cc42]{bottom:0}.bottom-right .deco-line.h[data-v-38b9cc42]{right:0}.bottom-right .deco-line.v[data-v-38b9cc42]{bottom:0}.deco-dot[data-v-38b9cc42]{position:absolute;width:6px;height:6px;background:#00f0ff;border-radius:50%;box-shadow:0 0 8px #00f0ff,0 0 16px #00f0ff;animation:dotPulse-38b9cc42 2s ease-in-out infinite}.top-left .deco-dot[data-v-38b9cc42]{top:-3px;left:-3px}.top-right .deco-dot[data-v-38b9cc42]{top:-3px;right:-3px}.bottom-left .deco-dot[data-v-38b9cc42]{bottom:-3px;left:-3px}.bottom-right .deco-dot[data-v-38b9cc42]{bottom:-3px;right:-3px}@keyframes dotPulse-38b9cc42{0%,to{box-shadow:0 0 4px #00f0ff,0 0 8px #00f0ff}50%{box-shadow:0 0 12px #00f0ff,0 0 24px #00f0ff,0 0 36px #00f0ff4d}}.hud-data[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.hud-data-item[data-v-38b9cc42]{position:absolute;font-size:10px;letter-spacing:2px;display:flex;flex-direction:column;gap:2px}.hud-data-item .label[data-v-38b9cc42]{color:#ff008080;font-size:9px}.hud-data-item .value[data-v-38b9cc42]{color:#00f0ff66;font-family:Orbitron,sans-serif;font-size:11px}.top-left-data[data-v-38b9cc42]{top:100px;left:20px}.top-right-data[data-v-38b9cc42]{top:100px;right:20px;text-align:right}.mid-left-data[data-v-38b9cc42]{top:50%;left:20px;transform:translateY(-50%)}.mid-right-data[data-v-38b9cc42]{top:50%;right:20px;transform:translateY(-50%);text-align:right}.bot-left-data[data-v-38b9cc42]{bottom:120px;left:20px}.bot-right-data[data-v-38b9cc42]{bottom:120px;right:20px;text-align:right}.header[data-v-38b9cc42]{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-bottom:1px solid rgba(0,240,255,.15);background:linear-gradient(180deg,rgba(10,10,15,.9) 0%,transparent 100%)}.header-left[data-v-38b9cc42]{display:flex;align-items:center;gap:10px}.status-indicator[data-v-38b9cc42]{width:8px;height:8px;border-radius:50%;background:#ff0040;box-shadow:0 0 6px #ff0040;transition:all .3s}.status-indicator.active[data-v-38b9cc42]{background:#00ff88;box-shadow:0 0 6px #0f8,0 0 12px #0f8;animation:statusPulse-38b9cc42 1.5s ease-in-out infinite}@keyframes statusPulse-38b9cc42{0%,to{opacity:1}50%{opacity:.5}}.status-text[data-v-38b9cc42]{font-size:11px;letter-spacing:3px;color:#00f0ff99}.header-center[data-v-38b9cc42]{text-align:center}.song-title[data-v-38b9cc42]{font-family:Orbitron,sans-serif;font-size:20px;font-weight:900;letter-spacing:8px;color:#00f0ff;text-shadow:0 0 10px #00f0ff,0 0 30px rgba(0,240,255,.4);margin-bottom:4px}.song-subtitle[data-v-38b9cc42]{font-size:10px;letter-spacing:4px;color:#ff008099;text-shadow:0 0 8px rgba(255,0,128,.3)}.header-right .time-display[data-v-38b9cc42]{font-family:Orbitron,sans-serif;font-size:14px;color:#00f0ffb3;letter-spacing:2px}.lyrics-area[data-v-38b9cc42]{position:relative;z-index:10;height:calc(100vh - 280px);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 60px;gap:24px}.lyric-ghost[data-v-38b9cc42]{font-size:28px;color:#00f0ff1f;text-align:center;letter-spacing:2px;animation:ghostFade-38b9cc42 1.5s ease-out forwards;pointer-events:none}@keyframes ghostFade-38b9cc42{0%{opacity:.25;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-20px);filter:blur(4px)}}.lyric-stage[data-v-38b9cc42]{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;width:100%;max-width:900px;animation:stageEnter-38b9cc42 .3s ease-out}@keyframes stageEnter-38b9cc42{0%{opacity:0;transform:scale(.95) translateY(10px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.holo-shimmer[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(0,240,255,.02) 25%,rgba(255,0,128,.02) 50%,rgba(0,240,255,.02) 75%,transparent 100%);background-size:200% 200%;animation:holoShift-38b9cc42 6s ease-in-out infinite;pointer-events:none;z-index:0;border-radius:8px}@keyframes holoShift-38b9cc42{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.side-bracket[data-v-38b9cc42]{position:absolute;top:50%;transform:translateY(-50%);font-size:60px;color:#00f0ff1f;font-weight:100;animation:bracketPulse-38b9cc42 3s ease-in-out infinite}.left-bracket[data-v-38b9cc42]{left:-40px}.right-bracket[data-v-38b9cc42]{right:-40px}@keyframes bracketPulse-38b9cc42{0%,to{opacity:.3}50%{opacity:.8;color:#00f0ff40}}.glitch-layer[data-v-38b9cc42]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Share Tech Mono,monospace;font-size:48px;font-weight:700;letter-spacing:3px;white-space:nowrap;pointer-events:none;overflow:hidden}.glitch-layer[data-v-38b9cc42]:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-r[data-v-38b9cc42]{color:#ff008066;text-shadow:0 0 10px rgba(255,0,128,.3)}.glitch-r[data-v-38b9cc42]:after{animation:glitchR-38b9cc42 3s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-b[data-v-38b9cc42]{color:#00f0ff66;text-shadow:0 0 10px rgba(0,240,255,.3)}.glitch-b[data-v-38b9cc42]:after{animation:glitchB-38b9cc42 2.5s infinite linear alternate-reverse;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitchR-38b9cc42{0%,90%{transform:translate(0)}92%{transform:translate(3px,-1px)}94%{transform:translate(-2px,1px)}96%{transform:translate(1px)}98%{transform:translate(-3px,-1px)}to{transform:translate(0)}}@keyframes glitchB-38b9cc42{0%,88%{transform:translate(0)}90%{transform:translate(-3px,1px)}93%{transform:translate(2px,-1px)}96%{transform:translate(-1px)}to{transform:translate(0)}}.lyric-main[data-v-38b9cc42]{position:relative;z-index:2;font-size:48px;font-weight:700;letter-spacing:3px;line-height:1.4;text-align:center;white-space:nowrap;transition:text-shadow .3s}.lyric-main.line-complete[data-v-38b9cc42]{animation:completePulse-38b9cc42 1s ease-in-out}@keyframes completePulse-38b9cc42{0%{text-shadow:0 0 20px #00f0ff,0 0 40px #00f0ff,0 0 60px rgba(0,240,255,.5)}50%{text-shadow:0 0 10px #00f0ff,0 0 20px rgba(0,240,255,.3)}to{text-shadow:0 0 8px #00f0ff,0 0 16px rgba(0,240,255,.3)}}.char[data-v-38b9cc42]{opacity:0;color:#00f0ff;display:inline-block;transition:opacity .05s}.char.revealed[data-v-38b9cc42]{opacity:1;text-shadow:0 0 7px #00f0ff,0 0 15px #00f0ff,0 0 30px rgba(0,240,255,.5),0 0 50px rgba(0,240,255,.2);animation:charReveal-38b9cc42 .2s ease-out}.char.space[data-v-38b9cc42]{width:.3em}@keyframes charReveal-38b9cc42{0%{opacity:0;color:#fff;text-shadow:0 0 30px #fff,0 0 60px #00f0ff;transform:scale(1.4) translateY(-4px);filter:brightness(3)}40%{color:#80ffff;text-shadow:0 0 20px #80ffff,0 0 40px #00f0ff;transform:scale(1.1);filter:brightness(1.5)}to{opacity:1;color:#00f0ff;text-shadow:0 0 7px #00f0ff,0 0 15px #00f0ff,0 0 30px rgba(0,240,255,.5);transform:scale(1) translateY(0);filter:brightness(1)}}.cursor[data-v-38b9cc42]{color:#ff0080;margin-left:4px;font-weight:700;font-size:44px;animation:cursorBlink-38b9cc42 .5s step-end infinite;text-shadow:0 0 10px #ff0080,0 0 20px #ff0080,0 0 40px rgba(255,0,128,.4);vertical-align:baseline}.cursor.done[data-v-38b9cc42]{color:#00f0ff66;text-shadow:0 0 6px rgba(0,240,255,.2);animation:cursorBlink-38b9cc42 1s step-end infinite}@keyframes cursorBlink-38b9cc42{0%,to{opacity:1}50%{opacity:0}}.text-scanline[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,transparent 48%,rgba(0,240,255,.06) 50%,transparent 52%,transparent 100%);animation:textScan-38b9cc42 4s linear infinite;pointer-events:none;z-index:3}@keyframes textScan-38b9cc42{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.energy-ring[data-v-38b9cc42]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:1px solid rgba(0,240,255,.08);border-radius:8px;pointer-events:none;z-index:1}.energy-ring.active[data-v-38b9cc42]{animation:ringPulse-38b9cc42 2s ease-in-out infinite}@keyframes ringPulse-38b9cc42{0%{box-shadow:inset 0 0 30px #00f0ff08,0 0 15px #00f0ff0d;border-color:#00f0ff14}50%{box-shadow:inset 0 0 60px #00f0ff0f,0 0 30px #00f0ff1a;border-color:#00f0ff26}to{box-shadow:inset 0 0 30px #00f0ff08,0 0 15px #00f0ff0d;border-color:#00f0ff14}}.lyric-waiting[data-v-38b9cc42]{display:flex;gap:12px;align-items:center}.wait-dot[data-v-38b9cc42]{width:8px;height:8px;background:#00f0ff;border-radius:50%;box-shadow:0 0 8px #00f0ff;animation:waitBounce-38b9cc42 1.4s ease-in-out infinite}.wait-dot[data-v-38b9cc42]:nth-child(2){animation-delay:.2s}.wait-dot[data-v-38b9cc42]:nth-child(3){animation-delay:.4s}@keyframes waitBounce-38b9cc42{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1.2);opacity:1}}.waveform-mini[data-v-38b9cc42]{position:relative;z-index:10;display:flex;justify-content:center;padding:0 40px}.waveform-canvas[data-v-38b9cc42]{width:400px;height:40px;opacity:.6}.controls[data-v-38b9cc42]{position:relative;z-index:10;display:flex;align-items:center;gap:20px;padding:16px 40px;border-top:1px solid rgba(0,240,255,.1);background:linear-gradient(0deg,rgba(10,10,15,.9) 0%,transparent 100%)}.ctrl-btn[data-v-38b9cc42]{background:none;border:1px solid rgba(0,240,255,.3);color:#00f0ff;font-size:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.ctrl-btn[data-v-38b9cc42]:hover{background:rgba(0,240,255,.1);border-color:#00f0ff;box-shadow:0 0 12px #00f0ff4d;text-shadow:0 0 8px #00f0ff}.progress-container[data-v-38b9cc42]{flex:1;cursor:pointer}.progress-track[data-v-38b9cc42]{position:relative;height:4px;background:rgba(0,240,255,.1);border-radius:2px;overflow:visible}.progress-fill[data-v-38b9cc42]{height:100%;background:linear-gradient(90deg,#ff0080,#00f0ff);border-radius:2px;transition:width .1s linear;box-shadow:0 0 6px #00f0ff66}.progress-glow[data-v-38b9cc42]{position:absolute;top:-4px;width:12px;height:12px;background:#00f0ff;border-radius:50%;transform:translate(-50%);box-shadow:0 0 8px #00f0ff,0 0 16px #00f0ff;opacity:.8;pointer-events:none}.progress-beats[data-v-38b9cc42]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.beat-mark[data-v-38b9cc42]{position:absolute;top:-2px;width:2px;height:8px;background:rgba(255,0,128,.3);border-radius:1px;transform:translate(-50%)}.progress-times[data-v-38b9cc42]{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#00f0ff80;letter-spacing:1px}.volume-group[data-v-38b9cc42]{display:flex;align-items:center;gap:8px}.vol-icon[data-v-38b9cc42]{color:#00f0ff80;font-size:14px}.volume-slider[data-v-38b9cc42]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:3px;background:rgba(0,240,255,.15);border-radius:2px;outline:none}.volume-slider[data-v-38b9cc42]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#00f0ff;border-radius:50%;cursor:pointer;box-shadow:0 0 6px #00f0ff}.volume-slider[data-v-38b9cc42]::-moz-range-thumb{width:12px;height:12px;background:#00f0ff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 6px #00f0ff}.bottom-hud[data-v-38b9cc42]{position:absolute;bottom:8px;left:0;right:0;z-index:10;display:flex;justify-content:center;gap:30px;font-size:10px;letter-spacing:2px;color:#00f0ff33;pointer-events:none}.kbd-hint[data-v-38b9cc42]{color:#ff008040}@media (max-width: 768px){.header[data-v-38b9cc42]{padding:14px 20px}.song-title[data-v-38b9cc42]{font-size:14px;letter-spacing:4px}.song-subtitle[data-v-38b9cc42]{font-size:9px}.lyrics-area[data-v-38b9cc42]{padding:20px 30px}.lyric-main[data-v-38b9cc42],.glitch-layer[data-v-38b9cc42]{font-size:28px;letter-spacing:2px}.cursor[data-v-38b9cc42]{font-size:26px}.lyric-ghost[data-v-38b9cc42]{font-size:18px}.controls[data-v-38b9cc42]{padding:12px 20px;gap:12px}.hud-deco[data-v-38b9cc42]{width:40px;height:40px}.bottom-hud[data-v-38b9cc42]{gap:15px;font-size:8px;flex-wrap:wrap}.hud-data-item[data-v-38b9cc42]{font-size:8px}.hud-data-item .value[data-v-38b9cc42]{font-size:9px}.side-bracket[data-v-38b9cc42]{display:none}.waveform-canvas[data-v-38b9cc42]{width:250px}}