:root{--bg-dark: #080B12;--bg-darker: #030508;--bg-panel: #111827;--neon-cyan: #00E5FF;--neon-cyan-dim: rgba(0, 229, 255, .2);--neon-green: #39FF14;--neon-gold: #FFD700;--danger-red: #FF3333;--text-main: #FFFFFF;--text-muted: #9CA3AF;--font-main: "Inter", sans-serif;--font-title: "Oswald", sans-serif;font-family:var(--font-main);color:var(--text-main);background-color:var(--bg-darker);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;justify-content:center;min-height:100vh;background-color:#000;overflow-x:hidden}#root{width:100%;max-width:430px;min-height:100vh;background:radial-gradient(circle at 50% 30%,var(--bg-dark),var(--bg-darker) 80%);position:relative;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neon-cyan-dim);border-radius:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);text-transform:uppercase;letter-spacing:1px}button{font-family:var(--font-title);cursor:pointer;border:none;background:none;color:inherit;outline:none}.top-bar{position:absolute;top:0;left:0;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:linear-gradient(180deg,#030508e6,#03050800);z-index:50}.player-profile{display:flex;align-items:center;gap:8px}.avatar-placeholder{width:40px;height:40px;background:var(--bg-panel);border:2px solid var(--neon-cyan);border-radius:4px;display:flex;justify-content:center;align-items:center;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%)}.avatar-placeholder img{width:100%;height:100%;object-fit:cover}.avatar-initial{font-family:var(--font-title);font-size:1.2rem;color:var(--neon-cyan);font-weight:700}.avatar-placeholder.fallback-initial:after{content:"E";font-family:var(--font-title);font-size:1.2rem;color:var(--neon-cyan);font-weight:700}.player-info{display:flex;flex-direction:column}.player-name{font-family:var(--font-title);font-size:.9rem;letter-spacing:.5px;color:var(--text-main);text-transform:uppercase;line-height:1}.player-level{font-family:var(--font-main);font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.rank-badge{background:var(--neon-cyan);color:var(--bg-darker);font-weight:700;padding:0 4px;border-radius:2px;font-size:.6rem}.resources{display:flex;gap:12px}.resource-item{display:flex;align-items:center;background:#111827cc;border:1px solid rgba(255,255,255,.1);padding:4px 8px;border-radius:4px;gap:6px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.resource-icon{font-weight:700;font-size:.8rem}.gold-icon{color:var(--neon-gold)}.gem-icon{color:var(--neon-cyan)}.resource-amount{font-family:var(--font-title);font-size:.9rem;color:var(--text-main)}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.menu-btn:hover{transform:scale(1.1);color:var(--neon-cyan)}.settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center}.settings-modal{background:var(--bg-panel);border:1px solid var(--neon-cyan);border-radius:12px;width:80%;max-width:320px;box-shadow:0 0 20px #00e5ff33;display:flex;flex-direction:column;animation:modalPop .2s ease-out}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header h3{margin:0;font-family:var(--font-title);color:#fff;font-size:1.2rem}.close-btn{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer}.settings-content{padding:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-main);color:#fff}.lang-toggle-btn{background:#00e5ff1a;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:6px 12px;border-radius:6px;font-family:var(--font-title);cursor:pointer;transition:all .2s ease}.lang-toggle-btn:hover{background:#00e5ff33;box-shadow:0 0 10px #00e5ff4d}.hub-screen{position:relative;width:100%;height:100%;overflow:hidden}.hub-bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,229,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.05) 1px,transparent 1px);background-size:30px 30px;transform:perspective(500px) rotateX(60deg) translateY(-100px) scale(2);z-index:1}.hub-glow-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;background:radial-gradient(ellipse,#00e5ff33,#0000 70%);z-index:2}.character-container{position:absolute;bottom:60px;left:0;right:0;height:80vh;width:100%;z-index:10;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.character-image{width:100%;height:100%;object-fit:cover;object-position:bottom center;filter:drop-shadow(0 0 15px rgba(0,229,255,.5));pointer-events:auto}.character-name-vertical{position:absolute;left:-80px;bottom:30%;transform:rotate(-90deg);font-family:var(--font-title);font-size:4rem;color:#ffffff0d;white-space:nowrap;pointer-events:none}.hub-actions{position:absolute;right:16px;bottom:120px;display:flex;flex-direction:column;gap:16px;z-index:20}.action-btn{background:#0b1221cc;border:1px solid var(--neon-cyan-dim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:12px 24px;width:160px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);position:relative;overflow:hidden;transition:all .2s ease}.action-btn:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--neon-cyan)}.action-btn:hover,.action-btn:active{background:#00e5ff1a;border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan-dim)}.quick-match:before{background:var(--neon-cyan)}.gacha-btn:before{background:var(--neon-gold)}.btn-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.btn-title{font-size:1.2rem;color:var(--text-main);text-shadow:0 0 5px rgba(255,255,255,.5)}.btn-subtitle{font-family:var(--font-main);font-size:.7rem;color:var(--neon-cyan)}.gacha-btn .btn-subtitle{color:var(--neon-gold)}.ready-text{position:absolute;left:16px;bottom:40px;z-index:15;font-family:var(--font-title);font-style:italic;line-height:1.1;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.ready-text h2{font-size:2.2rem;color:var(--text-main);margin:0}.mini-card-container{position:relative;width:75px;height:110px;display:flex;flex-direction:column;transition:transform .2s ease,filter .2s ease;cursor:pointer;filter:drop-shadow(0 5px 10px rgba(0,0,0,.5))}.mini-card-container:hover{transform:translateY(-5px) scale(1.05);z-index:10}.mini-card-inner{flex:1;background:var(--bg-panel);position:relative;display:flex;flex-direction:column;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);border:2px solid var(--neon-cyan);box-shadow:inset 0 0 15px #000c;overflow:hidden}.rarity-sss .mini-card-inner{border-color:gold;box-shadow:inset 0 0 20px #ffd70066}.rarity-ssr .mini-card-inner{border-color:#f36;box-shadow:inset 0 0 20px #f366}.rarity-sr .mini-card-inner{border-color:var(--neon-cyan);box-shadow:inset 0 0 20px #00e5ff4d}.rarity-r .mini-card-inner{border-color:#a020f0}.rarity-n .mini-card-inner{border-color:#888}.mc-image-wrapper{flex:1;position:relative;width:100%;overflow:hidden;background:linear-gradient(180deg,#ffffff1a,#00000080)}.mc-ovr-badge{position:absolute;top:6px;left:6px;font-family:var(--font-title);font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.4);z-index:5}.mc-image{width:120%;height:120%;object-fit:cover;position:absolute;top:-10%;left:-10%}.mc-placeholder{width:100%;height:100%;background:repeating-linear-gradient(45deg,#111,#111 5px,#222 5px,#222 10px)}.mc-stats-bar{position:absolute;top:5px;right:5px;display:flex;flex-direction:column;gap:3px;z-index:5}.mc-badge{background:#000000d9;font-family:var(--font-title);font-size:.65rem;padding:2px 4px;border-radius:4px;border:1px solid rgba(255,255,255,.15);text-align:center}.mc-level{color:#fff}.mc-position{color:var(--neon-cyan)}.rarity-sss .mc-position{color:gold;border-color:#ffd70066}.rarity-ssr .mc-position{color:#f36;border-color:#f366}.mc-name-bar{background:#000000e6;padding:4px 2px;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.mc-name{font-family:var(--font-title);font-size:.65rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}@media (max-width: 360px){.mini-card-container{width:65px;height:95px}.mc-name{font-size:.55rem}.mc-ovr-badge{font-size:.95rem;top:4px;left:4px}.mc-stats-bar{top:4px;right:4px}}.squad-screen{width:100%;height:100%;display:flex;flex-direction:column;padding-top:20px;background:radial-gradient(circle at top,var(--bg-panel),var(--bg-darker));overflow-y:auto}.squad-header{text-align:center;margin-bottom:10px;z-index:10;flex-shrink:0}.empty-slot span{font-family:var(--font-main);font-size:.8rem;font-weight:700}.bottom-sheet-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:100;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .2s ease-out}.bottom-sheet{background:#0b162c;border-top:2px solid var(--neon-cyan);border-top-left-radius:20px;border-top-right-radius:20px;padding:20px;height:60vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.sheet-header h3{font-family:var(--font-title);color:var(--neon-cyan);margin:0}.close-sheet{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;overflow-y:auto;padding-bottom:20px}.sheet-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s}.sheet-item:hover{transform:scale(1.05)}.clear-item{justify-content:center;border:1px dashed rgba(255,0,0,.5);border-radius:10px;color:#f00c;font-size:.8rem;font-family:var(--font-main)}.clear-icon{font-size:2rem;margin-bottom:5px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.squad-notification{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;font-family:var(--font-title);font-size:.9rem;z-index:1000;text-align:center;box-shadow:0 5px 15px #00000080;animation:fadeIn .3s ease-out,pulseNew 1.5s infinite alternate;pointer-events:none}.squad-notification.error{background:#ff3366e6;color:#fff;border:1px solid #ff3366}.squad-notification.success{background:#39ff14e6;color:#000;border:1px solid #39ff14}.team-power-title{font-family:var(--font-title);font-size:1.5rem;font-style:italic;color:var(--text-main);text-shadow:0 0 10px rgba(255,51,51,.5)}.power-value{color:var(--danger-red);font-size:1.8rem}.formation-badge{display:inline-block;background:#00e5ff1a;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:4px 12px;border-radius:4px;font-family:var(--font-title);font-size:.9rem;margin-top:8px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.pitch-container{flex:1;position:relative;perspective:1200px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-top:10px;min-height:450px;flex-shrink:0}.pitch-bg{position:absolute;top:-30%;width:90%;height:138%;border:2px solid rgba(0,229,255,.4);transform:rotateX(55deg);background:linear-gradient(#0000 20%,#00e5ff26),repeating-linear-gradient(0deg,transparent,transparent 10%,rgba(0,229,255,.05) 10%,rgba(0,229,255,.05) 20%);border-radius:4px;box-shadow:0 0 30px #00e5ff33,0 20px 40px #000c;z-index:1}.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:2px solid rgba(0,229,255,.4);border-radius:50%}.center-line{position:absolute;top:50%;left:0;width:100%;height:2px;background:#00e5ff66;transform:translateY(-50%)}.penalty-box{position:absolute;width:50%;left:25%;height:18%;border:2px solid rgba(0,229,255,.4)}.penalty-box.top{top:0;border-top:none}.penalty-box.bottom{bottom:0;border-bottom:none}.d-arc{position:absolute;width:80px;height:40px;left:50%;transform:translate(-50%);border:2px solid rgba(0,229,255,.4);border-radius:100px 100px 0 0}.penalty-box.top .d-arc{bottom:-42px;transform:translate(-50%) rotate(180deg)}.penalty-box.bottom .d-arc{top:-42px}.formation-grid{position:absolute;top:15%;left:5%;width:90%;height:75%;z-index:5;pointer-events:none}.squad-slot{position:absolute;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.squad-slot:hover{transform:translate(-50%,-50%) scale(1.1);z-index:10}.squad-slot.empty{width:60px;height:65px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#00e5ff0d;border:1px dashed rgba(0,229,255,.5);display:flex;justify-content:center;align-items:center;animation:pulseEmpty 2s infinite alternate}.empty-slot-content{display:flex;flex-direction:column;align-items:center;color:#00e5ff99}.plus-icon{font-size:1.5rem;font-weight:700;line-height:1}.pos-label{font-family:var(--font-title);font-size:.7rem;margin-top:2px}@keyframes pulseEmpty{0%{box-shadow:inset 0 0 5px #00e5ff33;border-color:#00e5ff4d}to{box-shadow:inset 0 0 15px #00e5ff99;border-color:#00e5ffcc}}.squad-slot.filled{filter:drop-shadow(0 10px 10px rgba(0,0,0,.5))}.squad-slot.filled.rarity-SSS{filter:drop-shadow(0 0 15px rgba(255,215,0,.5))}.squad-slot.filled.rarity-SSR{filter:drop-shadow(0 0 10px rgba(255,51,102,.5))}.bottom-sheet{background:#0b162cd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--neon-cyan);border-top-left-radius:20px;border-top-right-radius:20px;padding:20px;height:65vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 -10px 30px #00e5ff1a}.sheet-item{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s;padding:5px;border-radius:8px}.sheet-item:hover{transform:scale(1.05);background:#ffffff0d}.sheet-item.equipped{opacity:.5;filter:grayscale(80%);pointer-events:none}.equipped-badge{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:#ff3366e6;color:#fff;font-family:var(--font-title);font-size:.8rem;padding:2px 6px;border:1px solid white;box-shadow:0 2px 5px #00000080;z-index:10;white-space:nowrap}.clear-item{justify-content:center;border:1px dashed rgba(255,51,102,.5);background:#ff33660d;border-radius:10px;color:#f36c;font-size:.8rem;font-family:var(--font-main);font-weight:700}.clear-item:hover{background:#ff336626}.squad-actions{display:flex;justify-content:space-between;padding:10px 16px;margin-bottom:20px;z-index:10}.squad-btn{background:#0b1221cc;border:1px solid rgba(255,255,255,.2);color:var(--text-muted);padding:12px 0;flex:1;margin:0 4px;font-size:1rem;font-family:var(--font-title);transition:all .2s ease;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.squad-btn.active{background:linear-gradient(135deg,#00e5ff33,#0064ff66);border-color:var(--neon-cyan);color:#fff;text-shadow:0 0 5px var(--neon-cyan);box-shadow:0 0 15px #00e5ff4d}.squad-btn.active:hover{transform:scale(1.02);box-shadow:0 0 25px #00e5ff80}.gacha-screen{position:relative;width:100%;height:100%;overflow:hidden;background-color:#02050a;display:flex;flex-direction:column}.pre-summon{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:60px;height:100%}.summon-center{display:flex;flex-direction:column;align-items:center;gap:24px;z-index:10;margin-top:auto;margin-bottom:auto;position:relative}.banner-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:420px;background:radial-gradient(circle,rgba(0,229,255,.15) 0%,transparent 70%);filter:blur(30px);z-index:-1;pointer-events:none;animation:glowPulse 4s ease-in-out infinite alternate}@keyframes glowPulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.6}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.summon-title-big{font-family:var(--font-title);font-size:2.4rem;text-shadow:0 0 15px rgba(0,229,255,.7);color:#fff;font-style:italic;letter-spacing:2px;animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 10px rgba(0,229,255,.5),0 0 2px rgba(0,229,255,.3)}to{text-shadow:0 0 25px rgba(0,229,255,.9),0 0 5px rgba(0,229,255,.5)}}.summon-banner{width:260px;height:360px;border:2px solid var(--neon-cyan);box-shadow:0 0 25px #00e5ff40;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;clip-path:polygon(25px 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 25px);background:#060e1b}.banner-image{height:100%;width:100%;object-fit:cover;filter:brightness(.7) contrast(1.1);transition:transform .5s ease;position:relative;z-index:2}.banner-glass-effect{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;pointer-events:none;z-index:1;transition:transform .5s ease}.summon-banner:hover .banner-glass-effect,.summon-banner:hover .banner-image{transform:scale(1.05)}.banner-overlay-text{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,#00e5ff66,#000c 60%);border-top:1px solid var(--neon-cyan);color:#fff;font-family:var(--font-title);font-size:.95rem;text-align:center;padding:8px 0;font-style:italic;letter-spacing:1px}.pull-buttons{display:flex;gap:10px;margin-top:20px;width:100%;max-width:400px;padding:0 15px;flex-wrap:wrap;justify-content:center}.pull-btn{background:linear-gradient(135deg,#00e5ff,#0083b0);border:2px solid var(--neon-cyan);padding:12px 24px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);cursor:pointer;box-shadow:0 0 15px #00e5ff66;transition:all .2s ease;flex:1;min-width:140px}.pull-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #00e5ffcc}.pull-btn:active{transform:scale(.98)}.pull-btn-content{display:flex;flex-direction:column;align-items:center;font-family:var(--font-title);gap:2px}.pull-btn-content span:first-child{font-size:1.4rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);letter-spacing:1px}.pull-cost{color:#fff;font-family:var(--font-main);font-weight:800;font-size:.85rem;opacity:.95;background:#0006;padding:2px 8px;border-radius:10px;border:1px solid rgba(0,229,255,.3)}.chains-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#02050af2;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:bgFadeIn .3s ease-out forwards}.chain{position:absolute;background:repeating-linear-gradient(45deg,#00e5ff26,#00e5ff26 10px,#00e5ff66 10px,#00e5ff66 20px);border:2px solid var(--neon-cyan);box-shadow:0 0 15px #00e5ff80;height:30px;width:150%;animation:chainVibrate .1s infinite alternate}.chain-1{transform:rotate(35deg);top:25%;left:-25%}.chain-2{transform:rotate(-35deg);top:55%;left:-25%;animation-delay:.05s}.chain-3{transform:rotate(10deg);top:45%;left:-25%;height:40px;animation-delay:.02s}.chain-4{transform:rotate(-10deg);top:35%;left:-25%;height:40px;animation-delay:.07s}.ego-lock{position:relative;width:120px;height:120px;z-index:110;animation:lockAssemble .8s cubic-bezier(.175,.885,.32,1.275) forwards,lockVibrate .1s infinite .6s}.lock-body{position:absolute;bottom:0;left:10px;width:100px;height:80px;background:#091322;border:3px solid var(--neon-cyan);border-radius:12px;box-shadow:0 0 30px #00e5ff99,inset 0 0 15px #00e5ff4d;display:flex;justify-content:center;align-items:center;color:#fff;font-family:var(--font-title);font-size:1.8rem;font-style:italic;letter-spacing:2px;text-shadow:0 0 10px var(--neon-cyan)}.lock-shackle{position:absolute;top:10px;left:25px;width:70px;height:60px;border:12px solid var(--neon-cyan);border-bottom:none;border-top-left-radius:35px;border-top-right-radius:35px;z-index:-1;box-shadow:0 0 15px #00e5ff66}.summon-status{margin-top:40px;font-family:var(--font-title);font-size:1.1rem;color:var(--neon-cyan);letter-spacing:3px;text-shadow:0 0 10px rgba(0,229,255,.5);animation:pulseText 1s infinite alternate;z-index:110}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chainVibrate{0%{transform:translate(-2px,-1px) rotate(var(--r, 35deg))}to{transform:translate(2px,1px) rotate(var(--r, 35deg))}}.chain-1{--r: 35deg}.chain-2{--r: -35deg}.chain-3{--r: 10deg}.chain-4{--r: -10deg}@keyframes lockAssemble{0%{transform:scale(0) rotate(-180deg);opacity:0}70%{transform:scale(1.1) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes lockVibrate{0%{transform:translate(-3px,-2px) rotate(-1deg)}to{transform:translate(3px,2px) rotate(1deg)}}.puzzle-fuse-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#02050a;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.puzzle-piece{position:absolute;width:44px;height:44px;background:#00e5ff40;border:1px solid var(--neon-cyan);box-shadow:0 0 12px #00e5ff66;clip-path:polygon(30% 0%,40% 0%,40% 15%,60% 15%,60% 0%,70% 0%,70% 30%,85% 30%,85% 40%,100% 40%,100% 60%,85% 60%,85% 70%,70% 70%,70% 100%,30% 100%,30% 70%,0% 70%,0% 30%,30% 30%);animation:puzzleFlyIn .8s cubic-bezier(.25,.46,.45,.94) forwards}.piece-0{left:10%;top:15%;animation-delay:0s;--tx: 100px;--ty: 150px}.piece-1{left:80%;top:10%;animation-delay:.05s;--tx: -150px;--ty: 180px}.piece-2{left:15%;top:75%;animation-delay:.1s;--tx: 80px;--ty: -120px}.piece-3{left:85%;top:80%;animation-delay:.08s;--tx: -120px;--ty: -150px}.piece-4{left:50%;top:10%;animation-delay:.12s;--tx: 0px;--ty: 180px}.piece-5{left:50%;top:85%;animation-delay:.02s;--tx: 0px;--ty: -180px}.piece-6{left:5%;top:45%;animation-delay:.15s;--tx: 140px;--ty: 0px}.piece-7{left:90%;top:45%;animation-delay:.18s;--tx: -140px;--ty: 0px}.piece-8{left:25%;top:30%;animation-delay:.04s;--tx: 60px;--ty: 80px}.piece-9{left:75%;top:30%;animation-delay:.07s;--tx: -60px;--ty: 80px}.piece-10{left:25%;top:60%;animation-delay:.11s;--tx: 60px;--ty: -80px}.piece-11{left:75%;top:60%;animation-delay:.14s;--tx: -60px;--ty: -80px}@keyframes puzzleFlyIn{0%{transform:scale(1) rotate(0);opacity:.8}to{transform:translate(var(--tx),var(--ty)) scale(.1) rotate(360deg);opacity:0}}.fuse-core{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--neon-cyan) 50%,rgba(0,131,176,.4) 100%);box-shadow:0 0 40px var(--neon-cyan),0 0 80px #00e5ff80;animation:coreExpand .9s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes coreExpand{0%{transform:scale(.5);opacity:.5}50%{transform:scale(1.5);opacity:1}85%{transform:scale(.9);opacity:.9}to{transform:scale(8);opacity:1;background:#fff}}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:200;animation:flashOut .4s ease-out forwards}@keyframes flashOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.summoning-flow.state-revealed{animation:screenShake .4s ease-out}@keyframes screenShake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-4px,-6px) rotate(-1deg)}30%{transform:translate(6px,4px) rotate(1.5deg)}50%{transform:translate(-6px,5px) rotate(-1deg)}70%{transform:translate(4px,-3px) rotate(.5deg)}90%{transform:translate(-2px,2px) rotate(-.5deg)}}.post-summon{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background-color:#02050a;overflow-y:auto;padding-bottom:20px;padding-top:80px}.pull-grid-10x{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding:15px;z-index:10;position:relative;max-width:800px;margin:0 auto;width:100%}.pull-card-mini{position:relative;background:#0a0f19d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px 10px;text-align:center;overflow:hidden;box-shadow:0 4px 15px #00000080;transition:transform .2s ease,box-shadow .2s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);animation:cardFadeIn .5s ease backwards}.pull-card-mini:nth-child(n){animation-delay:calc(n/20s)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pull-card-mini.rarity-R{border-color:#c8c8c866;box-shadow:inset 0 0 10px #c8c8c81a}.pull-card-mini.rarity-SR{border-color:#00e5ff80;box-shadow:inset 0 0 15px #00e5ff33}.pull-card-mini.rarity-SSR{border-color:#f369;box-shadow:inset 0 0 20px #ff336640,0 0 10px #f366}.pull-card-mini.rarity-SSS{background:linear-gradient(135deg,#140f05f2,#281e0ae6);border:1px solid var(--neon-gold);box-shadow:inset 0 0 25px #ffd7004d,0 0 15px #ffd70080}.mini-card-glint{position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-25deg);animation:glintSweep 3s infinite;pointer-events:none}.mini-card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}.mini-card-portrait-bg{position:absolute;right:-10px;bottom:0;height:120%;width:auto;object-fit:cover;opacity:.8;z-index:1;pointer-events:none;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.mini-card-rarity{font-family:var(--font-title);font-size:1.1rem;font-weight:800;text-shadow:0 0 5px currentColor}.rarity-R .mini-card-rarity{color:#ccc}.rarity-SR .mini-card-rarity{color:var(--neon-cyan)}.rarity-SSR .mini-card-rarity{color:#f36}.rarity-SSS .mini-card-rarity{color:var(--neon-gold);font-size:1.3rem;letter-spacing:1px}.mini-card-name{font-size:.95rem;color:#fff;font-weight:700}.rarity-SSS .mini-card-name{color:#fffde7;text-shadow:0 0 8px var(--neon-gold)}.mini-card-dupe{font-size:.75rem;color:#888;margin-top:2px}.mini-card-dupe.is-new{color:var(--neon-green);font-weight:700;text-shadow:0 0 5px rgba(57,255,20,.5);animation:pulseNew 1.5s infinite alternate}@keyframes pulseNew{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}@keyframes floatShard{0%{transform:translateY(0) rotate(var(--start-rot, 0deg)) scale(1);opacity:.9}to{transform:translateY(-80px) rotate(calc(var(--start-rot, 0deg) + 180deg)) scale(1.2);opacity:.2}}.glow-rings-container{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:380px;height:380px;display:flex;justify-content:center;align-items:center;z-index:2;pointer-events:none}.glow-ring{position:absolute;border-radius:50%}.ring-outer{width:360px;height:360px;border:2px dashed rgba(0,229,255,.4);box-shadow:0 0 30px #00e5ff26;animation:spinClockwise 25s linear infinite}.ring-middle{width:290px;height:290px;border:3px dotted var(--neon-gold);box-shadow:0 0 25px #ffd70033,inset 0 0 25px #ffd70026;animation:spinCounterClockwise 15s linear infinite}.ring-inner{width:220px;height:220px;border:2px solid rgba(0,229,255,.6);box-shadow:0 0 35px #00e5ff66,inset 0 0 20px #00e5ff4d;animation:spinClockwise 8s linear infinite}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.blue-ego-flames{position:absolute;top:15%;left:10%;width:80%;height:52%;background:radial-gradient(circle,rgba(0,180,219,.25) 0%,rgba(0,229,255,.08) 45%,transparent 75%);filter:blur(25px);z-index:1;pointer-events:none;animation:auraPulse 3s ease-in-out infinite alternate}@keyframes auraPulse{0%{transform:scale(.9) rotate(0);opacity:.6}to{transform:scale(1.15) rotate(15deg);opacity:.95}}.sparkles-container{position:absolute;top:15%;left:5%;width:90%;height:55%;z-index:2;pointer-events:none;overflow:hidden}.sparkle{position:absolute;bottom:0;width:6px;height:6px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);opacity:0;animation:riseUp 5s linear infinite}.sp-0{left:15%;width:4px;height:4px;animation-duration:4s;animation-delay:0s}.sp-1{left:30%;width:6px;height:6px;animation-duration:6s;animation-delay:1s}.sp-2{left:45%;width:5px;height:5px;animation-duration:5s;animation-delay:.5s}.sp-3{left:60%;width:7px;height:7px;animation-duration:7s;animation-delay:1.5s}.sp-4{left:75%;width:3px;height:3px;animation-duration:4.5s;animation-delay:2s}.sp-5{left:20%;width:6px;height:6px;animation-duration:5.5s;animation-delay:3s}.sp-6{left:55%;width:5px;height:5px;animation-duration:4.2s;animation-delay:2.5s}.sp-7{left:80%;width:8px;height:8px;animation-duration:6.5s;animation-delay:.2s}.sp-8{left:40%;width:4px;height:4px;animation-duration:5s;animation-delay:3.5s}.sp-9{left:70%;width:6px;height:6px;animation-duration:5.8s;animation-delay:1.2s}@keyframes riseUp{0%{transform:translateY(100%) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-300px) scale(.2);opacity:0}}.results-header{position:relative;width:100%;z-index:15;display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:20px}.slanted-title{background:#0b182bf2;border:1px solid var(--neon-cyan);padding:6px 35px;font-family:var(--font-title);font-size:1.25rem;color:#fff;transform:skew(-15deg);box-shadow:0 0 15px #00e5ff66}.awaken-text{margin-top:10px;display:flex;flex-direction:column;align-items:center;font-family:var(--font-title);font-size:1.8rem;font-style:italic;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;line-height:1.1;transform:rotate(-3deg)}.egoist-word{color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,229,255,.6)}.character-display{position:relative;width:100%;flex:1;display:flex;justify-content:center;align-items:center;z-index:10;min-height:400px}.bg-character-art{position:absolute;height:115%;opacity:.35;filter:blur(4px) sepia(1) hue-rotate(185deg) saturate(3) brightness(1.2);z-index:4;pointer-events:none;animation:silhouetePulse 6s ease-in-out infinite alternate}.bg-glass-effect{position:absolute;top:-15%;left:-15%;width:130%;height:130%;object-fit:cover;opacity:.45;filter:blur(2px) sepia(.5) hue-rotate(185deg) saturate(2) brightness(1.5);z-index:3;pointer-events:none;animation:silhouetePulse 6s ease-in-out infinite alternate}@keyframes silhouetePulse{0%{transform:scale(1) rotate(0);opacity:.25}to{transform:scale(1.08) rotate(2deg);opacity:.45}}.pulled-card{position:relative;width:250px;height:350px;background:linear-gradient(135deg,#081224f2,#040912f2);border:3px solid transparent;border-image:linear-gradient(45deg,var(--neon-cyan),var(--neon-gold),var(--neon-cyan)) 1;box-shadow:0 0 35px #00e5ff66,0 0 15px #ffd70033;z-index:20;overflow:hidden;border-radius:12px;animation:cardPop .7s cubic-bezier(.175,.885,.32,1.25) forwards}@keyframes cardPop{0%{transform:scale(0) rotate(-15deg);opacity:0;filter:brightness(3)}70%{transform:scale(1.08) rotate(2deg);opacity:1;filter:brightness(1.5)}to{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}}.card-rank{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;z-index:6;text-shadow:0 2px 4px rgba(0,0,0,.8)}.sss-text{font-family:var(--font-title);font-size:2.6rem;color:var(--neon-gold);line-height:.8;font-style:italic;font-weight:900;letter-spacing:-2px;text-shadow:0 0 15px rgba(255,215,0,.7)}.rank-label{font-size:.65rem;font-weight:700;letter-spacing:2px;color:#ffffffb3;margin-top:2px}.card-position{position:absolute;top:54px;left:12px;background:linear-gradient(90deg,var(--neon-cyan),transparent);padding:1px 18px 1px 6px;font-family:var(--font-title);font-size:.8rem;color:#fff;z-index:6;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);border-left:2px solid #fff}.card-stats{position:absolute;bottom:84px;right:12px;text-align:right;font-family:var(--font-title);font-size:.9rem;z-index:6;text-shadow:0 2px 4px rgba(0,0,0,.9);display:flex;flex-direction:column;gap:2px}.stat-val{color:var(--neon-cyan);font-weight:700;font-size:1.1rem;text-shadow:0 0 5px rgba(0,229,255,.5)}.card-art{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:105%;width:105%;object-fit:cover;z-index:4;pointer-events:none;filter:drop-shadow(0 0 15px rgba(0,0,0,.8));animation:artFloat 4s ease-in-out infinite alternate}@keyframes artFloat{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-5px)}}.card-footer{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 40%,transparent 100%);padding:12px 10px 10px;z-index:5;text-align:center;border-top:1px solid rgba(0,229,255,.2)}.card-name{font-family:var(--font-title);font-size:1.45rem;color:#fff;text-shadow:0 0 10px var(--neon-cyan);font-style:italic}.card-title{color:var(--neon-gold);font-size:.75rem;font-weight:800;letter-spacing:1px;margin-top:2px;text-transform:uppercase}.card-stars{color:var(--neon-gold);font-size:1.05rem;letter-spacing:3px;margin-top:4px;text-shadow:0 0 8px rgba(255,215,0,.6)}.card-glint{position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 70%,transparent 100%);transform:skew(-25deg);z-index:22;pointer-events:none;animation:glintSweep 4s ease-in-out infinite}@keyframes glintSweep{0%{left:-150%}35%{left:150%}to{left:150%}}.gacha-actions{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:30;margin-top:20px}.pull-again-btn{background:linear-gradient(135deg,#00e5ff40,#0064ff73);border:2px solid var(--neon-cyan);padding:12px 45px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);box-shadow:0 0 20px #00e5ff66;cursor:pointer;transition:all .2s ease}.pull-again-btn:hover{transform:scale(1.04);box-shadow:0 0 30px #00e5ffb3}.pull-again-btn:active{transform:scale(.97)}.btn-main-text{font-size:1.4rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.btn-sub-text{font-size:.75rem;letter-spacing:2px;color:#ffffffb3;font-weight:700}.secondary-actions{display:flex;justify-content:center;gap:20px;width:100%}.share-btn,.continue-btn{background:#0b182bcc;border:1px solid rgba(255,255,255,.25);padding:10px 25px;font-size:.85rem;color:#ffffffd9;font-family:var(--font-title);letter-spacing:1px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer;transition:all .2s ease}.share-btn:hover{background:#ffffff26;color:#fff;border-color:#fff6}.continue-btn{background:#0083b059;border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 5px rgba(0,229,255,.4)}.continue-btn:hover{background:#00e5ff40;box-shadow:0 0 15px #00e5ff66;color:#fff}.splash-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;background-color:#02050a80;animation:splashFadeIn .5s ease-out forwards}@keyframes splashFadeIn{0%{opacity:0;transform:scale(1.1);filter:brightness(2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.splash-rings{z-index:45;top:50%;transform:translate(-50%,-50%) scale(1.3)}.splash-flames{z-index:44;top:10%;height:80%;width:100%;left:0;filter:blur(15px)}.splash-character-container{position:absolute;top:15%;height:85%;display:flex;justify-content:center;align-items:center;z-index:55;pointer-events:none;animation:floatSplash 6s ease-in-out infinite alternate}.splash-character-art{height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,229,255,.6));animation:silhouetteReveal 1.5s cubic-bezier(.175,.885,.32,1.275) forwards;position:relative;z-index:2}.splash-glass-effect{position:absolute;top:-15%;left:-15%;width:130%;height:130%;object-fit:cover;z-index:1;pointer-events:none}@keyframes silhouetteReveal{0%{filter:brightness(0) drop-shadow(0 0 5px rgba(0,229,255,0));transform:scale(1.2) translateY(-20px)}40%{filter:brightness(0) drop-shadow(0 0 30px rgba(0,229,255,.9));transform:scale(1) translateY(0)}60%{filter:brightness(0) drop-shadow(0 0 30px rgba(0,229,255,.9));transform:scale(1) translateY(0)}70%{filter:brightness(3) drop-shadow(0 0 50px rgba(255,255,255,1));transform:scale(1.02)}to{filter:brightness(1) drop-shadow(0 0 20px rgba(0,229,255,.6));transform:scale(1) translateY(0)}}@keyframes floatSplash{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.splash-title-container{position:absolute;top:10%;z-index:60;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;animation:titleDrop .8s cubic-bezier(.175,.885,.32,1.275) 1.2s forwards}@keyframes titleDrop{0%{transform:translateY(-50px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.splash-character-name{font-family:var(--font-title);font-size:3rem;color:#fff;text-shadow:0 0 20px rgba(0,229,255,.8),2px 2px 0px #000;font-style:italic;letter-spacing:2px;text-align:center}.splash-character-title{color:var(--neon-gold);font-family:var(--font-title);font-size:1.5rem;letter-spacing:4px;text-shadow:0 0 15px rgba(255,215,0,.6),1px 1px 0px #000;margin-top:5px}.tap-to-continue{position:absolute;bottom:8%;font-family:var(--font-title);font-size:1.2rem;color:#ffffffe6;letter-spacing:3px;text-shadow:0 0 10px var(--neon-cyan);opacity:0;animation:tapReveal .5s ease-out 1.5s forwards,tapPulse 1.5s infinite alternate 2s;z-index:60}@keyframes tapReveal{to{opacity:.3}}@keyframes tapPulse{0%{opacity:.3;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.action-lines-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:52;overflow:hidden}.action-line{position:absolute;top:calc(50% - var(--thick) / 2);left:50%;width:var(--len);height:var(--thick);transform-origin:left center;opacity:0;background:linear-gradient(90deg,#fff,var(--neon-cyan));clip-path:polygon(0 50%,100% 0,100% 100%);animation:actionLineShoot var(--duration) cubic-bezier(.1,.9,.2,1) var(--delay) forwards}@keyframes actionLineShoot{0%{transform:rotate(var(--rot)) translate(var(--offset-start)) scaleX(0);opacity:0;filter:drop-shadow(0 0 8px var(--neon-cyan)) brightness(2)}15%{transform:rotate(var(--rot)) translate(var(--offset-start)) scaleX(1);opacity:1;filter:drop-shadow(0 0 15px var(--neon-cyan)) brightness(1.5)}to{transform:rotate(var(--rot)) translate(var(--offset-end)) scaleX(1.1);opacity:0;filter:drop-shadow(0 0 5px var(--neon-cyan)) brightness(1)}}.roster-screen{width:100%;height:100%;padding-top:60px;background:radial-gradient(circle at top left,#0B162C,var(--bg-darker));display:flex;flex-direction:column}.roster-content{flex:1;padding:20px;overflow-y:auto}.roster-header{margin-bottom:20px}.roster-title{font-family:var(--font-title);font-size:1.8rem;color:var(--text-main);text-shadow:0 0 10px rgba(0,229,255,.5);margin-bottom:15px}.roster-filter{display:flex;gap:10px}.filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-muted);padding:5px 15px;border-radius:15px;font-size:.8rem}.filter-btn.active{background:#00e5ff33;border-color:var(--neon-cyan);color:var(--neon-cyan)}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:20px 10px;padding-bottom:40px}.roster-item{display:flex;justify-content:center;transition:transform .2s;cursor:pointer}.roster-item.owned:hover{transform:scale(1.05)}.roster-item.unowned{filter:grayscale(100%) opacity(.5);pointer-events:none}.roster-divider{display:flex;align-items:center;justify-content:center;margin:30px 0 20px;gap:15px}.divider-line{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent)}.divider-text{font-family:var(--font-title);font-size:1.1rem;color:#fff9;letter-spacing:2px;text-shadow:0 0 5px rgba(0,229,255,.3)}.awaken-panel-wrapper{width:100%;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.awaken-panel-title{position:absolute;top:-5px;left:5px;font-family:var(--font-title, sans-serif);font-size:1.8rem;font-weight:900;color:#fff;margin:0;letter-spacing:1px;z-index:5;text-transform:uppercase}.awaken-panel-card{position:relative;width:100%;height:auto;min-height:110px;background:#fff3;padding:1px;border-radius:12px;clip-path:polygon(-10px 35px,155px 35px,170px -10px,calc(100% + 10px) -10px,calc(100% + 10px) calc(100% + 10px),-10px calc(100% + 10px));cursor:default;transition:all .3s ease}.awaken-panel-card.can-awaken{cursor:pointer}.awaken-panel-card.can-awaken:hover{background:var(--neon-green, #39ff14);box-shadow:0 0 15px #39ff1480}.awaken-card-bg{position:relative;background:#1e233299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:100%;border-radius:11px;clip-path:polygon(-10px 34px,154px 34px,169px -10px,calc(100% + 10px) -10px,calc(100% + 10px) calc(100% + 10px),-10px calc(100% + 10px));display:flex;overflow:hidden}.awaken-card-bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.4) 36%,rgba(255,255,255,.1) 37%,transparent 38%),linear-gradient(60deg,transparent 65%,rgba(255,255,255,.5) 66%,transparent 67%),linear-gradient(-45deg,transparent 20%,rgba(255,255,255,.3) 21%,transparent 22%),linear-gradient(80deg,transparent 80%,rgba(255,255,255,.2) 81%,transparent 82%);mix-blend-mode:overlay;opacity:.7}.awaken-card-content{display:flex;width:100%;padding:30px 15px 15px;align-items:center;justify-content:space-between}.awaken-section-label{font-size:.7rem;font-family:var(--font-main, sans-serif);color:#fff;opacity:.9;margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;line-height:1.2}.awaken-left-section{flex:1;display:flex;flex-direction:column;align-items:flex-start}.awaken-stars-container{display:flex;gap:5px}.awaken-star{width:38px;height:38px;color:#ffffff26}.awaken-star.active{color:var(--neon-green, #39ff14);filter:drop-shadow(0 0 6px rgba(57,255,20,.5))}.awaken-star.next{color:var(--neon-green, #39ff14);opacity:.5;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.awaken-divider{width:1px;height:60px;background:#fff3;margin:0 15px}.awaken-right-section{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding-left:10px}.awaken-material-info{display:flex;align-items:center;gap:15px;margin-top:5px}.awaken-material-avatar{position:relative;width:65px;height:65px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#000}.material-img-wrapper{width:100%;height:100%;overflow:hidden;background-color:#1a1f2b;display:flex;justify-content:center;align-items:center}.material-img{width:100%;height:100%;object-fit:cover;color:transparent}.material-badge-top-left{position:absolute;top:-1px;left:-1px;background:#000000b3;color:#fff;font-size:.55rem;padding:2px 4px;font-weight:700;border-bottom-right-radius:4px;border-top-left-radius:4px}.material-badge-top-right{position:absolute;top:-1px;right:-1px;background:#ff2a2a;color:#fff;font-size:.55rem;padding:2px 5px;font-weight:700;border-bottom-left-radius:4px;border-top-right-radius:4px}.material-badge-bottom-right{position:absolute;bottom:14px;right:2px;color:#fff;font-size:.5rem;font-weight:700;text-shadow:1px 1px 2px black,-1px -1px 2px black,0 0 5px black}.material-badge-bottom-full{position:absolute;bottom:-1px;left:-1px;width:calc(100% + 2px);background:#000000e6;color:#fff;font-size:.55rem;text-align:center;padding:2px 0;font-weight:700;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.text-green{color:var(--neon-green, #39ff14)}.text-red{color:#f33}.awaken-material-count{display:flex;flex-direction:column;align-items:flex-start}.count-value{font-size:1.5rem;font-weight:700;line-height:1}.count-label{font-size:.75rem;color:#fff9;margin-top:4px}.level-up-button-wrapper{width:100%;margin-bottom:0;filter:drop-shadow(0 0 10px rgba(57,255,20,.4));transition:all .2s ease-in-out;cursor:pointer}.level-up-button-wrapper:hover{filter:drop-shadow(0 0 15px rgba(57,255,20,.8));transform:scale(1.02)}.level-up-button-wrapper.disabled{filter:grayscale(100%) opacity(.5);cursor:not-allowed;transform:none}.level-up-outer-glow{width:100%;background:linear-gradient(135deg,#a8ffb2,#39ff14);padding:2px;clip-path:polygon(25px 0,calc(100% - 25px) 0,100% 50%,calc(100% - 25px) 100%,25px 100%,0 50%)}.level-up-inner-bg{width:100%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#5dff72,#29e03f);clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,24px 100%,0 50%);padding:10px 15px}.level-up-side{width:50px;display:flex;justify-content:center;align-items:center}.level-up-hex-icon{width:100%;height:auto;fill:#00000040}.level-up-content{flex:1;display:flex;flex-direction:column;align-items:center;color:#000}.level-up-title{font-family:var(--font-title, sans-serif);font-size:1.4rem;font-weight:900;line-height:1;margin-bottom:2px}.level-up-level-transition{font-family:var(--font-main, sans-serif);font-size:.9rem;font-weight:700;margin-bottom:1px}.level-up-cost{font-family:var(--font-main, sans-serif);font-size:.8rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out forwards}.modal-content.glass-effect{background:#0f141ed9;border:1px solid rgba(0,255,255,.3);box-shadow:0 0 20px #00ffff1a,inset 0 0 20px #00000080;border-radius:12px;padding:25px;width:90%;max-width:350px;text-align:center;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}.modal-title{font-family:var(--font-title, sans-serif);color:var(--neon-cyan, #00ffff);font-size:1.5rem;margin-top:0;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.modal-message{font-family:var(--font-main, sans-serif);color:#fff;font-size:1rem;margin-bottom:25px;line-height:1.4}.modal-actions{display:flex;justify-content:space-between;gap:15px}.modal-btn{flex:1;padding:12px 0;border-radius:8px;font-family:var(--font-title, sans-serif);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ccc}.cancel-btn:hover{background:#ffffff1a;color:#fff}.confirm-btn{background:#00ffff1a;border:1px solid var(--neon-cyan, #00ffff);color:var(--neon-cyan, #00ffff);box-shadow:0 0 10px #0ff3}.confirm-btn:hover{background:#0ff3;box-shadow:0 0 15px #0ff6}.modal-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.char-screen{position:relative;width:100%;height:100%;overflow:hidden;background-color:#030812;color:#fff}.back-btn{position:absolute;top:15px;left:15px;z-index:50;background:#00000080;border-radius:50%;padding:8px;display:flex;justify-content:center;align-items:center;border:1px solid var(--neon-cyan-dim)}.char-content-layout{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:10;-webkit-overflow-scrolling:touch}.char-content-layout::-webkit-scrollbar{display:none}.char-hero{position:relative;width:100%;flex-shrink:0;min-height:280px;max-height:340px;overflow:hidden}.char-hero-art{position:relative;width:100%;height:100%}.char-hero-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.char-hero-gradient{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,#030812 0%,rgba(3,8,18,.7) 40%,transparent 100%);pointer-events:none}.char-hero-info{position:absolute;bottom:12px;left:15px;right:15px;z-index:5}.char-name{font-family:var(--font-title);font-size:2.2rem;line-height:1.1;text-shadow:0 0 10px var(--neon-cyan),0 2px 10px rgba(0,0,0,.8);margin-bottom:8px}.char-badges{display:flex;gap:10px;align-items:center}.char-level-badge{font-family:var(--font-main);font-size:.9rem;display:flex;align-items:center;gap:8px;background:#00e5ff26;padding:4px 10px;border-radius:4px;border:1px solid rgba(0,229,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.awaken-badge{background:#ffd70026;border-color:#ffd70066;color:gold}.current-lvl{font-weight:700;font-size:1.2rem}.position-badge{background:var(--danger-red);padding:2px 8px;border-radius:4px;font-weight:700}.char-stats-row{display:flex;flex-direction:row;align-items:stretch;gap:10px;margin:12px 15px;flex-shrink:0;position:relative;transition:filter .3s ease}.char-stats-row.stats-flash{animation:statsGlowPulse 1.5s ease-out}@keyframes statsGlowPulse{0%{filter:drop-shadow(0 0 0px transparent)}15%{filter:drop-shadow(0 0 20px rgba(57,255,20,.8)) drop-shadow(0 0 40px rgba(57,255,20,.4))}40%{filter:drop-shadow(0 0 12px rgba(0,229,255,.6)) drop-shadow(0 0 25px rgba(0,229,255,.3))}to{filter:drop-shadow(0 0 0px transparent)}}.char-stats-container{background:#0a0f1e80;border:1px solid var(--neon-cyan-dim);border-radius:12px;padding:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000080,inset 0 0 15px #00e5ff1a;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.char-overall-rating{width:100px;flex-shrink:0;background:#0a0f1e99;border:1px solid var(--neon-cyan-dim);border-radius:12px;padding:12px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000080,inset 0 0 15px #00e5ff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.overall-label{font-family:var(--font-title);font-size:.65rem;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.overall-number{font-family:var(--font-title);font-size:2.8rem;font-weight:900;line-height:1;text-shadow:0 0 15px currentColor}.overall-tier{font-family:var(--font-title);font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 8px currentColor;margin-top:2px}.overall-divider{width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan-dim),transparent);margin:6px 0}.overall-total-label{font-family:var(--font-main);font-size:.55rem;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase}.overall-total-value{font-family:var(--font-title);font-size:1.1rem;font-weight:700;color:#fff}.char-actions-panel{display:flex;flex-direction:column;gap:8px;padding:0 15px 15px;flex-shrink:0}.char-actions-panel>*{width:100%}.dna-panel{position:absolute;top:150px;right:10px;width:45%;z-index:10;background:#000a1eb3;border:1px solid rgba(0,229,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px;border-radius:8px}.dna-title{font-family:var(--font-title);text-align:center;color:var(--neon-cyan);margin-bottom:20px;font-style:italic}.dna-tree{position:relative;height:250px;display:flex;justify-content:center;align-items:center}.dna-tree:before{content:"";position:absolute;width:2px;height:100%;background:var(--neon-cyan-dim);z-index:-1}.dna-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px}.dna-hex{width:40px;height:45px;background:#111;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;justify-content:center;align-items:center;border:2px solid #555}.active .dna-hex{border-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green);color:var(--neon-green)}.locked .dna-hex{border-color:#555;color:#888}.core-node .dna-hex{width:60px;height:65px;border-color:var(--neon-gold);box-shadow:0 0 20px var(--neon-gold);font-size:1.5rem}.node-label{font-family:var(--font-title);font-size:.6rem;text-align:center}.active .node-label{color:var(--neon-green)}.locked .node-label{color:#555}.core-node{top:50%;left:50%;transform:translate(-50%,-50%)}.top-left{top:10%;left:-10%}.top-right{top:10%;right:-10%}.bottom-left{bottom:10%;left:-10%}.bottom-right{bottom:10%;right:-10%}.upgrade-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px;background:#000c;border:2px solid #555}.upgrade-btn.level-up{border-color:var(--neon-green);box-shadow:0 0 15px #39ff1433}.upgrade-btn.awaken{border-color:var(--neon-gold);box-shadow:0 0 15px #ffd70033;transform:scale(1.1);z-index:5;cursor:pointer;transition:all .2s}.upgrade-btn.awaken:disabled{border-color:#555;box-shadow:none;transform:scale(1);filter:grayscale(100%);cursor:not-allowed}.upgrade-btn.skill-up{border-color:var(--neon-cyan);box-shadow:0 0 15px #00e5ff33}.btn-main{font-size:1.2rem}.level-up .btn-main{color:var(--neon-green)}.awaken .btn-main{color:var(--neon-gold)}.skill-up .btn-main{color:var(--neon-cyan)}.btn-sub{font-family:var(--font-main);font-size:.7rem;color:var(--text-muted)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,sans-serif;position:relative;overflow:hidden}.loading-logo{font-size:3rem;font-weight:900;letter-spacing:.2rem;color:var(--accent-blue);text-shadow:0 0 20px rgba(0,240,255,.5);margin-bottom:2rem;animation:pulse 2s infinite alternate}.loading-spinner{width:50px;height:50px;border:3px solid rgba(0,240,255,.1);border-top:3px solid var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:2rem;font-size:1.2rem;font-weight:500;color:var(--text-dim)}.error-text{color:#ff3b30;margin-top:1rem;text-align:center;padding:0 2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.05);opacity:1}}.match-screen{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-darker);position:relative;overflow:hidden}.match-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(0,229,255,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,51,102,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.match-idle-view{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;gap:50px;padding:20px}.mmr-display{font-family:var(--font-title);font-size:1.4rem;color:#ffffff80;text-transform:uppercase;letter-spacing:3px;display:flex;flex-direction:column;align-items:center;gap:8px}.mmr-value{font-size:4.5rem;color:#fff;font-family:var(--font-title);text-shadow:0 0 30px rgba(0,229,255,.4);line-height:1}.find-match-btn{position:relative;background:linear-gradient(135deg,#00e5ff,#0064ff);border:none;color:#fff;padding:22px 60px;font-size:1.6rem;font-family:var(--font-title);letter-spacing:3px;text-transform:uppercase;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.find-match-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);animation:btnShine 3s infinite}.find-match-btn:active{transform:scale(.95)}@keyframes btnShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.match-searching-view{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;gap:30px}.radar-spinner{width:120px;height:120px;border-radius:50%;border:3px solid rgba(0,229,255,.15);position:relative}.radar-spinner:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid transparent;border-top-color:var(--neon-cyan);animation:spin .8s linear infinite}.radar-spinner:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:2px solid transparent;border-bottom-color:#00e5ff80;animation:spin 1.2s linear infinite reverse}.match-searching-view h2{font-size:1.1rem;color:var(--neon-cyan);letter-spacing:4px;animation:searchPulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes searchPulse{0%,to{opacity:.5}50%{opacity:1}}.match-playing-view{flex:1;display:flex;flex-direction:column;z-index:10;position:relative}.scoreboard{display:flex;align-items:center;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,229,255,.2);padding:12px 16px;position:relative;z-index:20;flex-shrink:0}.team-a,.team-b{flex:1;text-align:center}.team-name{font-family:var(--font-title);font-size:.9rem;color:#fff;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;margin:0 auto}.team-mmr{font-size:.65rem;color:var(--text-muted);margin-top:2px}.score-center{flex-shrink:0;text-align:center;padding:0 12px}.score-numbers{font-family:var(--font-title);font-size:2.2rem;color:#fff;font-weight:700;letter-spacing:6px;transition:all .3s ease}.score-numbers.goal-flash{color:var(--neon-green);text-shadow:0 0 20px var(--neon-green);animation:scoreFlash .6s ease-out}@keyframes scoreFlash{0%{transform:scale(1.4)}to{transform:scale(1)}}.score-time{font-size:.7rem;color:var(--neon-gold);font-family:var(--font-title);letter-spacing:1px}.phase-dots{display:flex;justify-content:center;gap:6px;padding:10px 0;flex-shrink:0}.phase-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .4s ease}.phase-dot.active{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);transform:scale(1.3)}.phase-dot.goal{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.phase-dot.blocked{background:#f339}.phase-dot.passed{background:#ffffff4d}.battle-arena{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;min-height:0}.zone-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .8s ease;z-index:0}.zone-bg.midfield{background:radial-gradient(ellipse at center,rgba(0,100,255,.12) 0%,transparent 70%)}.zone-bg.flank{background:radial-gradient(ellipse at center,rgba(255,165,0,.12) 0%,transparent 70%)}.zone-bg.box{background:radial-gradient(ellipse at center,rgba(255,30,50,.15) 0%,transparent 70%)}.zone-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;animation:zoneIntroIn .6s cubic-bezier(.16,1,.3,1) forwards}.zone-intro-label{font-family:var(--font-title);font-size:2.8rem;color:#fff;letter-spacing:8px;text-transform:uppercase;text-shadow:0 0 40px rgba(0,229,255,.5);opacity:0;animation:zoneTextIn .5s .1s cubic-bezier(.16,1,.3,1) forwards}.zone-intro-sub{font-family:var(--font-title);font-size:.85rem;color:#fff6;letter-spacing:5px;text-transform:uppercase;margin-top:8px;opacity:0;animation:zoneTextIn .4s .25s ease forwards}.attack-direction{font-family:var(--font-title);font-size:1rem;font-weight:800;letter-spacing:3px;padding:6px 20px;border-radius:20px;margin-bottom:16px;opacity:0;animation:zoneTextIn .4s ease forwards}.attack-direction.my-attack{color:#39ff14;background:#39ff1426;border:1px solid rgba(57,255,20,.3);text-shadow:0 0 12px rgba(57,255,20,.5)}.attack-direction.opp-attack{color:#f55;background:#ff555526;border:1px solid rgba(255,85,85,.3);text-shadow:0 0 12px rgba(255,85,85,.5)}@keyframes zoneIntroIn{0%{opacity:0}to{opacity:1}}@keyframes zoneTextIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.clash-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:45;padding:20px 12px;gap:0}.clash-cards-row{display:flex;align-items:center;justify-content:center;gap:0;width:100%}.clash-fighter{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:140px}.clash-fighter.attacker{opacity:0;animation:clashSlideLeft .5s cubic-bezier(.16,1,.3,1) forwards}.clash-fighter.defender{opacity:0;animation:clashSlideRight .5s .1s cubic-bezier(.16,1,.3,1) forwards}.clash-fighter-name{font-family:var(--font-title);font-size:.75rem;color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.clash-fighter-team{font-family:var(--font-title);font-size:.65rem;font-weight:700;letter-spacing:2px;padding:2px 10px;border-radius:8px;margin-top:-4px}.clash-fighter.attacker .clash-fighter-team{color:#39ff14;background:#39ff1426;border:1px solid rgba(57,255,20,.25)}.clash-fighter.defender .clash-fighter-team{color:#f55;background:#ff555526;border:1px solid rgba(255,85,85,.25)}.clash-vs{font-family:var(--font-title);font-size:2rem;color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,229,255,.6);flex-shrink:0;margin:0 -5px;z-index:2;opacity:0;animation:vsPopIn .3s .2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes clashSlideLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes clashSlideRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes vsPopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.clash-fighter.impact-lunge-left{opacity:1;animation:impactLungeLeft .25s cubic-bezier(.2,0,.8,1) forwards}.clash-fighter.impact-lunge-right{opacity:1;animation:impactLungeRight .25s cubic-bezier(.2,0,.8,1) forwards}@keyframes impactLungeLeft{0%{transform:translate(0)}to{transform:translate(30px)}}@keyframes impactLungeRight{0%{transform:translate(0)}to{transform:translate(-30px)}}.clash-fighter.post-impact{opacity:1;animation:impactBounceBack .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes impactBounceBack{0%{transform:translate(var(--bounce-from, 30px))}50%{transform:translate(var(--bounce-overshoot, -8px))}to{transform:translate(0)}}.clash-fighter.post-impact:first-child{--bounce-from: 30px;--bounce-overshoot: -8px}.clash-fighter.post-impact:last-child{--bounce-from: -30px;--bounce-overshoot: 8px}.clash-vs.vs-impact{animation:vsImpactBurst .4s cubic-bezier(.34,1.56,.64,1)}@keyframes vsImpactBurst{0%{transform:scale(1);text-shadow:0 0 20px rgba(0,229,255,.6)}30%{transform:scale(2.2);text-shadow:0 0 40px rgba(0,229,255,1),0 0 80px rgba(0,229,255,.6),0 0 120px rgba(255,255,255,.3);color:#fff}to{transform:scale(1);text-shadow:0 0 20px rgba(0,229,255,.6)}}.clash-view.camera-shake{animation:cameraShake .5s ease-out}@keyframes cameraShake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-6px,4px) rotate(-1deg)}20%{transform:translate(5px,-3px) rotate(1.5deg)}30%{transform:translate(-4px,5px) rotate(-.5deg)}40%{transform:translate(4px,-2px) rotate(1deg)}50%{transform:translate(-3px,3px) rotate(-.5deg)}60%{transform:translate(2px,-2px) rotate(.3deg)}70%{transform:translate(-1px,1px) rotate(-.2deg)}to{transform:translate(0) rotate(0)}}.impact-flash{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(0,229,255,.6) 30%,rgba(0,229,255,.2) 60%,transparent 80%);z-index:100;animation:impactFlashAnim .4s ease-out forwards;pointer-events:none}@keyframes impactFlashAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.impact-flash:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;border:3px solid rgba(0,229,255,.6);animation:impactRingExpand .5s ease-out forwards}@keyframes impactRingExpand{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.5)}}.clash-stats{width:100%;max-width:320px;margin-top:24px;opacity:0;animation:statsReveal .5s .5s ease forwards}@keyframes statsReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stat-label-row{text-align:center;margin-bottom:12px}.stat-label-text{font-family:var(--font-title);font-size:.8rem;color:#ffffff80;letter-spacing:3px;text-transform:uppercase}.stat-bars-container{display:flex;align-items:center;gap:8px}.stat-bar-side{flex:1;display:flex;flex-direction:column;gap:4px}.stat-bar-side.left{align-items:flex-end}.stat-bar-side.right{align-items:flex-start}.stat-bar-track{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;position:relative}.stat-bar-side.left .stat-bar-track{direction:rtl}.stat-bar-fill{height:100%;border-radius:3px;width:0%;transition:width .8s cubic-bezier(.16,1,.3,1)}.stat-bar-fill.atk{background:linear-gradient(90deg,rgba(0,229,255,.3),var(--neon-cyan))}.stat-bar-fill.def{background:linear-gradient(90deg,#ff64644d,#f55)}.stat-numbers{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-family:Outfit,sans-serif;gap:8px}.stat-component{display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-mini-label{font-size:.6rem;color:#fff9;letter-spacing:1px;margin-bottom:-2px}.stat-mini-label.luck{color:#ff9800}.stat-base{font-size:1.1rem;font-weight:700;color:#fff}.stat-dice{font-size:1.1rem;font-weight:700;color:#ff9800;text-shadow:0 0 10px rgba(255,152,0,.5)}.stat-component.total{padding-left:8px;border-left:1px solid rgba(255,255,255,.2)}.stat-total{font-size:1.4rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,229,255,.5);opacity:0;animation:diceReveal .3s 1.5s ease forwards}@keyframes diceReveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.stat-vs-divider{font-family:var(--font-title);font-size:.7rem;color:#fff3;flex-shrink:0}.clash-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:55;background:#00000080;animation:resultFadeIn .3s ease}@keyframes resultFadeIn{0%{opacity:0}to{opacity:1}}.clash-result-text{font-family:var(--font-title);font-size:2.2rem;letter-spacing:6px;text-transform:uppercase;animation:resultSlam .4s cubic-bezier(.34,1.56,.64,1)}.clash-result-text.win{color:var(--neon-green);text-shadow:0 0 30px rgba(57,255,20,.5)}.clash-result-text.lose{color:var(--danger-red);text-shadow:0 0 30px rgba(255,51,51,.5);animation:resultSlam .4s cubic-bezier(.34,1.56,.64,1),shake .4s .1s ease}@keyframes resultSlam{0%{transform:scale(2.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.fighter-winner{animation:winner-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:10}@keyframes winner-pop{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.15);box-shadow:0 0 30px #ffd70099}to{transform:scale(1.1);box-shadow:0 0 50px var(--neon-cyan)}}.fighter-loser{animation:loser-knockback .6s ease-out forwards;filter:grayscale(100%) brightness(.5)}.fighter-loser-left{--knockback-dir: -1}.fighter-loser-right{--knockback-dir: 1}@keyframes loser-knockback{0%{transform:translate(0) rotate(0) scale(1);opacity:1}20%{transform:translate(calc(var(--knockback-dir, 1) * -10px)) scale(.9)}to{transform:translate(calc(var(--knockback-dir, 1) * 60px)) rotate(calc(var(--knockback-dir, 1) * -15deg)) scale(.8);opacity:.3}}.slash-effect{position:absolute;top:50%;left:50%;width:150%;height:10px;background:#fff;box-shadow:0 0 15px #fff,0 0 30px red;transform:translate(-50%,-50%) rotate(-45deg) scaleX(0);opacity:0;z-index:20;pointer-events:none}.fighter-loser .slash-effect{animation:slash-strike .5s cubic-bezier(.1,.9,.2,1) forwards}@keyframes slash-strike{0%{transform:translate(-50%,-50%) rotate(-45deg) scaleX(0);opacity:1}30%{transform:translate(-50%,-50%) rotate(-45deg) scaleX(1);opacity:1}to{transform:translate(-50%,-50%) rotate(-45deg) scaleX(1.2);opacity:0}}.impact-frame{animation:impact-frame-flash .3s ease-out}@keyframes impact-frame-flash{0%{filter:invert(1);background-color:#fff}50%{filter:invert(.8) sepia(1) hue-rotate(300deg)}to{filter:none;background-color:transparent}}.bar-winner .stat-bar-fill{box-shadow:0 0 20px var(--neon-cyan);animation:stat-winner-pulse 1s infinite alternate}.bar-winner .stat-total{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);transform:scale(1.2);transition:all .3s ease}.bar-loser{animation:stat-bar-break .8s ease-in forwards}@keyframes stat-bar-break{0%{transform:rotate(0) translateY(0);opacity:1;filter:grayscale(0)}20%{transform:rotate(2deg) translateY(-5px);opacity:1;filter:grayscale(50%)}to{transform:rotate(-5deg) translateY(30px);opacity:0;filter:grayscale(100%)}}@keyframes stat-winner-pulse{0%{filter:brightness(1)}to{filter:brightness(1.5)}}.goal-cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;justify-content:center;align-items:center;overflow:hidden}.goal-cutin-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb;animation:goalBgIn .3s ease}@keyframes goalBgIn{0%{opacity:0}to{opacity:1}}.goal-speedlines{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:repeating-linear-gradient(-45deg,transparent,transparent 30px,rgba(57,255,20,.04) 30px,rgba(57,255,20,.04) 32px);animation:speedLinesMove .8s linear infinite;z-index:1}@keyframes speedLinesMove{0%{transform:translate(0)}to{transform:translate(42px,42px)}}.goal-cutin-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%}.goal-splash-wrapper{position:relative;width:100%;max-width:350px;height:280px;display:flex;justify-content:center;align-items:center}.goal-splash-img{max-width:130%;max-height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 0 30px rgba(57,255,20,.4));animation:splashSlideIn .6s .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes splashSlideIn{0%{opacity:0;transform:translate(-80px) scale(1.1)}to{opacity:1;transform:translate(0) scale(1)}}.goal-text-main{font-family:var(--font-title);font-size:5rem;color:var(--neon-green);text-shadow:0 0 20px var(--neon-green),0 0 60px rgba(57,255,20,.4),0 0 100px rgba(57,255,20,.2);letter-spacing:12px;transform:rotate(-5deg);opacity:0;animation:goalTextSlam .5s .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes goalTextSlam{0%{opacity:0;transform:rotate(-5deg) scale(3)}60%{opacity:1;transform:rotate(-5deg) scale(.9)}to{opacity:1;transform:rotate(-5deg) scale(1)}}.goal-scorer-name{font-family:var(--font-title);font-size:1.2rem;color:#ffffffb3;letter-spacing:5px;text-transform:uppercase;margin-top:16px;opacity:0;animation:fadeSlideUp .4s .8s ease forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.goal-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.goal-particle{position:absolute;width:4px;height:4px;border-radius:50%;animation:particleFly 1.5s ease-out forwards}@keyframes particleFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--px),var(--py)) scale(0)}}.minimap-strip{background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid rgba(0,229,255,.15);padding:24px 0;flex-shrink:0;height:auto;display:flex;align-items:center;justify-content:center}.minimap-pitch{position:relative;width:50%;max-width:250px;height:auto;aspect-ratio:1.54;border:1px solid rgba(0,229,255,.3);border-radius:4px;background:repeating-linear-gradient(90deg,#00e5ff0d,#00e5ff0d 10%,#00e5ff05 10%,#00e5ff05 20%);overflow:hidden}.minimap-line-center{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#00e5ff4d;transform:translate(-50%)}.minimap-circle-center{position:absolute;left:50%;top:50%;width:20px;height:20px;border:1px solid rgba(0,229,255,.3);border-radius:50%;transform:translate(-50%,-50%)}.minimap-box-left{position:absolute;left:0;top:20%;bottom:20%;width:12%;border:1px solid rgba(0,229,255,.3);border-left:none}.minimap-box-right{position:absolute;right:0;top:20%;bottom:20%;width:12%;border:1px solid rgba(0,229,255,.3);border-right:none}.minimap-dot{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);transition:left .5s cubic-bezier(.25,.8,.25,1),top .5s cubic-bezier(.25,.8,.25,1),background .3s;z-index:2;animation:minimapPulse .8s infinite alternate}@keyframes minimapPulse{0%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}to{transform:translate(-50%,-50%) scale(1.4);filter:brightness(1.5)}}.match-rewards-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:300;animation:rewardsFadeIn .5s ease;padding:30px 20px;gap:30px}@keyframes rewardsFadeIn{0%{opacity:0}to{opacity:1}}.rewards-final-score{text-align:center}.rewards-match-label{font-family:var(--font-title);font-size:.9rem;color:#fff6;letter-spacing:5px;text-transform:uppercase;margin-bottom:8px}.rewards-score-big{font-family:var(--font-title);font-size:4rem;color:#fff;letter-spacing:12px;line-height:1}.rewards-result-text{font-family:var(--font-title);font-size:3rem;letter-spacing:8px;text-transform:uppercase;margin-top:8px;animation:resultTextPulse 2s ease infinite}.rewards-result-text.victory{color:var(--neon-green);text-shadow:0 0 30px rgba(57,255,20,.5)}.rewards-result-text.defeat{color:var(--danger-red);text-shadow:0 0 30px rgba(255,51,51,.5)}.rewards-result-text.draw{color:var(--neon-gold);text-shadow:0 0 30px rgba(255,215,0,.5)}@keyframes resultTextPulse{0%,to{opacity:1}50%{opacity:.7}}.rewards-cards{display:flex;gap:16px;width:100%;max-width:350px}.reward-card{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 8px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;opacity:0;animation:rewardCardIn .4s ease forwards}.reward-card:nth-child(1){animation-delay:.3s}.reward-card:nth-child(2){animation-delay:.5s}.reward-card:nth-child(3){animation-delay:.7s}@keyframes rewardCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reward-card-icon{font-size:1.8rem}.reward-card-label{font-family:var(--font-title);font-size:.7rem;color:#fff6;letter-spacing:2px;text-transform:uppercase}.reward-card-value{font-family:var(--font-title);font-size:1.6rem}.reward-card-value.positive{color:var(--neon-green)}.reward-card-value.negative{color:var(--danger-red)}.match-continue-btn{background:linear-gradient(135deg,#00e5ff,#0064ff);color:#000;padding:16px 60px;font-family:var(--font-title);font-size:1.2rem;letter-spacing:3px;text-transform:uppercase;border:none;border-radius:4px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer;font-weight:700;transition:transform .2s;opacity:0;animation:rewardCardIn .4s 1s ease forwards}.match-continue-btn:active{transform:scale(.95)}.hidden{display:none!important}.phase-transition{animation:phaseFade .3s ease}@keyframes phaseFade{0%{opacity:0}to{opacity:1}}.leaderboard-section{width:100%;max-width:400px;margin-top:24px;display:flex;flex-direction:column;align-items:center;animation:rewardsFadeIn .5s ease forwards}.leaderboard-title{font-family:var(--font-title);font-size:1.2rem;color:var(--neon-cyan);letter-spacing:4px;margin-bottom:12px;text-shadow:0 0 10px rgba(0,229,255,.4)}.leaderboard-container{width:100%;background:#0a0f1e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,229,255,.2);border-radius:12px;padding:12px;max-height:45vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.leaderboard-container::-webkit-scrollbar{width:4px}.leaderboard-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.leaderboard-container::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:4px}.leaderboard-loading{display:flex;justify-content:center;align-items:center;height:100px}.radar-spinner.small{width:40px;height:40px}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px;opacity:0;animation:fadeSlideUp .4s ease forwards;transition:transform .2s,background .2s}.leaderboard-item:hover{background:#ffffff14;transform:translateY(-2px)}.leaderboard-item.rank-1{background:linear-gradient(90deg,#ffd70026,#ffd7000d);border-color:#ffd70066;box-shadow:0 0 15px #ffd7001a}.leaderboard-item.rank-2{background:linear-gradient(90deg,#c0c0c026,#c0c0c00d);border-color:#c0c0c066}.leaderboard-item.rank-3{background:linear-gradient(90deg,#cd7f3226,#cd7f320d);border-color:#cd7f3266}.leaderboard-item.current-user{background:linear-gradient(90deg,#39ff1426,#39ff140d);border-color:#39ff1480;box-shadow:0 0 15px #39ff1433}.rank-col{width:30px;display:flex;justify-content:center;align-items:center;margin-right:12px}.crown-icon,.medal-icon{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.rank-number{font-family:var(--font-title);font-size:1rem;color:#fff9}.player-col{flex:1;display:flex;align-items:center;gap:12px}.player-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#00000080;display:flex;justify-content:center;align-items:center}.player-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-family:var(--font-title);font-size:1.2rem;color:var(--neon-cyan)}.player-name{font-family:Outfit,sans-serif;font-weight:600;font-size:.95rem;color:#fff}.mmr-col{display:flex;flex-direction:column;align-items:flex-end}.mmr-value-small{font-family:var(--font-title);font-size:1.1rem;color:#fff}.mmr-label-small{font-family:Outfit,sans-serif;font-size:.6rem;color:#ffffff80;letter-spacing:1px}.leaderboard-empty{text-align:center;color:#ffffff80;font-family:Outfit,sans-serif;padding:20px}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;height:80px;background:#080b12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--neon-cyan-dim);display:flex;justify-content:space-around;align-items:center;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);text-decoration:none;font-family:var(--font-title);font-size:.8rem;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;gap:4px}.nav-item.active{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan-dim)}.match-icon-wrapper{background:var(--neon-cyan);width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-top:-30px;box-shadow:0 0 15px var(--neon-cyan);border:4px solid var(--bg-darker);transition:transform .3s ease}.nav-item.active .match-icon-wrapper{transform:scale(1.1);box-shadow:0 0 25px var(--neon-cyan)}.app-container{width:100%;height:100vh;position:relative;overflow:hidden}.content-area{width:100%;height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden;position:relative;animation:fadeIn .3s ease}.content-area.full-height{height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.error-boundary-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-dark);color:var(--text-light);text-align:center;padding:20px}.error-boundary-icon{font-size:4rem;margin-bottom:1rem;color:#ff4b4b}.error-boundary-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.error-boundary-message{font-size:1rem;color:var(--text-gray);margin-bottom:2rem;max-width:400px}.error-boundary-button{padding:12px 24px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s}.error-boundary-button:hover{background-color:var(--primary-blue-hover);transform:translateY(-2px)}.error-boundary-button:active{transform:translateY(0)}