body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-container{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#202a43);box-shadow:0 12px 30px #00000040;overflow:hidden;padding:20px 0;position:relative;top:0;width:100%;z-index:1000}.header-content{height:150px;text-align:center;width:100%}.header-content,.header-title{align-items:center;display:flex;justify-content:center;position:relative}.header-title{color:#fff;font-family:Poppins,sans-serif;font-size:42px;font-weight:700;letter-spacing:1.2px;line-height:1.2;margin:0;text-shadow:4px 4px 14px #00000080}.header-title h1,.header-title span{display:inline-block}.basketball-placeholder,.hoop-placeholder{display:inline-block;height:50px;vertical-align:middle;width:50px}.header-subtitle{color:#c9d6ff;font-family:Open Sans,sans-serif;font-size:18px;letter-spacing:.7px;margin:0}.go-home-button{align-items:center;background-color:#fff3;border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 6px 20px #0000004d;color:#fff;display:flex;height:120px;justify-content:center;left:5px;position:absolute;text-decoration:none;top:15px;transition:all .3s ease;width:120px}.go-home-button:hover{background-color:#ffffff4d;box-shadow:0 10px 30px #0006,0 0 20px #fffc;transform:translateY(-5px)}.go-home-button .home-icon{color:#fff;font-size:40px;transition:transform .3s ease}.go-home-button:hover .home-icon{transform:rotate(15deg)}.header-right{gap:10px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.header-right,.stacked-buttons{display:flex;flex-direction:column}.stacked-buttons{height:120px;justify-content:space-between}.legacy-button,.logout-button,.nav-button{align-items:center;border-radius:8px;box-shadow:0 4px 15px #00000026;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:11.5px 66px;text-decoration:none;transition:all .3s ease}.legacy-button:hover,.logout-button:hover,.nav-button:hover{box-shadow:0 8px 20px #00000040;transform:translateY(-3px)}.legacy-button{background-color:#e7d881;color:#000}.legacy-button:hover{background-color:#ffc107}.nav-button{background-color:#007bff;color:#fff}.nav-button:hover{background-color:#0056b3}.logout-button{background-color:#dc3545}.logout-button:hover{background-color:#c82333}.basketball{cursor:pointer;font-size:50px;position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.hoop{height:150px;position:absolute;width:150px}.hoop-image{height:100%;object-fit:contain;transform:translate(5px,-50px);width:100%}.block{background-color:brown;height:50px;position:absolute;width:10px}.left-block{left:50px;top:70px}.right-block{right:50px;top:70px}.static-basketball{display:inline-block;font-size:30px;margin:0 10px}@media only screen and (max-width:768px){.header-container{padding:15px 10px}.header-content{flex-direction:column;height:auto;padding:10px 0}.header-title{flex-wrap:wrap;font-size:28px;line-height:1.2}.static-basketball{font-size:24px;margin:0 5px}.header-subtitle{font-size:14px;margin-top:5px}.go-home-button{height:60px;left:10px;top:10px;width:60px}.go-home-button .home-icon{font-size:24px}.header-right{flex-direction:column;gap:5px;right:10px;top:10px;transform:none}.legacy-button,.logout-button,.nav-button{box-shadow:none;font-size:12px;height:auto;padding:8px 12px;width:auto}.stacked-buttons{flex-direction:column;gap:5px;height:auto}.basketball,.basketball-placeholder,.hoop,.hoop-placeholder{display:none}}@media only screen and (max-width:430px){.header-container{padding:10px 5px}.header-title{font-size:20px}.static-basketball{font-size:20px;margin:0 3px}.header-subtitle{font-size:12px}.go-home-button{height:50px;left:5px;top:5px;width:50px}.go-home-button .home-icon{font-size:20px}.header-right{gap:3px;right:5px;top:5px}.legacy-button,.logout-button,.nav-button{font-size:10px;padding:6px 8px}.stacked-buttons{gap:3px}}@keyframes scoreFlash{0%,to{opacity:0}50%{opacity:1}}.score-animation{animation:scoreFlash .5s ease-in-out 4;color:gold;font-size:48px;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px #ffd700cc;top:50%;transform:translate(-50%,-50%);z-index:1000}.make-picks-container{background:#f7f9fc;border-radius:15px;box-shadow:0 10px 30px #0003;margin:auto;max-width:1100px;padding:40px;text-align:center;transition:background-color .3s ease,transform .3s ease}.make-picks-container:hover{background-color:#f0f4fa}.make-picks-container h2{color:#2a3d55;font-size:40px;font-weight:700;letter-spacing:2px;line-height:1.4;margin-bottom:30px;text-align:center;text-shadow:2px 4px 8px #0000001a;text-transform:uppercase}.selection-section{background:linear-gradient(135deg,#fff,#f0f4f9);border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:50px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.selection-section:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.selection-section h3{border-bottom:2px solid #007bff;color:#1f3a57;font-size:28px;font-weight:600;letter-spacing:1.2px;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.team-selection{flex-wrap:wrap;gap:25px}.team-selection,.team-slot{display:flex;justify-content:center}.team-slot{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:15px;box-shadow:0 5px 15px #0000001a;cursor:pointer;flex-direction:column;height:190px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:150px;z-index:1}.team-slot:hover{border-color:#007bff;box-shadow:0 8px 25px #0003;transform:translateY(-7px)}.team-info img{border-radius:8px;height:75px;margin-bottom:12px;object-fit:cover;transition:transform .2s ease;width:75px}.team-slot:hover .team-info img{transform:scale(1.1)}.team-info span{color:#2c3e50;font-size:18px;font-weight:600;letter-spacing:.5px}.ranking-number{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:26px;justify-content:center;left:5px;position:absolute;top:5px;width:26px}.points-display{text-shadow:0 0 5px #00ff0080}.search-box{animation:fadeIn .3s ease forwards;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 6px 20px #00000026;left:0;padding:20px;position:absolute;top:-50px;width:320px;z-index:1000}.search-result-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:18px;padding:14px 18px;transition:background .3s ease,transform .2s ease}.search-result-item img{border-radius:10px;height:55px;object-fit:cover;transition:transform .2s ease;width:55px}.search-result-item:hover{background-color:#007bff;color:#fff;transform:translateY(-3px)}.search-result-item:hover img{transform:scale(1.1)}.search-box input{border:1px solid #ccc;border-radius:10px;font-size:16px;outline:none;padding:14px;transition:border .3s ease,box-shadow .3s ease;width:100%}.search-box input:focus{border:1px solid #007bff;box-shadow:0 0 10px #007bff80}.search-results{border-top:1px solid #ccc;margin-top:12px;max-height:280px;overflow-y:auto}button{background-color:#007bff;border:none;border-radius:10px;box-shadow:0 5px 10px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 18px;transition:background-color .3s ease,transform .3s ease}button:hover{background-color:#0056b3;box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}@media (max-width:768px){.team-selection{align-items:center;flex-direction:column}.team-slot{max-width:320px;width:100%}.selection-section{padding:20px}}.finals-section{flex-direction:column;margin-bottom:40px}.finals,.finals-section{align-items:center;display:flex}.finals{justify-content:center;position:relative;width:100%}.finals-team{align-items:center;display:flex;flex-direction:column;width:200px}.finals-label{color:#007bff;font-size:18px;font-weight:700;margin-bottom:10px}.vs-label{color:#333;font-size:30px;font-weight:700;margin:0 20px;text-align:center}.spin-the-wheel-button{background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:18px;margin:20px auto;padding:15px 30px;transition:transform .2s,box-shadow .2s}.spin-the-wheel-button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.spin-the-wheel-button:active{transform:translateY(1px)}.spin-the-wheel-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px}@media (max-width:768px){.finals{flex-direction:column}.vs-label{margin:20px 0}}.golden-tint{background-color:#ffd70033;transition:background-color .5s ease-in-out}@media (max-width:430px){.make-picks-container{padding:20px}h2{font-size:24px;margin-bottom:20px}.selection-section h3{font-size:20px;margin-bottom:15px}.team-selection{gap:10px}.team-slot{height:140px;width:100px}.team-info img{height:50px;margin-bottom:8px;width:50px}.team-info span{font-size:14px}.ranking-number{font-size:12px;height:20px;width:20px}.finals-section{margin-bottom:30px}.finals-team{width:150px}.finals-label{font-size:16px}.vs-label{font-size:24px;margin:10px 0}}.leaderboard-button-container{display:flex;justify-content:center;margin:20px 0 40px}.leaderboard-button{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;display:inline-block;font-size:1.1em;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.leaderboard-button:hover{background:linear-gradient(135deg,#34495e,#2c3e50);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.team-slot.correct{background:linear-gradient(135deg,#28a7451a,#28a74533);border-color:#28a745;box-shadow:0 0 10px #28a74533}.team-slot.partial{background:linear-gradient(135deg,#ffc1071a,#ffc10733);border-color:#ffc107;box-shadow:0 0 10px #ffc10733}.team-slot.incorrect{background:linear-gradient(135deg,#dc35451a,#dc354533);border-color:#dc3545;box-shadow:0 0 10px #dc354533}.team-slot.correct:hover{background:linear-gradient(135deg,#28a74533,#28a7454d)}.team-slot.partial:hover{background:linear-gradient(135deg,#ffc10733,#ffc1074d)}.team-slot.incorrect:hover{background:linear-gradient(135deg,#dc354533,#dc35454d)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin-animation{animation:spin 1s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.login-container{align-items:center;background-color:initial;display:flex;justify-content:center;min-height:300px;padding:20px;width:100%}.login-box{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:20px;max-width:400px;padding:30px;text-align:center;width:100%}.login-box h2{color:#2a3d55;font-family:Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.login-box p{color:#666;font-size:1.1rem;line-height:1.4;margin-bottom:20px;padding:0 20px}.email-toggle-button,.google-sign-in-button,.twitter-sign-in-button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;margin:10px auto;padding:12px 20px;position:relative;transition:all .3s ease;width:90%}.google-sign-in-button{background-color:#fff;border:1px solid #ccc;color:#333}.google-sign-in-button:hover{background-color:#f5f5f5;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.twitter-sign-in-button{background-color:#1da1f2;color:#fff}.twitter-sign-in-button:hover{background-color:#1991da;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.email-toggle-button{background-color:#c9082a;color:#fff}.email-toggle-button:hover{background-color:#b00724;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.email-toggle-button img,.google-sign-in-button img,.twitter-sign-in-button img{height:24px;margin-right:12px;width:24px}.email-sign-in-section{border-top:1px solid #eee;margin-top:25px;padding-top:20px}.auth-mode-toggle{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.auth-mode{border-radius:4px;color:#666;cursor:pointer;font-size:1.1rem;padding:5px 10px;transition:color .3s ease}.auth-mode:hover{background-color:#f5f5f5;color:#2a3d55}.auth-mode.active{background-color:#f0f0f0;color:#2a3d55;font-weight:700}.email-input,.password-input{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#333;display:block;font-size:16px;margin:10px auto;padding:12px;transition:all .3s ease;width:90%}.email-input::placeholder,.password-input::placeholder{color:#999}.email-input:focus,.password-input:focus{border-color:#2a3d55;box-shadow:0 0 0 2px #2a3d551a;outline:none}.email-sign-in-button{background-color:#2a3d55;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;margin:20px auto 10px;padding:12px;transition:all .3s ease;width:90%}.email-sign-in-button:hover{background-color:#1f2d3f;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.error-message{background-color:#fff5f5;border:1px solid #ffcdd2;border-radius:4px;color:#dc3545}.error-message,.reset-password-message{font-size:.9rem;margin:10px 0;padding:8px}.reset-password-message{background-color:#f0fff4;border:1px solid #c3e6cb;border-radius:4px;color:#28a745}.reset-password-button{background:none;border:none;color:#2a3d55;cursor:pointer;font-size:.9rem;margin-top:10px;text-decoration:underline;transition:color .3s ease}.reset-password-button:hover{color:#1f2d3f}.reset-password-button:disabled{color:#999;cursor:not-allowed}@media (max-width:768px){.login-box{margin:10px;padding:20px}.login-box h2{font-size:1.7rem}.email-input,.email-sign-in-button,.email-toggle-button,.google-sign-in-button,.password-input,.twitter-sign-in-button{width:100%}}.other-picks-box{background-color:#f0f4f8;border-radius:15px;box-shadow:0 10px 20px #00000026;padding:0;transition:background-color .3s ease,transform .3s ease}.other-picks-box:hover{background-color:#fff;transform:translateY(-5px)}.user-picks-list{display:flex;flex-direction:column;gap:25px}.user-pick-card{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 5px 15px #0000001a;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:20px;padding:15px;transition:transform .4s ease,box-shadow .3s ease}.user-pick-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-8px)}.user-pick-card .profile-picture{border:4px solid #e0e0e0;border-radius:0;box-shadow:0 5px 15px #00000026;height:150px;margin-right:25px;object-fit:cover;width:150px}@media (max-width:430px){.other-picks-box h2{background-color:#f0f4f8;border-radius:15px;box-shadow:0 10px 20px #00000026;font-size:9px;padding:0;transition:background-color .3s ease,transform .3s ease}.other-picks-box h3{font-size:10px;margin-bottom:10px}.user-pick-card{align-items:center;display:flex;flex-direction:column;font-size:10px;gap:5px;height:auto;justify-content:center;padding:5px;width:55px}.user-pick-card .profile-picture{height:50px;margin-right:0;width:50px}.user-pick-card span{margin-top:5px;text-align:center}.user-picks-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}}.view-picks-container{padding:20px}.profile-header{justify-content:center}.profile-picture-large{height:300px;margin-right:20px;object-fit:cover;width:300px}.profile-username{font-size:48px;text-align:center}.selection-section{margin-bottom:20px}.selection-section h3{margin-bottom:10px}.selection-section ul{list-style-type:none;padding:0}.selection-section li{margin-bottom:5px}.team-slot.correct{background:linear-gradient(135deg,#00ff001a,#0f03);border:2px solid #0f0;box-shadow:0 0 10px #00ff004d}.team-slot.partial{background:linear-gradient(135deg,#ffff001a,#ff03);border:2px solid #ff0;box-shadow:0 0 10px #ffff004d}.team-slot.incorrect{background:linear-gradient(135deg,#ff00001a,#f003);border:2px solid red;box-shadow:0 0 10px #ff00004d}.points-display{color:#5bc820;font-size:1.4em;font-weight:800;position:absolute;right:8px;text-shadow:0 0 2px #5bc8204d;top:8px;transform:scale(1.1)}.total-points{align-items:baseline;display:flex;font-family:Arial,sans-serif;gap:8px;justify-content:center;margin:-10px 0 30px}.points-label{color:#1a1a1a;font-size:1.2em;font-weight:500;letter-spacing:.5px;text-transform:none}.points-value{color:#1a1a1a;font-size:2.4em;font-weight:700;line-height:1;position:relative}.points-value:after{background:linear-gradient(90deg,gold,#b8860b);bottom:2px;content:"";height:2px;left:0;opacity:.7;position:absolute;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.points-value{animation:fadeIn .4s ease-out}@media (max-width:430px){.profile-picture-large{height:100px;margin-right:10px;object-fit:cover;width:100px}.profile-username{font-size:24px;font-weight:700;text-align:center}.profile-header{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.points-display{font-size:1.2em}.total-points{margin:-5px 0 20px}.points-label{font-size:1em}.points-value{font-size:2em}}.team-info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:120px;position:relative}.team-info,.team-info span{text-align:center;width:100%}.team-info span{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:0 5px}.season-end-overlay{align-items:center;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}#tsparticles{height:100%!important;position:fixed!important;width:100%!important;z-index:1001!important}.season-end-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 0 30px #00000080;max-width:600px;overflow:hidden;padding:40px;position:relative;width:90%}.popup-content{position:relative;z-index:2}.season-title{animation:glow 2s ease-in-out infinite alternate;color:#fff;font-size:2.5em;margin-bottom:30px;text-align:center}@keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073}to{text-shadow:0 0 20px #fff,0 0 30px #ff4da6,0 0 40px #ff4da6}}.trophy-container{margin-bottom:20px;text-align:center}.medal,.trophy{animation:bounce 1s ease infinite;display:inline-block;font-size:4em}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ranking-message{color:#fff;font-size:1.2em;line-height:1.6;margin-bottom:30px;text-align:center}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stat-item{background:#ffffff1a;border-radius:15px;padding:20px;text-align:center;transition:transform .3s ease,background .3s ease}.stat-item:hover{background:#ffffff26;transform:translateY(-5px)}.stat-label{color:#fff;display:block;font-size:.9em;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.stat-value{font-size:1.8em}.close-button,.stat-value{color:#fff;display:block;font-weight:700}.close-button{background:linear-gradient(135deg,#ff4d4d,#f9cb28);border:none;border-radius:10px;cursor:pointer;font-size:1.1em;padding:15px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.close-button:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.sparkles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.sparkle{animation:sparkle 2s linear infinite;background-color:#fff;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}.confetti-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.confetti-piece{animation:confetti-fall 3s linear infinite;height:30px;position:absolute;top:-20px;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@media (max-width:600px){.season-end-popup{padding:20px;width:95%}.season-title{font-size:1.8em}.stats-container{grid-template-columns:1fr}.ranking-message{font-size:1em}}body,html{margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0}.container,.legacy-container,.scoring-page-container{box-sizing:border-box;max-width:100%;overflow-x:hidden}.App{display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.header{background-color:#282c34;color:#fff;padding:20px;text-align:center}.main-content{display:flex;flex:1 1;min-height:0}.my-picks{background-color:#f0f0f0;flex:7 1;padding:20px}.other-picks{background-color:#e0e0e0;flex:3 1;padding:20px}.my-picks-box,.other-picks-box{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:20px;text-align:center}.profile-picture-placeholder{background-color:#f7f7f7;border:2px dashed #ccc;box-shadow:0 4px 10px #0000001a;height:300px;overflow:hidden;position:relative;transition:all .3s ease;width:300px}.profile-picture-placeholder:hover{box-shadow:0 8px 20px #00000026}.set-profile-pic-button{background-color:#fff;border:2px solid #203dbe;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#555;cursor:pointer;font-size:20px;padding:15px 30px;text-align:center;transition:all .3s ease}.set-profile-pic-button:hover{background-color:#fff3;border-color:#203dbe;box-shadow:0 8px 15px #00000026;color:#000;transform:translateY(-3px)}.my-picks-box{background-color:#fff;border:1px solid #ccc;border-radius:12px;margin-top:20px;padding:30px;text-align:center}.auth-forms{display:flex;justify-content:space-around;margin-top:20px}.auth-section{align-items:center;display:flex;flex-direction:column;width:45%}.auth-section h3{font-size:1.5em;margin-bottom:15px}.auth-form{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.auth-form input{border:1px solid #ccc;border-radius:6px;font-size:1em;margin-bottom:10px;padding:10px;width:80%}.auth-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2em;padding:10px 15px;transition:background-color .3s,transform .2s}.auth-button:hover{background-color:#0056b3;transform:translateY(-3px)}.error-message{color:red;margin-bottom:15px}.make-picks-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1em;padding:10px 15px}.make-picks-button:hover{background-color:#218838}.profile-header{gap:15px}.profile-picture{height:50px;width:50px}.logout-button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:auto;padding:8px 16px;transition:background-color .3s ease}.my-picks-container{padding:20px}.profile-header{align-items:center;display:flex;margin-bottom:20px}.profile-picture-large{height:200px;margin-right:15px;width:200px}.profile-username{font-size:50px;font-weight:700}@media (max-width:430px){.main-content{display:flex;flex-direction:column;height:auto;min-height:0}.my-picks,.other-picks{box-sizing:border-box;flex:1 1;overflow-x:hidden;padding:10px}.other-picks-box{box-sizing:border-box;overflow:hidden;width:100%}.profile-picture-large{height:150px;padding-left:17px;width:150px}.profile-username{font-size:10px}}.player-animation-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.player-image-container{align-items:center;display:flex;flex-direction:column}.spun-player-name{animation:fadeInDown 1s forwards;color:#fff;font-size:32px;margin-bottom:20px;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animated-player-image{animation:zoomIn 1s forwards;height:auto;width:300px}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}.animated-player-image.hover{animation:floatUpDown 2s infinite}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.confirm-button{background-color:#28a745;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 25px;transition:background-color .3s ease,transform .3s ease}.confirm-button:hover{background-color:#218838;transform:translateY(-3px)}.legacy-container{background-color:#fffbea;background:linear-gradient(145deg,#ffefd5 50%,#fff5cc);border:3px solid gold;border-radius:15px;box-shadow:0 20px 60px #0000001a;margin:auto;max-width:1200px;overflow:hidden;padding:60px 30px;position:relative;z-index:2}.legacy-title{color:#fc0;font-family:Playfair Display,serif;font-size:70px;font-weight:900;margin-bottom:20px;text-align:center;text-shadow:0 12px 40px #ffdf00cc}.legacy-subtitle{color:#555;font-family:Poppins,sans-serif;font-size:28px;font-weight:500;letter-spacing:2px;margin-bottom:40px;text-align:center}.trophy-rain{background:#ffdf0026;height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1}.trophy-emoji{animation:fall 15s linear infinite;font-size:2.5rem;opacity:.8;position:absolute}@keyframes fall{0%{top:-10%;transform:rotate(0deg)}to{top:110%;transform:rotate(2turn)}}.trophy-emoji:nth-child(10n+1){animation-duration:7s;left:5%}.trophy-emoji:nth-child(10n+2){animation-duration:9s;left:20%}.trophy-emoji:nth-child(10n+3){animation-duration:10s;left:35%}.trophy-emoji:nth-child(10n+4){animation-duration:10s;left:50%}.trophy-emoji:nth-child(10n+5){animation-duration:15s;left:65%}.trophy-emoji:nth-child(10n+6){animation-duration:8s;left:80%}.trophy-emoji:nth-child(10n+7){animation-duration:12s;left:95%}.fireworks-container{animation:fireworks 10s ease-in-out infinite;background:#0000;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}@keyframes fireworks{0%,50%,to{opacity:0}25%,75%{background:radial-gradient(circle at random,#fd4,#f55,#5df,#0000);background-position:random;background-size:300px 300px;opacity:1}}.winners-gallery{display:flex;flex-direction:column;gap:50px;padding-top:20px}.winner-card{background:linear-gradient(145deg,#fffbe9,#ffedd5);border:2px solid #ffdf004d;border-radius:20px;box-shadow:0 10px 30px #ffdf004d,0 10px 40px #0003;overflow:hidden;padding:40px;position:relative;transition:all .4s ease}.winner-card:hover{box-shadow:0 20px 50px #ffdf0099,0 15px 40px #0000004d;transform:translateY(-8px)}.winner-header{align-items:center;border-bottom:2px solid #ffdf004d;display:flex;justify-content:space-between;padding-bottom:20px}.winner-name{color:#fc0;font-family:Playfair Display,serif;font-size:40px;font-weight:700;text-shadow:0 10px 20px #ffdf0099}.winner-year{color:#888;font-family:Poppins,sans-serif;font-size:28px;font-weight:500}.picks-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:20px}.pick-item{background-color:#fff5cc;border:2px solid #ffdf0080;border-radius:15px;box-shadow:0 4px 8px #ffdf004d,0 3px 10px #0003;color:#222;font-size:16px;font-weight:600;padding:12px 25px;transition:all .3s ease}.pick-item:hover{background-color:#fc0;box-shadow:0 8px 25px #ffdf0099;color:#fff;transform:scale(1.05)}@media (max-width:768px){.winner-card{padding:25px}.winner-name{font-size:32px}.winner-year{font-size:22px}.picks-container{flex-direction:column}.pick-item{font-size:14px}}@media (max-width:430px){.legacy-container{border-width:2px;font-size:10px;max-width:70%;padding:0 9px}.legacy-title{font-size:20px}.legacy-subtitle{font-size:10px}.winner-card{padding:10px}.winner-name{font-size:40px}.winner-year{font-size:22px}.picks-container{flex-direction:column;padding:10px}.pick-item{font-size:16px}}.scoring-page-container{background:linear-gradient(to bottom right,#fdf4e3,#fff9e6);color:#333;font-family:Poppins,sans-serif;overflow:hidden;padding:50px;position:relative}.scoring-page-container .scoring-header{margin-bottom:50px;text-align:center}.scoring-page-container .scoring-title{color:#b89b00;font-size:52px;text-shadow:0 5px 10px #0003}.scoring-page-container .scoring-subtitle{color:#070707;font-size:20px;line-height:1.8;margin:0 auto;max-width:900px}.scoring-page-container .scoring-section{background:#fff;border-radius:20px;box-shadow:0 15px 30px #0000001a;margin-bottom:40px;padding:30px;transition:all .3s ease}.scoring-page-container .scoring-category h2{color:#161616;font-size:28px}.scoring-page-container .scoring-category p{color:#525151;font-size:16px}.scoring-page-container .all-nba-teams-example,.scoring-page-container .all-rookie-teams-example,.scoring-page-container .conference-finals-example,.scoring-page-container .midseason-cup-example,.scoring-page-container .playoff-teams-example,.scoring-page-container .ranking-example{display:flex;justify-content:space-between;margin-top:15px}.scoring-page-container .cup-slot,.scoring-page-container .finals-slot,.scoring-page-container .team-slot{background-color:#f8f8f8;border-radius:8px;box-shadow:0 5px 10px #0000001a;flex:1 1;margin-right:10px;padding:10px;position:relative;text-align:center;transition:transform .2s ease}.scoring-page-container .cup-slot:hover,.scoring-page-container .finals-slot:hover,.scoring-page-container .team-slot:hover{transform:scale(1.05)}.scoring-page-container .winner-slot{background-color:gold}.scoring-page-container .loser-slot{background-color:#e6e6e6}.scoring-page-container .ranking-slot.first{background-color:#cfc}.scoring-page-container .ranking-slot.second{background-color:#ffc}.scoring-page-container .ranking-slot.third{background-color:#fcc}.scoring-page-container .cup-slot span,.scoring-page-container .finals-slot span,.scoring-page-container .ranking-slot span,.scoring-page-container .team-slot span{color:#333;font-size:16px;font-weight:700;position:absolute;right:5px;top:5px}.scoring-page-container .points-summary{margin-top:30px;text-align:center}.scoring-page-container .points-summary h3{color:#444;font-size:28px}.scoring-page-container .total-points{color:#b89b00;font-size:36px}.scoring-page-container .firework-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.scoring-page-container .firework{animation:scoring-page-explode 1s ease-out forwards;background:radial-gradient(circle,#fc0,red);border-radius:50%;height:10px;position:absolute;width:10px}@keyframes scoring-page-explode{0%{transform:scale(1)}to{opacity:0;transform:scale(20)}}.scoring-page-container .bonus-slot{background-color:#f0f0f0;background-color:#cfc;border-radius:8px;box-shadow:0 5px 10px #0000001a;flex:1 1;margin-right:10px;padding:10px;position:relative;text-align:center;transition:transform .2s ease}.scoring-page-container .bonus-slot span{color:#333;font-size:16px;font-weight:700;position:absolute;right:5px;top:5px}.scoring-page-container .bonus-slot:hover{transform:scale(1.05)}.scoring-page-container .ranking-list{display:flex;flex-direction:column;margin-right:30px}.scoring-page-container .ranking-list p{align-items:center;display:flex;font-size:18px;margin:5px 0}.scoring-page-container .rank{color:#444;font-weight:700;margin-right:10px}.scoring-page-container .correct{color:#444944;font-weight:700;position:relative}.scoring-page-container .correct span{font-size:16px;font-weight:700;margin-left:5px}.scoring-page-container .ranking-example{margin-top:15px}.scoring-page-container .all-nba-teams-example{display:flex;justify-content:space-between;margin-top:15px}.scoring-page-container .team-slot{align-items:center;background-color:#f8f8f8;border-radius:8px;box-shadow:0 5px 10px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-right:10px;padding:10px;position:relative;text-align:center;transition:transform .2s ease}.scoring-page-container .team-slot:hover{transform:scale(1.05)}.scoring-page-container .correct{background-color:#cfc;font-size:16px}.scoring-page-container .correct-spot-wrong-team{background-color:#ffc}.scoring-page-container .missed{background-color:#fcc}.scoring-page-container .team-slot span{color:#333;font-size:16px;font-weight:700;position:absolute;right:5px;top:5px}.scoring-page-container small{color:#666;display:block;font-size:14px;margin-top:5px}.scoring-page-container .team-prediction-label{color:#444;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}.scoring-page-container .award-example{display:flex;justify-content:space-between;margin-top:15px}.scoring-page-container .award-slot{background-color:#f8f8f8;border-radius:8px;box-shadow:0 5px 10px #0000001a;flex:1 1;margin-right:10px;padding:15px;position:relative;text-align:center;transition:transform .2s ease}.scoring-page-container .award-slot.correct{background-color:#cfc}.scoring-page-container .award-slot.missed{background-color:#fcc}.scoring-page-container .award-slot span{color:#333;font-size:16px;font-weight:700;position:absolute;right:5px;top:5px}.scoring-page-container .award-slot:hover{transform:scale(1.05)}.scoring-page-container .champion-example{display:flex;justify-content:center;margin-top:20px}.scoring-page-container .big-slot{background-color:gold;border-radius:50px;box-shadow:0 5px 10px #0000001a;display:inline-block;font-size:40px!important;max-width:400px;padding:80px 6%;position:relative;text-align:center;transition:transform .3s ease}.scoring-page-container .big-slot:hover{transform:scale(1.1)}.scoring-page-container .big-slot:before{content:"🏆";font-size:70px;left:-20px;position:absolute;top:-30px}.scoring-page-container .big-slot span{color:#333;font-size:18px!important;font-weight:700;position:absolute;right:25px;top:15px}@media (max-width:430px){.scoring-page-container{padding:20px}.scoring-title{font-size:32px}.scoring-subtitle{font-size:16px}.scoring-page-container .scoring-category h2{font-size:22px}.scoring-page-container .scoring-category p{font-size:14px}.scoring-page-container .all-nba-teams-example,.scoring-page-container .all-rookie-teams-example,.scoring-page-container .conference-finals-example,.scoring-page-container .midseason-cup-example,.scoring-page-container .playoff-teams-example,.scoring-page-container .ranking-example{flex-wrap:wrap}.scoring-page-container .cup-slot,.scoring-page-container .finals-slot,.scoring-page-container .team-slot{font-size:12px;height:90px;margin-right:5px;padding:5px;width:90px}.scoring-page-container .cup-slot span,.scoring-page-container .finals-slot span,.scoring-page-container .ranking-slot span,.scoring-page-container .team-slot span{font-size:10px}.scoring-page-container .finals-team{width:120px}.scoring-page-container .big-slot{font-size:28px!important;padding:50px 4%}.scoring-page-container .big-slot:before{font-size:50px;left:-10px;top:-20px}.scoring-page-container .ranking-list p{font-size:14px}.scoring-page-container .scoring-section{margin-bottom:20px}}.scoring-page-container .ranking-example{display:flex;flex-wrap:nowrap;justify-content:space-between;overflow-x:auto}.scoring-page-container .ranking-list{flex:0 0 100px;font-size:12px;margin-right:5px}.scoring-page-container .rank,.scoring-page-container .ranking-list p span{font-size:10px}.leaderboard-container{margin:0 auto;max-width:800px;padding:20px}.leaderboard-container h1{color:#333;font-size:2.5em;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000001a}.leaderboard{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.leaderboard-entry{align-items:center;border-bottom:1px solid #eee;display:flex;padding:15px 20px;position:relative;transition:all .3s ease}.leaderboard-entry:last-child{border-bottom:none}.leaderboard-entry:hover{background-color:#f8f9fa;transform:translateX(5px)}.rank{color:#666;font-size:1.2em;font-weight:700;width:60px}.user-info{align-items:center;display:flex;flex:1 1;gap:15px}.profile-picture{object-fit:cover}.profile-picture,.profile-picture-placeholder{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;height:40px;width:40px}.profile-picture-placeholder{align-items:center;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;display:flex;font-size:1.2em;font-weight:700;justify-content:center}.username{color:#2c3e50;font-size:1.1em;font-weight:500;text-decoration:none;transition:color .2s ease}.username:hover{color:#3498db}.score{background:#f8f9fa;border-radius:20px;color:#2c3e50;font-size:1.2em;font-weight:700;min-width:100px;padding:5px 15px;text-align:center}.top-1{background:linear-gradient(90deg,#ffd7001a,#fff8e7cc)}.top-2{background:linear-gradient(90deg,#c0c0c01a,#f5f5f5cc)}.top-3{background:linear-gradient(90deg,#cd7f321a,#f5e6d3cc)}.top-1 .rank{color:gold;font-size:1.4em}.top-2 .rank{color:silver;font-size:1.4em}.top-3 .rank{color:#cd7f32;font-size:1.4em}.top-1 .score,.top-2 .score,.top-3 .score{background:#ffffffe6;box-shadow:0 2px 5px #0000001a}@media (max-width:430px){.leaderboard-container{padding:10px}.leaderboard-container h1{font-size:1.8em;margin-bottom:20px}.leaderboard-entry{padding:10px 15px}.rank{font-size:1em;width:40px}.profile-picture,.profile-picture-placeholder{font-size:1em;height:30px;width:30px}.score,.username{font-size:1em}.score{min-width:80px;padding:4px 10px}.top-1 .rank,.top-2 .rank,.top-3 .rank{font-size:1.2em}}
/*# sourceMappingURL=main.42182c9b.css.map*/