@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";.error-popup-container{z-index:9999;color:#fff;background:#141414f2;border:1px solid #ff4d4d;border-radius:8px;align-items:center;min-width:300px;max-width:90vw;padding:12px 20px;animation:.3s forwards slideDown;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #ff4d4d4d}.error-popup-content{align-items:center;gap:12px;width:100%;display:flex}.error-icon{color:#ff4d4d;flex-shrink:0}.error-popup-content p{flex-grow:1;margin:0;font-size:.95rem;font-weight:500}.error-close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.error-close-btn:hover{color:#fff}@keyframes slideDown{0%{opacity:0;top:-50px}to{opacity:1;top:20px}}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.app-header{z-index:10;border-top:none;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;height:70px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #00000080}.header-logo{letter-spacing:1px;font-size:1.5rem;font-weight:800}.header-stats{gap:12px;display:flex}.stat-pill{background:#0006;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.elo-label{color:var(--text-main);font-size:.75rem}.elo-value{font-weight:800}.app-content{flex:1;padding:20px 20px 90px;overflow-y:auto}.app-content::-webkit-scrollbar{display:none}.app-content{-ms-overflow-style:none;scrollbar-width:none}.bottom-nav{height:70px;padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#1f2833d9;border-bottom:none;border-radius:20px 20px 0 0;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080}.nav-item{color:var(--text-main);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:60px;font-size:.7rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.nav-item svg{transition:transform .3s,stroke .3s}.nav-item.active{color:var(--accent-neon)}.nav-item.active svg{stroke:var(--accent-neon);filter:drop-shadow(var(--shadow-neon));transform:translateY(-2px)}.match-btn{position:relative}.match-icon-wrapper{background:var(--gradient-gold);width:50px;height:50px;box-shadow:var(--shadow-gold);border:4px solid var(--bg-color);border-radius:50%;justify-content:center;align-items:center;margin-top:-25px;margin-bottom:4px;transition:transform .3s;display:flex}.match-btn.active .match-icon-wrapper{transform:scale(1.1)}.match-btn svg{stroke:#000}.match-btn.active svg{stroke:#000;filter:none}.player-card-container{aspect-ratio:18/26;perspective:1000px;cursor:pointer;width:100%}.player-card{clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);background-position:50%;background-size:cover;border-radius:12px;flex-direction:column;width:100%;height:100%;padding:10px 8px 8px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000080}.player-card-container:hover .player-card{transform:translateY(-8px)rotateX(10deg)rotateY(10deg);box-shadow:0 15px 30px #000000b3}.rarity-gold .player-card{color:#3e2804;background:linear-gradient(135deg,#e6c875 0%,gold 50%,#b8860b 100%)}.rarity-silver .player-card{color:#1a1a1a;background:linear-gradient(135deg,#f5f5f5 0%,#bdbdbd 50%,#757575 100%)}.rarity-bronze .player-card{color:#fff;background:linear-gradient(135deg,#d28c4a 0%,sienna 50%,#6b3e15 100%)}.player-card:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff80 50%,#fff0 100%);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.player-card-container:hover .player-card:after{left:150%}.card-top{height:55%;display:flex}.card-info-left{flex-direction:column;align-items:center;gap:2px;width:35%;font-weight:800;display:flex}.player-rating{font-size:1.3rem;line-height:1}.player-position{margin-bottom:3px;font-size:.75rem}.player-nation img{object-fit:cover;border-radius:2px;width:20px;height:14px;margin-bottom:2px}.player-club img{object-fit:contain;width:20px;height:20px}.card-image-right{width:65%;position:relative}.player-portrait{object-fit:contain;filter:drop-shadow(0 4px 4px #0006);z-index:2;width:120%;position:absolute;bottom:-15px;right:-5px}.card-bottom{text-transform:uppercase;z-index:3;flex-direction:column;justify-content:flex-end;align-items:center;height:45%;display:flex}.player-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #0003;width:95%;margin-bottom:6px;padding-bottom:2px;font-size:.8rem;font-weight:800;overflow:hidden}.rarity-bronze .player-name{border-bottom:1px solid #ffffff4d}.player-stats{justify-content:space-between;width:95%;font-size:.65rem;font-weight:700;display:flex}.stat-col{flex-direction:column;gap:1px;display:flex}.stat{gap:3px;display:flex}.stat-val{text-align:right;width:14px}.stat-label{font-weight:400}.stat-divider{background:#0003;width:1px}.rarity-bronze .stat-divider{background:#ffffff4d}.daily-reward-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.daily-reward-modal{background:linear-gradient(#161821 0%,#0d0f14 100%);border:1px solid #d4af3733;border-radius:20px;flex-direction:column;width:95%;max-width:600px;height:85vh;max-height:800px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 40px #d4af371a}.daily-reward-header{text-align:center;background:linear-gradient(#d4af370d 0%,#0000 100%);border-bottom:1px solid #ffffff0d;padding:30px 20px 15px}.daily-reward-title{color:var(--accent-gold);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px #d4af3766;margin-bottom:8px;font-size:1.5rem}.daily-reward-subtitle{color:#8892b0;margin:0;font-size:.9rem}.calendar-scroll-area{flex:1;padding:20px;overflow-y:auto}.calendar-scroll-area::-webkit-scrollbar{width:6px}.calendar-scroll-area::-webkit-scrollbar-track{background:#0003}.calendar-scroll-area::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:10px}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;display:grid}.calendar-day{background:#1c1f2e;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;padding:12px 8px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 2px 10px #0003}.calendar-day.claimed{background:#2ecc710d;border-color:#2ecc7133}.calendar-day.today{border-color:var(--accent-gold);background:#d4af371a;transform:translateY(-2px);box-shadow:0 8px 20px #d4af3726,inset 0 2px 10px #d4af370d}.calendar-day.locked{opacity:.4;filter:grayscale(80%)}.day-number{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.75rem;font-weight:600}.calendar-day.today .day-number{color:var(--accent-gold)}.calendar-day.claimed .day-number{color:#2ecc71}.day-reward-icon{justify-content:center;align-items:center;height:40px;margin-bottom:8px;display:flex}.day-reward-amount{color:#e2e8f0;font-size:.95rem;font-weight:700}.calendar-day.today .day-reward-amount{color:var(--accent-gold)}.day-check-overlay{color:#2ecc71;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2ecc7133;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #2ecc714d}.daily-reward-footer{background:#11131a;border-top:1px solid #ffffff0d;justify-content:center;padding:20px;display:flex}.claim-button{text-transform:uppercase;letter-spacing:2px;background:var(--gradient-gold);color:#000;cursor:pointer;border:none;border-radius:12px;width:100%;max-width:400px;padding:16px;font-size:1.1rem;font-weight:800;transition:all .3s;box-shadow:0 4px 15px #d4af374d}.claim-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #d4af3780}.claim-button:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#2a2d3e}.close-btn{color:#8892b0;cursor:pointer;z-index:10;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.close-btn:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.reward-result{text-align:center;flex-direction:column;flex:1;justify-content:center;padding:40px 20px;animation:.5s cubic-bezier(.16,1,.3,1) scaleIn;display:flex}.reward-result h2{color:var(--accent-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;font-size:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.patch-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.patch-modal{background:linear-gradient(#161821 0%,#0d0f14 100%);border:1px solid #66fcf133;border-radius:20px;flex-direction:column;width:95%;max-width:600px;height:80vh;max-height:700px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 40px #66fcf11a}.patch-header{text-align:center;background:linear-gradient(#66fcf10d 0%,#0000 100%);border-bottom:1px solid #ffffff0d;padding:30px 20px 15px}.patch-title{color:var(--accent-neon);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px #66fcf166;margin-bottom:8px;font-size:1.5rem}.patch-subtitle{color:#8892b0;margin:0;font-size:.9rem}.patch-content{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.patch-content::-webkit-scrollbar{width:6px}.patch-content::-webkit-scrollbar-track{background:#0003}.patch-content::-webkit-scrollbar-thumb{background:#66fcf14d;border-radius:10px}.patch-card{background:#1c1f2e;border:1px solid #ffffff0d;border-radius:12px;padding:16px;box-shadow:0 4px 15px #0003}.patch-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.patch-card-header h2{color:#fff;text-shadow:none;margin:0;font-size:1.2rem}.patch-card-header span{color:#64748b;font-size:.8rem;font-weight:600}.patch-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.patch-list li{align-items:flex-start;gap:10px;display:flex}.patch-icon{margin-top:2px}.patch-list p{color:#e2e8f0;margin:0;font-size:.9rem;line-height:1.4}.home-container{flex-direction:column;gap:20px;display:flex}.welcome-section{text-align:left;padding:24px}.welcome-section h2{margin-bottom:8px;font-size:1.8rem}.welcome-section p{opacity:.8;font-size:.95rem}.quick-actions{flex-direction:column;gap:16px;display:flex}.action-card{cursor:pointer;background:linear-gradient(135deg,#1f2833cc,#45a29e33);border:1px solid #66fcf14d;flex:1;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.action-card.calendar-action{background:linear-gradient(135deg,#1e1e1ecc,#d4af3726);border:1px solid #d4af3766}.action-card.calendar-action .action-icon{background:var(--accent-gold)}.action-card.calendar-action .action-info h3{color:var(--accent-gold)}.action-card.calendar-action p{color:#ccc}.action-card.patch-action{background:linear-gradient(135deg,#1e1e1ecc,#66fcf126);border:1px solid #66fcf166}.action-card.patch-action .action-icon{background:var(--accent-neon)}.action-card.patch-action .action-info h3{color:var(--accent-neon)}.action-card.patch-action p{color:#ccc}.action-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000080}.action-card:active{transform:scale(.96)}.action-icon{background:#0000004d;border-radius:12px;padding:12px}.action-info h3{color:var(--accent-neon);margin-bottom:4px;font-size:1.1rem}.action-info p{opacity:.7;font-size:.8rem}.season-progress{padding:20px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.progress-header h3{font-size:1.2rem}.progress-header span{font-size:.85rem;font-weight:600}.progress-bar-bg{background:#00000080;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{background:var(--gradient-gold);height:100%;box-shadow:var(--shadow-gold);border-radius:4px}.progress-text{text-align:center;opacity:.8;font-size:.85rem}.auth-container{justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex}.auth-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:30px;display:flex}.auth-title{margin-bottom:8px;font-size:2.5rem}.auth-subtitle{opacity:.8;margin-bottom:20px}.auth-tabs{background:#0006;border-radius:8px;width:100%;margin-bottom:20px;display:flex;overflow:hidden}.auth-tabs button{color:var(--text-main);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-family:inherit;font-weight:600;transition:all .3s}.auth-tabs button.active{background:var(--gradient-gold);color:#000}.auth-error{color:#ffbaba;background:#ff323233;border:1px solid #ff323280;border-radius:8px;width:100%;margin-bottom:15px;padding:10px;font-size:.85rem}.auth-form{flex-direction:column;gap:20px;width:100%;display:flex}.avatar-upload-container{cursor:pointer;border-radius:50%;width:100px;height:100px;margin:0 auto 10px;position:relative}.preview-img.clickable{border:3px solid var(--accent-gold);object-fit:cover;width:100%;height:100%;box-shadow:var(--shadow-gold);border-radius:50%;transition:opacity .3s}.avatar-overlay{opacity:0;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.avatar-upload-container:hover .avatar-overlay{opacity:1}.avatar-upload-container:hover .preview-img.clickable{opacity:.8}.input-group{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;display:flex}.input-group label{color:var(--text-light);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.input-group input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .3s}.input-group input:focus{border-color:var(--accent-gold)}.auth-submit{width:100%;margin-top:10px}.squad-builder-container{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.formation-selector{color:#fff;align-items:center;gap:10px;display:flex}.formation-selector select{color:#d4af37;background:#00000080;border:1px solid #d4af37;border-radius:4px;outline:none;padding:8px 12px;font-family:inherit;font-size:16px}.pitch{aspect-ratio:3/5;background-color:#2c5e2e;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px),none;background-position:0,50% 0,0 0;background-repeat:repeat,repeat,repeat;background-size:100% 50%,50% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #fff6;border-radius:8px;width:100%;max-width:420px;min-height:580px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.pitch:before{content:"";background:#fff6;height:2px;position:absolute;top:50%;left:0;right:0}.pitch:after{content:"";aspect-ratio:1;border:2px solid #fff6;border-radius:50%;width:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-slot:hover{filter:brightness(1.2);transform:translate(-50%,-50%)scale(1.05)}.empty-slot{color:#d4af37;background:#0006;border:2px dashed #d4af37;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.filled-slot{width:100%;height:100%}.player-modal-overlay{z-index:100;background:#000c;justify-content:center;align-items:flex-end;padding-bottom:20px;display:flex;position:fixed;inset:0}.player-modal{background:#111;border:1px solid #333;border-radius:12px 12px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:80vh;display:flex}.modal-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:15px;display:flex}.modal-header h3{color:#fff;margin:0}.close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:24px}.modal-body{flex-direction:column;gap:12px;padding:15px;display:flex;overflow-y:auto}.modal-player-list-item{cursor:pointer;color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;align-items:center;padding:10px;transition:background .2s,transform .2s;display:flex}.modal-player-list-item:hover{background:#2a2a2a;transform:translate(5px)}.modal-player-list-item.in-squad{opacity:.5;pointer-events:none}.list-player-rating{text-align:center;width:40px;font-size:24px;font-weight:700}.list-player-pos{color:#aaa;text-align:center;width:40px;font-size:14px}.list-player-img{object-fit:cover;background:#333;border-radius:50%;width:40px;height:40px;margin:0 15px}.list-player-info{flex-direction:column;flex:1;display:flex}.list-player-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.list-player-nation-club{gap:8px;margin-top:4px;display:flex}.list-player-nation-club img{border-radius:2px;height:16px}.save-squad-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#aa8529 100%);border:none;border-radius:8px;margin-top:20px;padding:12px 30px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s}.save-squad-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3766}.save-squad-btn:active{transform:translateY(0)}.pitch-player-card{border:1px solid #ffffff4d;border-radius:6px;flex-direction:column;justify-content:flex-end;width:64px;height:88px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0009}.ppc-top{text-align:left;z-index:2;position:absolute;top:4px;left:4px}.ppc-rating{color:#111;font-size:16px;font-weight:900;line-height:1}.ppc-pos{color:#111;font-size:10px;font-weight:700}.ppc-img{z-index:1;width:105%;position:absolute;bottom:16px;right:-5px}.ppc-name{color:#fff;text-align:center;z-index:3;white-space:nowrap;text-overflow:ellipsis;background:#000000d9;padding:4px 2px;font-size:9px;font-weight:700;overflow:hidden}.remove-player-btn{color:#fff;cursor:pointer;z-index:100;background:#ff4d4d;border:2px solid #222;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;transition:transform .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 5px #00000080}.remove-player-btn:hover{transform:scale(1.1)}.player-slot{cursor:pointer;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:75px;height:105px;transition:transform .2s,filter .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.toast-notification{color:#fff;z-index:1000;background:#000000e6;border:1px solid #d4af37;border-radius:20px;padding:12px 24px;font-weight:700;animation:.3s ease-out slideUpFade;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.bench-container{background:#00000080;border:1px solid #fff3;border-radius:8px;width:100%;max-width:420px;margin-top:15px;padding:15px}.bench-title{color:var(--accent-gold);text-align:center;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:15px;font-size:.9rem}.bench-slots{justify-content:space-around;gap:10px;padding-top:10px;display:flex}.bench-slot{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:75px;height:105px;display:flex;position:relative;transform:none}.bench-slot .empty-slot{color:#ffffff80;background:#00000080;border:2px dashed #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pack-animation-overlay{z-index:1000;color:#fff;background:radial-gradient(circle,#1a1a2e 0%,#000 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.pack-animation-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pack-sealed{text-align:center;letter-spacing:2px;color:var(--accent-gold);text-shadow:0 0 20px #d4af37cc;font-size:2rem;font-weight:900}.pack-glow{background:linear-gradient(135deg,#f9d423,#ff4e50);border-radius:10px;width:150px;height:200px;margin:0 auto 30px;animation:1s infinite alternate pulse;box-shadow:0 0 50px #f9d423,0 0 100px #ff4e50}.walkout-sequence{flex-direction:column;align-items:center;gap:40px;display:flex}.walkout-item{flex-direction:column;align-items:center;gap:15px;display:flex}.walkout-label{text-transform:uppercase;letter-spacing:5px;color:#aaa;font-size:1.2rem}.walkout-item img{filter:drop-shadow(0 0 10px #ffffff4d);width:120px}.walkout-reveal{transform:scale(2)}.all-cards-reveal{background:#000c;flex-direction:column;align-items:center;gap:30px;width:100%;height:100%;padding:40px 20px;display:flex;overflow-y:auto}.all-cards-reveal h2{color:var(--accent-gold);font-size:2rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-items:center;gap:15px;width:100%;max-width:800px;display:grid}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)rotate(-5deg)}50%{transform:translate(10px)rotate(5deg)}75%{transform:translate(-10px)rotate(-5deg)}}.animate-shake{animation:.5s ease-in-out infinite shake}.animate-pop{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.animate-zoom-in{animation:1s cubic-bezier(.175,.885,.32,1.275) forwards zoomIn}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(2.4)}to{opacity:1;transform:scale(2)}}.mt-4{margin-top:2rem}.market-container{max-width:800px;color:var(--text-main);margin:0 auto;padding:20px 20px 100px}.market-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.coins-display{border:1px solid var(--accent-gold);background:#00000080;border-radius:20px;align-items:center;gap:8px;padding:8px 15px;font-size:1.2rem;font-weight:700;display:flex}.coin-icon,.small-coin{vertical-align:middle;width:20px;height:20px}.small-coin{width:16px;height:16px}.market-tabs{background:#0000004d;border-radius:12px;gap:10px;width:100%;max-width:500px;margin-bottom:20px;padding:5px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-weight:700;transition:all .2s}.tab-btn.active{background:var(--accent-gold);color:#000;box-shadow:0 2px 10px #d4af374d}.market-content{border-radius:15px;min-height:400px;padding:20px}.market-alert{text-align:center;border-radius:8px;margin-bottom:15px;padding:10px 15px;font-weight:700}.market-alert.error{color:#ffbaba;background:#ff323233;border:1px solid #ff323266}.market-alert.success{color:#a5d6a7;background:#4caf5033;border:1px solid #4caf5066}.market-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-items:center;gap:15px;display:grid}.market-item{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:160px;margin:0 auto;display:flex}.market-item.selectable{cursor:pointer;transition:transform .2s}.market-item.selectable:hover{transform:scale(1.05)}.market-item.selectable.selected{filter:drop-shadow(0 0 15px var(--accent-gold));transform:scale(1.05)}.market-item-info{text-align:center;background:#00000080;border-radius:8px;width:100%;padding:10px}.seller{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:.8rem;overflow:hidden}.btn-buy{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:100%;padding:8px 10px;font-size:.9rem;font-weight:700;display:flex}.btn-buy:disabled{cursor:not-allowed;opacity:.7;background:#555}.sell-controls{gap:10px;margin-bottom:10px;display:flex}.price-input{border:1px solid var(--accent-gold);color:#fff;background:#00000080;border-radius:8px;flex:1;padding:12px;font-size:1rem}.btn-sell-confirm{background:var(--accent-gold);color:#000;cursor:pointer;border:none;border-radius:8px;padding:0 20px;font-weight:700}.btn-sell-confirm:disabled{color:#aaa;cursor:not-allowed;background:#555}.tax-info{color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:.85rem}.packs-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.pack-item{text-align:center;background:#0006;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.pack-image{border-radius:8px;width:120px;height:160px;margin-bottom:10px;box-shadow:inset 0 0 20px #00000080}.pack-bronze .pack-image{background:linear-gradient(135deg,#cd7f32,#8b4513)}.pack-silver .pack-image{background:linear-gradient(135deg,#e0e0e0,#9e9e9e)}.pack-gold .pack-image{background:linear-gradient(135deg,#e6c875,gold)}.pack-item h2{color:#fff;margin:0;font-size:1.5rem}.pack-item p{color:#aaa;font-size:.9rem}.pack-item button{justify-content:center;align-items:center;gap:8px;width:100%;max-width:200px;font-size:1.1rem;display:flex}.pack-item button img{width:18px;height:18px}.filter-input{color:#fff;background:#0006;border:1px solid #d4af3780;border-radius:8px;flex:1;min-width:120px;padding:10px;font-family:inherit;font-size:.9rem}.filter-input::placeholder{color:#ffffff80}.filter-input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 5px #d4af3780}.match-stats-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;border:1px solid #d4af374d;border-radius:12px;width:95%;max-width:500px;margin:1rem auto;padding:20px;animation:.5s ease-out fadeIn;box-shadow:0 10px 30px #00000080}.match-stats-title{text-align:center;color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:20px;font-size:1.2rem}.match-stats-body{flex-direction:column;gap:15px;display:flex}.stat-row{flex-direction:column;gap:5px;display:flex}.stat-values{justify-content:space-between;align-items:center;font-weight:700;display:flex}.stat-home-val{color:#1e90ff;text-align:left;width:50px;font-size:1.1rem}.stat-label{color:#ccc;text-transform:uppercase;font-size:.9rem}.stat-away-val{color:#ff4d4d;text-align:right;width:50px;font-size:1.1rem}.stat-bar-container{background:#333;border-radius:4px;height:8px;display:flex;overflow:hidden}.stat-bar-home{background:linear-gradient(90deg,#1e90ff,#4facfe);height:100%;transition:width .5s ease-out}.stat-bar-away{background:linear-gradient(90deg,#ff4757,#ff6b81);height:100%;transition:width .5s ease-out}.match-container{color:#fff;flex-direction:column;min-height:calc(100vh - 140px);padding:20px;display:flex}.match-idle{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding-top:40px;display:flex}.radar-btn{background:radial-gradient(circle, var(--accent-gold) 0%, #8a6c1c 100%);color:#000;cursor:pointer;text-transform:uppercase;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:1.2rem;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 30px #d4af3780}.radar-btn:hover{transform:scale(1.05);box-shadow:0 0 50px #d4af37cc}.radar-btn.searching{color:#fff;pointer-events:none;background:radial-gradient(circle,#555 0%,#222 100%);animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #d4af37b3}70%{transform:scale(1);box-shadow:0 0 0 30px #d4af3700}to{transform:scale(.95);box-shadow:0 0 #d4af3700}}.vs-screen{flex:1;justify-content:space-around;align-items:center;animation:.5s ease-out fadeIn;display:flex}.team-block{text-align:center;flex-direction:column;align-items:center;gap:15px;display:flex}.team-avatar{border:4px solid var(--accent-gold);border-radius:50%;width:100px;height:100px}.team-name{font-size:1.5rem;font-weight:900}.team-score{color:var(--accent-gold);background:#00000080;border-radius:20px;padding:5px 15px;font-size:1.2rem}.vs-logo{color:var(--accent-gold);text-shadow:0 0 20px #d4af37cc;font-size:3rem;font-style:italic;font-weight:900}.simulation-screen{background-color:#0000;background-image:linear-gradient(#0006,#000c),repeating-linear-gradient(0deg,#2b5c2b,#2b5c2b 40px,#234d23 40px 80px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:12px;flex-direction:column;flex:1;padding:20px;display:flex;position:relative;box-shadow:inset 0 0 50px #000c}.scoreboard{border:1px solid #333;border-bottom:3px solid var(--accent-gold);background:linear-gradient(#1a1a1a 0%,#0d0d0d 100%);border-radius:8px;justify-content:center;align-items:stretch;max-width:600px;margin-bottom:30px;margin-left:auto;margin-right:auto;display:flex;overflow:hidden;box-shadow:0 10px 20px #00000080}.score-team{flex:1;align-items:center;gap:10px;padding:10px 20px;display:flex}.score-team.home{background:linear-gradient(90deg,#0000,#ffffff0d);justify-content:flex-end}.score-team.away{background:linear-gradient(-90deg,#0000,#ffffff0d);justify-content:flex-start}.score-name{text-transform:uppercase;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:1.2rem;font-weight:900;overflow:hidden}.score-avatar{border:1px solid var(--accent-gold);object-fit:cover;background:#fff;border-radius:50%;width:30px;height:30px}.score-center{background:#000;border-left:1px solid #333;border-right:1px solid #333;align-items:center;padding:0 15px;display:flex}.score-value{color:var(--accent-gold);text-align:center;width:40px;margin:0;font-family:Courier New,Courier,monospace;font-size:2.2rem;font-weight:900}.clock-container{background:#222;border:1px solid #444;border-radius:4px;margin:0 15px;padding:5px 10px}.clock{color:#fff;font-family:monospace;font-size:1.2rem;font-weight:700}.events-log{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.event-row{background:#ffffff0d;border-radius:5px;align-items:center;gap:15px;padding:10px;animation:.3s ease-out slideIn;display:flex}.event-row.goal{border-left:4px solid var(--accent-gold);background:#d4af3733}.event-min{color:#aaa;width:40px;font-weight:700}.event-text{flex:1;font-size:1rem}.result-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;animation:1s fadeIn;display:flex}.result-title{text-transform:uppercase;margin-bottom:20px;font-size:3rem;font-weight:900}.result-title.win{color:#4caf50;text-shadow:0 0 20px #4caf5080}.result-title.loss{color:#ff4d4d;text-shadow:0 0 20px #ff4d4d80}.result-title.draw{color:#ccc}.rewards-box{border:2px solid var(--accent-gold);background:#0009;border-radius:15px;flex-direction:column;gap:15px;padding:20px 40px;display:flex}.reward-item{justify-content:space-between;align-items:center;gap:20px;font-size:1.2rem;display:flex}.reward-val{color:var(--accent-gold);font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.scoreboard{width:100%;margin-bottom:15px}.score-team{gap:5px;padding:10px 5px}.score-name{max-width:65px;font-size:.75rem}.score-avatar{width:20px;height:20px}.score-center{padding:0 5px}.score-value{width:25px;font-size:1.5rem}.clock-container{margin:0 5px;padding:3px 5px}.clock{font-size:.9rem}.simulation-screen{padding:10px}.vs-logo{font-size:2rem}.team-avatar{width:60px;height:60px}.team-name{font-size:1.1rem}.event-row{gap:10px;padding:8px}.event-text{font-size:.85rem}}.leaderboard-container{max-width:600px;color:var(--text-main);margin:0 auto;padding:20px 20px 100px}.leaderboard-header{text-align:center;margin-bottom:30px}.leaderboard-title{color:var(--text-main);text-transform:uppercase;letter-spacing:1px;margin:10px 0 5px;font-size:2rem}.leaderboard-subtitle{color:var(--text-secondary);font-size:1rem}.user-rank-banner{border:1px solid var(--accent-gold);background:linear-gradient(135deg,#d4af3733,#0006);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 25px;display:flex;box-shadow:0 4px 15px #d4af371a}.user-rank-info,.user-elo-info{flex-direction:column;display:flex}.user-rank-label,.user-elo-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;font-size:.85rem}.user-rank-value{color:#fff;font-size:1.8rem;font-weight:800}.user-elo-value{font-size:1.8rem;font-weight:800}.leaderboard-list{border-radius:15px;padding:10px;overflow:hidden}.leaderboard-row{background:#ffffff0d;border-radius:10px;align-items:center;margin-bottom:8px;padding:12px 15px;transition:transform .2s,background .2s;display:flex}.leaderboard-row:hover{background:#ffffff1a;transform:translate(5px)}.current-user-row{background:#d4af3726;border:1px solid #d4af374d}.rank-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:15px;font-size:1.1rem;font-weight:700;display:flex}.rank-gold{color:#000;background:linear-gradient(135deg,gold,#daa520);box-shadow:0 0 10px #ffd70080}.rank-silver{color:#000;background:linear-gradient(135deg,#e0e0e0,#9e9e9e);box-shadow:0 0 10px #e0e0e080}.rank-bronze{color:#fff;background:linear-gradient(135deg,#cd7f32,#8b4513);box-shadow:0 0 10px #cd7f3280}.rank-standard{color:var(--text-secondary);background:#ffffff1a}.player-avatar-wrapper{border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-right:15px;overflow:hidden}.player-avatar{object-fit:cover;width:100%;height:100%}.player-avatar-placeholder{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.player-info{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.player-pseudo{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.player-elo{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.elo-number{color:var(--accent-gold);font-size:1.1rem;font-weight:800}.elo-text{text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;font-size:.7rem}.no-data{text-align:center;color:var(--text-secondary);padding:30px}.loading-text{text-align:center;color:var(--accent-gold);margin-top:50px;font-size:1.2rem}:root{--bg-color:#0b0c10;--panel-bg:#1f2833;--panel-bg-light:#2a3644;--text-main:#c5c6c7;--text-light:#fff;--accent-gold:#d4af37;--accent-gold-light:#f3e5ab;--accent-neon:#66fcf1;--accent-neon-dark:#45a29e;--gradient-gold:linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);--gradient-dark:linear-gradient(180deg, #1a1a2e 0%, #0b0c10 100%);--shadow-neon:0 0 10px #66fcf180;--shadow-gold:0 0 15px #d4af3766}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--gradient-dark);color:var(--text-main);overscroll-behavior:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}h1,h2,h3,h4{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;font-weight:800}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#1f283399;border:1px solid #ffffff1a;border-radius:16px}.text-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gradient-gold);color:#000;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.btn-primary:active{transform:scale(.96)}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}