body{margin:0;background-color:#090714;color:#f1f1f6;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.top-rainbow-bar{height:4px;background:linear-gradient(90deg,#ff79c6,#bd93f9,#8be9fd,#50fa7b,#ffb86c,#ff79c6);background-size:400% 400%;animation:rainbow-flow 8s linear infinite}@keyframes rainbow-flow{0%{background-position:0% 50%}to{background-position:400% 50%}}.gacha-app{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at 50% 0%,#1a123a,#090714 90%)}.gacha-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0f0b22f2;border-bottom:2px solid #2d1f5e}.brand{display:flex;align-items:center;gap:12px}.brand-logo{font-size:28px;animation:float 3s ease-in-out infinite}.brand h1{font-size:20px;margin:0;background:linear-gradient(to right,#ff79c6,#8be9fd,#bd93f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;display:flex;align-items:center;gap:6px}.version-tag{font-size:10px;background:linear-gradient(135deg,#ffb86c,#ff79c6);color:#090714;padding:2px 6px;border-radius:6px;font-weight:700}.brand p{margin:2px 0 0;font-size:12px;color:#a29bfe}.header-actions{display:flex;align-items:center;gap:16px}.shortcut-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#6272a4;background:#ffffff08;padding:6px 12px;border-radius:8px}.kbd-key{background:#282a36;border:1px solid #44475a;border-radius:4px;padding:1px 5px;font-size:10px;color:#ff79c6}.coin-badge{display:flex;align-items:center;gap:6px;background:#ffb86c1f;border:1.5px solid #ffb86c;padding:6px 14px;border-radius:20px;color:#ffb86c;font-size:13px;font-weight:700}.btn-get-coin{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff79c6,#bd93f9);color:#fff;border:none;padding:7px 14px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer}.gacha-main{display:flex;flex:1;padding:20px;gap:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.machine-section{flex:1.1;display:flex;flex-direction:column;gap:16px}.machine-container{background:#150f30;border:3px solid #3d2d75;border-radius:24px;padding:20px;box-shadow:0 15px 35px #0009}.neon-border{display:flex;align-items:center;justify-content:center;gap:10px;background:#0006;padding:8px;border-radius:12px;margin-bottom:16px}.neon-text{font-size:11px;color:#8be9fd;font-weight:700;letter-spacing:1.5px}.neon-dot{width:6px;height:6px;border-radius:50%}.neon-dot.pink{background-color:#ff79c6}.neon-dot.blue{background-color:#8be9fd}.display-window{height:140px;background:#070515;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:2.5px solid #2d1f5e;position:relative;overflow:hidden}.glass-reflection{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff14,#fff0);pointer-events:none}.star-pool-preview{display:flex;gap:14px;margin-top:15px}.preview-capsule{animation:float 3s ease-in-out infinite}.capsule-ball-graphic{width:40px;height:40px;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000080}.capsule-half-top{height:50%;background:linear-gradient(135deg,#ff79c6,#f55)}.capsule-half-bottom{height:50%;background:linear-gradient(135deg,#8be9fd,#50fa7b)}.capsule-seal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#150f30;font-size:11px;font-weight:900;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.gacha-exit-gate{width:80px;height:24px;background:#1a153b;border-top-left-radius:12px;border-top-right-radius:12px;border:2px solid #3d2d75;display:flex;align-items:center;justify-content:center}.gate-label{font-size:8px;color:#6272a4}.control-panel-wrapper{display:flex;align-items:center;gap:20px;margin-top:15px}.lever-track{position:relative;width:60px;height:80px;cursor:pointer;background:#0003;border-radius:10px}.lever-base{width:28px;height:14px;background:#211c3d;border:2px solid #3d2d75;position:absolute;bottom:6px;left:14px;border-radius:4px}.lever-shaft{width:6px;height:46px;background:linear-gradient(to right,#e6e6e6,#8c8c8c);position:absolute;bottom:14px;left:25px;transform-origin:bottom center;transition:transform .15s ease-out}.lever-shaft.pulling{transform:rotateX(60deg) scaleY(.4)}.lever-ball{width:20px;height:20px;background:radial-gradient(circle at 35% 35%,#f55,#bd0000);border-radius:50%;position:absolute;top:-10px;left:-7px}.lever-tip{position:absolute;bottom:-16px;font-size:9px;color:#f55;width:100%;text-align:center}.control-panel{flex:1}.price-tag{font-size:12px;color:#ffb86c;margin-bottom:6px;display:flex;align-items:center;gap:4px}.draw-btn{width:100%;background:linear-gradient(135deg,#f55,#ff79c6);color:#fff;border:none;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer}.draw-btn.disabled{background:#282a36;color:#6272a4;cursor:not-allowed}.ai-custom-card.upgraded{background:linear-gradient(145deg,#150f30f2,#21184de6);border:2px solid #50fa7b;box-shadow:0 8px 32px #50fa7b26;border-radius:20px;padding:16px}.custom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;border-bottom:1px dashed rgba(80,250,123,.2);padding-bottom:8px}.custom-title{display:flex;align-items:center;gap:8px}.sparkle-icon.animated{color:#50fa7b;animation:spin-slow 4s linear infinite}.custom-title h3{margin:0;font-size:14px;color:#50fa7b}.pro-badge.gold{font-size:8px;background:linear-gradient(90deg,#ffb86c,#ff79c6);color:#090714;padding:1px 6px;border-radius:4px;font-weight:700}.btn-inspire{background:#ffffff14;border:1px solid rgba(80,250,123,.4);color:#50fa7b;border-radius:12px;padding:4px 10px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.btn-inspire:hover{background:#50fa7b26;transform:scale(1.05)}.custom-workshop-layout{display:flex;gap:16px}.preview-panel{display:flex;flex-direction:column;align-items:center;gap:8px;background:#00000040;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.preview-label{font-size:10px;color:#8be9fd;display:flex;align-items:center;gap:4px}.preview-card{width:90px!important;height:126px!important;pointer-events:none;box-shadow:0 4px 12px #00000080}.preview-card .star-name{font-size:10px!important}.custom-form{flex:1;display:flex;flex-direction:column;gap:10px}.input-row{display:flex;gap:8px}.fan-input-group{display:flex;align-items:center;background:#070515;border:1.5px solid #2d1f5e;border-radius:8px;padding:0 10px}.fan-heart-icon{color:#ff79c6;margin-right:6px}.fan-input-group input{border:none!important;padding:8px 0!important}.input-group{flex:1}.input-group input{width:100%;background:#070515;border:1.5px solid #2d1f5e;padding:8px 12px;border-radius:8px;color:#fff;font-size:12px;box-sizing:border-box}.avatar-selector-mini select{background:#070515;border:1.5px solid #2d1f5e;padding:8px;border-radius:8px;color:#fff;font-size:12px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.select-item{display:flex;flex-direction:column;gap:4px}.select-item label{font-size:10px;color:#a29bfe}.select-item select{background:#070515;border:1.5px solid #2d1f5e;padding:6px;border-radius:6px;color:#fff;font-size:11px}.effect-selector{display:flex;flex-direction:column;gap:4px}.effects-container{display:flex;gap:4px}.effects-container.flex-wrap{flex-wrap:wrap}.effect-btn{flex:1;min-width:60px;background:#070515;border:1.5px solid #2d1f5e;color:#a29bfe;padding:4px;border-radius:6px;font-size:9px;cursor:pointer;transition:all .2s}.effect-btn.active{background:#50fa7b26;border-color:#50fa7b;color:#50fa7b;font-weight:700}.tag-selector{display:flex;flex-direction:column;gap:4px}.tag-label{font-size:10px;color:#a29bfe}.tags-container{display:flex;gap:6px}.tag-btn{flex:1;background:#070515;border:1.5px solid #2d1f5e;color:#a29bfe;padding:5px;border-radius:6px;font-size:10px;cursor:pointer}.tag-btn.active{background:#50fa7b26;border-color:#50fa7b;color:#50fa7b}.btn-generate.upgraded-btn{background:linear-gradient(135deg,#50fa7b,#8be9fd);color:#090714;border:none;padding:10px;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s}.btn-generate.upgraded-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #50fa7b4d}.star-signature{position:absolute;font-family:Brush Script MT,Dancing Script,cursive,sans-serif;font-size:14px;font-weight:700;bottom:34px;right:8px;transform:rotate(-15deg);pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:5}.star-signature.large-sig{font-size:24px;bottom:42px;right:14px}.sig-gold{color:gold;background:linear-gradient(135deg,#fff 30%,gold 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 2px rgba(255,215,0,.8))}.sig-silver{color:#e0e0e0;background:linear-gradient(135deg,#fff 30%,#a0a0a0 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 2px rgba(255,255,255,.8))}.sig-neon{color:#ff79c6;text-shadow:0 0 5px #ff79c6,0 0 10px #ff79c6}.compatibility-badge-mini{position:absolute;top:6px;left:45px;background:#ff79c6d9;color:#fff;font-size:7px;font-weight:700;padding:1px 4px;border-radius:6px;display:flex;align-items:center;gap:2px}.compatibility-badge-large{background:linear-gradient(135deg,#ff79c6,#f55);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;box-shadow:0 4px 10px #ff79c666}.bag-section{flex:1.2;background:#0f0b228c;border-radius:24px;border:2px solid #2d1f5e;padding:20px;display:flex;flex-direction:column}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.title-left{display:flex;align-items:center;gap:8px}.section-title h2{font-size:15px;margin:0}.count-badge{background:#bd93f926;color:#bd93f9;font-size:10px;padding:2px 6px;border-radius:8px}.tip-text{font-size:10px;color:#ff79c6}.empty-bag{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6272a4;text-align:center}.empty-animation-box{position:relative;margin-bottom:12px}.empty-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:2px dashed rgba(98,114,164,.2);border-radius:50%;animation:spin-slow 15s linear infinite}.empty-title{font-size:14px;color:#a29bfe;margin:0}.empty-bag .sub{font-size:11px;color:#6272a4}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;overflow-y:auto;max-height:520px}.star-collect-card{position:relative;aspect-ratio:1 / 1.4;border-radius:14px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 4px 10px #0000004d;transition:transform .2s}.star-collect-card:hover{transform:translateY(-3px)}.star-collect-card.badge{aspect-ratio:1 / 1;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.laser-shine{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff0 30%,#ffffff40,#fff0 70%);background-size:200% 200%;animation:shine 3s infinite linear;pointer-events:none}.effect-diamond:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1px);background-size:12px 12px;opacity:.4;mix-blend-mode:overlay;pointer-events:none;animation:sparkle-twinkle 1.5s infinite alternate}.effect-cat-eye:after{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.6) 50%,transparent 55%);transform:rotate(30deg);pointer-events:none;animation:cat-eye-sweep 4s infinite ease-in-out}.effect-rainbow{box-shadow:0 0 15px #ff79c666}.effect-rainbow .laser-shine{background:linear-gradient(90deg,#ff000026,#ffa50026,#ffff0026,#00800026,#0000ff26,#4b008226,#ee82ee26);background-size:400% 400%;animation:rainbow-flow 4s linear infinite}.effect-hologram:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#ff00804d,#00ffff4d,#ffff004d);mix-blend-mode:color-dodge;opacity:.7;pointer-events:none;animation:holo-shift 3s infinite alternate ease-in-out}.effect-star-burst:before{content:"✦";position:absolute;font-size:14px;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #ff79c6;animation:burst-flash 1.2s infinite alternate ease-in-out;pointer-events:none}.effect-star-burst:before{top:15%;left:20%}.effect-aurora-wave:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle at 50% 50%,rgba(80,250,123,.3) 0%,rgba(139,233,253,.2) 50%,transparent 80%);mix-blend-mode:screen;pointer-events:none;animation:wave-pulse 4s infinite ease-in-out}@keyframes sparkle-twinkle{0%{opacity:.2}to{opacity:.6}}@keyframes cat-eye-sweep{0%{transform:translate(-30%,-30%) rotate(30deg)}50%{transform:translate(30%,30%) rotate(30deg)}to{transform:translate(-30%,-30%) rotate(30deg)}}@keyframes holo-shift{0%{filter:hue-rotate(0deg) contrast(1.2)}to{filter:hue-rotate(360deg) contrast(1.5)}}@keyframes burst-flash{0%{transform:scale(.6) rotate(0);opacity:.3}to{transform:scale(1.3) rotate(180deg);opacity:.9}}@keyframes wave-pulse{0%{transform:scale(.9) translate(-5px,-5px)}50%{transform:scale(1.1) translate(5px,5px)}to{transform:scale(.9) translate(-5px,-5px)}}@keyframes shine{0%{background-position:-100% -100%}to{background-position:200% 200%}}.card-rarity-tag{position:absolute;top:6px;right:6px;background:#0009;color:#ff79c6;font-size:8px;font-weight:700;padding:1px 4px;border-radius:4px}.card-style-tag{position:absolute;top:6px;left:6px;background:#fff3;color:#fff;font-size:8px;padding:1px 4px;border-radius:4px}.avatar-wrap{flex:1;display:flex;align-items:center;justify-content:center}.emoji-avatar-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:50%;border:1.5px solid rgba(255,255,255,.3)}.emoji-avatar-graphic{font-size:26px}.card-info{text-align:center}.scratch-name-area{margin:4px 0;cursor:pointer}.scratch-cover{display:inline-flex;align-items:center;justify-content:center;gap:2px;background:#282a36;border:1px solid #ff79c6;color:#ff79c6;font-size:9px;padding:3px 6px;border-radius:6px;width:90%;box-sizing:border-box}.star-name{font-size:12px;font-weight:700;color:#150f30;background:#ffffff80;padding:1px 6px;border-radius:4px}.badge-type-tag{font-size:8px;color:#150f3099}.btn-voice{background:#fffc;border:none;padding:3px 6px;border-radius:6px;font-size:9px;color:#150f30;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px;margin:0 auto}.btn-voice.playing{background:#50fa7b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#090714cc;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#1a123a;border:3px solid #ff79c6;border-radius:20px;padding:20px;width:280px;text-align:center}.gacha-opening-anim{padding:15px 0}.capsule-egg-wrapper{position:relative;height:80px;display:flex;align-items:center;justify-content:center}.capsule-egg{width:60px;height:60px;position:relative;animation:shake .4s infinite alternate}.egg-top{height:50%;background:#ff79c6;border-top-left-radius:30px;border-top-right-radius:30px;border:2px solid white}.egg-bottom{height:50%;background:#8be9fd;border-bottom-left-radius:30px;border-bottom-right-radius:30px;border:2px solid white}.egg-shadow{width:50px;height:6px;background:#0006;border-radius:50%;margin:6px auto}@keyframes shake{0%{transform:translate(-2px) rotate(-5deg)}to{transform:translate(2px) rotate(5deg)}}.loading-title{font-size:12px;color:#8be9fd;margin-top:12px}.drawn-result{display:flex;flex-direction:column;align-items:center}.congrats-text{font-size:14px;color:#50fa7b;font-weight:700;margin-bottom:12px}.star-collect-card.large{width:140px;height:196px;box-shadow:0 8px 25px #00000080}.large-avatar{width:64px;height:64px}.large-avatar .emoji-avatar-graphic{font-size:36px}.large-scratch{margin:8px 0}.large-name{font-size:16px;padding:2px 10px}.greeting-bubble{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;font-size:11px;color:#f1f1f6;margin:12px 0 8px;width:100%;box-sizing:border-box}.fortune-bubble{display:flex;align-items:center;gap:6px;background:#ffb86c1a;border:1px dashed #ffb86c;border-radius:8px;padding:6px 10px;font-size:10px;color:#ffb86c;margin-bottom:12px;width:100%;box-sizing:border-box}.modal-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.btn-voice-large{background:linear-gradient(135deg,#bd93f9,#8be9fd);color:#090714;border:none;padding:8px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.btn-close-modal{background:#282a36;color:#f1f1f6;border:1px solid #44475a;padding:8px;border-radius:8px;font-size:12px;cursor:pointer}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}