.intro-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;background:radial-gradient(ellipse at center,#1e3a8a,#1e293b 40%,#0f172a,#020617);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .5s ease-in;pointer-events:none;overflow:hidden}.intro-screen:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.15) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.intro-screen.exit{animation:fadeOutBg .8s ease-out forwards}@keyframes fadeOut{to{opacity:0}}@keyframes fadeOutBg{to{opacity:0}}.intro-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}.logo-container{position:relative;animation:logoZoom 1s ease-out}.logo-container:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);transform:translate(-50%,-50%);animation:glowPulse 2s ease-in-out infinite;border-radius:50%;z-index:-1}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.intro-screen.exit .logo-container{animation:logoShrinkAndMove .8s ease-in-out forwards}@keyframes logoZoom{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.intro-logo{width:250px;height:250px;max-width:80vw;max-height:80vw;object-fit:contain;border-radius:50%;animation:logoFloat 3s ease-in-out infinite,logoRotate 20s linear infinite;filter:drop-shadow(0 0 60px rgba(255,215,0,.8)) drop-shadow(0 0 100px rgba(255,215,0,.5))}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes logoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro-title{font-size:3rem;font-weight:900;color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.8),0 0 60px rgba(251,191,36,.5);letter-spacing:2px;margin:0;animation:titleFadeIn 1s ease-out .5s backwards}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-subtitle{font-size:1.3rem;font-weight:400;color:#e0e7ff;letter-spacing:3px;margin:0;animation:subtitleFadeIn 1s ease-out .8s backwards}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-container{width:400px;max-width:80vw;margin-top:20px;animation:progressFadeIn 1s ease-out 1.2s backwards}@keyframes progressFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-bar{width:100%;height:6px;background:#fbbf2426;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 0 10px #fbbf244d,inset 0 1px 3px #0000004d;border:1px solid rgba(251,191,36,.3)}.progress-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:10px;transition:width .3s ease;box-shadow:0 0 20px #fbbf24cc,0 0 40px #fbbf2480;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 1.5s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes logoShrinkAndMove{0%{transform:translate(0) scale(1);opacity:1}to{transform:translateY(calc(-50vh + 80px)) scale(.48);opacity:1}}.intro-screen.exit .intro-title,.intro-screen.exit .intro-subtitle,.intro-screen.exit .progress-container{animation:fadeOutElements .5s ease-out forwards}@keyframes fadeOutElements{to{opacity:0;transform:translateY(-20px)}}@media(max-width:768px){.intro-logo{width:180px;height:180px}.intro-title{font-size:2rem;letter-spacing:1px}.intro-subtitle{font-size:1rem;letter-spacing:2px}.progress-container{width:300px}}@media(max-width:480px){.intro-logo{width:150px;height:150px}.intro-title{font-size:1.5rem}.intro-subtitle{font-size:.9rem}.progress-container{width:250px}}@media(max-width:768px){.season-summary-container{padding:10px!important}.season-header{padding:20px!important}.season-title{font-size:1.8rem!important}.back-button{position:relative!important;top:auto!important;left:auto!important;margin-bottom:15px!important;width:100%!important}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr!important;gap:15px!important}.stat-card{padding:15px!important}.stat-value{font-size:1.5rem!important}}@media(max-width:768px){.top-3-container{flex-direction:column!important;gap:15px!important}.player-card{width:100%!important;height:auto!important;min-height:140px!important}.player-card-first{order:1!important}.player-card-second{order:2!important}.player-card-third{order:3!important}}@media(max-width:768px){.top-clans-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.clan-row{display:flex!important;flex-direction:column!important;gap:12px!important;grid-template-columns:none!important}.clans-table-desktop{display:none!important}.clans-cards-mobile{display:flex!important}}@media(min-width:769px){.clans-table-desktop{display:block!important;border-radius:12px;overflow:hidden;border:2px solid rgba(250,204,21,.3);background:#1e293b99}.clans-cards-mobile{display:none!important}.clans-table-desktop table{width:100%;border-collapse:separate;border-spacing:0}.clans-table-desktop thead{position:sticky;top:0;background:#0f172af2;z-index:10}.clans-table-desktop th{padding:16px 20px;text-align:left;color:#facc15;font-weight:700;font-size:.9rem;border-bottom:1px solid rgba(100,116,139,.3)}.clans-table-desktop tbody tr{transition:all .3s ease;cursor:pointer;border-bottom:1px solid rgba(71,85,105,.3)}.clans-table-desktop tbody tr:hover{background:#33415599!important}.clans-table-desktop td{padding:16px 20px;border-bottom:1px solid rgba(71,85,105,.2);font-size:.95rem;font-weight:600}.clans-table-desktop tbody tr{background:#1e293b66}.clans-table-desktop tbody tr:nth-child(2n){background:#3341554d}}@media(max-width:768px){.performers-distribution-grid{grid-template-columns:1fr!important;gap:15px!important}.performers-card,.distribution-card{padding:20px!important}}@media(max-width:768px){.players-grid{grid-template-columns:1fr!important}.player-item{padding:12px!important}.player-rank-badge{width:35px!important;height:35px!important;font-size:.9rem!important}}@media(max-width:768px){.filters-container{flex-direction:column!important;gap:10px!important}.search-input,.filter-select{width:100%!important;min-width:auto!important}}@media(max-width:768px){.season-selector-container{flex-direction:column!important;gap:10px!important}.season-selector{width:100%!important;min-width:auto!important}}@media(max-width:768px){.navigation-buttons{flex-direction:column!important;gap:15px!important}.nav-button{width:100%!important;min-width:auto!important}}@media(max-width:480px){.season-title{font-size:1.5rem!important}.section-title{font-size:1.2rem!important}.stat-label{font-size:.8rem!important}.stat-value{font-size:1.3rem!important}}@media(max-width:768px){.clickable-item{min-height:44px!important;padding:12px!important}button,select,input{min-height:44px!important;font-size:16px!important}}@media(max-width:480px){.desktop-only{display:none!important}.mobile-compact{padding:10px!important;font-size:.85rem!important}}.scrollable-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media(max-width:768px){body{overflow-x:hidden!important}*{max-width:100%}}@media screen and (max-width:768px){.page-footer{margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;width:100vw!important;border-radius:0!important}}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html{margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow-x:hidden!important;overflow-y:auto;box-sizing:border-box}body{margin:0!important;padding:0!important;width:100%!important;min-height:100vh;overflow-x:hidden!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f9fafb;background:radial-gradient(circle at top,#1e3a8a,#1e293b 40%,#0f172a,#020617);background-attachment:fixed;background-size:cover;position:relative;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}#root{margin:0!important;padding:0!important;width:100%!important;min-height:100vh;overflow-x:hidden!important;position:relative;box-sizing:border-box}#root *{box-sizing:border-box}#root>div,#root>div>div{margin-left:0!important;margin-right:0!important}.main-content{margin:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}@media(max-width:768px){#root>div{padding:0!important}#root>div>div[style*=maxWidth]{padding-left:10px!important;padding-right:10px!important}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes logoPulse{0%,to{box-shadow:0 0 30px #facc1580}50%{box-shadow:0 0 50px #facc15cc,0 0 80px #facc1566}}@keyframes logoRotate{0%{transform:rotate(0) scale(1.1)}to{transform:rotate(360deg) scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{fill:#facc151a}50%{fill:#facc1533}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes fadeOutBg{0%{opacity:1;background:radial-gradient(circle at center,#1e3a8a,#1e293b 40%,#0f172a,#020617)}to{opacity:0;background:transparent}}@keyframes fadeOutElement{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes shrinkAndMove{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:.5;transform:scale(.7) translateY(-30vh)}to{opacity:0;transform:scale(.6) translateY(-45vh)}}@keyframes loadingProgress{0%{width:0}to{width:100%}}@keyframes introZoom{0%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(360deg)}}@keyframes introPulse{0%,to{box-shadow:0 0 60px #facc15cc,0 0 100px #facc1580;transform:scale(1)}50%{box-shadow:0 0 80px #facc15,0 0 120px #facc15b3,0 0 160px #facc1566;transform:scale(1.05)}}@keyframes logoAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-float{animation:logoFloat 3s ease-in-out infinite,logoPulse 2s ease-in-out infinite}.logo-hover{animation:logoFloat 3s ease-in-out infinite,logoPulse 2s ease-in-out infinite,logoRotate 1s ease-in-out}.icon-seasons svg{filter:drop-shadow(0 0 15px rgba(250,204,21,.5));transition:all .3s ease;animation:iconFloat 3s ease-in-out infinite}.icon-players svg{filter:drop-shadow(0 0 15px rgba(250,204,21,.5));transition:all .3s ease;animation:iconFloat 3s ease-in-out infinite;animation-delay:.5s}.icon-seasons:hover svg{filter:drop-shadow(0 0 25px rgba(250,204,21,.9));animation:iconFloatHover 3s ease-in-out infinite}.icon-players:hover svg{filter:drop-shadow(0 0 25px rgba(250,204,21,.9));animation:iconFloatHover 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes iconFloatHover{0%,to{transform:translateY(0) scale(1.1)}50%{transform:translateY(-15px) scale(1.1)}}@keyframes smoothFloat{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-12px) translate(4px)}50%{transform:translateY(-8px) translate(-4px)}75%{transform:translateY(-15px) translate(2px)}}@keyframes smoothFloatHover{0%,to{transform:translateY(0) translate(0) scale(1.15)}25%{transform:translateY(-12px) translate(4px) scale(1.15)}50%{transform:translateY(-8px) translate(-4px) scale(1.15)}75%{transform:translateY(-15px) translate(2px) scale(1.15)}}.players-grid{will-change:contents;contain:layout style}.player-card{will-change:transform;contain:layout style paint;transform:translateZ(0)}.players-grid.loading{opacity:.7;pointer-events:none}.player-card.lazy-load{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.player-card.lazy-load.visible{opacity:1;transform:translateY(0)}@media print{body{background:#fff;color:#000}.nav-buttons,.controls,.pagination-container{display:none}.player-card{break-inside:avoid;border:1px solid #ccc;background:#fff}}.bottom-nav-mobile{display:none!important}@media(max-width:768px){.bottom-nav-mobile{display:block!important}.app-container{padding-bottom:70px!important}}@media(max-width:768px){.stats-options{grid-template-columns:1fr!important}.stats-card{padding:30px!important}h1{font-size:2rem!important}}*{box-sizing:border-box}body{overflow-x:hidden}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media(max-width:768px){h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.3rem!important}h4{font-size:1.1rem!important}p{font-size:.95rem!important}}@media(max-width:480px){h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}h4{font-size:1rem!important}p{font-size:.9rem!important}}@media(max-width:768px){.page-container{padding:10px!important}.content-wrapper{max-width:100%!important;padding:15px!important}.section-padding{padding:20px 15px!important}}@media(max-width:768px){.grid-2-cols,.grid-3-cols,.grid-4-cols{grid-template-columns:1fr!important;gap:15px!important}.flex-row{flex-direction:column!important;gap:15px!important}}@media(max-width:768px){.card,.box,.panel{padding:15px!important;margin-bottom:15px!important}.card-large{padding:20px!important}.card-small{padding:10px!important}}@media(max-width:768px){button,.btn,a.button{min-height:44px!important;padding:12px 20px!important;font-size:16px!important;width:100%;margin-bottom:10px}.btn-group{flex-direction:column!important;gap:10px!important}.btn-inline{width:auto!important;display:inline-block!important}}@media(max-width:768px){input,select,textarea{min-height:44px!important;font-size:16px!important;width:100%!important;padding:10px!important}.form-row{flex-direction:column!important;gap:10px!important}.form-group{margin-bottom:15px!important}label{font-size:.9rem!important;margin-bottom:6px!important}}@media(max-width:768px){.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-bottom:20px!important}table{min-width:600px!important;font-size:.85rem!important}th,td{padding:8px!important;white-space:nowrap!important}}@media(max-width:768px){.navbar,.header{padding:10px!important}.nav-links{flex-direction:column!important;gap:10px!important}.logo{font-size:1.3rem!important}.back-button{position:relative!important;top:auto!important;left:auto!important;margin-bottom:15px!important}}@media(max-width:768px){.modal-content{width:95%!important;max-width:95%!important;margin:10px!important;padding:20px!important;max-height:90vh!important;overflow-y:auto!important}.modal-header,.modal-body{padding:15px!important}.modal-footer{flex-direction:column!important;gap:10px!important}}@media(max-width:768px){.stat-card{padding:15px!important;text-align:center!important}.stat-value{font-size:1.5rem!important}.stat-label{font-size:.8rem!important}.stat-icon{font-size:1.5rem!important}}@media(max-width:768px){.player-card{padding:12px!important;margin-bottom:10px!important}.player-rank{width:35px!important;height:35px!important;font-size:.9rem!important}.player-name{font-size:1rem!important}.player-stats{font-size:.85rem!important;flex-wrap:wrap!important}}@media(max-width:768px){.season-card{padding:15px!important}.season-number{font-size:1.3rem!important}.season-players{font-size:.85rem!important}}@media(max-width:768px){.admin-grid{grid-template-columns:1fr!important;gap:15px!important}.admin-card{padding:20px!important}.admin-icon{width:50px!important;height:50px!important}.admin-title{font-size:1.1rem!important}.admin-description{font-size:.85rem!important}}@media(max-width:768px){.pagination{flex-wrap:wrap!important;gap:5px!important;justify-content:center!important}.pagination-button{min-width:40px!important;padding:8px!important;font-size:.9rem!important}.pagination-info{width:100%!important;text-align:center!important;margin-bottom:10px!important}}@media(max-width:768px){.search-container{flex-direction:column!important;gap:10px!important}.search-input{width:100%!important;margin-bottom:10px!important}.filter-group{flex-direction:column!important;gap:10px!important}.filter-select{width:100%!important}}@media(max-width:768px){.footer{padding:20px 10px!important}.footer-content{flex-direction:column!important;text-align:center!important;gap:15px!important}.footer-links{flex-direction:column!important;gap:10px!important}}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.text-center-mobile{text-align:center!important}.full-width-mobile{width:100%!important}.no-padding-mobile{padding:0!important}.stack-mobile{flex-direction:column!important}}@media(min-width:769px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media(max-width:768px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#64748b1a}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:3px}}@media(max-width:768px){.loading-spinner{width:40px!important;height:40px!important}.skeleton{height:60px!important}}@media(max-width:768px)and (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.page-container{padding:0!important}}@media(max-width:768px)and (orientation:landscape){.modal-content{max-height:80vh!important}.page-container{padding:5px!important}}@media(max-width:360px){h1{font-size:1.3rem!important}h2{font-size:1.1rem!important}h3{font-size:1rem!important}.card,.box{padding:10px!important}button,.btn{padding:10px 15px!important;font-size:14px!important}}