@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--app-font: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif}html,body,#root{height:100%}body{margin:0;font-family:var(--app-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa}.home{max-width:1100px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.home__header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin:0}.home__header h1{margin:0}.home__header p{margin:0;color:#555;font-weight:600}.home__status{margin:1rem 0;color:#444}.home__status--error{color:#b00020}.home__subnote{margin:0 0 1.25rem;color:#666;font-weight:500;font-size:.95rem}.home__champion{padding:1.25rem 0 1.5rem;margin:0 auto .5rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;width:calc(100% - 3rem);max-width:520px;border-bottom:1px solid #e0e0e0}.home__champion-image{width:200px;height:200px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 4px 8px #00000014}.home__champion-name{margin:0;font-size:1.5rem;letter-spacing:-.01em}.home__champion-team{color:#555;font-weight:500;font-size:.95rem}.matches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.bracket{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;align-items:start}.bracket__column{display:flex;flex-direction:column;gap:.75rem}.bracket__column-title{font-weight:700;color:#333;margin-bottom:.25rem;text-align:center;letter-spacing:.02em}.match-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.75rem 1rem;box-shadow:0 4px 10px #00000008}.match-card__meta{display:flex;justify-content:space-between;font-size:.9rem;color:#555;margin-bottom:.5rem;letter-spacing:.01em}.match-card__row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0}.match-card__row.winner{font-weight:700;color:#0f6a2e}.match-card__row.bye{color:#777;font-style:italic}.pill{background:#0f6a2e;color:#fff;border-radius:12px;padding:.1rem .55rem;font-size:.8rem}.pill--muted{background:#e5e7eb;color:#555}.about{max-width:800px;margin:0 auto;padding:2rem 1.5rem;line-height:1.6}.about__header{margin-bottom:2rem;text-align:center}.about__header h1{margin:0 0 .5rem;font-size:2rem}.about__intro{color:#666;font-size:1.1rem;margin:0}.about__section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.about__section:last-of-type{border-bottom:none}.about__section h2{margin:0 0 1rem;font-size:1.5rem;color:#333}.about__section p{margin:0 0 1rem;color:#444}.about__section ul{margin:1rem 0;padding-left:1.5rem}.about__section li{margin:.5rem 0;color:#444}.about__section a{color:#0f6a2e;text-decoration:none;font-weight:600}.about__section a:hover{text-decoration:underline}.about__footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;text-align:center;color:#666;font-size:.9rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;box-shadow:0 1px 4px #00000014;font-family:inherit}.navbar__brand{font-weight:700;font-size:1.05rem;text-decoration:none}.navbar__brand a{text-decoration:none;color:#000;font-weight:700;transition:color .15s ease}.navbar__brand a:hover{color:#ff4757}.navbar__links{display:flex;gap:1rem;list-style:none;margin:0;padding:0;align-items:center}.navbar__links a{color:inherit;text-decoration:none;padding:.25rem .5rem;border-radius:4px;display:flex;align-items:center}.navbar__links a:hover{background:#0000000a}.navbar__profile-link{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:0}.navbar__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8aa2f6,#5b6edc);color:#fff;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.navbar__avatar img{width:100%;height:100%;object-fit:cover}.navbar__toggle{display:none;background:transparent;border:0;padding:.25rem;cursor:pointer}.navbar__toggle:focus{outline:2px solid rgba(0,0,0,.12)}.bar{display:block;width:22px;height:2px;background:#111;margin:4px 0;transition:transform .2s ease,opacity .2s ease}@media(max-width:800px){.navbar{padding:.75rem 1rem}.navbar__brand{font-size:1rem}.navbar__toggle{display:block}.navbar__links{position:fixed;top:64px;left:0;right:0;background:#fff;box-shadow:0 6px 18px #0000001f;padding:1rem;border-radius:0;flex-direction:column;display:none;z-index:1000;gap:0}.navbar__links.open{display:flex}.navbar__links li{width:100%;border-bottom:1px solid #f0f0f0}.navbar__links li:last-child{border-bottom:none}.navbar__links a{padding:1rem;display:block;width:100%;border-radius:0}.navbar__links a:hover{background:#f5f5f5}.navbar__profile-item{border-bottom:none!important}.navbar__profile-link{padding:1rem!important;display:flex!important;align-items:center!important;gap:.75rem!important;justify-content:flex-start!important}.navbar__username{font-weight:600;color:#333}.bar.open:nth-child(1){transform:translateY(6px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.teamQuickView{align-items:flex-start;padding:0;width:100%;box-sizing:border-box;min-width:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px}.teamQuickView .overlay{border-radius:16px;padding:16px 24px;width:100%;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow:hidden;background:#ffffff1f;transition:background .18s ease,box-shadow .18s ease}.teamQuickView .overlay:hover:not(:has(.image-grid a:hover)){background:#ffffff3d;box-shadow:0 8px 32px #0000001f}.showcase-overlay{background:#fff;border-radius:16px;padding:8px 16px;max-width:calc(100% - 32px);width:auto;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;align-items:start;align-self:flex-start;box-sizing:border-box;overflow:hidden;margin-bottom:16px;transition:background .18s ease,transform .16s ease}.showcase-overlay:hover{background:#fff}.teamQuickView .overlay:hover:not(:has(.image-grid a:hover)) .showcase-overlay{background:#fff}.showcase-text{margin:0;text-align:left;font-size:1.5rem;font-weight:600;color:#333;align-self:flex-start}.image-grid{display:flex;flex-direction:row;justify-content:center;gap:1rem;align-items:center}.player-thumb-link{display:block;border-radius:8px;transition:transform .16s ease}.player-thumb-link:hover{transform:scale(1.1);z-index:10}.image-grid img{width:100px;height:100px;object-fit:cover;aspect-ratio:1 / 1;display:block;transition:opacity .16s ease,transform .16s ease;border-radius:8px;border:2px solid #fff}.image-grid img:hover{transform:scale(1.05)}@media(max-width:640px){.image-grid{gap:.5rem}.image-grid img{width:70px;height:70px}}.overlay-link{text-decoration:none;color:inherit;display:block}.overlay-link:visited,.overlay-link:active,.overlay-link:focus{color:inherit;text-decoration:none}.overlay-link .overlay{cursor:pointer}._teamsGrid_1b6kh_1{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;width:100%;box-sizing:border-box;padding:2rem;min-width:0}@media(min-width:1000px){._teamsGrid_1b6kh_1{grid-template-columns:1fr 1fr;gap:24px;padding:2rem}}.team-detail{min-height:100vh}.team-detail__back-btn{display:block;margin:1.5rem auto 0;padding:.5rem 1rem;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.team-detail__back-btn:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.team-detail__status{text-align:center;padding:2rem;color:#666}.team-detail__status--error{color:#b00020}.team-detail__header{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative}.team-detail__header-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;padding:2rem;text-align:center}.team-detail__title{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;color:#fff}.team-detail__bio{margin:0;font-size:1.1rem;color:#ffffffe6;max-width:600px}.team-detail__players{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.team-detail__section-title{margin:0 0 2rem;font-size:1.8rem;color:#333;text-align:center}.team-detail__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.player-card-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease}.player-card-link:hover{transform:translateY(-4px)}.player-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:all .2s ease;height:100%}.player-card-link:hover .player-card{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.player-card__image{width:100%;height:280px;object-fit:cover;display:block}.player-card__content{padding:1.25rem}.player-card__name{margin:0 0 .25rem;font-size:1.2rem;font-weight:700;color:#333}.player-card__species{margin:0 0 1rem;font-size:.9rem;color:#666;font-style:italic}.player-card__stats{display:flex;gap:1rem}.player-card__stat{flex:1;text-align:center;padding:.75rem;background:#f8f9fa;border-radius:8px}.player-card__stat-label{display:block;font-size:.85rem;color:#666;font-weight:600;text-transform:uppercase;margin-bottom:.25rem}.player-card__stat-value{display:block;font-size:1.5rem;font-weight:700;color:#0f6a2e}@media(max-width:768px){.team-detail__back-btn{top:.75rem;left:1rem;font-size:.85rem}.team-detail__title{font-size:1.8rem}.team-detail__bio{font-size:.95rem}.team-detail__players{padding:1.5rem 1rem}.team-detail__section-title{font-size:1.4rem;margin-bottom:1.5rem}.team-detail__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.player-card__image{height:220px}.player-card__content{padding:1rem}.player-card__name{font-size:1rem;margin-bottom:.75rem}}.player-page{max-width:1200px;margin:0 auto;padding:2rem}.player-page-loading,.player-page-error{text-align:center;padding:4rem 2rem;font-size:1.25rem;color:#666}.player-header{margin-bottom:2rem}.player-team-link{display:inline-block;color:#06c;text-decoration:none;font-size:1rem;padding:.5rem .75rem;border-radius:8px;transition:background-color .2s;margin-bottom:1rem}.player-team-link:hover{background-color:#f0f0f0}.player-header h1{font-size:2.5rem;margin:0 0 .5rem;color:#333;text-align:center}.player-species{font-size:1.2rem;color:#666;font-style:italic;margin:0;text-align:center}.player-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.player-image-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.player-image{width:100%;max-width:500px;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:3px solid white}.player-photo-credit{color:#666;font-size:.9rem;text-decoration:none;transition:color .2s}.player-photo-credit:hover{color:#06c;text-decoration:underline}.player-stats-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:#333}.player-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a}.stat-label{font-size:.9rem;color:#ffffffe6;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:2rem;font-weight:700;color:#fff}.player-info{background-color:#f8f9fa;padding:1.5rem;border-radius:12px;border-left:4px solid #667eea}.player-info h3{font-size:1.4rem;margin-bottom:1rem;color:#333}.player-info p{font-size:1.05rem;line-height:1.6;color:#555}.teammates-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e0e0e0}.teammates-section h2{font-size:1.75rem;margin-bottom:1.5rem;color:#333;text-align:center}.teammates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:800px;margin:0 auto}.teammate-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem;text-decoration:none;transition:all .2s;text-align:center;display:flex;flex-direction:column;align-items:center}.teammate-card:hover{border-color:#06c;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.teammate-image{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:1rem;border:2px solid #e0e0e0}.teammate-name{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.5rem}.teammate-species{font-size:.95rem;color:#666;font-style:italic}@media(max-width:768px){.player-page{padding:1rem}.player-header h1,.player-species{text-align:center}.player-header h1{font-size:2rem}.player-content{grid-template-columns:1fr;gap:2rem}.player-stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}}.scoreboard{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.scoreboard__header{margin-bottom:2rem;text-align:center}.scoreboard__header h1{margin:0 0 .5rem;font-size:2rem}.scoreboard__subtitle{color:#666;font-size:1rem;margin:0 0 1rem;font-weight:500}.scoreboard__toggle{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.scoreboard__toggle-btn{padding:.5rem 1.5rem;border:2px solid #e5e7eb;background:#fff;color:#666;font-family:inherit;font-weight:600;font-size:.95rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.scoreboard__toggle-btn:hover{border-color:#0f6a2e;color:#0f6a2e}.scoreboard__toggle-btn.active{background:#0f6a2e;border-color:#0f6a2e;color:#fff}.scoreboard__status{margin:1rem 0;color:#444;text-align:center}.scoreboard__status--error{color:#b00020}.scoreboard__table-wrapper{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 10px #00000008}.scoreboard__table{width:100%;border-collapse:collapse;font-size:.95rem}.scoreboard__table thead{background:#f8f9fa;border-bottom:2px solid #e5e7eb}.scoreboard__table th{padding:1rem;text-align:left;font-weight:700;color:#333;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.scoreboard__table td{padding:1rem;border-bottom:1px solid #f0f0f0}.scoreboard__name a{color:#333;text-decoration:none;transition:color .2s}.scoreboard__name a:hover{color:#06c;text-decoration:underline}.scoreboard__table tbody tr:last-child td{border-bottom:none}.scoreboard__table tbody tr:hover{background:#fafafa}.scoreboard__row--podium{background:#fffdf0}.scoreboard__row--podium:hover{background:#fffadb!important}.scoreboard__rank{width:80px;text-align:center;font-weight:700;font-size:1.1rem}.scoreboard__table th.scoreboard__rank,.scoreboard__table th.scoreboard__score,.scoreboard__table th.scoreboard__wins,.scoreboard__table th.scoreboard__losses{text-align:center}.scoreboard__name{font-weight:600;color:#333}.scoreboard__team{color:#555;font-weight:500}.scoreboard__score{font-weight:700;color:#0f6a2e;text-align:center;width:100px}.scoreboard__wins,.scoreboard__losses{text-align:center;width:80px;color:#666}@media(max-width:768px){.scoreboard{padding:1.5rem 1rem}.scoreboard__header h1{font-size:1.6rem}.scoreboard__toggle-btn{padding:.4rem 1rem;font-size:.9rem}.scoreboard__table{font-size:.8rem}.scoreboard__table th,.scoreboard__table td{padding:.6rem .4rem}.scoreboard__table th{font-size:.75rem}.scoreboard__rank{width:50px;font-size:.95rem}.scoreboard__name{font-size:.9rem}.scoreboard__team{display:none}.scoreboard__score,.scoreboard__wins,.scoreboard__losses{width:60px;font-size:.85rem}}.auth-container{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 64px);background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem 2rem 2rem}.auth-card{background:#fff;border-radius:12px;padding:2.5rem 2rem;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.auth-card h1{margin:0 0 2rem;text-align:center;color:#333;font-size:1.8rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:600}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#666;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#667eea}.password-toggle:focus{outline:none;color:#667eea}.password-requirements{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:1rem;margin-top:.75rem;font-size:.9rem}.requirement{color:#d32f2f;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.requirement.met{color:#4caf50}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.btn-primary{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#999;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.divider span{padding:0 1rem;font-weight:600}.btn-google{width:100%;padding:.75rem;background:#fff;color:#444;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-google:hover:not(:disabled){background-color:#f8f9fa;box-shadow:0 2px 8px #0000001a}.btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.auth-toggle p{margin:0;color:#666;font-size:.9rem}.toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;margin-left:.5rem;text-decoration:underline;transition:color .2s}.toggle-btn:hover{color:#764ba2}.player-picker-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}.player-picker-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;z-index:1000;display:flex;flex-direction:column;width:92%;max-width:760px;max-height:85vh}.player-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e6e8ef}.player-picker-header h3{margin:0;font-size:1.2rem;color:#1f2d3d}.player-picker-close{background:none;border:none;font-size:1.5rem;color:#8a94a6;cursor:pointer;padding:0;width:32px;height:32px;display:grid;place-items:center;transition:color .2s}.player-picker-close:hover{color:#1f2d3d}.player-picker-grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.player-picker-grid.loading{opacity:.75}.player-picker-empty{grid-column:1 / -1;text-align:center;padding:2rem 1rem;color:#7a869a;font-size:.95rem}.player-picker-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:#fff;border:2px solid #e1e6f3;border-radius:16px;cursor:pointer;transition:all .25s ease;text-align:center;position:relative}.player-picker-card:hover:not(.player-picker-card-selected){background:#f8faff;border-color:#7a9eff;box-shadow:0 6px 16px #5c8cf51f;transform:translateY(-2px)}.player-picker-card-selected{background:#f0f6ff;border-color:#4a7cff;box-shadow:0 6px 20px #4a7cff33}.player-picker-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #0000001f;background:#f0f4f9}.player-picker-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7a9eff,#5b7fd9);color:#fff;font-size:1.5rem;font-weight:700;width:90px;height:90px;border-radius:50%}.player-picker-card-body{display:flex;flex-direction:column;gap:.2rem}.player-picker-item-name{font-size:.95rem;color:#1f2d3d;font-weight:700}.player-picker-item-team{font-size:.9rem;color:#4f5b6b;font-weight:500}.player-picker-item-checkmark{color:#3f73f1;font-weight:700;font-size:1.1rem;position:absolute;top:.5rem;right:.5rem}.team-picker-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}.team-picker-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003;z-index:1000;display:flex;flex-direction:column;width:92%;max-width:760px;max-height:85vh}.team-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e6e8ef}.team-picker-header h3{margin:0;font-size:1.2rem;color:#1f2d3d}.team-picker-close{background:none;border:none;font-size:1.5rem;color:#8a94a6;cursor:pointer;padding:0;width:32px;height:32px;display:grid;place-items:center;transition:color .2s}.team-picker-close:hover{color:#1f2d3d}.team-picker-grid{flex:1;overflow-y:auto;padding:.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.team-picker-grid.loading{opacity:.75}.team-picker-empty{grid-column:1 / -1;text-align:center;padding:2rem 1rem;color:#7a869a;font-size:.95rem}.team-picker-card{position:relative;width:100%;height:140px;background:#f3f6fb;border:1px solid #e1e6f3;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;display:flex}.team-picker-card:before{content:"";position:absolute;inset:0;background-image:var(--team-bg);background-size:cover;background-position:center;opacity:.9;transition:transform .25s ease}.team-picker-card:hover:before{transform:scale(1.03)}.team-picker-card:hover{box-shadow:0 8px 20px #5c8cf52e;border-color:#5c8cf5}.team-picker-card-selected{box-shadow:0 8px 22px #3f73f12e;border-color:#3f73f1}.team-picker-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#0000008c);display:flex;align-items:flex-end;padding:.75rem 1rem;color:#fff}.team-picker-name{font-weight:700;font-size:1rem;text-shadow:0 2px 6px rgba(0,0,0,.35)}.team-picker-checkmark{position:absolute;top:.5rem;right:.5rem;background:#3f73f1;color:#fff;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700}.profile-page{max-width:600px;margin:0 auto;padding:2rem}.profile-loading{text-align:center;padding:4rem 2rem;font-size:1.1rem;color:#666}.profile-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.profile-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#8aa2f6,#5b6edc);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;overflow:hidden;box-shadow:0 6px 18px #0000001f}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-container h1{margin:0;text-align:left;color:#333;font-size:1.75rem}.profile-header h1{line-height:1.2}.profile-info{text-align:left}.profile-info .display-name{font-size:1.3rem;font-weight:600;margin:0 0 .5rem;color:#333}.profile-info .bio{font-size:.95rem;color:#666;margin:.5rem 0 1rem;font-style:italic}.profile-info .email{font-size:.95rem;margin:1rem 0;color:#333}.btn-edit{margin-top:1rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-edit:disabled{opacity:.5;cursor:not-allowed}.profile-edit{margin-top:1.5rem;padding:1rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.profile-edit .form-group{margin-bottom:1rem}.profile-edit label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.profile-edit input,.profile-edit textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.profile-edit input:focus,.profile-edit textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-edit input:disabled,.profile-edit textarea:disabled{background-color:#f5f5f5;color:#ccc}.profile-edit textarea{resize:vertical}.edit-actions{display:flex;gap:.75rem;margin-top:1.5rem}.edit-actions button{flex:1;padding:.75rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.edit-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.edit-actions .btn-secondary{background:#e0e0e0;color:#333}.edit-actions .btn-secondary:hover:not(:disabled){background:#d0d0d0}.edit-actions button:disabled{opacity:.5;cursor:not-allowed}.profile-section{margin-bottom:2rem}.profile-section h2{font-size:1.1rem;margin:0 0 .75rem;color:#555}.username{font-size:1.1rem;margin:.25rem 0 0;color:#333}.select-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.select-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.select-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.player-select-button,.team-select-button{width:100%;padding:.85rem 1rem;background:linear-gradient(135deg,#f7f9fc,#eef3fb);border:2px solid #d8e2f3;border-radius:10px;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease;color:#1f2d3d;display:flex;align-items:center;gap:.5rem}.player-select-button:hover:not(:disabled),.team-select-button:hover:not(:disabled){border-color:#5c8cf5;box-shadow:0 6px 18px #5c8cf533;transform:translateY(-1px)}.player-select-button:focus,.team-select-button:focus{outline:none;border-color:#3f73f1;box-shadow:0 0 0 3px #3f73f133}.player-select-button:disabled,.team-select-button:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.65}.color-picker{display:flex;gap:.75rem;flex-wrap:wrap}.color-option{width:50px;height:50px;border-radius:50%;border:3px solid #ddd;cursor:pointer;transition:all .2s;padding:0}.color-option:hover:not(:disabled){transform:scale(1.1)}.color-option.selected{border-color:#000;border-width:4px}.color-option:disabled{opacity:.6;cursor:not-allowed}.saved-message{text-align:center;color:#4caf50;margin:1rem 0;font-weight:600}.saved-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#e6f4ff;color:#0b5ed7;border:1px solid #b6d4fe;padding:.65rem 1.1rem;border-radius:10px;box-shadow:0 6px 18px #0066cc2e;font-weight:600;z-index:1200}.profile-actions{display:flex;gap:1rem;margin-top:2rem}.btn-secondary{flex:1;padding:.75rem;background:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}