@import"https://fonts.googleapis.com/css2?family=Bangers&family=Russo+One&family=Exo+2:wght@400;700;900&display=swap";.music-controls{position:fixed;bottom:16px;right:16px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.music-btn{width:40px;height:40px;border-radius:50%;background:#000000a6;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.music-btn:hover{transform:scale(1.12);background:#000000d9}.volume-row{display:flex;align-items:center;gap:8px;background:#0a0a0fd9;border:1px solid rgba(255,255,255,.12);border-radius:50px;padding:7px 14px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vol-icon{font-size:16px}.vol-pct{font-family:Russo One;font-size:12px;color:var(--gold);min-width:30px;text-align:right}.vol-slider{-webkit-appearance:none;width:90px;height:4px;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px #ffd70080;cursor:pointer}.vol-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:none;background:var(--gold);cursor:pointer}.menu-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:clip}.menu-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(255,107,0,.13) 0%,transparent 70%)}.menu-bg:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,.018) 40px,rgba(255,255,255,.018) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,.018) 40px,rgba(255,255,255,.018) 41px)}.menu-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;padding:32px 20px;width:100%;max-width:400px}.menu-logo{text-align:center;animation:logoFloat 3s ease-in-out infinite;line-height:1}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo-sub{font-family:Bangers;font-size:13px;letter-spacing:8px;color:var(--orange);margin-bottom:2px}.logo-main{font-family:Bangers;font-size:68px;line-height:.95;letter-spacing:6px;background:linear-gradient(180deg,#fff 0%,var(--gold) 55%,var(--orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px rgba(255,165,0,.5));display:block}.logo-main-card{font-size:52px;letter-spacing:14px;background:linear-gradient(180deg,gold,#ff6b00 60%,#ff1e1e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(255,80,0,.5))}.logo-sub2{font-family:Bangers;font-size:14px;letter-spacing:8px;color:var(--red);margin-top:4px}.preview-cards{display:flex;gap:14px}.preview-card{width:80px;height:115px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.2);box-shadow:0 10px 36px #000c;animation:cardFloat 4s ease-in-out infinite;transition:transform .25s}.preview-card:hover{transform:scale(1.08) translateY(-6px)!important}.preview-card img{width:100%;height:100%;object-fit:cover}.preview-card-0{animation-delay:0s}.preview-card-1{animation-delay:.5s}.preview-card-2{animation-delay:1s}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.menu-zenny{display:flex;align-items:center;gap:10px;background:#ffd70014;border:1px solid rgba(255,215,0,.25);border-radius:50px;padding:10px 22px;font-family:Russo One;font-size:20px;color:var(--gold)}.zenny-label{color:#888;font-size:14px}.menu-buttons{display:flex;flex-direction:column;gap:11px;width:100%;max-width:300px}.btn-track{width:100%;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;font-family:"Exo 2"}.btn-track:hover{background:#ffffff0f;border-color:#ffd7004d;transform:translateY(-2px)}.btn-track:active{transform:translateY(0)}.track-icon{font-size:20px;flex-shrink:0}.track-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.track-label{font-size:10px;letter-spacing:3px;color:#ffffff59;font-weight:700;text-transform:uppercase}.track-name{font-family:Bangers;font-size:16px;letter-spacing:2px;background:linear-gradient(90deg,#fff,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.track-arrow{font-size:22px;color:var(--gold);opacity:.5;transition:transform .2s,opacity .2s}.btn-track:hover .track-arrow{transform:translate(3px);opacity:1}.side-tab{position:fixed;top:30%;z-index:200;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:var(--panel);border:1px solid rgba(255,215,0,.25);cursor:pointer;transition:all .2s;font-family:Bangers;color:var(--gold)}.side-tab-left{left:0;border-radius:0 12px 12px 0;border-left:none}.side-tab-right{right:0;border-radius:12px 0 0 12px;border-right:none;border-color:#3b82f64d;color:#60a5fa}.side-tab:hover{transform:scaleX(1.08)}.side-tab-left:hover{box-shadow:4px 0 20px #ffd70033}.side-tab-right:hover{box-shadow:-4px 0 20px #3b82f633}.side-tab.has-new{border-color:var(--orange);animation:tabPulse 1.5s ease-in-out infinite}@keyframes tabPulse{0%,to{box-shadow:4px 0 #ff6b0000}50%{box-shadow:4px 0 16px #ff6b0080}}.side-tab-icon{font-size:22px}.side-tab-text{font-size:11px;letter-spacing:2px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.side-tab-badge{background:var(--red);color:#fff;border-radius:50%;width:20px;height:20px;font-family:Russo One;font-size:11px;display:flex;align-items:center;justify-content:center}.side-panel-overlay{position:fixed;inset:0;z-index:300;background:#000000b3;animation:fadeIn .2s}.side-panel{position:absolute;top:0;bottom:0;width:min(380px,88vw);background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.side-panel-left{left:0;border-right:1px solid rgba(255,215,0,.15);animation:slideInLeft .3s cubic-bezier(.34,1.1,.64,1)}.side-panel-right{right:0;border-left:1px solid rgba(59,130,246,.15);animation:slideInRight .3s cubic-bezier(.34,1.1,.64,1)}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.side-panel-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.side-panel-title{font-family:Bangers;font-size:20px;letter-spacing:3px;background:linear-gradient(90deg,#fff,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex:1}.side-panel-progress{display:flex;align-items:center;gap:7px}.side-panel-bar{width:70px;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.side-panel-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width .5s}.side-panel-count{font-family:Russo One;font-size:12px;color:var(--gold)}.side-panel-stats{display:flex;justify-content:space-around;padding:12px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sp-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.sp-stat-icon{font-size:15px}.sp-stat-val{font-family:Russo One;font-size:16px;color:#fff}.sp-stat-lbl{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:1px}.side-panel-list{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.side-panel-list::-webkit-scrollbar{width:3px}.side-panel-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sp-section{font-family:Bangers;font-size:11px;letter-spacing:3px;color:#ffffff4d;padding:8px 0 3px}.sp-item{display:flex;align-items:center;gap:10px;border-radius:12px;padding:10px 12px}.sp-done{background:#ffd70012;border:1px solid rgba(255,215,0,.18)}.sp-locked{background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.sp-item-icon{font-size:26px;width:32px;text-align:center;flex-shrink:0}.sp-item-icon.locked{filter:grayscale(1);opacity:.25}.sp-item-info{flex:1;min-width:0}.sp-item-title{font-family:Bangers;font-size:15px;letter-spacing:1px;color:#fff}.sp-item-title.locked{color:#444}.sp-item-desc{font-size:11px;color:#555;margin-top:1px}.sp-item-reward{font-family:Russo One;font-size:12px;flex-shrink:0}.sp-item-reward.done{color:var(--gold)}.sp-item-reward.locked{color:#333}.quests-coming{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 32px;text-align:center}.quests-icon{font-size:64px;opacity:.4}.quests-title{font-family:Bangers;font-size:36px;letter-spacing:5px;color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.4)}.quests-desc{font-size:15px;color:#555;line-height:1.6}.quests-hint{font-size:13px;color:#333;line-height:1.6;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 16px}.collection-screen{min-height:100vh;display:flex;flex-direction:column}.collection-count{margin-left:auto;color:#555;font-size:13px;font-family:Russo One}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;padding:16px;overflow-y:auto;flex:1}.card-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:2/3;border:2px solid var(--rarity-color);transition:transform .2s,box-shadow .2s}.card-item.owned{cursor:pointer;box-shadow:0 4px 16px #00000080}.card-item.owned:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 28px #000000b3,0 0 16px color-mix(in srgb,var(--rarity-color) 30%,transparent)}.card-item.locked{filter:brightness(.15) saturate(0);cursor:default}.card-item img{width:100%;height:100%;object-fit:cover;display:block}.card-rarity-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--rarity-color) 15%,transparent) 100%)}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000eb);padding:20px 8px 8px;text-align:center;pointer-events:none}.card-name{font-family:Bangers;font-size:14px;letter-spacing:1px;line-height:1.2}.card-power{font-family:Russo One;font-size:13px;color:var(--gold);margin:2px 0}.card-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:var(--rarity-color);color:#000}.card-tap-hint{position:absolute;top:8px;right:8px;font-size:14px;opacity:.5;background:#00000080;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.lock-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px}.card-preview-overlay{position:fixed;inset:0;z-index:300;background:#000000e0;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s}.card-preview-inner{position:relative;background:var(--panel);border-radius:24px;padding:28px 32px;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:300px;width:90%;border:2px solid rgba(255,255,255,.08);animation:popIn .35s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.card-preview-bg{position:absolute;inset:0;pointer-events:none}.card-preview-rarity{font-family:Bangers;font-size:15px;letter-spacing:6px;position:relative;z-index:1}.card-preview-img{width:180px;height:260px;border-radius:14px;overflow:hidden;border:3px solid;position:relative;z-index:1;transition:box-shadow .3s}.card-preview-img img{width:100%;height:100%;object-fit:cover}.card-preview-name{font-family:Bangers;font-size:26px;letter-spacing:3px;text-align:center;position:relative;z-index:1}.card-preview-stats{display:flex;align-items:center;gap:16px;background:#0000004d;border-radius:12px;padding:12px 20px;width:100%;position:relative;z-index:1}.card-stat{text-align:center;flex:1}.stat-label{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.stat-value{font-family:Russo One;font-size:18px}.stat-divider{width:1px;height:36px;background:#ffffff14}.preview-close-btn{width:100%;position:relative;z-index:1;font-size:18px!important;padding:10px!important}.mythic-aura{position:absolute;inset:-4px;border-radius:14px;background:transparent;box-shadow:0 0 20px #f06,0 0 40px #f068,inset 0 0 20px #f062;animation:mythicPulse 1.5s ease-in-out infinite;pointer-events:none;z-index:2}.preview-mythic-aura{border-radius:18px;inset:-6px}@keyframes mythicPulse{0%,to{box-shadow:0 0 20px #f06,0 0 40px #f068}50%{box-shadow:0 0 40px #f06,0 0 80px #f069,0 0 120px #f064}}.special-card{transition:transform .2s,box-shadow .2s}.special-card:hover{transform:translateY(-8px) scale(1.04)!important}.special-train:hover{box-shadow:0 0 30px #f06,0 0 60px #f068!important}.special-bomzh:hover{box-shadow:0 0 30px #00bfff,0 0 60px #00bfff88!important}.card-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:3}.train-particle{position:absolute;bottom:0;border-radius:50%;background:radial-gradient(circle,#fff,#ff4500 60%,#f06);box-shadow:0 0 8px #f06,0 0 16px #ff4500;animation:trainParticle 1.2s ease-out infinite;animation-delay:var(--delay);animation-duration:var(--dur);left:var(--x);width:var(--size);height:var(--size)}@keyframes trainParticle{0%{transform:translateY(0) scale(1);opacity:1}40%{transform:translateY(-40px) scale(1.3);opacity:.9}to{transform:translateY(-100px) scale(0);opacity:0}}.bomzh-particle{position:absolute;bottom:0;border-radius:50%;background:radial-gradient(circle,#fff,#00bfff 60%,#0040ff);box-shadow:0 0 8px #00bfff;animation:bomzhParticle 1.4s ease-out infinite;animation-delay:var(--delay);animation-duration:var(--dur);left:var(--x);width:var(--size);height:var(--size)}@keyframes bomzhParticle{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(-110px) rotate(360deg) scale(0);opacity:0}}.eye-spark{position:absolute;width:10px;height:10px;top:35%;z-index:5}.eye-left{left:30%}.eye-right{left:62%}.eye-ray{position:absolute;top:50%;left:50%;width:18px;height:2px;background:linear-gradient(90deg,#00BFFF,transparent);transform-origin:left center;transform:rotate(var(--angle));animation:eyeRay .6s ease-in-out infinite alternate;box-shadow:0 0 4px #00bfff;border-radius:2px}@keyframes eyeRay{0%{opacity:.3;width:10px}to{opacity:1;width:22px}}.preview-special{overflow:visible}.preview-train{border-color:#f06!important}.preview-bomzh{border-color:#00bfff!important}.card-gods{animation:godsAura 2s ease-in-out infinite!important}@keyframes godsAura{0%,to{box-shadow:0 0 20px #f06,0 0 40px gold,0 0 60px #ff00664d}33%{box-shadow:0 0 30px gold,0 0 60px #f06,0 0 90px #ffd70066}66%{box-shadow:0 0 25px #a855f7,0 0 50px #f06,0 0 80px #a855f74d}}.gods-particle{position:absolute;border-radius:50%;animation:godsParticle var(--dur) ease-out infinite;animation-delay:var(--delay);left:var(--x);bottom:0;width:var(--size);height:var(--size)}.gods-particle:nth-child(odd){background:radial-gradient(circle,#fff,gold,#ff8c00);box-shadow:0 0 6px gold,0 0 12px #ff6b00}.gods-particle:nth-child(2n){background:radial-gradient(circle,#fff,#f06,#a855f7);box-shadow:0 0 6px #f06,0 0 12px #a855f7}@keyframes godsParticle{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}40%{transform:translateY(-50px) scale(1.4) rotate(180deg);opacity:.9}to{transform:translateY(-130px) scale(0) rotate(360deg);opacity:0}}.special-gods:hover{box-shadow:0 0 40px gold,0 0 80px #f06,0 0 120px #a855f7!important;transform:translateY(-10px) scale(1.05)!important}.preview-gods{border-color:gold!important;box-shadow:0 0 0 2px #f06,0 0 40px gold,0 0 80px #f069!important;animation:godsAura 2s ease-in-out infinite}.card-gods .mythic-aura{animation:godsFullAura 1.5s ease-in-out infinite!important;inset:-6px!important}@keyframes godsFullAura{0%{box-shadow:0 0 25px gold,0 0 50px #f06,0 0 80px #a855f7,inset 0 0 20px #ffd70022}33%{box-shadow:0 0 35px #f06,0 0 70px gold,0 0 100px #00bfff,inset 0 0 25px #f062}66%{box-shadow:0 0 30px #a855f7,0 0 60px #f06,0 0 90px gold,inset 0 0 20px #a855f722}to{box-shadow:0 0 25px gold,0 0 50px #f06,0 0 80px #a855f7,inset 0 0 20px #ffd70022}}.gods-spark{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:10}.shop-screen{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.str-bg{position:absolute;inset:0;z-index:0}.str-void{position:absolute;inset:0;background:linear-gradient(180deg,#0d0d18,#112,#0a0a14,#0d0d10,#080808)}.str-horizon{position:absolute;top:42%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,200,50,.5) 20%,rgba(255,220,80,.9) 50%,rgba(255,200,50,.5) 80%,transparent);filter:blur(1px);box-shadow:0 0 20px #ffd7004d,0 0 60px #ffb40026}.str-floor{position:absolute;bottom:0;left:0;right:0;height:58%;background:linear-gradient(180deg,transparent 0%,rgba(255,200,50,.04) 50%,rgba(255,180,30,.08) 100%)}.str-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,200,50,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,200,50,.05) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 50%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 90% 70% at 50% 50%,black 20%,transparent 100%)}.str-particle{position:absolute;bottom:-10px;width:2px;height:2px;background:#ffc832b3;border-radius:50%;box-shadow:0 0 4px #ffc83280;animation:particleRise linear infinite}@keyframes particleRise{0%{transform:translateY(0);opacity:.8}50%{opacity:1}to{transform:translateY(-100vh) scale(0);opacity:0}}.shop-header{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid rgba(255,200,50,.1);background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shop-title{flex:1;text-align:center}.shop-title-sub{font-family:Bangers;font-size:12px;letter-spacing:6px;color:#ffb43280}.shop-title-main{font-family:Bangers;font-size:28px;letter-spacing:4px;background:linear-gradient(180deg,#fff,gold 55%,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,180,0,.4))}.shop-zenny{font-family:Russo One;font-size:14px;color:var(--gold);background:#ffd70014;border:1px solid rgba(255,215,0,.2);padding:6px 12px;border-radius:50px}.shop-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;padding:12px 16px;flex-wrap:wrap;max-height:calc(100vh - 70px);overflow:hidden}.orb-section{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:280px}.orb-wrapper{position:relative;width:150px;height:150px;cursor:pointer;animation:orbHover 3s ease-in-out infinite}.orb-wrapper:hover{animation-play-state:paused;transform:scale(1.06)}@keyframes orbHover{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.orb-atmosphere{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,0,.2) 0%,rgba(255,80,0,.1) 50%,transparent 70%);animation:atmospherePulse 2s ease-in-out infinite}@keyframes atmospherePulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.orb-body{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 38% 35%,#fff8a0,gold 25%,#ff8c00 55%,#ff4500 75%,#8b2000);box-shadow:0 0 30px #ff8c00cc,0 0 60px #ff500080,0 0 100px #ff32004d,inset 0 0 30px #ffff9633;animation:orbPulse 2s ease-in-out infinite}@keyframes orbPulse{0%,to{box-shadow:0 0 30px #ff8c00cc,0 0 60px #ff500080,0 0 100px #ff32004d}50%{box-shadow:0 0 50px #ffa000,0 0 90px #ff5000b3,0 0 140px #ff320066}}.orb-inner-glow{position:absolute;inset:0;background:radial-gradient(circle at 40% 35%,rgba(255,255,200,.6) 0%,transparent 55%)}.orb-surface{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 60% 65%,rgba(100,20,0,.3) 0%,transparent 60%)}.orb-highlight{position:absolute;top:12%;left:20%;width:35%;height:28%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.65) 0%,transparent 100%);transform:rotate(-20deg)}.orb-star{position:absolute;color:#501400b3;font-weight:900}.s1{top:35%;left:28%;font-size:10px}.s2{top:50%;left:55%;font-size:12px}.s3{top:62%;left:35%;font-size:9px}.s4{top:42%;left:48%;font-size:8px}.orbit-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,200,50,.35);box-shadow:0 0 8px #ffc83233}.ring-h{animation:orbitH 4s linear infinite}.ring-v{animation:orbitV 6s linear infinite}.ring-d{animation:orbitD 5s linear infinite;inset:-14px;border-color:#ff960040}@keyframes orbitH{to{transform:rotateX(60deg) rotate(360deg)}}@keyframes orbitV{to{transform:rotateY(60deg) rotate(-360deg)}}@keyframes orbitD{to{transform:rotate3d(1,1,0,60deg) rotate(360deg)}}.lightning{position:absolute;top:50%;left:50%;width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,150,.9),transparent);transform-origin:left center;filter:blur(1px)}.l1{animation:lightArc 1.5s ease-in-out infinite}.l2{transform:rotate(120deg);animation:lightArc 1.5s ease-in-out infinite .5s}@keyframes lightArc{0%,to{opacity:0;transform:rotate(var(--r,0deg)) scaleX(.3)}50%{opacity:1;transform:rotate(var(--r,0deg)) scaleX(1)}}.orb-label{font-family:Bangers;font-size:22px;letter-spacing:4px;background:linear-gradient(135deg,#888,gold,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.orb-desc{color:#555;font-size:13px}.orb-price{display:flex;align-items:center;gap:7px;font-family:Russo One;font-size:20px;color:var(--gold);background:#ffd70012;border:1px solid rgba(255,215,0,.2);padding:9px 22px;border-radius:50px}.price-label{color:#555;font-size:13px}.orb-btn{width:100%;max-width:220px}.odds-section{width:100%;max-width:340px}.odds-header{display:flex;align-items:center;gap:10px;font-family:Bangers;font-size:14px;letter-spacing:4px;color:#444;margin-bottom:12px}.odds-line{flex:1;height:1px;background:#ffffff12}.odds-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.odds-card{background:#ffffff0a;border:1px solid color-mix(in srgb,var(--rc) 25%,rgba(255,255,255,.06));border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background .2s,transform .2s}.odds-card:hover{background:color-mix(in srgb,var(--rc) 10%,transparent);transform:translateY(-2px)}.odds-icon{font-size:20px}.odds-label{font-family:Bangers;font-size:15px;letter-spacing:2px}.odds-pct{font-family:Russo One;font-size:20px;color:#fff}.explosion-overlay{position:fixed;inset:0;z-index:500;background:#000000eb;display:flex;align-items:center;justify-content:center;overflow:hidden}.exp-orb{position:relative;width:130px;height:130px;animation:expOrbGrow 2.2s ease-out forwards}@keyframes expOrbGrow{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(1.8)}85%{transform:scale(2.2);opacity:1}to{transform:scale(3);opacity:0}}.exp-core{position:absolute;inset:10px;border-radius:50%;animation:rainbowCore 2.2s ease-in-out forwards;box-shadow:0 0 60px currentColor}@keyframes rainbowCore{0%{background:radial-gradient(circle,#fff8a0,gold,#ff4500);filter:brightness(1)}15%{background:radial-gradient(circle,#fff,gold,#ff8c00);filter:brightness(1.5)}30%{background:radial-gradient(circle,#fff,#ff1493,#ff4500);filter:brightness(2)}45%{background:radial-gradient(circle,#fff,#a855f7,#ff1493);filter:brightness(2.5)}60%{background:radial-gradient(circle,#fff,#00bfff,#a855f7);filter:brightness(3)}75%{background:radial-gradient(circle,#fff,#7fff00,#00bfff);filter:brightness(3.5)}90%{background:radial-gradient(circle,#fff,gold,#7fff00);filter:brightness(4)}to{background:radial-gradient(circle,#fff,#fff,#fff);filter:brightness(5)}}.exp-wave{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;animation:waveExpand 2.2s ease-out forwards}.w1{animation-delay:.3s;border-color:#ffd700cc}.w2{animation-delay:.6s;border-color:#ff1493b3}.w3{animation-delay:.9s;border-color:#00bfffb3}@keyframes waveExpand{0%{transform:scale(1);opacity:1}to{transform:scale(4);opacity:0}}.exp-rainbow{position:absolute;inset:-20px;border-radius:50%;animation:rainbowGlow 2.2s ease-in-out forwards}@keyframes rainbowGlow{0%{background:radial-gradient(circle,rgba(255,215,0,.3),transparent 70%)}25%{background:radial-gradient(circle,rgba(255,20,147,.4),transparent 70%)}50%{background:radial-gradient(circle,rgba(0,191,255,.4),transparent 70%)}75%{background:radial-gradient(circle,rgba(127,255,0,.4),transparent 70%)}to{background:radial-gradient(circle,rgba(255,255,255,.6),transparent 70%)}}.exp-shock{position:absolute;border-radius:50%;border:4px solid rgba(255,255,255,.6);width:10px;height:10px;animation:shockExpand 1s ease-out forwards}.s1{animation-delay:.6s}.s2{animation-delay:.9s;border-color:#ffd70080}.s3{animation-delay:1.2s;border-color:#a855f780}@keyframes shockExpand{0%{transform:scale(1);opacity:1}to{transform:scale(60);opacity:0}}.exp-shard{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:2px;opacity:0;animation:shardFly .8s ease-out forwards}@keyframes shardFly{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(calc(-50% + cos(var(--angle)) * var(--dist)),calc(-50% + sin(var(--angle)) * var(--dist))) rotate(720deg);opacity:0}}.exp-flash{position:absolute;inset:0;background:#fff;animation:flashFade 2.2s ease-out forwards}@keyframes flashFade{0%,70%{opacity:0}80%{opacity:.8}to{opacity:0}}.reveal-overlay{position:fixed;inset:0;z-index:400;background:#000000eb;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s}.reveal-rays{position:absolute;inset:0;pointer-events:none;background:conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 12%,transparent) 0deg,transparent 25deg,color-mix(in srgb,var(--rc) 12%,transparent) 50deg,transparent 75deg,color-mix(in srgb,var(--rc) 12%,transparent) 100deg,transparent 125deg,color-mix(in srgb,var(--rc) 12%,transparent) 150deg,transparent 175deg,color-mix(in srgb,var(--rc) 12%,transparent) 200deg,transparent 225deg,color-mix(in srgb,var(--rc) 12%,transparent) 250deg,transparent 275deg,color-mix(in srgb,var(--rc) 12%,transparent) 300deg,transparent 325deg,color-mix(in srgb,var(--rc) 12%,transparent) 350deg,transparent 360deg);animation:raysRotate 6s linear infinite}@keyframes raysRotate{to{transform:rotate(360deg)}}.reveal-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.reveal-rarity{font-family:Bangers;font-size:16px;letter-spacing:6px}.reveal-card{width:200px;height:288px;border-radius:16px;overflow:hidden;border:3px solid;position:relative}.reveal-card img{width:100%;height:100%;object-fit:cover}.reveal-shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);animation:shineSweep 2s ease-in-out infinite}@keyframes shineSweep{0%{transform:translate(-100%) skew(-20deg)}50%,to{transform:translate(200%) skew(-20deg)}}.reveal-name{font-family:Bangers;font-size:28px;letter-spacing:3px;color:#fff}.reveal-power{font-family:Russo One;font-size:18px;color:var(--gold)}.notif{position:fixed;top:70px;left:50%;z-index:600;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-radius:50px;padding:10px 24px;font-weight:700;white-space:nowrap;color:#fff}.reveal-duplicate{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 24px}.duplicate-icon{font-size:22px}.duplicate-text{font-family:Bangers;font-size:18px;letter-spacing:4px;color:#aaa}.duplicate-refund{font-family:Russo One;font-size:16px;color:var(--gold)}.reveal-new{font-family:Bangers;font-size:18px;letter-spacing:4px;color:#4ade80}.orb-hint{font-size:11px;color:#444;letter-spacing:1px;text-align:center;margin-bottom:-4px}.orb-hint-rare{color:#a0a0ff66}.odds-mini{display:flex;gap:5px;justify-content:center;width:100%}.odds-mini-item{flex:1;background:color-mix(in srgb,var(--rc) 8%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--rc) 25%,transparent);border-radius:8px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;gap:2px}.orb-wrapper-rare{animation:orbHover 3s ease-in-out infinite}.orb-atmosphere-rare{background:radial-gradient(circle,rgba(180,160,255,.25) 0%,rgba(120,100,255,.1) 50%,transparent 70%)}.orb-body-rare{background:radial-gradient(circle at 38% 35%,#fff,#eeecff,#d0c8ff,#b0a0f0,#9080e0,#6060c0)!important;box-shadow:0 0 30px #b4a0ffe6,0 0 60px #7864ff99,0 0 100px #6450ff4d,inset 0 0 30px #ffffff80!important;animation:orbPulseRare 2s ease-in-out infinite!important}@keyframes orbPulseRare{0%,to{box-shadow:0 0 30px #b4a0ffe6,0 0 60px #7864ff99}50%{box-shadow:0 0 50px #dcc8ff,0 0 90px #a08cffcc}}.orb-inner-glow-rare{background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.9) 0%,transparent 55%)!important}.orbit-ring-rare{border-color:#c8b4ff80!important;box-shadow:0 0 8px #a08cff4d!important}.lightning-rare{background:linear-gradient(90deg,transparent,rgba(230,220,255,.95),transparent)!important}.orb-label-rare{background:linear-gradient(135deg,#c0b0ff,#e0d8ff,#c0b0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Bangers;font-size:22px;letter-spacing:4px}.orb-price-rare{background:#a08cff14!important;border-color:#a08cff4d!important;color:#c0b0ff!important}.orb-btn-rare{width:100%;max-width:220px;background:linear-gradient(135deg,#5040b0,#8070d0);color:#fff;font-family:Bangers;letter-spacing:3px;font-size:22px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 6px 28px #6450c880;transition:transform .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:8px}.orb-btn-rare:hover{transform:translateY(-2px);box-shadow:0 8px 36px #8264ffb3}.battle-screen{height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column}.arena-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 120% 40% at 50% 100%,rgba(255,100,0,.25) 0%,transparent 60%),linear-gradient(180deg,#0a0a1a,#0d1a0d 40%,#1a1200,#0a0a1a)}.spotlight{position:absolute;top:-10%;width:2px;height:120%;background:linear-gradient(180deg,rgba(255,220,100,.3) 0%,transparent 70%);transform-origin:top center}.sp1{left:15%;transform:rotate(-15deg)}.sp2{left:38%;transform:rotate(-5deg)}.sp3{left:62%;transform:rotate(5deg)}.sp4{left:85%;transform:rotate(15deg)}.arena-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;padding:10px 16px;gap:6px}.battle-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.battle-mode-badge{font-family:Bangers;font-size:20px;letter-spacing:3px;color:var(--gold);text-shadow:0 0 16px rgba(255,215,0,.5)}.round-tracker{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0}.round-label{font-family:Bangers;font-size:15px;letter-spacing:3px;color:#ffffff59}.round-pips{display:flex;gap:10px}.pip{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.25);transition:all .3s}.pip.done{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #ffd70099}.pip.active{border-color:#fff;animation:pipPulse 1s ease-in-out infinite}@keyframes pipPulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 6px #fff0}}.battle-status{text-align:center;font-weight:700;font-size:14px;color:#ffffff73;min-height:20px;font-family:"Exo 2";letter-spacing:1px;flex-shrink:0}.battle-status.your-turn{color:var(--gold);text-shadow:0 0 12px rgba(255,215,0,.4)}.battle-status.bot-turn{color:#ff6b6b}.arena-table{flex:1;background:#00000080;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:6px;overflow:hidden}.combatant-label{display:flex;align-items:center;gap:10px;font-family:Bangers;font-size:15px;letter-spacing:2px;flex-shrink:0}.combatant-label.enemy-label{color:#f88}.combatant-label.player-label{color:var(--gold)}.combatant-avatar{font-size:18px}.power-live{margin-left:auto;font-family:Russo One;font-size:17px;animation:powerPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes powerPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.played-zone{display:flex;gap:8px;justify-content:center;align-items:center;height:130px;flex-shrink:0}.arena-slot{width:86px;height:130px;flex-shrink:0;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .3s,box-shadow .3s}.arena-slot.current{border-color:#ffd70099;box-shadow:0 0 20px #ffd7004d}.arena-slot.has-card{animation:cardDrop .35s cubic-bezier(.34,1.56,.64,1);border-color:var(--rc, rgba(255,255,255,.3));box-shadow:0 0 16px color-mix(in srgb,var(--rc, #fff) 30%,transparent)}@keyframes cardDrop{0%{transform:translateY(-30px) scale(.75);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.arena-slot img{width:100%;height:100%;object-fit:cover}.slot-power{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);text-align:center;padding:12px 4px 4px;font-family:Russo One;font-size:12px;color:var(--gold)}.card-back{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0a2e,#0d0d2e);font-size:30px}.slot-empty{font-size:24px;color:#ffffff26}.vs-divider{display:flex;align-items:center;gap:10px;flex-shrink:0}.vs-line{flex:1;height:1px;background:#ffd70026}.vs-badge{font-family:Bangers;font-size:14px;letter-spacing:5px;color:var(--gold);padding:0 8px}.score-bar{display:flex;justify-content:space-between;align-items:center;background:#00000080;border:1px solid rgba(255,255,255,.07);border-radius:50px;padding:6px 24px;flex-shrink:0}.score-side{text-align:center}.score-lbl{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:2px}.score-val{font-family:Russo One;font-size:24px}.score-sep-text{font-family:Bangers;font-size:13px;letter-spacing:4px;color:#333}.hand-area{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.hand-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.hand-tabs::-webkit-scrollbar{display:none}.hand-tab{display:flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 10px;cursor:pointer;font-family:Bangers;font-size:12px;letter-spacing:1px;color:#fff6;white-space:nowrap;transition:all .2s;flex-shrink:0}.hand-tab:hover{background:#ffffff14;color:#fff}.hand-tab.active{background:#ffffff1f;border-color:var(--gold);color:var(--gold)}.hand-tab-label{font-size:11px}.hand-search-row{display:flex;align-items:center;gap:8px}.hand-search{flex:1;display:flex;align-items:center;gap:7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 12px;transition:border-color .2s}.hand-search:focus-within{border-color:#ffd70066}.search-icon{font-size:13px;opacity:.5;flex-shrink:0}.search-input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:"Exo 2";font-size:13px;min-width:0}.search-input::placeholder{color:#ffffff40}.search-clear{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:12px;padding:0;flex-shrink:0;transition:color .2s}.search-clear:hover{color:#fff}.hand-turn-hint{font-family:Bangers;font-size:13px;letter-spacing:2px;color:var(--gold);white-space:nowrap;flex-shrink:0;animation:hintPulse 1s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}.player-hand{display:flex;gap:8px;justify-content:center;flex-wrap:nowrap;min-height:100px;align-items:center}.hand-card{width:86px;height:124px;border-radius:10px;overflow:hidden;border:2px solid var(--rc);position:relative;flex-shrink:0;transition:transform .2s,box-shadow .2s;cursor:default}.hand-card img{width:100%;height:100%;object-fit:cover}.hand-card.active{cursor:pointer}.hand-card.active:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 16px 36px #000c,0 0 18px color-mix(in srgb,var(--rc) 50%,transparent)}.hand-card.used{opacity:.2;filter:grayscale(1);cursor:default}.hand-card.used:hover{transform:none;box-shadow:none}.hand-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 50%)}.hand-power{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);text-align:center;padding:12px 2px 4px;font-family:Russo One;font-size:11px;color:var(--gold)}.hand-empty{color:#555;font-size:13px;text-align:center;padding:12px;width:100%}.hand-pagination{display:flex;align-items:center;justify-content:center;gap:10px}.page-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.15);color:#fff;width:28px;height:28px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.page-btn:hover:not(:disabled){background:#ffffff24}.page-btn:disabled{opacity:.25;cursor:default}.page-dots{display:flex;gap:6px;align-items:center}.page-dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .2s;padding:0}.page-dot.active{background:var(--gold);transform:scale(1.3);box-shadow:0 0 6px #ffd70080}.zoom-overlay{position:fixed;inset:0;z-index:150;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.zoom-bg-flash{position:absolute;inset:0;pointer-events:none}.zoom-inner{display:flex;flex-direction:column;align-items:center;gap:14px;animation:popIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.zoom-who{font-family:"Exo 2";font-size:12px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:#fff6}.zoom-card{width:200px;height:288px;border-radius:16px;overflow:hidden;border:3px solid}.zoom-card img{width:100%;height:100%;object-fit:cover}.zoom-name{font-family:Bangers;font-size:28px;letter-spacing:3px}.zoom-power{font-family:Russo One;font-size:20px;color:var(--gold)}.result-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000e0;animation:fadeIn .4s}.result-box{background:var(--panel);border-radius:24px;padding:36px 48px;text-align:center;border:2px solid var(--border);max-width:360px;width:90%;display:flex;flex-direction:column;gap:12px;align-items:center;animation:popIn .45s cubic-bezier(.34,1.56,.64,1)}.result-box.win{border-color:var(--gold);box-shadow:0 0 80px #ffd7004d}.result-box.lose{border-color:var(--red);box-shadow:0 0 80px #ff1e1e40;animation:popIn .45s cubic-bezier(.34,1.56,.64,1),shake .5s .45s ease-out}.result-box.draw{border-color:#3b82f6}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-12px)}30%{transform:translate(12px)}45%{transform:translate(-8px)}60%{transform:translate(8px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}.result-emoji{font-size:64px;line-height:1}.result-title{font-family:Bangers;font-size:52px;letter-spacing:4px}.win .result-title{background:linear-gradient(180deg,gold,#ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lose .result-title{color:var(--red)}.draw .result-title{color:#3b82f6}.result-scores{display:flex;align-items:center;gap:20px}.result-score-row{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:"Exo 2";font-size:14px}.result-score-num{font-family:Russo One;font-size:32px}.result-score-vs{font-family:Bangers;font-size:20px;color:#444;letter-spacing:3px}.result-reward{font-family:Russo One;font-size:22px;color:var(--gold)}.result-btns{display:flex;gap:12px;width:100%}.result-btns .btn{flex:1;font-size:18px!important;padding:12px!important}.confetti-wrap{position:fixed;inset:0;pointer-events:none;z-index:201;overflow:hidden}.confetti-piece{position:absolute;top:-20px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.red-flash{position:fixed;inset:0;z-index:199;pointer-events:none;background:#ff1e1e40;animation:flashOut .6s ease-out forwards}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.battle-intro{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;animation:introFade 1.2s ease-out forwards}@keyframes introFade{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.intro-text{font-family:Bangers;font-size:72px;letter-spacing:8px;background:linear-gradient(180deg,#fff,var(--gold),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(255,165,0,.8))}.intro-sub{font-family:"Exo 2";font-size:18px;font-weight:700;letter-spacing:6px;color:#fff6}@media(min-width:768px){.hand-card{width:100px;height:144px}}.daily-overlay{position:fixed;inset:0;z-index:400;background:#000000de;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.daily-box{background:var(--panel);border-radius:24px;padding:32px 36px;text-align:center;border:2px solid var(--gold);box-shadow:0 0 60px #ffd70033;display:flex;flex-direction:column;align-items:center;gap:14px;animation:popIn .4s cubic-bezier(.34,1.56,.64,1);max-width:420px;width:92%}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.daily-icon{font-size:44px}.daily-title{font-family:Bangers;font-size:30px;letter-spacing:3px;line-height:1.1;background:linear-gradient(180deg,gold,#ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.daily-amount{font-family:Russo One;font-size:40px;color:var(--gold)}.claimed-amount{animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.daily-desc{color:#666;font-size:13px}.streak-info{font-family:Russo One;font-size:14px;color:var(--orange)}.streak-max{font-family:Bangers;font-size:20px;letter-spacing:2px;color:var(--gold)}.streak-track{display:flex;gap:6px;justify-content:center;width:100%}.streak-day{flex:1;min-width:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;transition:all .3s}.streak-day.done{background:#ffd7001a;border-color:#ffd70066}.streak-day.current{background:#ff6b0026;border-color:var(--orange);box-shadow:0 0 16px #ff6b004d;transform:scale(1.08)}.streak-day-num{font-family:Bangers;font-size:13px;letter-spacing:1px;color:#fff6}.streak-day.current .streak-day-num{color:var(--orange)}.streak-day.done .streak-day-num{color:var(--gold)}.streak-day-reward{font-family:Russo One;font-size:10px;color:#ffffff80;white-space:nowrap}.streak-day.current .streak-day-reward{color:#fff;font-size:11px}.streak-day.done .streak-day-reward{color:var(--gold)}.streak-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;background:#00000080;border-radius:9px;color:var(--gold)}.ach-popup{position:fixed;bottom:80px;left:50%;z-index:450;transform:translate(-50%);background:var(--panel);border:2px solid var(--gold);border-radius:18px;padding:14px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;box-shadow:0 0 50px #ffd7004d;animation:popupSlide .5s cubic-bezier(.34,1.56,.64,1);max-width:340px;width:90%}@keyframes popupSlide{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.ach-popup-icon{font-size:36px;flex-shrink:0}.ach-popup-info{flex:1;min-width:0}.ach-popup-label{font-family:Bangers;font-size:12px;letter-spacing:3px;color:var(--orange)}.ach-popup-title{font-family:Bangers;font-size:20px;letter-spacing:2px;color:#fff}.ach-popup-desc{font-size:11px;color:#555;margin-top:2px}.ach-popup-reward{font-family:Russo One;font-size:17px;color:var(--gold);flex-shrink:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #FFD700;--orange: #FF6B00;--red: #FF1E1E;--dark: #0A0A0F;--panel: #12121A;--border: #2A2A3A;--common: #9CA3AF;--rare: #3B82F6;--epic: #A855F7;--legendary: #FFD700}html,body,#root{height:100%}body{background:var(--dark);color:#fff;font-family:"Exo 2",sans-serif;overflow-x:hidden;background-image:radial-gradient(ellipse at 20% 50%,rgba(255,107,0,.07) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,30,30,.07) 0%,transparent 50%)}.app{min-height:100vh;position:relative}.btn{font-family:Bangers;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer;border-radius:8px;transition:transform .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--red));color:#fff;font-size:24px;padding:14px 28px;box-shadow:0 6px 28px #ff6b0066}.btn-primary:hover{box-shadow:0 8px 36px #ff6b0099}.btn-secondary{background:var(--panel);color:var(--gold);border:2px solid var(--gold);font-size:22px;padding:12px 24px;box-shadow:0 0 16px #ffd7001a}.btn-secondary:hover{box-shadow:0 0 28px #ffd7004d;background:#ffd7000d}.btn-blue{background:var(--panel);color:#60a5fa;border:2px solid #3B82F6;font-size:22px;padding:12px 24px}.btn-blue:hover{background:#3b82f61a;box-shadow:0 0 28px #3b82f64d}.btn-back{background:var(--panel);border:1px solid var(--border);color:#fff;width:44px;height:44px;border-radius:8px;font-size:20px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.btn-back:hover{background:var(--border)}.zenny-badge{display:flex;align-items:center;gap:6px;font-family:Russo One;color:var(--gold)}.screen-header{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--border)}.screen-title{font-family:Bangers;font-size:28px;letter-spacing:3px;background:linear-gradient(90deg,#fff,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.notif{position:fixed;top:70px;left:50%;z-index:500;transform:translate(-50%) translateY(-20px);background:var(--panel);border:1px solid var(--border);border-radius:50px;padding:10px 24px;font-weight:700;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap}.notif.show{opacity:1;transform:translate(-50%) translateY(0)}.overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000d9;opacity:0;pointer-events:none;transition:opacity .3s}.overlay.show{opacity:1;pointer-events:all}.overlay-box{background:var(--panel);border-radius:20px;padding:40px 48px;text-align:center;border:2px solid var(--border);transform:scale(.85);transition:transform .4s;max-width:340px;width:90%}.overlay.show .overlay-box{transform:scale(1)}
