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}*{font-family:Nunito Sans,sans-serif}body,html{-webkit-overflow-scrolling:touch;--navigation-bar-color:#fff;margin:0;overscroll-behavior-y:none;padding:0 0 env(safe-area-inset-bottom,0)}#root,body,html{height:100%;overflow-x:hidden}#root{padding-bottom:env(safe-area-inset-bottom,0)}@supports (padding:max(0px)){#root,body,html{padding-bottom:max(env(safe-area-inset-bottom),0px)}}::-webkit-progress-bar,::-webkit-progress-value,progress{display:none!important}::-webkit-scrollbar{display:none}progress[value]{display:none!important}.material-symbols-outlined,.material-symbols-rounded{word-wrap:normal;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Symbols Rounded,Material Symbols Outlined,sans-serif;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}:root{--font-family-primary:"Nunito Sans",sans-serif;--primary:#b0c6ff;--primary-light:#b0c6ff;--on-primary:#152e60;--secondary:#c0c6dc;--on-secondary:#293042;--surface-container:#13203f;--surface-container-dark:#0f1331;--surface-container-darkest:#010205;--surface-container-light:#25355c;--surface-container-lightest:#3f527f;--on-surface:#f4f4f4;--on-surface-variant:#e6e5e5;--on-surface-secondary:#e1e2f0;--outline:#495482;--gold-dark:#eaa938;--gold:#f4ca53;--gold-light:#f5de7d;--gold-gradient:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold) 50%,var(--gold-dark) 100%);--error:#d1383a;--error-light:#f87171;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.8rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-out;--transition-base:200ms ease-out;--transition-slow:300ms ease-out;--z-dropdown:50;--z-modal:50;--z-tooltip:100}.caption{color:#b0c6ff;color:var(--primary);font-size:.75rem;font-weight:700}.body-small{font-size:.875rem;font-weight:700}.body,.body-small{color:#f4f4f4;color:var(--on-surface)}.body{font-size:1rem;font-weight:800}.body-large{font-weight:800}.body-large,.headline-small{color:#f4f4f4;color:var(--on-surface);font-size:1.125rem}.headline-small{font-style:italic;font-weight:900}.headline-medium{font-size:1.5rem}.headline-large,.headline-medium{color:#f4f4f4;color:var(--on-surface);font-style:italic;font-weight:900}.headline-large{font-size:2rem}.button-text{color:#e6e5e5;color:var(--on-surface-variant);letter-spacing:-.025em;text-transform:uppercase}.btn,.button-text{font-size:1rem;font-style:italic;font-weight:900}.btn{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;display:block;justify-content:center;max-width:380px;outline:none;text-decoration:none;transition:all .2s ease-out;transition:all var(--transition-base)}.btn:disabled{cursor:not-allowed;font-style:italic;font-weight:900;opacity:.5}.btn:focus-visible{outline:2px solid #b0c6ff;outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:linear-gradient(180deg,#f5de7d,#f4ca53 50%,#f4ca53 0,#eaa938);background:var(--gold-gradient);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#000;font-style:italic;font-weight:900;padding:.75rem 1rem}.btn-primary:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(0)}.btn-secondary{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#293042;color:var(--on-secondary);font-style:italic;font-weight:900;padding:.75rem 1rem}.btn-secondary,.btn-secondary:hover:not(:disabled){background-color:#c0c6dc;background-color:var(--secondary)}.btn-outline{background-color:initial;border:2px solid #ffffff59;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#f4f4f4;color:var(--on-surface);font-style:italic;font-weight:900;padding:.75rem 1rem}.btn-outline:hover:not(:disabled){background-color:#ffffff14}.btn-danger{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;font-style:italic;font-weight:900;padding:.75rem 1rem}.btn-danger,.btn-danger:hover:not(:disabled){background-color:#d1383a;background-color:var(--error)}.btn-danger:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.btn-icon{align-items:center;background-color:#0f1331;background-color:var(--surface-container-dark);border-radius:9999px;border-radius:var(--radius-full);color:#e6e5e5;color:var(--on-surface-variant);display:inline-flex;flex-direction:column;height:48px;justify-content:center;padding:.25rem;padding:var(--spacing-xs);transition:opacity .2s ease-out;transition:opacity var(--transition-base);width:48px}.btn-icon:hover:not(:disabled){opacity:.8}.btn-icon:focus-visible{outline:2px solid #e6e5e5;outline:2px solid var(--on-surface-variant);outline-offset:2px}.btn-sm{font-size:.875rem;padding:.5rem .75rem}.btn-md{font-size:1rem;padding:.75rem 1rem}.btn-lg{font-size:1.125rem;padding:1rem 1.5rem}.btn-full{margin:0 auto;width:100%}.btn-text{font-size:1rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;text-transform:uppercase}.btn-icon-text{align-items:center;display:inline-flex;gap:.5rem;gap:var(--spacing-sm)}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#111827b3;bottom:0;display:flex;height:100vh;justify-content:center;left:0;margin:0;min-height:100vh;min-width:100vw;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:50;z-index:var(--z-modal)}.modal{background-color:#13203f;background-color:var(--surface-container);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:28rem;padding:2rem;padding:var(--spacing-xl);position:relative;text-align:center;width:100%}.modal-close{background:none;border:none;cursor:pointer;padding:.25rem;padding:var(--spacing-xs);position:absolute;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md);transition:color .15s ease-out;transition:color var(--transition-fast)}.modal-close,.modal-close:hover{color:#f4f4f4;color:var(--on-surface)}.modal-close svg{height:1.5rem;width:1.5rem}.modal-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;left:1rem;left:var(--spacing-md);padding:.25rem;padding:var(--spacing-xs);position:absolute;top:1rem;top:var(--spacing-md);transition:color .2s ease-out;transition:color var(--transition-base)}.modal-delete:hover{color:var(--color-error)}.modal-delete svg{height:1.5rem;width:1.5rem}.modal-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.modal-title{color:#f4f4f4;color:var(--on-surface);font-size:1.25rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.modal-content{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.modal-footer{display:flex;gap:1rem;gap:var(--spacing-md);justify-content:space-around}.table-container{border-radius:1rem;border-radius:var(--radius-xl);overflow-x:auto;padding:0;position:relative}.table{border-collapse:initial;border-spacing:0;width:100%}.table thead{background-color:#25355c;background-color:var(--surface-container-light)}.table thead th{color:#f4f4f4;color:var(--on-surface);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.75rem 1.5rem;text-align:left;text-transform:uppercase}.table tbody{background-color:#0f1331;background-color:var(--surface-container-dark)}.table tbody tr{border-bottom:1px solid #13203f;border-bottom:1px solid var(--surface-container)}.table tbody tr:last-child{border-bottom:none}.table tbody td{color:#f4f4f4;color:var(--on-surface);font-size:.875rem;font-weight:700;padding:1rem 1.5rem;white-space:nowrap}.table tbody td:first-child{font-weight:500}.list-container{display:flex;flex-direction:column;gap:4px}.list-item{background-color:#25355c;background-color:var(--surface-container-light);border-radius:1rem;border-radius:var(--radius-xl);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.list-item-title{color:#f4f4f4;color:var(--on-surface);font-weight:700}.list-item-content{color:#e6e5e5;color:var(--on-surface-variant)}.input{background-color:#010205;background-color:var(--surface-container-darkest);border-radius:9999px;border-radius:var(--radius-full);box-sizing:border-box;color:#f4f4f4;color:var(--on-surface);font-size:1rem;height:56px;max-width:380px;padding:.5rem 1rem;transition:all .2s ease-out;transition:all var(--transition-base);width:100%}.input::placeholder{color:#e6e5e5;color:var(--on-surface-variant)}.input:focus{border:2px solid var(--color-primary);outline:none}.input:disabled{cursor:not-allowed;opacity:.5}.checkbox{accent-color:#5481f6;color:#152e60;color:var(--on-primary);height:1.5rem;transition:all .2s ease-out;transition:all var(--transition-base);width:1.5rem}.card{background-color:#13203f;background-color:var(--surface-container);border-radius:1.8rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.card-header{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.card-title{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.card-content{color:#e6e5e5;color:var(--on-surface-variant)}.card-nested{background-color:#0f1331;background-color:var(--surface-container-dark);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:inset 0 2px 4px 0 #0000000f;padding:2rem;padding:var(--spacing-xl)}.card-header-section{border-radius:1rem;border-radius:var(--radius-xl)}.card-header-section,.club-card{background-color:#13203f;background-color:var(--surface-container);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:1rem;padding:var(--spacing-md)}.club-card{border-radius:1.8rem;border-radius:var(--radius-2xl);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);margin-top:3rem;margin-top:var(--spacing-2xl);position:relative}.club-badge-container{align-items:center;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:-40px;transform:translateX(-50%);width:80px;z-index:10}.club-badge{border:2px solid #13203f;border:2px solid var(--surface-container);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);height:80px;object-fit:cover;width:80px}.club-name{color:#f4f4f4;color:var(--on-surface);font-size:1.5rem;font-weight:900;margin-bottom:1rem;margin-bottom:var(--spacing-md);margin-top:32px;text-align:center;white-space:nowrap}.club-edit-button{align-items:center;background-color:#25355c;background-color:var(--surface-container-light);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md);transition:all .2s ease-out;transition:all var(--transition-base);width:48px;z-index:5}.club-edit-button[style*="position: relative"]{left:auto!important;position:relative!important;right:auto!important;top:0!important}.club-edit-button:hover{background-color:#3f527f;background-color:var(--surface-container-lightest);transform:scale(1.05)}.club-edit-button:active{transform:scale(.95)}.mvp-badge-container{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);margin-top:1rem;margin-top:var(--spacing-md)}.mvp-badge-image{filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));height:auto;width:72px}.stat-box{background-color:#0f1331;background-color:var(--surface-container-dark);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--spacing-md)}.avatar{aspect-ratio:1/1;border-radius:9999px;border-radius:var(--radius-full);object-fit:cover}.avatar-sm{aspect-ratio:1/1;height:2rem;width:2rem}.avatar-md{aspect-ratio:1/1;height:3rem;width:3rem}.avatar-lg{aspect-ratio:1/1;height:4rem;width:4rem}.avatar-xl{aspect-ratio:1/1;height:6rem;width:6rem}.avatar-border{border:2px solid #fff}.avatar-container{height:52px;margin:0 auto;overflow:visible;position:relative;width:52px}.avatar-container img.serving-player{border:2px solid #fff;box-sizing:border-box;z-index:20}.serving-badge{bottom:-2px;left:-2px;position:absolute;z-index:25}.dropdown{animation:fadeIn .2s ease-out;background-color:#0f1331;background-color:var(--surface-container-dark);border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);margin-top:.5rem;margin-top:var(--spacing-sm);padding:.5rem 0;padding:var(--spacing-sm) 0;position:absolute;right:0;width:12rem;z-index:50;z-index:var(--z-dropdown)}.dropdown-item{align-items:center;background:none;border:none;color:#f4f4f4;color:var(--on-surface);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .15s ease-out;transition:background-color var(--transition-fast);width:100%}.dropdown-item:hover{background-color:#010205;background-color:var(--surface-container-darkest)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4c95cd;border-top:4px solid var(--color-primary,#4c95cd);height:40px;width:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes live-border-animate{0%{box-shadow:0 0 0 4px var(--color-primary-dark)}50%{box-shadow:0 0 0 8px #55a6e580}to{box-shadow:0 0 0 4px var(--color-primary-dark)}}@keyframes pulse-border-glow{0%{box-shadow:0 0 0 0 #fff3}to{box-shadow:0 0 0 10px #fff0}}.animate-fade-in{animation:fadeIn .2s ease-out}.pulse-animation{animation:pulse-border-glow 2s infinite}.fade-transition{transition:opacity .3s ease-in-out}.fade-out{opacity:0}.fade-in{opacity:1}.live-session-card{animation:live-border-animate 5s infinite alternate;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;position:relative}.badge{border-radius:9999px;border-radius:var(--radius-full);color:#152e60;color:var(--on-primary);font-size:.75rem;font-weight:700;padding:.25rem .5rem}.badge-owner{background-color:#eaa938;background-color:var(--gold-dark)}.badge-admin{background-color:#b0c6ff;background-color:var(--primary)}.icon-sm{font-size:1rem}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.app-container{-webkit-overflow-scrolling:touch;background-color:#4793cf;background-image:url(https://firebasestorage.googleapis.com/v0/b/padel-5s.firebasestorage.app/o/graphics%2Fpadel_mvp_bg_image.png?alt=media&token=f7334f03-2799-4314-8e59-5e4bfd21bddd);background-position:top;background-repeat:no-repeat;background-size:100% auto;min-height:100vh;overscroll-behavior-y:none;padding:1rem;padding:var(--spacing-md);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.text-center{text-align:center}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:2rem;margin-top:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.vs{color:#fff;font-size:1rem;font-weight:900;text-align:center}.blue-circle{align-content:center;background:linear-gradient(#5b77bd,#5b77bd 50%,#304d95 0,#304d95);border:1px solid var(--color-accent-gold-border);flex-direction:column}.blue-circle,.circle{align-items:center;display:flex;justify-content:center}.circle{border-radius:32px;box-shadow:0 0 1px 1px #0000001a;height:35px;width:60px}.image-upload-container{width:100%}.reactEasyCrop_Container{background:#000;height:100%;position:relative;width:100%}.reactEasyCrop_CropArea{border:2px solid #fffc;box-shadow:0 0 0 9999em #00000080}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_Image{max-height:100%;max-width:100%}input[type=range]{-webkit-appearance:none;appearance:none;background:#495482;background:var(--outline);border-radius:3px;height:6px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#b0c6ff;background:var(--primary);border-radius:50%;cursor:pointer;height:20px;width:20px}input[type=range]::-moz-range-thumb{background:#b0c6ff;background:var(--primary);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.card-header{align-self:stretch;flex-direction:row;gap:.5rem;gap:var(--spacing-sm);padding:0 1rem;padding:0 var(--spacing-md)}.card-header,.card-header-icon{align-items:center;display:flex;justify-content:center}.card-header-icon{background-color:#b0c6ff;background-color:var(--primary);border-radius:360px;flex-direction:column;flex-shrink:0;gap:10px;height:32px;width:32px}.card-header-icon .material-symbols-outlined{color:#152e60;color:var(--on-primary);font-family:Material Symbols Rounded,Material Symbols Outlined,sans-serif;font-size:20px;font-weight:500;line-height:1.2em}.card-header-title{color:#f4f4f4;color:var(--on-surface);font-family:Nunito Sans,sans-serif;font-family:var(--font-family-primary);font-size:16px;font-weight:700;line-height:1.364em;margin:0}.tabs-container{flex-direction:column;height:48px}.tabs-container,.tabs-group{align-self:stretch;display:flex;position:relative}.tabs-group{flex-direction:row;height:100%}.tab{align-items:stretch;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:stretch;padding:0 1rem;padding:0 var(--spacing-md);position:relative}.tab-contents{align-items:center;display:flex;flex-direction:row;gap:.25rem;gap:var(--spacing-xs);height:100%;justify-content:center;padding:14px 0}.tab-label{color:#e6e5e5;color:var(--on-surface-variant);font-size:.875rem;font-style:italic;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:color .2s ease-out,font-weight .2s ease-out}.tab-selected .tab-label{color:#b0c6ff;color:var(--primary);font-weight:900}.tab-unselected .tab-label{color:#e1e2f0;color:var(--on-surface-secondary);font-weight:700}.tab-indicator{background-color:#b0c6ff;background-color:var(--primary);border-radius:3px 3px 0 0;bottom:0;height:3px;left:0;position:absolute;transition:left .3s cubic-bezier(.4,0,.2,1);width:50%;width:calc(100%/var(--tab-count, 2));z-index:1}.tab-content{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease-out;width:100%}.tab-content-active{opacity:1;pointer-events:auto;position:relative;transition:opacity .5s ease-out .25s}.tab-content-inactive{opacity:0;pointer-events:none;transition:opacity .25s ease-out}.live-session-content{min-height:200px;position:relative}.insight-card{align-items:center;align-self:stretch;background-color:#25355c;background-color:var(--surface-container-light);border:1px solid #0000;border-radius:24px;box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;display:flex;flex-direction:row;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md);width:100%}.insight-card-gold{border:1px solid #f4ca53;border:1px solid var(--gold)}.insight-card-icon{align-items:center;border-radius:150px;display:flex;flex-direction:column;flex-shrink:0;gap:15px;height:48px;justify-content:center;width:48px}.insight-card-icon .material-symbols-outlined{color:#fff;font-family:Material Symbols Rounded,Material Symbols Outlined,sans-serif;font-size:24px;font-weight:700;line-height:1.2em}.insight-card-gold .insight-card-icon .material-symbols-outlined{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#855c0d,#322201);-webkit-background-clip:text;background-clip:text;display:inline-block}.insight-card-content{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center}.insight-card-avatar{align-items:center;display:flex;flex-shrink:0}.insight-card-avatar-pair{align-items:flex-start;display:flex;flex-direction:column}.insight-card-avatar-pair img{position:relative}.insight-card-avatar-pair img:not(:first-child){margin-top:-12px}.live-session-card{background-color:#0f1331;background-color:var(--surface-container-dark);border-radius:28px;margin-top:24px;padding:16px}.live-session-header{align-items:center;align-self:stretch;display:flex;flex-direction:row;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:0 1rem;padding:0 var(--spacing-md)}.live-indicator-pulse{animation:live-pulse 2s infinite;background-color:#b0c6ff;background-color:var(--primary-light);border:4px solid #b0c6ff24;border-radius:360px;height:12px;width:12px}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.live-session-content{align-items:center;align-self:stretch;flex-direction:column}.live-session-actions,.live-session-content{display:flex;gap:1rem;gap:var(--spacing-md);margin-top:1.5rem;margin-top:var(--spacing-lg)}.live-session-actions{width:100%}.live-session-actions .btn{flex:1 1;max-width:none}.live-teams-container{align-items:center}.live-team-card,.live-teams-container{align-self:stretch;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.live-team-card{background-color:#25355c;background-color:var(--surface-container-light);border-radius:24px;box-shadow:0 1px 3px 0 #0000004d,0 4px 8px 3px #00000026;justify-content:center;padding:1rem;padding:var(--spacing-md);transition:border .3s ease-out,box-shadow .3s ease-out,opacity .3s ease-out;width:100%}.live-team-card-winner{border:2px solid #f5de7d;border:2px solid var(--gold-light);box-shadow:0 0 12px #ffd7808c}.live-team-pairings{align-items:center;align-self:stretch;display:flex;flex-direction:row;gap:1rem;gap:var(--spacing-md);justify-content:space-between;min-height:90px}.live-team-player-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.live-team-player,.live-team-player-wrapper .live-team-player{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);width:100%}.live-player-avatar-container{aspect-ratio:1/1;border-radius:50%;height:40px;overflow:visible;position:relative;width:40px}.live-player-avatar-container img{aspect-ratio:1/1;border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.live-player-avatar-container.serving{border:2px solid #f5de7d;border:2px solid var(--gold-light);padding:2px}.live-player-avatar-container.serving img{border:none}.serving-indicator{align-items:center;background-color:#f5de7d;background-color:var(--gold-light);border:2px solid #fff;border-radius:50%;bottom:-6px;box-shadow:0 2px 4px #0003;display:flex;height:18px;justify-content:center;position:absolute;right:-6px;width:18px;z-index:20}.serving-indicator .material-symbols-outlined{color:#000;font-size:12px}.live-player-name{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:2px}.serving-label{color:#f5de7d;color:var(--gold-light)}.live-score-container{align-items:center;align-self:stretch;background:linear-gradient(180deg,#fff6,#fff6 49%,#fff3 50%,#fff0),#c0c6dc;background:linear-gradient(180deg,#fff6 0,#fff6 49%,#fff3 50%,#fff0 100%),var(--secondary,#c0c6dc);border:1px solid #8c95b6;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:10px;height:80px;justify-content:center;overflow:hidden;padding:.5rem;padding:var(--spacing-sm);position:relative;transition:opacity .3s cubic-bezier(.4,0,.2,1);width:60px}.live-score-container-confirm{background:#f4ca53;background:var(--gold);border-color:#eaa938;border-color:var(--gold-dark);box-shadow:0 10px 20px #00000040}.live-score-check-icon{color:#1f1f1f;font-size:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.live-score-wrapper{align-items:center;align-self:stretch;display:flex;justify-content:center;min-height:80px;position:relative;width:60px}.live-score-container-fade,.live-score-container-hide{opacity:0}.live-score-win{animation:live-win-text .3s ease-out forwards;color:#f5de7d;color:var(--gold-light);font-family:Nunito Sans,sans-serif;font-family:var(--font-family-primary);font-size:32px;font-weight:900;left:50%;letter-spacing:.08em;position:absolute;text-shadow:0 1px 4px #00000059;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}@keyframes live-win-text{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.live-score{color:#000;font-family:Nunito Sans,sans-serif;font-family:var(--font-family-primary);font-size:32px;font-style:italic;font-weight:900;left:50%;line-height:1.364em;position:absolute;text-align:center;text-shadow:0 -1px 1px #0003,0 1px 0 #ffffff80;top:50%;transform:translate(-50%,-50%);width:100%}.live-score-animate{animation:scoreChange .5s ease-out}@keyframes scoreChange{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.live-win-button{align-self:stretch;margin-bottom:16px;margin-top:16px;transition:opacity .3s ease-out,background .3s ease-out,border .3s ease-out,color .3s ease-out;width:100%}.live-win-button-fade{opacity:0;pointer-events:none}.live-win-button-winner{background:linear-gradient(180deg,#f5de7d,#eaa938);border:1px solid #f5de7db3;color:#2b1a00}.live-vs-label{padding:12px 0}.live-vs-label,.next-vs-label{align-self:stretch;color:#b0c6ff;color:var(--primary-light);font-family:Nunito Sans,sans-serif;font-family:var(--font-family-primary);font-size:14px;font-weight:900;letter-spacing:.007em;line-height:1.429em;text-align:center}.live-sitting-out{align-items:center;gap:.5rem;gap:var(--spacing-sm);padding:12px 0 0}.live-sitting-out,.live-up-next{align-self:stretch;display:flex;flex-direction:column}.live-up-next{gap:1rem;gap:var(--spacing-md)}.live-up-next .live-team-card{background-color:#25355c;background-color:var(--surface-container-light)}.live-up-next .live-team-players{justify-content:center}.live-standings{align-self:stretch;display:flex;flex-direction:column;padding:1rem 0;padding:var(--spacing-md) 0}.live-game-transition{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.live-game-transitioning{opacity:0}.page-transition-container{position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,opacity}.page-exit-left{opacity:0;transform:translateX(-100%)}.page-enter-right{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.page-exit-right{opacity:0;transform:translateX(100%)}.page-enter-left{animation:slideInFromLeft .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.55ddc118.css.map*/