@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;z-index:1;width:100%}.header-logo{text-align:center;margin-bottom:0;animation:fadeInDown 1s ease-out}@media (min-width: 768px){.header-logo{text-align:left}}.logo-top{font-size:1rem;font-weight:700;letter-spacing:2px;color:var(--gold-accent);text-transform:uppercase;margin-bottom:2px}.logo-bottom{font-size:2.2rem;font-weight:800;letter-spacing:4px;font-style:italic;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.hero-image-container{position:relative;width:100%;display:flex;justify-content:center;margin-bottom:2rem;animation:scaleIn 1.5s ease-out forwards}.hero-image{height:285px;object-fit:cover;box-shadow:0 0 60px #e5b05a66;filter:drop-shadow(0 0 20px rgba(229,176,90,.2));mask-image:radial-gradient(circle,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 60%,transparent 100%)}@media (max-width: 640px){.hero-image{height:200px}}.content-section{text-align:center;width:100%;animation:fadeInUp 1s ease-out .5s both}.main-title{font-size:1.8rem;font-weight:700;margin-bottom:.8rem}.subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.5;font-weight:300;padding:0 1rem;margin:2rem 0}.auth-actions{width:100%;max-width:400px;margin-bottom:1.5rem;animation:fadeInUp 1s ease-out .7s both}.guest-link{text-align:center;color:var(--text-secondary);font-size:.95rem;cursor:pointer;background:none;border:none;font-family:inherit;transition:color .3s ease;animation:fadeInUp 1s ease-out .9s both}.guest-link:hover{color:var(--text-primary)}.footer{margin-top:auto;text-align:center;font-size:.8rem;color:var(--text-secondary);padding-bottom:1rem;animation:fadeIn 2s ease-out 1s both}.footer a:-webkit-any-link{color:var(--text-primary);text-decoration:none}.footer-signup{margin-top:auto;text-align:center;font-size:.8rem;color:var(--text-secondary)}.footer-signup a:-webkit-any-link{color:var(--text-primary);text-decoration:none}.auth-form{display:flex;flex-direction:column;width:100%}.form-section{display:grid;grid-template-rows:0fr;opacity:0;padding-bottom:0;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding-bottom .4s cubic-bezier(.4,0,.2,1)}.form-section.hidden{pointer-events:none}.form-section.visible{grid-template-rows:1fr;opacity:1;padding-bottom:1.2rem;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .4s ease .1s,padding-bottom .4s cubic-bezier(.4,0,.2,1)}.form-section-inner{overflow:hidden;display:flex;flex-direction:column;gap:1.2rem}.form-group{width:100%}.auth-input{width:100%;background:#0a0e1799;border:1px solid rgba(229,176,90,.3);border-radius:20px;color:var(--text-primary);font-size:1.1rem;padding:1rem 1.2rem;font-family:inherit;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-input::placeholder{color:var(--text-secondary);opacity:.7}.auth-input:focus{outline:none;border-color:#e5b05acc;box-shadow:0 0 15px #e5b05a33;background:#0a0e17cc}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:hover,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.error-message{color:var(--text-error);text-align:center;font-size:.9rem;padding:0 1rem;white-space:pre-line}.social-login-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-secondary);font-size:.9rem}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(229,176,90,.3),transparent)}.divider-text{margin:0 1rem;letter-spacing:1px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:40px;color:var(--text-primary);font-size:1.1rem;font-weight:600;padding:1rem;cursor:pointer;transition:all .3s ease;font-family:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.google-btn:hover{background:#ffffff1a;border-color:#4b3a3a4d;box-shadow:0 5px 15px #0000004d}.terms-page{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;width:100%;height:100%;font-size:.8rem;color:var(--text-secondary);justify-content:flex-start}.terms-page .terms-text-container{padding:2rem;text-align:justify;white-space:pre-line;overflow-y:auto;flex-direction:column;flex-grow:1}.terms-page .terms-text{font-size:.8rem;color:var(--text-primary);white-space:pre-line}.terms-page .terms-text a:-webkit-any-link{color:var(--text-primary);text-decoration:none}.terms-page .terms-text-white{font-size:.8rem;color:var(--text-primary);white-space:pre-line}.terms-page .terms-text-white a:-webkit-any-link{color:var(--text-primary);text-decoration:none}.terms-page .auth-buttons-container{max-width:400px;width:100%;margin:0 auto;margin-bottom:3rem;height:6rem;max-height:65px}.terms-page .content-section{display:flex;flex-direction:column;flex-grow:1;min-height:0}.rules-page{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;width:100%;font-size:.8rem;color:var(--text-secondary)}.rules-page .rules-page-header{display:flex;align-items:center;gap:16px;justify-content:center}.rules-page .rules-page-header .main-title{font-size:1.25rem;font-weight:400;margin-bottom:.8rem}.rules-page .back-btn{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:absolute;left:0}.rules-page .back-btn:hover{background:#fff3;transform:scale(1.05)}.rules-page .rules-text-container{padding:2rem;text-align:justify;white-space:pre-line;overflow-y:auto}.rules-page .rules-text{font-size:.8rem;color:var(--text-primary);white-space:pre-line}.rules-page .rules-text a:-webkit-any-link{color:var(--text-primary);text-decoration:none}.rules-page .rules-text-white{font-size:.8rem;color:var(--text-primary);white-space:pre-line}.rules-page .rules-text-white a:-webkit-any-link{color:var(--text-primary);text-decoration:none}.rules-page .auth-buttons-container{max-width:400px;width:100%;margin:0 auto;margin-bottom:3rem}.phases{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;width:100%;flex-direction:row;margin-top:1rem;margin-bottom:2rem;scrollbar-width:none;min-height:fit-content}.phases::-webkit-scrollbar{display:none}@media (min-width: 640px){.phases{justify-content:center;flex-shrink:0}}@media (max-width: 640px){.phases{margin-bottom:0;padding-bottom:1.5rem}}.phases.round{flex-direction:column;gap:1rem}.phases .round-container,.phases .stats-container{display:flex;flex:1;justify-content:center;gap:.5rem}.phases .round-container .stat-box,.phases .stats-container .stat-box{display:flex;align-items:center;gap:6px;padding:.6rem 1rem;border:1px solid #a0abba;border-radius:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.phases .round-container .stat-box .stat-icon,.phases .stats-container .stat-box .stat-icon{color:#10b981}.phases .round-container .stat-box .stat-value,.phases .stats-container .stat-box .stat-value{color:#fff;font-size:1.1rem;font-weight:600;min-width:35px;text-align:center}.phases .round-container .stat-box .stat-label,.phases .stats-container .stat-box .stat-label{color:#a0abba;font-size:.8rem;font-weight:400}.phase-btn{width:44px;height:44px;flex-shrink:0;border:1px solid #a0abba;border-radius:4px;background:transparent;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;scroll-snap-align:start}.phase-btn.active{background-color:#e5b05a;border-color:#e5b05a}.phase-btn.completed{border-color:#e5b05a}.phase-btn:disabled{opacity:.5;cursor:not-allowed}@media (hover: hover){.phase-btn:hover{background-color:#e5b05a;border-color:#e5b05a}}.matchesList{display:flex;width:100%;flex-grow:1;min-height:0;flex-direction:column;gap:.5rem;overflow-y:auto;scroll-snap-type:y mandatory;width:stretch}.matchesList .matchWrapper{flex-shrink:0;scroll-snap-align:start}.matchesList .matchWrapper:last-of-type{padding-bottom:3rem}@media (min-width: 900px){.matchesList::-webkit-scrollbar{width:4px}.matchesList::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:10px}}@media (max-width: 640px){.matchesList{gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.matchesList::-webkit-scrollbar{display:none}.matchesList{scrollbar-width:none}.matchesList .matchWrapper{scroll-snap-align:center;width:100%}.matchesList .matchWrapper:last-of-type{padding-bottom:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-primary);background:radial-gradient(circle at -5% 15%,transparent 100px,rgba(255,255,255,.03) 101px,rgba(255,255,255,.03) 102px,transparent 103px),radial-gradient(circle at -5% 15%,transparent 70px,rgba(255,255,255,.02) 71px,rgba(255,255,255,.02) 72px,transparent 73px),radial-gradient(circle at -5% 15%,transparent 40px,rgba(255,255,255,.01) 41px,rgba(255,255,255,.01) 42px,transparent 43px),radial-gradient(circle at 105% 45%,transparent 150px,rgba(255,255,255,.03) 151px,rgba(255,255,255,.03) 152px,transparent 153px),radial-gradient(circle at 105% 45%,transparent 100px,rgba(255,255,255,.02) 101px,rgba(255,255,255,.02) 102px,transparent 103px),radial-gradient(circle at 0% 65%,transparent 80px,rgba(255,255,255,.03) 81px,rgba(255,255,255,.03) 82px,transparent 83px),radial-gradient(circle at 50% 50%,#152033,#0c121e,#080b13);color:var(--text-primary);height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-container{width:100%;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 0 50px #00000080;background-image:linear-gradient(30deg,transparent 49%,rgba(255,255,255,.01) 49.5%,transparent 50%),linear-gradient(-30deg,transparent 49%,rgba(255,255,255,.01) 49.5%,transparent 50%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.01) 49.5%,transparent 50%);background-size:150px 260px}.app-container:before{content:"";position:absolute;bottom:0;left:-50%;width:200%;height:60vh;transform-origin:bottom center;transform:perspective(600px) rotateX(50deg);background:linear-gradient(to right,transparent 20%,rgba(255,255,255,.06) 20%,rgba(255,255,255,.06) 20.2%,transparent 20.2%,transparent 79.8%,rgba(255,255,255,.06) 79.8%,rgba(255,255,255,.06) 80%,transparent 80%),linear-gradient(to right,transparent 35%,rgba(255,255,255,.06) 35%,rgba(255,255,255,.06) 35.2%,transparent 35.2%,transparent 64.8%,rgba(255,255,255,.06) 64.8%,rgba(255,255,255,.06) 65%,transparent 65%) center/100% 15% no-repeat,radial-gradient(ellipse at 50% 45%,transparent 15%,rgba(255,255,255,.1) 15%,rgba(255,255,255,.1) 15.5%,transparent 15.5%),linear-gradient(to bottom,transparent 45%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.06) 45.5%,transparent 45.5%) center top/60% 100% no-repeat,linear-gradient(to bottom,transparent 85%,rgba(255,255,255,.06) 85%,rgba(255,255,255,.06) 85.5%,transparent 85.5%) center top/30% 100% no-repeat,linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-position:center bottom;z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,rgb(0,0,0) 80%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgb(0,0,0) 80%)}.app-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold-accent) 50%,transparent 100%);box-shadow:0 -2px 15px #e5b05a99,0 -10px 40px #e5b05a33;z-index:2;pointer-events:none}@media (min-width: 768px){.app-container{align-items:stretch;padding:0}}.dashboard-page,.game-details-page,.player-predictions-page,.rules-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-grow:1;width:100%;height:100%}.dashboard-page .content-section,.game-details-page .content-section,.player-predictions-page .content-section,.rules-page .content-section{display:flex;flex-direction:column;flex-grow:1;width:100%;min-height:0}.dashboard-page .content-section .view-transition,.game-details-page .content-section .view-transition,.player-predictions-page .content-section .view-transition,.rules-page .content-section .view-transition{display:flex;flex-direction:column;flex-grow:1;width:100%;min-height:0;animation:fadeIn .4s ease-out}.dashboard-page .gamesList,.game-details-page .gamesList,.player-predictions-page .gamesList,.rules-page .gamesList{display:flex;flex-direction:column;gap:.5rem;scroll-snap-type:y mandatory;width:stretch;overflow-y:auto;flex-grow:1}.dashboard-page .gamesList .gameCard,.game-details-page .gamesList .gameCard,.player-predictions-page .gamesList .gameCard,.rules-page .gamesList .gameCard{flex-shrink:0;scroll-snap-align:start}.dashboard-page .gamesList .gameCard:last-of-type,.game-details-page .gamesList .gameCard:last-of-type,.player-predictions-page .gamesList .gameCard:last-of-type,.rules-page .gamesList .gameCard:last-of-type{padding-bottom:3rem}@media (min-width: 900px){.dashboard-page .gamesList::-webkit-scrollbar,.game-details-page .gamesList::-webkit-scrollbar,.player-predictions-page .gamesList::-webkit-scrollbar,.rules-page .gamesList::-webkit-scrollbar{width:4px}.dashboard-page .gamesList::-webkit-scrollbar-thumb,.game-details-page .gamesList::-webkit-scrollbar-thumb,.player-predictions-page .gamesList::-webkit-scrollbar-thumb,.rules-page .gamesList::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:10px}}.game-details-page .subtitle{margin:0}@media (max-width: 640px){.player-predictions-page .phases{padding-bottom:1.5rem}}.player-predictions-page .phase-title{display:flex;justify-content:center;align-items:center;margin:1rem}.player-predictions-page .prediction-card-container{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;scroll-snap-type:y mandatory}.player-predictions-page .back-btn{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:absolute;left:0}.player-predictions-page .back-btn:hover{background:#fff3;transform:scale(1.05)}.app-header{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;z-index:15;padding:2.5rem 1.5rem 0}.app-header .menu-container{display:none}@media (min-width: 900px){.app-header .menu-container{display:flex}}.app-footer{width:100%;display:flex;flex-direction:column;align-items:center;z-index:15;padding:0}.app-footer:empty{padding-bottom:2.5rem}@media (min-width: 900px){.app-header{flex-direction:row;justify-content:space-between;padding:2.5rem 2rem 0}.app-footer{display:none}}@media (min-width: 640px){.app-header{justify-content:center}}.app-content{width:100%;max-width:1200px;margin:0 auto;flex-grow:1;display:flex;flex-direction:column;z-index:10;padding:0 1.5rem;min-height:0}@media (min-width: 768px){.app-content{padding:0 2rem}}:root{--bg-primary: #0f1523;--bg-secondary: #05070a;--text-primary: #ffffff;--text-secondary: #a0abba;--text-error: #ff4d4d;--gold-accent: #e5b05a;--gold-gradient: linear-gradient(90deg, #c79038, #f4d06a, #c79038);--scroll: #4a5568}.menu-item{display:flex;align-items:center;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .3s ease;padding:.8rem;border-radius:12px;list-style:none}.menu-item svg{min-width:24px;padding:8px;border-radius:12px;box-sizing:content-box;transition:all .3s ease}.menu-item:hover,.menu-item.active{color:var(--gold-accent)}.menu-item:hover svg,.menu-item.active svg{color:#fff}.menu-item .menu-text{display:none;font-size:1rem;white-space:nowrap;transition:opacity .2s ease}.menu-container{position:relative;width:100%;height:70px;background:#0a0e17d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(229,176,90,.3);border-bottom:none;border-left:none;border-right:none;border-radius:0;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 -5px 20px #00000080,inset 0 1px #e5b05a1a;padding:0 1rem;padding-bottom:env(safe-area-inset-bottom)}.menu-container .menu-header{display:none}.menu-container .menu-scroll{flex:1;display:flex;justify-content:space-around}.menu-container .menu-scroll .menu-group,.menu-container .menu-scroll .menu-items{width:100%}.menu-container .menu-scroll .menu-items{display:flex;flex-direction:row;justify-content:space-around;padding:0;margin:0}.menu-container .menu-scroll .menu-item{flex:1;justify-content:center;background:transparent;padding:0}.menu-container .menu-bottom{display:flex;justify-content:center;border-left:1px solid rgba(229,176,90,.3);margin-left:.5rem;padding-left:.5rem}.menu-container .menu-bottom .menu-divider{display:none}.menu-container .menu-bottom .menu-item{padding:0}.menu-container .menu-bottom .menu-item:hover,.menu-container .menu-bottom .menu-item.active{color:#ff4d4f}.menu-container .menu-bottom .menu-item:hover svg,.menu-container .menu-bottom .menu-item.active svg{color:#ff4d4f}@media (min-width: 900px){.menu-container{position:relative;top:auto;left:auto;width:auto;height:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;box-shadow:none}.menu-container .menu-header{display:none}.menu-container .menu-scroll{flex:none;width:auto;overflow:visible;padding:0;display:block}.menu-container .menu-scroll .menu-group{width:100%;position:relative}.menu-container .menu-scroll .menu-items{flex-direction:row;gap:.8rem;display:flex;list-style:none;padding:0;margin:0;position:relative}.menu-container .menu-scroll .menu-item{flex-direction:row;width:auto;padding:.6rem 1.6rem;background:transparent;border:none;border-radius:50px;font-weight:500;font-size:1.05rem;cursor:pointer;color:#a0abba;transition:color .3s}.menu-container .menu-scroll .menu-item svg{display:none}.menu-container .menu-scroll .menu-item .menu-text{display:block;transition:all .2s ease}.menu-container .menu-scroll .menu-item:hover,.menu-container .menu-scroll .menu-item.active{color:#fff}.menu-container .menu-scroll .moving-underline{position:absolute;bottom:0;left:0;height:2px;background-color:#fff;transition:all .35s cubic-bezier(.4,0,.2,1)}.menu-container .menu-bottom{width:auto;padding:0;border-left:1px solid rgba(229,176,90,.3);margin-left:1.5rem;padding-left:1.5rem}.menu-container .menu-bottom .menu-item{flex-direction:row;width:auto;padding:.6rem 1.6rem;border-radius:50px;background:transparent;border:none;font-weight:500;font-size:1.05rem}.menu-container .menu-bottom .menu-item .menu-text{display:block}.menu-container .menu-bottom .menu-item:hover{color:#ff4d4f}}.minimal-loader-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem 1rem;box-sizing:border-box;gap:1.5rem}.minimal-loader-wrapper .loader-ring{width:48px;height:48px;border:3px solid rgba(229,176,90,.1);border-radius:50%;border-top-color:#e5b05a;animation:smooth-spin 1s cubic-bezier(.4,0,.2,1) infinite}.minimal-loader-wrapper .loader-text{color:#ffffffb3;font-size:.9rem;letter-spacing:2px;text-transform:uppercase;font-weight:500;animation:pulse 2s ease-in-out infinite}@keyframes smooth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.auth-buttons-container{border:2px solid rgba(229,176,90,.8);border-radius:40px;overflow:hidden;display:flex;flex-direction:row;background:#0a0e1766;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-shadow:0 10px 30px #00000080,inset 0 0 15px #e5b05a1a}.auth-btn{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;font-weight:700;padding:1.2rem;cursor:pointer;transition:all .3s ease;font-family:inherit;letter-spacing:1px}@media (hover: hover){.auth-btn:hover{background:#e5b05a26;color:var(--gold-accent)}}.join-btn{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:400;padding:1rem 2rem;cursor:pointer;transition:all .3s ease;font-family:inherit;letter-spacing:1px}.join-btn:hover{background:#e5b05a26;color:var(--gold-accent)}.prediction-btn{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:400;padding:1rem 2rem;cursor:pointer;transition:all .3s ease;font-family:inherit;letter-spacing:1px}.prediction-btn:hover{background:#e5b05a26;color:var(--gold-accent)}.button-content{display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:20px;height:20px;border:3px solid rgba(229,176,90,.2);border-radius:50%;border-top-color:var(--gold-accent);animation:spin .8s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-btn:disabled,.join-btn:disabled,.prediction-btn:disabled{cursor:not-allowed;opacity:.7}.auth-buttons-container{border:2px solid rgba(229,176,90,.8);border-radius:40px;overflow:hidden;display:flex;flex-direction:row;background:#0a0e1766;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-shadow:0 0 #00000080,inset 0 0 15px #e5b05a1a}.btn-divider{width:1px;height:auto;min-height:40px;background:linear-gradient(180deg,transparent,rgba(229,176,90,.5),transparent)}.gameCardContainer{display:flex;justify-content:center;padding:1rem 0;width:100%}.gameCardContainer .card{position:relative;width:100%;max-width:800px;background-color:#1a2538;padding:1rem;border-radius:1.5rem;border:1px solid #2d3748;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;display:flex;flex-direction:row;gap:2.5rem}.gameCardContainer .card .progressContainer{position:relative;width:4rem;height:4rem;flex-shrink:0}@media (max-width: 640px){.gameCardContainer .card .progressContainer{position:absolute;top:.5rem;right:2rem}}.gameCardContainer .card .progressContainer .progressLabel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.gameCardContainer .card .progressContainer .progressLabel .percentage{font-size:1rem;font-weight:700;line-height:1}.gameCardContainer .card .progressContainer .progressLabel .label{font-size:.75rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;position:absolute;right:-50%;top:2.75rem}@media (max-width: 640px){.gameCardContainer .card .progressContainer .progressLabel .label{right:-1.5rem}}.gameCardContainer .card .svgCircle{display:block}@media (min-width: 640px){.gameCardContainer .card{flex-direction:row;align-items:center;gap:0}.gameCardContainer .card:before{display:block}}.gameSection{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 0 2rem;gap:1.5rem;z-index:1}@media (max-width: 640px){.gameSection{padding:0}}.gameSection .header{display:flex;align-items:center;gap:1rem;justify-content:space-between;width:stretch}.gameSection .header .gameName{color:#fff;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.gameSection .gameInfoContainer{display:flex;justify-content:space-between;width:stretch;color:#a0abba;gap:2rem}@media (max-width: 640px){.gameSection .gameInfoContainer{flex-direction:column}}.gameSection .gameInfoContainer .gameInfo{display:flex;flex-grow:1;flex-direction:column;align-items:baseline;font-size:1rem;gap:1rem}.gameSection .gameInfoContainer .gameInfo .gameInfoTitle{color:#fff}.gameSection .gameInfoContainer .gameInfo .stats-grid{display:flex;gap:1rem;justify-content:space-between;width:stretch}.gameSection .gameInfoContainer .gameInfo .stats-grid .stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;background:#ffffff08;border-radius:.75rem;border:1px solid rgba(255,255,255,.05);text-align:center;gap:.5rem;flex:1}.gameSection .gameInfoContainer .gameInfo .stats-grid .stat-box .stat-icon{color:#10b981}.gameSection .gameInfoContainer .gameInfo .stats-grid .stat-box .stat-value{font-size:1.5rem;font-weight:700;color:#fff}.gameSection .gameInfoContainer .gameInfo .stats-grid .stat-box .stat-label{font-size:.75rem;color:#a0abba;text-transform:uppercase;letter-spacing:.05em}.gameSection .gameInfoContainer .gameInfo .gameInfoItem{display:flex;align-items:end;gap:.5rem}.gameSection .gameInfoContainer .gameInfo .gameInfoItem .gameInfoItemValue{color:#fff}.gameSection .gameInfoContainer .nextGames{display:flex;flex-grow:2;flex-direction:column;align-items:baseline;gap:1rem}.gameSection .gameInfoContainer .nextGames .nextGamesTitle{text-align:start;color:#fff}.gameSection .gameInfoContainer .nextGames .nextGamesList{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;scroll-snap-type:y mandatory;width:stretch}.gameSection .gameInfoContainer .nextGames .nextGamesList::-webkit-scrollbar{width:4px}.gameSection .gameInfoContainer .nextGames .nextGamesList::-webkit-scrollbar-thumb{background:#4a5568;border-radius:10px}.gameSection .gameInfoContainer .nextGames .nextGamesList .nextGameItem{height:20px;flex-shrink:0;scroll-snap-align:start}.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);position:relative}@media (max-width: 640px){.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item{gap:.75rem}}.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-team{display:flex;align-items:center;gap:12px;flex:1}.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-team .team-name{font-weight:400}.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-team.local{justify-content:flex-end}.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-team.visitant{justify-content:flex-start}.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-result{margin:0 24px;display:flex;align-items:center;justify-content:center;min-width:60px}@media (max-width: 640px){.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-result{margin:0 .5rem}}.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-result .score{font-weight:400;font-size:1.25rem;background:#111827;padding:4px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}@media (max-width: 640px){.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-result .score{font-size:1rem}}.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-result .vs{color:#a0abba;font-weight:600;font-size:.875rem}.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-date{font-size:.75rem;color:#a0abba;position:absolute;bottom:8px;right:16px}@media (max-width: 640px){.gameSection .gameInfoContainer .nextGames .nextGamesList .forecast-item .forecast-date{position:static;text-align:center;width:100%}}.gameSection .gameInfoContainer .nextGames .continueForecast{display:flex;width:stretch;justify-content:center;padding-top:1rem}.gameSection .gameInfoContainer .nextGameItemInfo{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.gameSection .gameInfoContainer .nextGameItemInfo .nextGameItemValue{color:#fff}.gameSection .gameInfoContainer .nextGameItemInfo .nextGameItemName{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flagContainer{border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);background-color:#1a2538;flex-shrink:0;box-shadow:0 2px 4px #0000004d}.flagImage{width:100%;height:100%;object-fit:cover;display:block}.joinGameCard{display:flex;justify-content:center;padding:1rem;width:100%}.joinGameCard .card{position:relative;width:100%;max-width:800px;background-color:#1a2538;padding:2rem;border-radius:1.5rem;border:1px solid #2d3748;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;display:flex;flex-direction:column;gap:2.5rem}@media (max-width: 640px){.joinGameCard .card .gameLogoContainer{display:none}}.joinGameCard .card .gameLogoContainer .gameLogo{max-height:95px}@media (min-width: 640px){.joinGameCard .card{flex-direction:row;align-items:center;gap:0}.joinGameCard .card:before{display:block}}.joinGameCard .gameSection{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 0 2rem;gap:1.5rem;z-index:1}@media (max-width: 640px){.joinGameCard .gameSection{padding:0}}.joinGameCard .gameSection .header{display:flex;align-items:center;gap:1rem}.joinGameCard .gameSection .header .gameName{color:#fff;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.joinGameCard .gameSection .gameInfoContainer{display:flex;justify-content:space-between;width:stretch;color:#a0abba}@media (max-width: 640px){.joinGameCard .gameSection .gameInfoContainer{flex-direction:column;gap:2rem}}.joinGameCard .gameSection .gameInfoContainer .gameInfo{display:flex;flex-grow:1;flex-direction:column;align-items:baseline;font-size:1rem;gap:.5rem}.joinGameCard .gameSection .gameInfoContainer .gameInfo .gameInfoTitle{color:#fff}.joinGameCard .gameSection .gameInfoContainer .gameInfo .gameInfoItems{display:flex;flex-direction:row;gap:1.5rem}@media (max-width: 640px){.joinGameCard .gameSection .gameInfoContainer .gameInfo .gameInfoItems{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.joinGameCard .gameSection .gameInfoContainer .gameInfo .gameInfoItem{display:flex;align-items:center;gap:.5rem}.joinGameCard .gameSection .gameInfoContainer .gameInfo .gameInfoItem .gameInfoItemValue{color:#fff}.joinGameCard .gameSection .gameInfoContainer .gameInfo .gameInfoItem .gameInfoItemValue.public{color:#41c065}.joinGameCard .gameSection .gameInfoContainer .gameInfo .gameInfoItem .gameInfoItemValue.private{color:#ff4d4d}.skeleton-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;padding:1rem 0;align-items:center}.skeleton-container .skeleton-card{width:100%;max-width:800px;background-color:#1a2538;padding:1.5rem;border-radius:1.5rem;border:1px solid #2d3748;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:1.5rem}.skeleton-container .skeleton-card .skeleton-header{display:flex;justify-content:space-between;align-items:center}.skeleton-container .skeleton-card .skeleton-header .skeleton-title{width:40%;height:24px;background-color:#ffffff0d;border-radius:8px;position:relative;overflow:hidden}.skeleton-container .skeleton-card .skeleton-header .skeleton-circle{width:4rem;height:4rem;border-radius:50%;background-color:#ffffff0d;position:relative;overflow:hidden}.skeleton-container .skeleton-card .skeleton-body{display:flex;flex-direction:column;gap:1rem}.skeleton-container .skeleton-card .skeleton-body .skeleton-line{height:16px;background-color:#ffffff0d;border-radius:8px;position:relative;overflow:hidden}.skeleton-container .skeleton-card .skeleton-body .skeleton-line.short{width:30%}.skeleton-container .skeleton-card .skeleton-body .skeleton-line.long{width:80%}.skeleton-container .skeleton-card .skeleton-body .skeleton-line.medium{width:60%}.skeleton-container .skeleton-card-overcard{box-shadow:none;background-color:#ffffff08;max-width:stretch}.skeleton-title:after,.skeleton-circle:after,.skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.game-page-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-grow:1;width:100%;height:100%}.game-page-container .content-section{display:flex;flex-direction:column;flex-grow:1;width:100%;min-height:0}.game-page-container .content-section .view-transition{display:flex;flex-direction:column;flex-grow:1;width:100%;min-height:0;animation:fadeIn .4s ease-out;gap:1.5rem}.game-page-container .game-page-header{display:flex;align-items:center;gap:16px;margin-bottom:2rem;justify-content:center}.game-page-container .game-page-header .back-btn{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:absolute;left:0}.game-page-container .game-page-header .back-btn:hover{background:#fff3;transform:scale(1.05)}.game-page-container .game-page-header .rules-btn{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:absolute;right:0}.game-page-container .game-page-header .rules-btn:hover{background:#fff3;transform:scale(1.05)}.game-page-container .game-page-header .game-name{font-size:1rem;font-weight:400;margin:0}.game-page-container .game-page-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.game-page-container .game-page-grid{grid-template-columns:350px 1fr}}.game-page-container .summary-column{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;scroll-snap-type:y mandatory;padding-bottom:3rem}.game-page-container .player-highlight-card,.game-page-container .statistics-card,.game-page-container .predictions-card,.game-page-container .classification-card{display:flex;flex-direction:column;background-color:#1a2538;border:1px solid #2d3748;border-radius:1.5rem;padding:24px;box-shadow:0 25px 50px -12px #00000080;gap:1.5rem}.game-page-container .player-highlight-card .prediction-btn-container,.game-page-container .statistics-card .prediction-btn-container,.game-page-container .predictions-card .prediction-btn-container,.game-page-container .classification-card .prediction-btn-container{display:flex;justify-content:center}.game-page-container .section-header{display:flex;justify-content:space-between;align-items:center}.game-page-container .section-header .section-title{margin-bottom:0}.game-page-container .section-header .more-info-btn{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a0abba;padding:6px 12px;border-radius:50px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.game-page-container .section-header .more-info-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.game-page-container .section-header .more-info-btn .btn-text{font-weight:500}.game-page-container .section-title{font-size:1.25rem;font-weight:400;display:flex;align-items:center;gap:8px;color:#e5b05a}.game-page-container .player-highlight-card{display:flex;flex-direction:column;gap:16px}.game-page-container .player-highlight-card .highlight-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;transition:transform .2s}.game-page-container .player-highlight-card .highlight-item:hover{transform:translateY(-2px);background:#ffffff14}.game-page-container .player-highlight-card .highlight-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#111827}.game-page-container .player-highlight-card .highlight-icon-wrapper.rank-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.game-page-container .player-highlight-card .highlight-icon-wrapper.points-icon{background:linear-gradient(135deg,#e5b05a,#d97706)}.game-page-container .player-highlight-card .highlight-info{display:flex;flex-direction:column}.game-page-container .player-highlight-card .highlight-info .highlight-label{font-size:.875rem;color:#a0abba;text-transform:uppercase;letter-spacing:.05em}.game-page-container .player-highlight-card .highlight-info .highlight-value{font-size:1.5rem;font-weight:700;color:#fff}.game-page-container .stats-grid{display:flex;gap:1rem;justify-content:space-between}.game-page-container .stats-grid .stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;background:#ffffff08;border-radius:.75rem;border:1px solid rgba(255,255,255,.05);text-align:center;gap:.5rem;flex:1}.game-page-container .stats-grid .stat-box .stat-icon{color:#10b981}.game-page-container .stats-grid .stat-box .stat-value{font-size:1.5rem;font-weight:700;color:#fff}.game-page-container .stats-grid .stat-box .stat-label{font-size:.75rem;color:#a0abba;text-transform:uppercase;letter-spacing:.05em}.game-page-container .classification-container{display:flex;flex-direction:column;width:stretch;overflow-x:auto}.game-page-container .classification-container .classification-header{justify-content:space-between;display:flex;text-align:left;padding-bottom:12px;color:#a0abba;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.game-page-container .classification-container .classification-header .classification-header-field{display:flex;flex:1;padding:0 1rem;justify-content:center}.game-page-container .classification-container .classification-header .classification-header-player{flex:2;padding:0 1rem;justify-content:left}.game-page-container .classification-container .classification-header.align-center{text-align:center;padding:0 1rem}.game-page-container .classification-container .classification-body{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding-right:0;scroll-snap-type:y mandatory;max-height:300px;-webkit-mask-image:linear-gradient(to bottom,black 90%,transparent 100%);mask-image:linear-gradient(to bottom,black 90%,transparent 100%)}.game-page-container .classification-container .classification-body::-webkit-scrollbar{display:none}.game-page-container .classification-container .classification-body{scrollbar-width:none;-ms-overflow-style:none}.game-page-container .classification-container .classification-body .classification-row{display:flex;justify-content:space-between;border-radius:12px;background:#ffffff08;transition:background .2s ease;scroll-snap-align:start}.game-page-container .classification-container .classification-body .classification-row .classification-position-field{display:flex;flex:1;justify-content:center;padding:1rem}.game-page-container .classification-container .classification-body .classification-row .classification-player-field{display:flex;flex:2;padding:1rem}.game-page-container .classification-container .classification-body .classification-row .classification-points-field{display:flex;flex:1;justify-content:center;padding:1rem}.game-page-container .classification-container .classification-body .classification-row.current-user-row{background:#f3ca5626;border:1px solid rgba(243,202,86,.3)}.game-page-container .forecast-list{display:flex;flex-direction:column;gap:.5rem}.game-page-container .forecast-list .forecast-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);position:relative}@media (max-width: 640px){.game-page-container .forecast-list .forecast-item{gap:.75rem}}.game-page-container .forecast-list .forecast-item .forecast-team{display:flex;align-items:center;gap:12px;flex:1}.game-page-container .forecast-list .forecast-item .forecast-team .team-name{font-weight:400}.game-page-container .forecast-list .forecast-item .forecast-team.local{justify-content:flex-end}.game-page-container .forecast-list .forecast-item .forecast-team.visitant{justify-content:flex-start}.game-page-container .forecast-list .forecast-item .forecast-result{margin:0 24px;display:flex;align-items:center;justify-content:center;min-width:60px}@media (max-width: 640px){.game-page-container .forecast-list .forecast-item .forecast-result{margin:0 .5rem}}.game-page-container .forecast-list .forecast-item .forecast-result .score{font-weight:400;font-size:1.25rem;background:#111827;padding:4px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}@media (max-width: 640px){.game-page-container .forecast-list .forecast-item .forecast-result .score{font-size:1rem}}.game-page-container .forecast-list .forecast-item .forecast-result .vs{color:#a0abba;font-weight:600;font-size:.875rem}.game-page-container .forecast-list .forecast-item .forecast-date{font-size:.75rem;color:#a0abba;position:absolute;bottom:8px;right:16px}@media (max-width: 640px){.game-page-container .forecast-list .forecast-item .forecast-date{position:static;text-align:center;width:100%}}.game-page-container .player-selector-menu{width:100%;overflow-x:auto}.game-page-container .player-selector-menu::-webkit-scrollbar{display:none}.game-page-container .player-selector-menu{scrollbar-width:none;-ms-overflow-style:none}.game-page-container .player-selector-menu .player-selector-items{display:flex;flex-direction:row;gap:.8rem;list-style:none;padding:0 0 8px;margin:0;position:relative;min-width:max-content}.game-page-container .player-selector-menu .player-selector-items .player-menu-item{padding:.6rem 1.6rem;background:transparent;border:none;border-radius:50px;font-weight:500;font-size:1.05rem;cursor:pointer;color:#a0abba;transition:color .3s;white-space:nowrap;display:flex;align-items:center;justify-content:center}.game-page-container .player-selector-menu .player-selector-items .player-menu-item:hover,.game-page-container .player-selector-menu .player-selector-items .player-menu-item.active{color:#fff}.game-page-container .player-selector-menu .player-selector-items .moving-underline{position:absolute;bottom:0;left:0;height:2px;background-color:#fff;transition:all .35s cubic-bezier(.4,0,.2,1)}.game-page-container .empty-state{text-align:center;color:#a0abba;padding:32px 0;font-style:italic}.predictions-card{display:flex;flex-direction:column;background-color:#1a2538;border:1px solid #2d3748;border-radius:1.5rem;padding:24px;box-shadow:0 25px 50px -12px #00000080}.predictions-card .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.predictions-card .section-header .section-title{margin-bottom:0;font-size:1.25rem;font-weight:400;display:flex;align-items:center;gap:8px;color:#e5b05a}.predictions-card .predictions-list{display:flex;flex-direction:column;gap:12px}.predictions-card .predictions-list .predictions-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);position:relative}@media (max-width: 640px){.predictions-card .predictions-list .predictions-item{gap:12px}}.predictions-card .predictions-list .predictions-item .predictions-team{display:flex;align-items:center;gap:12px;flex:1}.predictions-card .predictions-list .predictions-item .predictions-team.local,.predictions-card .predictions-list .predictions-item .predictions-team.visitant{justify-content:space-between}.predictions-card .predictions-list .predictions-item .predictions-team .predictions-team-name{display:flex;flex-direction:column}.predictions-card .predictions-list .predictions-item .predictions-team .predictions-team-name .team-name{font-weight:400}.predictions-card .predictions-list .predictions-item .predictions-team .predictions-team-name .extension{font-size:.8rem;color:#e5b05a}.predictions-card .predictions-list .predictions-item .predictions-result{margin:0 24px;display:flex;align-items:center;justify-content:center;min-width:60px}@media (max-width: 640px){.predictions-card .predictions-list .predictions-item .predictions-result{margin:0 .5rem}}.predictions-card .predictions-list .predictions-item .predictions-result .score{font-weight:400;font-size:1.25rem;background:#111827;padding:4px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}@media (max-width: 640px){.predictions-card .predictions-list .predictions-item .predictions-result .score{font-size:1rem}}.predictions-card .predictions-list .predictions-item .predictions-result .vs{color:#a0abba;font-weight:600;font-size:.875rem}.predictions-card .predictions-list .predictions-item .predictions-date{font-size:.75rem;color:#a0abba;position:absolute;bottom:8px;right:16px}@media (max-width: 640px){.predictions-card .predictions-list .predictions-item .predictions-date{position:static;text-align:center;width:100%}}.classification-card{display:flex;flex-direction:column;background-color:#1a2538;border:1px solid #2d3748;border-radius:1.5rem;padding:24px;box-shadow:0 25px 50px -12px #00000080}.classification-card .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.classification-card .section-header .section-title{margin-bottom:0;font-size:1.25rem;font-weight:400;display:flex;align-items:center;gap:8px;color:#e5b05a}.classification-card .classification-container{display:flex;flex-direction:column;width:stretch;overflow-x:auto}.classification-card .classification-container .classification-header{justify-content:space-between;display:flex;text-align:left;padding-bottom:12px;color:#a0abba;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.classification-card .classification-container .classification-header .classification-header-field{display:flex;flex:1;padding:0 1rem;justify-content:center}@media (max-width: 640px){.classification-card .classification-container .classification-header .classification-header-field{padding:0}}.classification-card .classification-container .classification-header .classification-header-player{flex:2;padding:0 1rem;justify-content:left}@media (max-width: 640px){.classification-card .classification-container .classification-header .classification-header-player{min-width:10rem}}.classification-card .classification-container .classification-header.align-center{text-align:center;padding:0 1rem}.classification-card .classification-container .classification-body{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding-right:0;max-height:300px}.classification-card .classification-container .classification-body::-webkit-scrollbar{display:none}.classification-card .classification-container .classification-body{scrollbar-width:none;-ms-overflow-style:none}.classification-card .classification-container .classification-body .classification-row{display:flex;justify-content:space-between;border-radius:12px;background:#ffffff08;transition:background .2s ease;scroll-snap-align:start}.classification-card .classification-container .classification-body .classification-row .classification-position-field{display:flex;flex:1;justify-content:center;padding:1rem}.classification-card .classification-container .classification-body .classification-row .classification-player-field{display:flex;flex:2;padding:1rem;gap:.75rem}@media (max-width: 640px){.classification-card .classification-container .classification-body .classification-row .classification-player-field{min-width:10rem;text-align:left}}.classification-card .classification-container .classification-body .classification-row .classification-points-field{display:flex;flex:1;justify-content:center;padding:1rem}.classification-card .classification-container .classification-body .classification-row.current-user-row{background:#f3ca5626;border:1px solid rgba(243,202,86,.3)}.matchCard{display:flex;justify-content:center;padding:1rem;width:100%}@media (max-width: 640px){.matchCard{padding:0}}.matchCard .card.match-card-container{position:relative;width:100%;max-width:800px;background:linear-gradient(135deg,#232f4b,#141e32);padding:1.5rem 1rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;overflow:hidden}@media (max-width: 640px){.matchCard .card.match-card-container{padding:0 .5rem}}.matchCard .card.match-card-container.is-final .center-divider .line{top:-1rem}@media (max-width: 640px){.matchCard .card.match-card-container.is-final .center-divider .line{top:1.25rem}}.matchCard .card.match-card-container.is-editable{border:2px solid rgba(229,176,90,.6);box-shadow:0 0 20px #e5b05a33;background:linear-gradient(135deg,#2d3955,#141e32)}.matchCard .card.match-card-container.is-disabled{opacity:.4;pointer-events:none!important;filter:grayscale(30%);border:1px dashed rgba(255,255,255,.05)}.matchCard .final-title-container{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:2rem}@media (max-width: 640px){.matchCard .final-title-container{margin-bottom:0;margin-top:1rem}}.matchCard .final-title-container .final-title{color:#ceb373;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em;text-shadow:0 0 10px rgba(229,176,90,.5);position:relative}.matchCard .final-title-container .final-title:before,.matchCard .final-title-container .final-title:after{content:"";position:absolute;top:50%;width:40px;height:2px;background-color:#ceb373;transform:translateY(-50%)}.matchCard .final-title-container .final-title:before{left:-60px}.matchCard .final-title-container .final-title:after{right:-60px}@media (max-width: 640px){.matchCard .final-title-container .final-title{font-size:1rem;letter-spacing:.2em}.matchCard .final-title-container .final-title:before,.matchCard .final-title-container .final-title:after{width:25px}.matchCard .final-title-container .final-title:before{left:-40px}.matchCard .final-title-container .final-title:after{right:-40px}}.matchCard .teams-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}@media (max-width: 640px){.matchCard .teams-row{flex-direction:row;gap:.5rem;justify-content:space-between}}.matchCard .team-side{display:flex;flex-direction:column;align-items:center;gap:2.5rem;flex:1;z-index:2}.matchCard .team-side.away .score-selector{padding:1rem 0 1rem 1rem}@media (max-width: 640px){.matchCard .team-side.away .score-selector{padding:0}}@media (max-width: 640px){.matchCard .team-side.away{padding:0 0 0 .5rem}}.matchCard .team-side .extension-selector{padding:1rem 0 1rem 1rem}.matchCard .team-side .lucide-pencil{color:#e5b05a}@media (max-width: 640px){.matchCard .team-side{gap:1rem;padding:0 .5rem 0 0}}@media (max-width: 640px){.matchCard .team-side-extension{gap:0}}.matchCard .team-header{display:flex;align-items:center;justify-content:center;gap:1.5rem}@media (max-width: 640px){.matchCard .team-header{gap:.5rem;width:stretch}}.matchCard .team-header .team-name{color:#fff;font-size:1.4rem;font-weight:500;letter-spacing:.05em}@media (max-width: 640px){.matchCard .team-header .team-name{font-size:.9rem;flex:2}}.matchCard .score-wrapper{font-size:3rem;display:flex}@media (max-width: 640px){.matchCard .score-wrapper{font-size:2rem}}.matchCard .score-selector{position:relative;top:calc(100% + 15px);left:50%;transform:translate(-50%);border-radius:8px;padding:1rem 1rem 1rem 0;display:flex;flex-wrap:wrap;gap:6px;z-index:10;width:stretch;max-height:95px;overflow-y:auto;scroll-snap-type:y mandatory;justify-content:center}.matchCard .score-selector .score-btn{width:44px;height:44px;border:1px solid #a0abba;border-radius:4px;background:transparent;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;scroll-snap-align:start}.matchCard .score-selector .score-btn:hover,.matchCard .score-selector .score-btn.selected{background-color:#e5b05a;border-color:#e5b05a}@media (max-width: 640px){.matchCard .score-selector{padding:0}}.matchCard .extension-label{display:flex;align-items:center;gap:1rem;font-size:.8rem;font-weight:700;color:#fff;margin-top:1rem;letter-spacing:.1em}@media (max-width: 640px){.matchCard .extension-label{margin-top:0}}.matchCard .extension-score{font-size:2rem;color:#fff}@media (max-width: 640px){.matchCard .extension-score{font-size:1.5rem}}.matchCard .extension-selector{top:0;left:0;transform:none;padding:0}.matchCard .extension-selector .score-btn.extension-btn{width:36px;height:36px;font-size:.9rem;border-color:#e5b05a66}.matchCard .extension-selector .score-btn.extension-btn:hover,.matchCard .extension-selector .score-btn.extension-btn.selected{background-color:#e5b05a;border-color:#e5b05a;color:#1a2538}.matchCard .center-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;z-index:1}.matchCard .center-divider .line{position:absolute;top:-10rem;bottom:-10rem;width:2px;background-color:#a0abba;z-index:1}.matchCard .center-divider .icon-wrapper{position:relative;z-index:2;background-color:#1e283c;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.matchCard .center-divider .icon-wrapper .center-icon{color:#e5b05a;width:32px;height:32px;filter:drop-shadow(0 0 8px rgba(206,179,115,.8))}@media (max-width: 640px){.matchCard .center-divider .icon-wrapper{padding:4px}.matchCard .center-divider .icon-wrapper .center-icon{width:24px;height:24px}}.matchCard .wheel-selector{display:flex;flex:1;flex-direction:column;height:120px;width:48px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.matchCard .wheel-selector::-webkit-scrollbar{display:none}.matchCard .wheel-selector{-webkit-mask-image:linear-gradient(to bottom,transparent,black 35%,black 65%,transparent);mask-image:linear-gradient(to bottom,transparent,black 35%,black 65%,transparent);position:relative;background-color:transparent}.matchCard .wheel-selector .wheel-spacer{min-height:45px}.matchCard .wheel-selector .wheel-item{min-height:30px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;color:#fff6;font-size:1.1rem;cursor:pointer;transition:all .2s ease;font-weight:500}.matchCard .wheel-selector .wheel-item.selected{color:#fff;font-size:1.4rem;font-weight:700;margin:0 2px}.matchWrapper{display:flex;flex-direction:column;align-items:center;gap:2rem 0}.matchWrapper .auth-buttons-container{width:100%;max-width:400px}.matchWrapper.footer{margin-top:1rem}.phaseClassificationCard{display:flex;justify-content:center;padding:1rem 0;width:100%}.phaseClassificationCard .card.phase-classification-card-container{display:flex;gap:1.5rem;flex-direction:column;position:relative;width:100%;max-width:800px;background:linear-gradient(135deg,#232f4b,#141e32);padding:1.5rem 1rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.phaseClassificationCard .card.phase-classification-card-container .phase-name{font-weight:700;text-transform:uppercase;letter-spacing:.05em}.phaseClassificationCard .card.phase-classification-card-container .classification-content{display:flex;flex-direction:column}.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row .team-name{display:flex;align-items:center;flex:1;padding:1rem 0 1rem 2rem;text-align:left;gap:1rem}@media (max-width: 640px){.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row .team-name{padding:1rem 0 1rem 1rem;flex:2}}.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row .points,.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row .goal-difference,.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row .goals{flex:1;padding:1rem 0;text-align:center}.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row.classification-row-header{color:#a0abba;text-transform:uppercase}.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row:nth-child(2),.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row:nth-child(3){background-color:#a0abba30}.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row.tied-row{border-left:3px solid #e5b05a;background-color:#e5b05a1a}.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row.dragging{background-color:#e5b05a40;box-shadow:0 4px 12px #0000004d;z-index:10}.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row .drag-handle{display:flex;align-items:center;justify-content:center;margin-right:.5rem;margin-left:-1.5rem;padding:.2rem;border-radius:4px;transition:all .2s}.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row .drag-handle:hover{background-color:#ffffff1a;color:#e5b05a}@media (max-width: 640px){.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row .drag-handle{margin-left:-.5rem;margin-right:.2rem}}@media (max-width: 640px){.phaseClassificationCard .card.phase-classification-card-container .classification-content .classification-row{flex-direction:row}}.phaseClassificationCard .team-side{display:flex;flex-direction:column;align-items:center;gap:2.5rem;flex:1;z-index:2}.phaseClassificationCard .team-side.away .score-selector{padding:1rem 0 1rem 1rem}@media (max-width: 640px){.phaseClassificationCard .team-side{gap:1rem}}.phaseClassificationCard .team-header{display:flex;align-items:center;justify-content:center;gap:1.5rem}.phaseClassificationCard .team-header .team-name{color:#fff;font-size:1.4rem;font-weight:500;letter-spacing:.05em}.phaseClassificationCard .score-wrapper{font-size:3rem;display:flex}@media (max-width: 640px){.phaseClassificationCard .score-wrapper{font-size:2rem}}.phaseClassificationCard .score-selector{position:relative;top:calc(100% + 15px);left:50%;transform:translate(-50%);border-radius:8px;padding:1rem 1rem 1rem 0;display:flex;flex-wrap:wrap;gap:6px;z-index:10;width:stretch;max-height:95px;overflow-y:auto;scroll-snap-type:y mandatory;justify-content:center}.phaseClassificationCard .score-selector .score-btn{width:44px;height:44px;border:1px solid #a0abba;border-radius:4px;background:transparent;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;scroll-snap-align:start}.phaseClassificationCard .score-selector .score-btn:hover,.phaseClassificationCard .score-selector .score-btn.selected{background-color:#e5b05a;border-color:#e5b05a}.phaseClassificationCard .center-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;z-index:1}.phaseClassificationCard .center-divider .line{position:absolute;top:-10rem;bottom:-10rem;width:2px;background-color:#a0abba;z-index:1}.phaseClassificationCard .center-divider .icon-wrapper{position:relative;z-index:2;background-color:#1e283c;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.phaseClassificationCard .center-divider .icon-wrapper .center-icon{color:#e5b05a;width:32px;height:32px;filter:drop-shadow(0 0 8px rgba(206,179,115,.8))}@media (max-width: 640px){.phaseClassificationCard .center-divider{position:relative;transform:none;left:0;top:0;height:40px;width:100%}.phaseClassificationCard .center-divider .line{width:200%;left:-50%;height:2px;top:50%;bottom:auto;transform:translateY(-50%)}}.mvpCard{display:flex;justify-content:center;padding:1rem;width:100%}@media (max-width: 640px){.mvpCard{padding:0}}.mvpCard .card.mvp-card-container{position:relative;width:100%;max-width:800px;background:linear-gradient(135deg,#232f4b,#141e32);padding:2.5rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:2.5rem}.mvpCard .mvp-section{display:flex;flex-direction:column;gap:1rem;width:stretch}.mvpCard .mvp-section .mvp-header,.mvpCard .mvp-section .top-scorers-header{display:flex;align-items:center}.mvpCard .mvp-section .mvp-header .mvp-title,.mvpCard .mvp-section .mvp-header .top-scorers-title,.mvpCard .mvp-section .top-scorers-header .mvp-title,.mvpCard .mvp-section .top-scorers-header .top-scorers-title{color:#fff;font-size:1rem;font-weight:500;letter-spacing:.05em}.mvpCard .autocomplete-wrapper{position:relative;width:100%}.mvpCard .autocomplete-wrapper .autocomplete-input{width:100%;padding:1rem;background-color:#1e283ccc;border:1px solid #2d3748;border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .2s ease;box-sizing:border-box}.mvpCard .autocomplete-wrapper .autocomplete-input:focus{border-color:#e5b05a;background-color:#1e283c}.mvpCard .autocomplete-wrapper .autocomplete-input::placeholder{color:#94a3b8}.mvpCard .autocomplete-wrapper .autocomplete-options{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background-color:#1a2538;border:1px solid #2d3748;border-radius:8px;max-height:200px;overflow-y:auto;z-index:10;list-style:none;padding:0;margin-bottom:0;box-shadow:0 10px 25px -5px #00000080}.mvpCard .autocomplete-wrapper .autocomplete-options .autocomplete-option{padding:1rem;color:#fff;cursor:pointer;transition:background-color .2s ease}.mvpCard .autocomplete-wrapper .autocomplete-options .autocomplete-option:hover{background-color:#ceb3731a;color:#e5b05a}