@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Noto+Sans+KR:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Outfit:wght@400;600;700;800;900&family=Noto+Sans+KR:wght@400;700;900&display=swap";:root{--font-display:"Outfit", "Noto Sans KR", system-ui, sans-serif;--font-body:"Outfit", "Noto Sans KR", system-ui, sans-serif;--primary:#00f5ff;--secondary:#ff2d9b;--tertiary:#b94bff;--yellow:#ffe044;--green:#00ffa3;--on-surface:#f0f4ff;--bg-color:#080c14;--surface:#0a0e18;--surface-container-low:#0e1420;--surface-container:#121a26;--surface-container-high:#18202e;--surface-container-highest:#1e2836;--glass-bg:#0c1220a6;--glass-border:#ffffff1a;--primary-container:#003d42;--on-primary:#00141a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);min-width:320px;min-height:100vh;color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;place-items:center;margin:0;line-height:1.5;display:flex}#root{text-align:center;width:100%;height:100vh;margin:0 auto;position:relative;overflow:hidden}h1,h2,h3{font-family:var(--font-display)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:24px}.primary-btn{background:linear-gradient(135deg, var(--primary), var(--tertiary));color:#06081a;font-size:1.05rem;font-family:var(--font-display);cursor:pointer;letter-spacing:.3px;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:14px 32px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #00f5ff59}.primary-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 28px #00f5ff80}.primary-btn:active{transform:scale(.97)}.progress-bar-container{background:var(--surface-container-highest);border-radius:9999px;width:100%;height:10px;margin:14px 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--tertiary));border-radius:9999px;height:100%;transition:width .35s;box-shadow:0 0 10px #00f5ff66}:root{--font-display:"Outfit", "Noto Sans KR", sans-serif;--font-body:"Outfit", "Noto Sans KR", sans-serif;--cyan:#00f5ff;--pink:#ff2d9b;--purple:#b94bff;--yellow:#ffe044;--green:#00ffa3;--white:#f0f4ff;--glass-bg:#0c1220b8;--glass-bdr:#ffffff1f;--glass-blur:blur(22px);--glow-cyan:0 0 25px #00f5ff8c;--glow-pink:0 0 25px #ff2d9b8c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--white);-webkit-user-select:none;user-select:none;background:#05070e;overflow:hidden}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.cyber-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#00f5ff0d 1px,#0000 1px),linear-gradient(90deg,#00f5ff0d 1px,#0000 1px);background-size:50px 50px;animation:12s linear infinite gridScroll;position:absolute;inset:0}.cyber-grid.hyper-grid{background-image:linear-gradient(#ff2d9b1a 1px,#0000 1px),linear-gradient(90deg,#ff2d9b1a 1px,#0000 1px);animation:4s linear infinite gridScroll}@keyframes gridScroll{0%{background-position:0 0}to{background-position:50px 50px}}.camera-wrapper{z-index:1;border:4px solid var(--cyan);background:#000;border-radius:40px;width:min(85vw,680px);height:min(85vh,480px);transition:all .5s cubic-bezier(.25,.8,.25,1);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 35px #00f5ff66,inset 0 0 40px #00f5ff33}.camera-preview{object-fit:cover;filter:brightness(.8)contrast(1.15)saturate(1.3);width:100%;height:100%;transform:scaleX(-1)}.camera-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.camera-glitch-active{filter:hue-rotate(90deg)contrast(1.5);animation:.22s steps(2,end) infinite alternate cockpitGlitch;border-color:var(--pink)!important;box-shadow:0 0 45px #ff2d9bcc,inset 0 0 50px #ff2d9b66!important}@keyframes cockpitGlitch{0%{filter:invert(.1);transform:translate(-50%,-50%)skew(4deg)}50%{transform:translate(-52%,-48%)skew(-4deg)}to{transform:translate(-49%,-51%)skew(2deg)}}.stitch-hud-wrapper{z-index:10;pointer-events:none;position:absolute;inset:0}.hud-header{background:linear-gradient(#05070ee6 0%,#0000 100%);justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 32px;display:flex;position:absolute;top:0;left:0}.hud-brand{align-items:center;gap:10px;display:flex}.hud-brand-icon{color:var(--cyan);text-shadow:var(--glow-cyan);font-size:1.5rem;animation:1.5s ease-in-out infinite pulse-glow}.hud-brand-title{letter-spacing:2px;color:var(--cyan);text-shadow:var(--glow-cyan);font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:900}.hud-status-group{align-items:center;gap:20px;display:flex}.hud-status-item{flex-direction:column;align-items:flex-end;display:flex}.hsi-label{letter-spacing:1px;color:#f0f4ff73;font-size:.55rem;font-weight:800}.hsi-value{color:var(--cyan);font-size:.8rem;font-weight:700}.hsi-value.sync{color:var(--green);text-shadow:0 0 10px #00ffa380}.hud-status-divider{background:#ffffff26;width:1.5px;height:25px}.hud-score-container{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:75px;left:50%;transform:translate(-50%)}.hud-score-card{background:var(--glass-bg);border:1px solid var(--glass-bdr);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-left:4px solid var(--cyan);border-radius:16px;padding:8px 30px;box-shadow:0 8px 24px #00000080}.hud-score-value{letter-spacing:3px;color:var(--cyan);text-shadow:var(--glow-cyan);font-size:2.2rem;font-weight:900}.hud-score-progress-bar{background:#ffffff1a;border-radius:2px;width:160px;height:4px;overflow:hidden}.hud-score-progress-fill{background:linear-gradient(90deg, var(--cyan), var(--pink));height:100%;box-shadow:0 0 10px var(--cyan);transition:width .3s}.hud-combo-counter{text-align:center;position:absolute;top:175px;left:50%;transform:translate(-50%)}.hud-combo-num{color:#fff;text-shadow:0 0 20px #ffffff80, 3px 3px 0 var(--pink), -3px -3px 0 var(--cyan);font-size:5rem;font-style:italic;font-weight:900;line-height:1;display:block}.hud-combo-label{letter-spacing:6px;color:var(--pink);text-shadow:var(--glow-pink);font-size:.9rem;font-weight:800}.hud-lanes-container{justify-content:center;gap:75px;width:100%;max-width:600px;display:flex;position:absolute;bottom:95px;left:50%;transform:translate(-50%)}.hud-lane-track{flex-direction:column;align-items:center;width:90px;height:180px;display:flex;position:relative}.hud-lane-glow{opacity:.3;background:linear-gradient(#0000 0%,#00f5ff1a 100%);position:absolute;inset:0}.hud-lane-beam{background:#ffffff26;width:2px;height:100%;position:absolute;top:0}.hud-receptor-outer{border:4px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:absolute;bottom:0}.hud-receptor-inner{border:2px solid var(--white);background:#0a0f1ccc;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;box-shadow:0 0 15px #ffffff1a}.hud-receptor-inner.kiss{border-color:var(--pink);box-shadow:0 0 15px var(--pink)}.hud-receptor-inner.smile{border-color:var(--yellow);box-shadow:0 0 15px var(--yellow)}.hud-receptor-inner.open{border-color:var(--cyan);box-shadow:0 0 15px var(--cyan)}.hud-receptor-symbol{font-size:1.8rem}.hud-lane-label{letter-spacing:1px;font-size:.75rem;font-style:italic;font-weight:900;position:absolute;bottom:-24px}.hud-lane-label.kiss{color:var(--pink)}.hud-lane-label.smile{color:var(--yellow)}.hud-lane-label.open{color:var(--cyan)}.hud-sidebar{flex-direction:column;gap:16px;display:flex;position:absolute;bottom:80px}.hud-sidebar.left-aside{left:40px}.hud-sidebar.right-aside{text-align:right;align-items:flex-end;right:40px}.hud-widget{background:var(--glass-bg);border:1px solid var(--glass-bdr);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:18px;min-width:140px;padding:12px 20px;box-shadow:0 8px 24px #0006}.hud-widget-title{letter-spacing:1px;color:#f0f4ff66;margin-bottom:4px;font-size:.55rem;font-weight:800;display:block}.hwb-value{font-size:1.8rem;font-weight:900}.hwb-unit{color:var(--cyan);margin-left:4px;font-size:.8rem;font-weight:800}.hwb-unit.heart{color:var(--pink);font-size:1.1rem}.hud-system-terminal{color:#f0f4ff59;margin-top:10px;font-family:monospace;font-size:.65rem;line-height:1.4}.fixed-corner{opacity:.4;font-family:monospace;font-size:8px;position:fixed;top:15px}.fixed-corner.top-left{left:15px}.fixed-corner.top-right{text-align:right;right:15px}.realtime-lyric-bar{border:1.5px solid var(--glass-bdr);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:12;background:#080c18d9;border-radius:24px;align-items:center;gap:20px;padding:12px 30px;animation:.4s cubic-bezier(.175,.885,.32,1.275) both slide-up-lyric;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009,inset 0 0 15px #00f5ff26}@keyframes slide-up-lyric{0%{opacity:0;transform:translate(-50%,25px)}to{opacity:1;transform:translate(-50%)}}.rlb-title{color:var(--cyan);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:900}.rlb-word{color:#fff;border-right:2px solid #ffffff26;padding-right:20px;font-size:1.25rem;font-weight:900}.rlb-notes{gap:10px;display:flex}.rlb-note-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;transition:all .25s;display:flex}.rlb-note-chip.passed{opacity:.3;transform:scale(.9)}.rlb-note-chip.active-now{background:var(--clr);color:#000;box-shadow:0 0 15px var(--clr);font-weight:800;animation:.6s infinite alternate bounce-chip;transform:scale(1.12)}@keyframes bounce-chip{0%{transform:scale(1.12)}to{transform:scale(1.2)}}.rnc-emoji{font-size:1.1rem}.rnc-syl{font-size:.9rem;font-weight:800}.target-hud{background:var(--glass-bg);border:1px solid var(--glass-bdr);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:10;border-left:4px solid var(--cyan);border-radius:24px;min-width:180px;padding:16px 22px;position:absolute;top:155px;left:24px;box-shadow:0 10px 30px #00000080}.target-hud-label{color:var(--cyan);letter-spacing:1px;font-size:.7rem;font-weight:900}.target-hud-count{margin:4px 0;font-size:2.2rem;font-weight:900;line-height:1.1}.thc-current{color:#fff}.thc-sep{color:#ffffff40;margin:0 4px}.thc-target{color:var(--cyan)}.target-hud-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-bottom:12px;overflow:hidden}.thb-fill{background:linear-gradient(90deg, var(--cyan), var(--purple));height:100%;box-shadow:0 0 8px var(--cyan);transition:width .4s}.target-hud-hp{gap:8px;font-size:1.6rem;line-height:1;display:flex}.hp-heart{transition:all .3s}.hp-heart.hp-alive{color:var(--pink);text-shadow:var(--glow-pink);transform:scale(1.1)}.hp-heart.hp-dead{color:#ffffff26;transform:scale(.9)}.target-hud-coins-display{color:var(--yellow);align-items:center;gap:4px;margin-top:8px;font-size:.75rem;font-weight:800;display:flex}.loading-overlay{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--cyan);z-index:5;border:1px solid var(--glass-bdr);box-shadow:var(--glow-cyan);letter-spacing:1px;border-radius:20px;padding:20px 40px;font-size:1.1rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calibrate-screen{z-index:205;background:radial-gradient(circle,#070914 0%,#030408 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:40px;display:flex;position:fixed;inset:0}.calib-cockpit-preview{border:2px dashed var(--cyan);background:#00f5ff08;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:440px;height:280px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00f5ff1a}.calib-scan-bar{background:var(--cyan);width:100%;height:4px;box-shadow:0 0 15px var(--cyan);animation:2.4s linear infinite scanLoop;position:absolute;top:0;left:0}@keyframes scanLoop{0%{top:0}50%{top:100%}to{top:0}}.calib-status-text{color:#fff;text-align:center;z-index:2;text-shadow:0 2px 10px #000c;margin-bottom:20px;font-size:1.15rem;font-weight:800}.calib-countdown{color:var(--yellow);text-shadow:0 0 20px var(--yellow);z-index:2;font-size:3.5rem;font-weight:900}.calib-progress-bar{z-index:2;background:#ffffff1a;border-radius:3px;width:80%;height:6px;margin-top:20px;overflow:hidden}.cpb-fill{background:var(--cyan);height:100%;box-shadow:0 0 10px var(--cyan);transition:width .3s}.intro-screen{z-index:200;background:radial-gradient(circle,#0e1224 0%,#05070e 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100vw;height:100vh;padding:30px;display:flex;position:fixed;top:0;left:0}.intro-screen:before{content:"";pointer-events:none;background-image:linear-gradient(#00f5ff08 1px,#0000 1px),linear-gradient(90deg,#00f5ff08 1px,#0000 1px);background-size:40px 40px;animation:15s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{background-position:0 0}to{background-position:40px 40px}}.intro-hero{text-align:center;z-index:1}.intro-logo{filter:drop-shadow(0 0 25px var(--cyan));font-size:5.5rem;animation:4s ease-in-out infinite logo-float;display:block}@keyframes logo-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-16px)rotate(3deg)}}.intro-title{letter-spacing:-2px;background:linear-gradient(135deg, var(--cyan) 0%, var(--purple) 50%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:12px 0;font-size:clamp(3rem,8vw,4.5rem);font-weight:900}.intro-subtitle{letter-spacing:3px;color:#f0f4ff73;font-size:1rem;font-weight:800}.intro-lanes{z-index:1;gap:20px;display:flex}.intro-lane-card{background:var(--glass-bg);border:1.5px solid var(--glass-bdr);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:4px solid var(--clr);border-radius:20px;flex-direction:column;align-items:center;width:110px;padding:16px 24px;transition:transform .3s;display:flex;box-shadow:0 10px 30px #00000080}.intro-lane-card:hover{transform:translateY(-8px)}.ilc-emoji{margin-bottom:4px;font-size:2.2rem}.ilc-sound{color:var(--white);font-size:1.1rem;font-weight:800}.ilc-label{letter-spacing:1px;color:var(--clr);margin-top:4px;font-size:.6rem;font-weight:800}.intro-difficulty-selector{z-index:2;background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;align-items:center;gap:14px;padding:6px 20px;display:flex}.ids-title{color:#ffffff80;font-size:.8rem;font-weight:800}.difficulty-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1.5px solid #0000;border-radius:10px;padding:6px 14px;font-size:.8rem;font-weight:800;transition:all .25s}.difficulty-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00f5ff1f;transform:scale(1.05);box-shadow:0 0 12px #00f5ff59}.intro-wealth-bar{border:1px dashed var(--yellow);color:var(--yellow);z-index:1;background:#ffe0440f;border-radius:16px;align-items:center;gap:20px;padding:10px 24px;font-size:.95rem;display:flex}.neon-shop-btn{background:linear-gradient(135deg, var(--yellow), #f90);color:#000;cursor:pointer;border:none;border-radius:10px;padding:6px 14px;font-weight:800;transition:transform .2s;box-shadow:0 4px 12px #ffe04466}.neon-shop-btn:hover{transform:scale(1.05)}.intro-actions{z-index:1;gap:16px;display:flex}.intro-start-btn{animation:3s infinite alternate border-glow-pulse;background:linear-gradient(135deg, var(--cyan), var(--purple), var(--pink))!important;background-size:200% 100%!important;padding:16px 44px!important;font-size:1.25rem!important}@keyframes border-glow-pulse{0%{box-shadow:0 4px 20px #00f5ff66}50%{box-shadow:0 4px 40px #b94bffb3}to{box-shadow:0 4px 20px #ff2d9b66}}.intro-hint{color:#f0f4ff59;z-index:1;font-size:.85rem}.tutorial-screen{z-index:200;background:radial-gradient(circle,#0e1224 0%,#05070e 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;padding:30px;display:flex;position:fixed;top:0;left:0}.tut-header{text-align:center}.tut-title{color:var(--cyan);text-shadow:var(--glow-cyan);font-size:2.2rem;font-weight:900}.tut-sub{color:#f0f4ff99;margin-top:4px;font-size:.95rem}.tut-lanes{gap:20px;display:flex}.tut-lane-card{background:var(--glass-bg);border:1px solid var(--glass-bdr);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;border-bottom:4px solid var(--clr);border-radius:24px;width:210px;padding:24px 20px;box-shadow:0 10px 30px #00000080}.tlc-face{margin-bottom:6px;font-size:3.5rem}.tlc-sound{font-size:1.4rem;font-weight:900}.tlc-name{letter-spacing:2px;color:#fff6;margin-bottom:12px;font-size:.75rem;font-weight:800}.tlc-desc{color:#f0f4ffb3;min-height:55px;font-size:.8rem;line-height:1.6}.tlc-arrow{color:var(--clr);margin-top:10px;font-size:1.4rem;animation:.6s ease-in-out infinite alternate float-arrow}@keyframes float-arrow{0%{transform:translateY(0)}to{transform:translateY(6px)}}.tut-combo-demo{background:var(--glass-bg);border:1.5px solid var(--glass-bdr);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:14px 30px;display:flex}.tcd-label{color:var(--cyan);letter-spacing:1px;font-size:.7rem;font-weight:800}.tut-demo-flow{align-items:center;gap:10px;display:flex}.tdf-plus{color:#ffffff4d;font-weight:900}.tcd-note{border:1.5px solid var(--clr);background:#ffffff0f;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;display:flex}.tcd-arrow{color:var(--cyan);font-weight:900}.tcd-word{color:var(--yellow);font-size:1.1rem;font-weight:900}.tut-fever-info{color:var(--yellow);background:#ffe0440f;border-radius:10px;padding:6px 20px;font-size:.85rem}.result-screen{z-index:190;background:radial-gradient(circle,#0e1224 0%,#05070e 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex;position:fixed;inset:0}.result-burst{font-size:5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) both scale-up}.result-grade{text-shadow:0 0 40px;font-size:6rem;font-weight:900;line-height:1;animation:.6s cubic-bezier(.175,.885,.32,1.275) .1s both scale-up}@keyframes scale-up{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.result-title{letter-spacing:2px;font-size:2.5rem;font-weight:900}.result-sub{color:#f0f4ff99;text-align:center;max-width:500px;font-size:1rem}.result-grid-layout{align-items:center;gap:40px;display:flex}.result-stats{background:var(--glass-bg);border:1px solid var(--glass-bdr);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:24px;flex-direction:column;gap:12px;min-width:280px;padding:24px;display:flex}.rs-row{border-bottom:1px dashed #ffffff14;justify-content:space-between;padding-bottom:8px;font-size:.95rem;display:flex}.rs-row span:first-child{color:#f0f4ff73}.rs-row span:last-child{font-weight:900}.leaderboard-register-card{background:var(--glass-bg);border:1.5px solid var(--pink);border-radius:20px;flex-direction:column;gap:12px;width:240px;padding:20px;display:flex;box-shadow:0 0 15px #ff2d9b4d}.lrc-title{color:var(--pink);text-align:center;font-size:.85rem;font-weight:800}.lrc-input-group{flex-direction:column;gap:10px;display:flex}.leaderboard-name-input{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;padding:8px 12px;font-size:.95rem;font-weight:800}.leaderboard-name-input:focus{border-color:var(--pink);outline:none}.result-selfie-card{text-align:center}.rsc-title{color:var(--cyan);margin-bottom:8px;font-size:.85rem;font-weight:800}.photocard-preview-frame{background:#000;border:3.5px solid #fff;border-radius:20px;width:170px;height:230px;position:relative;overflow:hidden;box-shadow:0 12px 35px #0009}.pc-selfie-img{object-fit:cover;width:100%;height:100%}.pc-badge{background:#000c;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:900;display:flex;position:absolute;top:10px;right:10px}.pc-card-footer{letter-spacing:2px;width:100%;color:var(--cyan);background:linear-gradient(#0000 0%,#000000f2 100%);padding:8px 0;font-size:.6rem;font-weight:900;position:absolute;bottom:0;left:0}.rsc-info{color:#f0f4ff59;margin-top:6px;font-size:.7rem}.result-actions{align-items:center;gap:12px;display:flex}.gacha-enter-btn{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;cursor:pointer;font-weight:800;font-family:var(--font-display);border:none;border-radius:9999px;padding:14px 24px;transition:transform .2s;box-shadow:0 4px 15px #b94bff66}.gacha-enter-btn:hover{transform:translateY(-2px)}.collection-screen{z-index:210;background:radial-gradient(circle,#0b0d1a 0%,#030408 100%);flex-direction:column;gap:25px;padding:40px;display:flex;position:fixed;inset:0;overflow-y:auto}.col-header{text-align:center}.col-title{background:linear-gradient(135deg, var(--cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:900}.col-sub{color:#f0f4ff80;margin-top:4px;font-size:.95rem}.col-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;margin:auto;display:flex}.ce-emoji{font-size:4rem}.col-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;width:100%;max-width:1100px;margin:0 auto;display:grid}.col-card{border:1.5px solid var(--glass-bdr);cursor:pointer;perspective:1000px;background:#0e1424bf;border-radius:24px;padding:12px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 10px 25px #00000080}.col-card:after{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff38 0%, #00f5ff1f 30%, #ff2d9b1f 60%, transparent 100%);mix-blend-mode:color-dodge;opacity:0;pointer-events:none;border-radius:24px;transition:opacity .3s;position:absolute;inset:0}.col-card:hover{border-color:var(--cyan);transform:translateY(-10px)rotateY(4deg)rotateX(4deg);box-shadow:0 15px 35px #00f5ff40,0 0 15px #b94bff33}.col-card:hover:after{opacity:1}.col-card.grade-s{border-color:var(--yellow)}.col-card.grade-a{border-color:var(--cyan)}.col-card.grade-b{border-color:var(--purple)}.card-delete-btn{color:#fff;cursor:pointer;z-index:10;background:#f00c;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-weight:700;transition:transform .2s;display:flex;position:absolute;top:16px;right:16px}.card-delete-btn:hover{transform:scale(1.15)}.col-card-media{aspect-ratio:.9;border-radius:16px;width:100%;position:relative;overflow:hidden}.col-card-img{object-fit:cover;width:100%;height:100%}.col-card-grade-badge{width:28px;height:28px;color:var(--yellow);background:#000000d9;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;display:flex;position:absolute;top:10px;left:10px}.col-card-info{padding:10px 4px 4px}.cci-pose{color:#fff;font-size:.95rem;font-weight:900}.cci-score{color:var(--cyan);margin-top:2px;font-size:.75rem;font-weight:800}.cci-date{color:#f0f4ff4d;margin-top:4px;font-size:.7rem}.col-actions{text-align:center;margin-top:20px}.leaderboard-screen{z-index:208;background:radial-gradient(circle,#090b15 0%,#030407 100%);flex-direction:column;gap:25px;padding:40px;display:flex;position:fixed;inset:0;overflow-y:auto}.leaderboard-chart-box{background:var(--glass-bg);border:1.5px solid var(--glass-bdr);width:100%;max-width:780px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:28px;margin:0 auto;padding:24px 30px;box-shadow:0 15px 40px #0009}.lcb-header-row{color:var(--cyan);letter-spacing:1px;border-bottom:2px solid #ffffff26;grid-template-columns:.6fr 1.8fr 1fr 1.2fr 1fr .8fr;padding:12px 16px;font-size:.85rem;font-weight:900;display:grid}.lcb-row{border-bottom:1px solid #ffffff0d;grid-template-columns:.6fr 1.8fr 1fr 1.2fr 1fr .8fr;align-items:center;padding:14px 16px;font-size:.95rem;transition:background .2s;display:grid}.lcb-row:hover{background:#ffffff05}.rank-num{font-size:1.1rem;font-style:italic;font-weight:900}.lcb-row.rank-1{color:var(--yellow);text-shadow:0 0 10px var(--yellow);font-weight:900}.lcb-row.rank-2{color:#fff;text-shadow:0 0 10px #fff}.lcb-row.rank-3{color:var(--pink);text-shadow:0 0 10px var(--pink)}.rank-name{font-weight:800}.rank-diff{font-size:.75rem;font-weight:800}.rank-score{font-family:monospace;font-size:1.1rem;font-weight:700}.rank-grade{text-align:center;font-weight:900}.hyper-speed-lines{pointer-events:none;opacity:0;z-index:8;background:radial-gradient(circle,#0000 40%,#ff2d9b26 80%,#00f5ff4d 100%);transition:opacity .5s;position:fixed;inset:0;box-shadow:inset 0 0 100px #00f5ff66}.hyper-speed-lines.active{opacity:1;animation:.15s infinite alternate speed-vibration}@keyframes speed-vibration{0%{transform:scale(1)}to{transform:scale(1.03)}}.camera-hyper-shake{animation:80ms infinite alternate shaking-camera}@keyframes shaking-camera{0%{transform:scaleX(-1)translate(-2px,-2px)}to{transform:scaleX(-1)translate(2px,2px)}}@keyframes flyToTarget{0%{opacity:1;transform:translate(-50%,-50%)scale(1.6)}to{opacity:0;transform:translate(-50%,-150px)scale(.6)}}.cci-deco-hint{color:var(--yellow);text-shadow:0 0 8px #ffe04473;letter-spacing:.5px;margin-top:6px;font-size:.65rem;font-weight:900;animation:1.5s ease-in-out infinite alternate pulse-glow}.deco-modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:500;background:#04070fe0;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeInDeco;display:flex;position:fixed;inset:0}@keyframes fadeInDeco{0%{opacity:0}to{opacity:1}}.deco-modal-window{background:var(--glass-bg);border:2px solid var(--glass-bdr);border-top:4px solid var(--cyan);border-radius:36px;flex-direction:column;gap:22px;width:100%;max-width:820px;padding:30px;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleUpDeco;display:flex;box-shadow:0 20px 50px #000c,0 0 30px #00f5ff26}@keyframes scaleUpDeco{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.dmw-header{text-align:center}.dmw-title{letter-spacing:1px;font-size:2.2rem;font-weight:900}.dmw-sub{color:#f0f4ff99;margin-top:6px;font-size:.9rem}.dmw-workspace{justify-content:center;align-items:center;gap:30px;display:flex}.dmw-card-frame{aspect-ratio:.9;border:3px solid var(--cyan);-webkit-user-select:none;user-select:none;background:#000;border-radius:28px;width:250px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0009,0 0 20px #00f5ff40}.dmw-card-img{object-fit:cover;pointer-events:none;width:100%;height:100%}.dmw-card-grade-badge{border:1px solid var(--yellow);width:32px;height:32px;color:var(--yellow);z-index:5;background:#000000d9;border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;font-weight:900;display:flex;position:absolute;top:12px;left:12px}.dmw-active-sticker{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:52px;height:52px;animation:.2s cubic-bezier(.175,.885,.32,1.275) both pop-sticker;display:flex;position:absolute}@keyframes pop-sticker{0%{transform:translate(-50%,-50%)scale(.6)}to{transform:translate(-50%,-50%)scale(1)}}.dmwas-char{filter:drop-shadow(0 4px 8px #00000080);font-size:2.3rem;line-height:1;transition:transform .2s}.dmw-active-sticker:hover .dmwas-char{transform:scale(1.15)rotate(5deg)}.dmwas-delete{color:#fff;cursor:pointer;z-index:10;background:#ff2d9bf2;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;transition:transform .2s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0006}.dmwas-delete:hover{transform:scale(1.2)}.dmw-shop-board{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;flex:1;gap:14px;max-width:380px;padding:20px;display:flex}.dmwsb-title{color:var(--yellow);text-shadow:0 0 10px #ffe04459;border-bottom:1.5px solid #ffffff1a;padding-bottom:8px;font-size:.95rem;font-weight:900}.dmwsb-list{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.dmwsb-item-btn{aspect-ratio:1/1.1;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .25s;display:flex}.dmwsb-item-btn:hover{border-color:var(--cyan);background:#00f5ff14;transform:translateY(-4px)scale(1.05);box-shadow:0 0 10px #00f5ff40}.dmwsbi-emoji{font-size:1.8rem}.dmwsbi-buy{color:var(--cyan);letter-spacing:.5px;font-size:.55rem;font-weight:900}.dmwsb-hint{color:#f0f4ff66;font-size:.75rem;line-height:1.4}.dmw-actions{justify-content:center;gap:16px;margin-top:10px;display:flex}.dmwsb-sublist{flex-wrap:wrap;display:flex;gap:6px!important}.dmwsb-pill-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:20px;padding:6px 12px;font-size:.72rem;font-weight:800;transition:all .25s}.dmwsb-pill-btn:hover{border-color:var(--purple);background:#b94bff26}.dmwsb-pill-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00f5ff2e;transform:scale(1.03);box-shadow:0 0 10px #00f5ff4d}.y2k-frame-overlay-heart{border:3px double var(--pink);box-shadow:inset 0 0 12px #ff2d9b59, 0 0 10px var(--pink);color:var(--pink);text-shadow:0 0 6px var(--pink);pointer-events:none;z-index:8;border-radius:18px;justify-content:center;align-items:flex-end;padding-bottom:8px;font-size:.65rem;font-weight:900;display:flex;position:absolute;inset:12px}.y2k-frame-overlay-matrix{border:2px solid var(--green);box-shadow:inset 0 0 12px #00ffa359, 0 0 10px var(--green);color:var(--green);text-shadow:0 0 6px var(--green);pointer-events:none;z-index:8;border-radius:18px;justify-content:center;align-items:flex-end;padding-bottom:8px;font-family:monospace;font-size:.65rem;font-weight:900;display:flex;position:absolute;inset:12px}.y2k-frame-overlay-polaroid{color:#05070e;pointer-events:none;z-index:8;border:12px solid #fff;border-bottom-width:36px;justify-content:center;align-items:flex-end;padding-bottom:6px;font-size:.68rem;font-weight:900;display:flex;position:absolute;inset:0;box-shadow:0 8px 20px #00000080}.col-card.frame-heart{border-color:var(--pink)!important;box-shadow:0 12px 30px #ff2d9b59!important}.col-card.frame-matrix{border-color:var(--green)!important;box-shadow:0 12px 30px #00ffa359!important}.col-card.frame-polaroid{border-color:#fff!important;box-shadow:0 12px 30px #ffffff59!important}.smile-sync-widget{flex-direction:column;gap:8px;width:100%;display:flex}.smile-sync-meta{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.smile-sync-meta .sync-pct{color:var(--cyan);text-shadow:0 0 10px #00f5ff66;font-size:1.6rem;font-weight:900}.smile-sync-meta .sync-status{color:var(--cyan);background:#00f5ff1a;border:1px solid #00f5ff40;border-radius:4px;padding:2px 8px;font-size:.6rem;font-weight:800}.smile-sync-meta .sync-status.blink{animation:1s infinite alternate blink-neon}.smile-sync-meter-bg{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-top:6px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.smile-sync-meter-fill{border-radius:4px;height:100%;transition:width 80ms ease-out;box-shadow:0 0 8px #00f5ff99}@keyframes blink-neon{0%{opacity:.45}to{opacity:1}}.signature-voice-cabin{background:var(--glass-bg);border:1px solid var(--glass-bdr);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;border-radius:20px;max-width:480px;margin:20px auto 0;padding:16px 24px;box-shadow:0 10px 30px #0006}.svc-title{color:var(--cyan);text-shadow:0 0 8px #00f5ff59;letter-spacing:1px;margin:0 0 6px;font-size:.95rem;font-weight:800}.svc-desc{color:#f0f4ffa6;margin:0 0 12px;font-size:.7rem}.svc-controls{justify-content:center;gap:12px;margin-bottom:8px;display:flex}.svc-rec-btn{border:1.5px solid var(--cyan);color:var(--cyan);cursor:pointer;background:#00f5ff26;border-radius:24px;padding:8px 16px;font-size:.75rem;font-weight:800;transition:all .25s;box-shadow:0 0 10px #00f5ff33}.svc-rec-btn:hover{background:var(--cyan);color:#000;box-shadow:0 0 15px var(--cyan)}.svc-rec-btn.recording{box-shadow:0 0 15px var(--pink);animation:1s infinite alternate pulse-recording;border-color:var(--pink)!important;color:var(--pink)!important;background:#ff2d9b40!important}.svc-play-btn{border:1.5px solid var(--yellow);color:var(--yellow);cursor:pointer;background:#ffe04426;border-radius:24px;padding:8px 16px;font-size:.75rem;font-weight:800;transition:all .25s;box-shadow:0 0 10px #ffe04433}.svc-play-btn:hover{background:var(--yellow);color:#000;box-shadow:0 0 15px var(--yellow)}.svc-status-pill{color:var(--green);background:#00ffa31f;border:1px solid #00ffa34d;border-radius:20px;margin-top:4px;padding:2px 10px;font-size:.62rem;font-weight:800;display:inline-block}@keyframes pulse-recording{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.ghost-capsule-selectors-card{background:var(--glass-bg);border:1.5px solid var(--glass-bdr);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;z-index:250;border-radius:24px;width:90%;max-width:600px;padding:12px 24px;animation:.4s ease-out fadeIn;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080,0 0 10px #00f5ff26}.gcsc-title{color:#f0f4ff73;letter-spacing:2px;margin-bottom:8px;font-size:.65rem;font-weight:900}.gcsc-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gcsc-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;font-size:.72rem;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1)}.gcsc-btn:hover{background:#ffffff14;transform:translateY(-1px)}.gcsc-btn.active.NONE{background:#ffffff26;border-color:#fff;box-shadow:0 0 10px #ffffff59}.gcsc-btn.active.MY{border-color:var(--cyan);color:var(--cyan);background:#00f5ff2e;box-shadow:0 0 12px #00f5ff73}.gcsc-btn.active.WINTER{border-color:var(--purple);color:var(--purple);background:#b94bff2e;box-shadow:0 0 12px #b94bff73}.gcsc-btn.active.KARINA{border-color:var(--yellow);color:var(--yellow);background:#ffe0442e;box-shadow:0 0 12px #ffe04473}.gcsc-btn.active.SMILE{border-color:var(--pink);color:var(--pink);background:#ff2d9b2e;box-shadow:0 0 12px #ff2d9b73}.leaderboard-chart-box{perspective:1000px;flex-direction:column;gap:10px;width:100%;max-width:800px;margin:0 auto;display:flex}.card-3d-gla{background:var(--glass-bg);border:1px solid var(--glass-bdr);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;border-radius:16px;transform:translateZ(0);box-shadow:0 8px 24px #0000004d;padding:14px 20px!important}.card-3d-gla:hover{border-color:#00f5ff59;box-shadow:0 12px 32px #00f5ff40}.lcb-row.rank-1.card-3d-gla{border-color:#ffe04459!important;box-shadow:0 12px 32px #ffe04433!important}.lcb-row.rank-2.card-3d-gla{border-color:#ff2d9b4d!important;box-shadow:0 10px 28px #ff2d9b26!important}.lcb-row.rank-3.card-3d-gla{border-color:#00f5ff4d!important;box-shadow:0 10px 28px #00f5ff26!important}.casual-tutorial-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;text-align:left;background:#0a0f1eb3;border:1.5px solid #ffffff14;border-radius:20px;width:90%;max-width:980px;margin:25px auto 10px;padding:24px;box-shadow:0 15px 40px #0009,inset 0 0 20px #00f5ff08}.ctc-title{color:var(--yellow);text-shadow:0 0 10px #ffe04459;border-left:4px solid var(--yellow);letter-spacing:1px;margin-top:0;margin-bottom:18px;padding-left:10px;font-size:1.15rem;font-weight:800}.ctc-grid{grid-template-columns:1fr 1.1fr 1fr;gap:20px;display:grid}@media (width<=900px){.ctc-grid{grid-template-columns:1fr}}.ctc-section{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;padding:16px}.ctc-section h4{color:var(--cyan);letter-spacing:.5px;border-bottom:1px solid #00f5ff26;margin-top:0;margin-bottom:12px;padding-bottom:6px;font-size:.9rem;font-weight:800}.ctc-section ul{color:#f0f4ffbf;margin:0;padding-left:18px;font-size:.8rem;line-height:1.6}.ctc-section ul li{margin-bottom:8px}.ctc-section ul li strong{color:#fff}.ctc-expression-list{flex-direction:column;gap:10px;display:flex}.ctc-expr-item{color:#f0f4ffbf;background:#ffffff04;border:1px solid #ffffff05;border-radius:10px;align-items:center;padding:6px 10px;font-size:.8rem;line-height:1.5;display:flex}.emoji-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:10px;font-size:1.1rem;display:inline-flex;box-shadow:0 2px 8px #0000004d}.ctc-expr-item strong{margin-right:6px}