@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.App{background-color:var(--background-primary);margin:0;min-height:100vh;overflow:visible;position:relative;text-align:center;transition:background-color var(--transition-medium)}.public-page-content{overflow-y:auto;padding-top:80px;position:relative;z-index:1}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--background-secondary);color:var(--text-primary);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--text-link)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-wrapper{position:relative;z-index:1}:root{--color-primary:#e41f26;--color-primary-light:#f15056;--color-primary-dark:#b31218;--color-secondary:#1a1d6e;--color-secondary-light:#2c2f8e;--color-secondary-dark:#13154d;--color-accent:#1a1d6e;--color-accent-light:#2c2f8e;--color-accent-dark:#13154d;--color-success:#10b981;--color-warning:#fbbf24;--color-error:#e41f26;--color-info:#1a1d6e;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-display:2rem;--font-size-hero:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-full:9999px;--transition-short:0.15s ease;--transition-medium:0.3s ease;--transition-long:0.5s ease;--z-index-base:1;--z-index-dropdown:10;--z-index-sticky:100;--z-index-modal:1000;--z-index-tooltip:1500}.theme-light{--text-primary:#1f2937;--text-secondary:#4b5563;--text-disabled:#9ca3af;--text-hint:#4b5563;--text-link:#b31218;--text-inverse:#fff;--background-primary:#fff;--background-secondary:#f9fafb;--background-tertiary:#f3f4f6;--background-elevated:#fff;--background-paper:#f9fafb;--background-input:#fff;--background-hover:#e41f260d;--background-active:#e41f261a;--background-accent:#1a1d6e1a;--surface-default:#fff;--surface-paper:#f9fafb;--surface-raised:#fff;--border-light:#f3f4f6;--border-main:#9ca3af;--border-focus:#e41f26;--border-accent:#1a1d6e;--shadow-light:#0000001a;--shadow-main:#e41f2633;--shadow-card:0 2px 8px #0000000f;--shadow-elevated:0 4px 12px #00000014;--button-primary:var(--color-primary);--button-primary-hover:var(--color-primary-light);--button-primary-active:var(--color-primary-dark);--button-primary-text:#fff;--button-primary-text-hover:#fff;--button-secondary:var(--color-secondary);--button-secondary-hover:var(--color-secondary-light);--button-secondary-active:var(--color-secondary-dark);--button-secondary-text:#fff;--button-secondary-text-hover:#fff;--button-accent:var(--color-accent);--button-accent-hover:var(--color-accent-light);--button-accent-active:var(--color-accent-dark);--button-accent-text:#fff;--button-accent-text-hover:#fff;--button-disabled:#f3f4f6;--button-disabled-text:#9ca3af;--accent:var(--color-accent);--accent-hover:var(--color-accent-light);--accent-active:var(--color-accent-dark);--status-online:var(--color-success);--status-away:var(--color-warning);--status-offline:#9ca3af;--gradient-main:linear-gradient(to right,var(--color-primary),var(--color-primary-light));--gradient-secondary:linear-gradient(to right,var(--color-secondary),var(--color-secondary-light));--gradient-accent:linear-gradient(to right,var(--color-accent),var(--color-accent-light));--gradient-hover:linear-gradient(to right,var(--color-primary-light),var(--color-primary))}.theme-dark{--text-primary:#fff;--text-secondary:#9ca3af;--text-disabled:#4b5563;--text-hint:#9ca3af;--text-link:#f15056;--text-inverse:#1f2937;--background-primary:#111827;--background-secondary:#1a1d2c;--background-tertiary:#262952;--background-elevated:#151923;--background-paper:#1e2433;--background-input:#1e2433cc;--background-hover:#e41f261a;--background-active:#e41f264d;--background-accent:#4e53b633;--surface-default:#1e2433;--surface-paper:#252d3d;--surface-raised:#2d364b;--border-light:#2d364b;--border-main:#3a4257;--border-focus:#e41f26;--border-accent:#4a51cd;--shadow-light:#0006;--shadow-main:#e41f264d;--shadow-card:0 4px 12px #0003;--shadow-elevated:0 8px 16px #0000004d;--button-primary:var(--color-primary);--button-primary-hover:var(--color-primary-light);--button-primary-active:var(--color-primary-dark);--button-primary-text:#fff;--button-primary-text-hover:#fff;--button-secondary:#4a51cd;--button-secondary-hover:#4c53d3;--button-secondary-active:var(--color-secondary-dark);--button-secondary-text:#fff;--button-secondary-text-hover:#fff;--button-accent:#4a51cd;--button-accent-hover:#4c53d3;--button-accent-active:var(--color-accent-dark);--button-accent-text:#fff;--button-accent-text-hover:#fff;--button-disabled:#4b5563;--button-disabled-text:#9ca3af;--accent:#4a51cd;--accent-hover:#4c53d3;--accent-active:var(--color-accent-dark);--status-online:var(--color-success);--status-away:var(--color-warning);--status-offline:#4b5563;--gradient-main:var(--color-primary);--gradient-secondary:linear-gradient(90deg,#4a51cd,#4c53d3);--gradient-accent:linear-gradient(90deg,#4a51cd,#4c53d3);--gradient-hover:linear-gradient(180deg,#111827f2,#1a1d6ee6)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-disabled{color:var(--text-disabled)}.text-link{color:var(--text-link)}.text-inverse{color:var(--text-inverse)}.bg-primary{background-color:var(--background-primary)}.bg-secondary{background-color:var(--background-secondary)}.bg-tertiary{background-color:var(--background-tertiary)}.bg-elevated{background-color:var(--background-elevated)}.bg-primary-brand{background-color:#e41f26;background-color:var(--color-primary)}.bg-secondary-brand{background-color:#1a1d6e;background-color:var(--color-secondary)}.bg-accent-brand{background-color:#1a1d6e;background-color:var(--color-accent)}.text-primary-brand{color:#e41f26;color:var(--color-primary)}.text-secondary-brand{color:#1a1d6e;color:var(--color-secondary)}.text-accent-brand{color:#1a1d6e;color:var(--color-accent)}.btn-primary{background-color:var(--button-primary);color:var(--button-primary-text);transition:background-color .15s ease;transition:background-color var(--transition-short)}.btn-primary:hover{background-color:var(--button-primary-hover)}.btn-primary:active{background-color:var(--button-primary-active)}.btn-secondary{background-color:var(--button-secondary);color:var(--button-secondary-text);transition:background-color .15s ease;transition:background-color var(--transition-short)}.btn-secondary:hover{background-color:var(--button-secondary-hover)}.btn-secondary:active{background-color:var(--button-secondary-active)}.btn-accent{background-color:var(--button-accent);color:var(--button-accent-text);transition:background-color .15s ease;transition:background-color var(--transition-short)}.btn-accent:hover{background-color:var(--button-accent-hover)}.btn-accent:active{background-color:var(--button-accent-active)}.btn-disabled{background-color:var(--button-disabled);color:var(--button-disabled-text);cursor:not-allowed}.bg-gradient-primary{background:linear-gradient(90deg,#e41f26,#f15056);background:linear-gradient(to right,var(--color-primary),var(--color-primary-light))}.bg-gradient-secondary{background:linear-gradient(90deg,#1a1d6e,#2c2f8e);background:linear-gradient(to right,var(--color-secondary),var(--color-secondary-light))}.bg-gradient-accent{background:linear-gradient(90deg,#1a1d6e,#2c2f8e);background:linear-gradient(to right,var(--color-accent),var(--color-accent-light))}.bg-gradient-dark{background:linear-gradient(180deg,#111827f2,#1a1d6ee6)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-regular{font-weight:400;font-weight:var(--font-weight-regular)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-md{font-size:1rem;font-size:var(--font-size-md)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-display{font-size:2rem;font-size:var(--font-size-display)}.text-hero{font-size:3rem;font-size:var(--font-size-hero)}.transition-short{transition:all .15s ease;transition:all var(--transition-short)}.transition-medium{transition:all .3s ease;transition:all var(--transition-medium)}.transition-long{transition:all .5s ease;transition:all var(--transition-long)}body{background-color:var(--background-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-medium),color var(--transition-medium)}li,p,td,th{line-height:1.75;line-height:var(--line-height-relaxed)}h1,h2,h3,h4,h5,h6{line-height:1.2;line-height:var(--line-height-tight);margin-bottom:1rem;margin-bottom:var(--spacing-md);margin-top:1.5rem;margin-top:var(--spacing-lg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button,button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;text-align:center;transition:all .15s ease;transition:all var(--transition-short);vertical-align:middle}.primary-button,button.primary{background-color:var(--button-primary);border:none;color:var(--button-primary-text);text-decoration:none}.primary-button:hover,button.primary:hover{background-color:var(--button-primary-hover);box-shadow:0 10px 20px #e41f264d;color:var(--button-primary-text-hover);text-decoration:none}.secondary-button,button.secondary{background-color:var(--button-secondary);border:none;color:var(--button-secondary-text);text-decoration:none}.secondary-button:hover,button.secondary:hover{background-color:var(--button-secondary-hover);color:var(--button-secondary-text-hover);text-decoration:none}.button:disabled,.primary-button:disabled,.secondary-button:disabled,button:disabled{background-color:var(--button-disabled);color:var(--button-disabled-text);cursor:not-allowed;opacity:.7;pointer-events:none}a{color:var(--text-link);text-decoration:none;transition:color .15s ease;transition:color var(--transition-short)}a:hover{color:var(--accent-hover);text-decoration:underline}input,select,textarea{background-color:var(--background-input);border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--border-radius-md);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-short)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--shadow-main);outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:9999px;border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.card{background-color:var(--surface-default);border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:1rem;padding:var(--spacing-md);transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.form-input{margin-bottom:1rem;margin-bottom:var(--spacing-md);width:100%}.form-input label{color:var(--text-secondary);display:block;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-input input,.form-input select,.form-input textarea{width:100%}.modal-content{max-width:600px}[data-theme=dark] .modal-content{background-color:#282837f2}.create-team-modal{background-color:#f8f6f9;background-image:linear-gradient(135deg,#f8f6f9,#f5f0f8);border:1px solid #e6e6f080;overflow:hidden;position:relative}[data-theme=dark] .create-team-modal{background-color:#23232df2;background-image:linear-gradient(135deg,#23232d,#282332);border:1px solid #3c3c5080}.modal-header{position:relative;z-index:1}.modal-header h2{color:#333}.modal-header h2:before{align-items:center;background-color:#1a1d6e1a;border-radius:50%;content:"⚾";display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;width:36px}[data-theme=dark] .modal-header h2{color:#f0f0f0}[data-theme=dark] .modal-header h2:before{background-color:#6464784d}.modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6e6e78;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.modal-close-button:hover{background-color:#e41f261a;color:var(--primary-main)}[data-theme=dark] .modal-close-button{color:#a0a0b0}[data-theme=dark] .modal-close-button:hover{background-color:#e41f2633}.create-team-form{padding:1.5rem;position:relative;z-index:1}.form-group label{color:#333}[data-theme=dark] .form-group label{color:#f0f0f0}.form-group input[type=text]{background-color:#fffc;border:1px solid #c8c8dc80;border-radius:.5rem;color:#333;font-size:1rem;padding:.75rem}.form-group input[type=text]:focus{background-color:#fffffff2;border-color:var(--primary-main);box-shadow:0 0 0 2px #e41f2633}[data-theme=dark] .form-group input[type=text]{background-color:#323241cc;border-color:#64647880;color:#f0f0f0}[data-theme=dark] .form-group input[type=text]:focus{background-color:#3c3c50e6;border-color:var(--primary-main)}.field-hint{color:#6e6e78;font-size:.8rem;margin-bottom:0;margin-top:.25rem}[data-theme=dark] .field-hint{color:#a0a0b0}.image-upload-section{background-color:#ffffff80;border:2px dashed #c8c8dc80;border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease}.image-upload-section:hover{background-color:#ffffffb3;border-color:#e41f264d}[data-theme=dark] .image-upload-section{background-color:#32324180;border-color:#64647880}[data-theme=dark] .image-upload-section:hover{background-color:#3c3c50b3;border-color:#e41f2666}.file-input{display:none}.upload-button{align-items:center;background:linear-gradient(135deg,var(--secondary-main),var(--secondary-light));border:none;border-radius:.5rem;box-shadow:0 2px 4px #1a1d6e4d;color:var(--secondary-contrastText);cursor:pointer;display:inline-flex;flex-direction:column;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease}.upload-button:hover{background:linear-gradient(135deg,var(--secondary-dark),var(--secondary-main));box-shadow:0 4px 8px #1a1d6e66;transform:translateY(-1px)}.upload-icon{font-size:1.5rem}.upload-hint{color:#6e6e78;font-size:.8rem;margin-bottom:0;margin-top:.5rem}[data-theme=dark] .upload-hint{color:#a0a0b0}.image-preview{display:inline-block;position:relative}.preview-image{border-radius:.5rem;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:100%}.logo-preview{max-height:120px;max-width:120px;object-fit:cover}.banner-preview{max-height:100px;object-fit:cover;width:100%}.remove-image-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:28px;justify-content:center;line-height:1;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:28px}.remove-image-button:hover{background-color:var(--feedback-error);border-color:#fff;box-shadow:0 4px 12px #e41f2666;transform:scale(1.1)}[data-theme=dark] .remove-image-button{background-color:#000c;border-color:#ffffffe6}[data-theme=dark] .remove-image-button:hover{background-color:var(--feedback-error);border-color:#fff}.error-message{align-items:center;background-color:#e41f261a;border:1px solid #e41f264d;display:flex;gap:.5rem;margin-bottom:1rem}.error-message:before{content:"⚠️";font-size:1rem}[data-theme=dark] .error-message{background-color:#e41f2633;border-color:#e41f2666}.modal-actions{border-top:1px solid #c8c8dc4d;justify-content:flex-end;margin-top:1rem;padding-top:1rem}[data-theme=dark] .modal-actions{border-top-color:#6464784d}.cancel-button{background-color:#c8c8dc4d;border:1px solid #c8c8dc80;border-radius:.5rem;color:#6e6e78;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button:hover:not(:disabled){background-color:#c8c8dc80;color:#333}[data-theme=dark] .cancel-button{background-color:#6464784d;border-color:#64647880;color:#a0a0b0}[data-theme=dark] .cancel-button:hover:not(:disabled){background-color:#64647880;color:#f0f0f0}.create-button{background:linear-gradient(135deg,var(--primary-main),var(--primary-light));border:none;border-radius:.5rem;box-shadow:0 2px 4px #e41f264d;color:var(--primary-contrastText);cursor:pointer;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.create-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-button:hover:not(:disabled):before{left:100%}.create-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary-main));box-shadow:0 4px 8px #e41f2666;transform:translateY(-1px)}.create-button:disabled{box-shadow:0 2px 4px #e41f2633;transform:none}.cancel-button:disabled,.create-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header{padding:1rem 1rem .75rem}.modal-header h2{font-size:1.25rem}.modal-header h2:before{font-size:1.1rem;height:32px;width:32px}.create-team-form{padding:1rem}.form-group{margin-bottom:1.25rem}.image-upload-section{padding:1rem}.upload-button{padding:.75rem 1.25rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.cancel-button,.create-button{padding:.875rem 1.5rem;width:100%}}@media (max-width:480px){.modal-header{padding:.75rem .75rem .5rem}.modal-header h2{font-size:1.1rem}.modal-header h2:before{font-size:1rem;height:28px;width:28px}.create-team-form{padding:.75rem}.form-group{margin-bottom:1rem}.image-upload-section{padding:.75rem}.upload-button{font-size:.9rem;padding:.5rem 1rem}.upload-icon{font-size:1.25rem}}.modal-content{background-color:var(--background-secondary);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #fff3}[data-theme=dark] .modal-content{background:linear-gradient(135deg,#282c34f2,#20232af2);border:1px solid #ffffff1a}.modal-content:before{background:linear-gradient(135deg,#e41f2608,#1a1d6e08 50%,#e41f2608);border-radius:1rem;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .modal-content:before{background:linear-gradient(135deg,#e41f2614,#1a1d6e14 50%,#e41f2614)}.modal-content>*{position:relative;z-index:1}.modal-header{border-bottom:1px solid #e41f2633;padding:1.5rem 1.5rem 1rem}[data-theme=dark] .modal-header{border-bottom:1px solid #e41f264d}.modal-header h2{align-items:center;display:flex;font-weight:600;gap:8px}.modal-close{border-radius:50%;height:40px;padding:.5rem;width:40px}.modal-close:hover{background-color:#e41f261a;color:var(--primary-main)}[data-theme=dark] .modal-close:hover{background-color:#e41f2633}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem}.form-group input[type=text],.form-group label{color:var(--text-primary);text-transform:uppercase}.form-group input[type=text]{background-color:var(--background-input);border:3px solid var(--color-primary);border-radius:.75rem;box-shadow:var(--shadow-card);box-sizing:border-box;font-family:Courier New,monospace;font-size:1.8rem;font-weight:800;letter-spacing:.3rem;padding:1rem;text-align:center;transition:all .2s ease;width:100%}.form-group input[type=text]:focus{background-color:var(--background-input);border-color:var(--color-primary-dark);box-shadow:0 0 0 4px #e41f264d,var(--shadow-elevated);color:var(--text-primary);outline:none;transform:scale(1.02)}[data-theme=dark] .form-group input[type=text]{background-color:var(--surface-paper);border-color:var(--color-primary);box-shadow:var(--shadow-card);color:var(--text-primary)}[data-theme=dark] .form-group input[type=text]:focus{background-color:var(--surface-raised);border-color:var(--color-primary-light);color:var(--text-primary)}.form-hint{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-bottom:0;margin-top:.5rem;text-align:center}.error-message{background-color:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;color:var(--feedback-error);font-size:.9rem;font-weight:500;margin:1rem 0;padding:.75rem;text-align:center}[data-theme=dark] .error-message{background-color:#ef444433;border-color:#ef444466}.modal-actions{justify-content:center;margin-top:2rem}.modal-button-primary,.modal-button-secondary{border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.modal-button-primary{background:linear-gradient(135deg,var(--primary-main),var(--primary-light));box-shadow:0 4px 12px #e41f264d;color:var(--primary-contrastText)}.modal-button-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-button-primary:hover:before{left:100%}.modal-button-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-main));box-shadow:0 6px 16px #e41f2666;transform:translateY(-1px)}.modal-button-primary:disabled{box-shadow:0 4px 12px #e41f2633;cursor:not-allowed;opacity:.6;transform:none}.modal-button-secondary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;box-shadow:0 2px 6px #0000001a;color:#475569}[data-theme=dark] .modal-button-secondary{background:linear-gradient(135deg,#334155,#475569);border-color:#475569;color:#e2e8f0}.modal-button-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#cbd5e1;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}[data-theme=dark] .modal-button-secondary:hover{background:linear-gradient(135deg,#475569,#64748b);border-color:#64748b}.modal-button-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.modal-content{margin:1rem;max-width:95%}.modal-form,.modal-header{padding:1rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-button-primary,.modal-button-secondary{width:100%}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh;max-width:100%}.modal-header{padding:.75rem}.modal-header h2{font-size:1.25rem}.modal-form{padding:.75rem}.form-group{margin-bottom:1rem}}.stats-panel{background-color:#f6f3f7;background-image:linear-gradient(135deg,#f0ebf566,#f5e8f066);border:1px solid #e6e6f080;border-radius:1rem;box-shadow:0 2px 10px #0000000f;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .stats-panel{background-color:#1e1e28b3;background-image:linear-gradient(135deg,#23232d66,#28233266);border:1px solid #3c3c5080;box-shadow:0 2px 10px #0003}.stats-panel:before{background:linear-gradient(90deg,#ebdcebe6 0,#f0e6f0b3 10%,#f8f0f833 30%,#f8f0f833 70%,#f0e6f0b3 90%,#ebdcebe6);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .stats-panel:before{background:linear-gradient(90deg,#322846e6 0,#2d2841b3 10%,#28283c33 30%,#28283c33 70%,#2d2841b3 90%,#322846e6)}.stats-panel h2{align-items:center;border-bottom:1px solid #e41f264d;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem;position:relative;text-align:center}[data-theme=dark] .stats-panel h2{border-bottom:1px solid #e41f2666;color:#f0f0f0}.stat-icon-title{margin-right:8px;position:relative;top:2px}.stats-container{flex-wrap:wrap;justify-content:space-around;padding:.5rem 0;position:relative;z-index:1}.stat-item,.stats-container{align-items:center;display:flex}.stat-item{flex-direction:column;min-width:90px;padding:.5rem 1rem;transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background-color:#ffffffe6;border-radius:50%;box-shadow:0 2px 6px #00000014;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:.75rem;width:48px}[data-theme=dark] .stat-icon{background-color:#3c3c4be6;box-shadow:0 2px 6px #0003}.career-stat-label{color:#333;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}[data-theme=dark] .career-stat-label{color:#a0a0b0}.career-stat-value{background:#ffd70033;border:1px solid gold;border-radius:.5rem;color:#333;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.75rem;font-weight:700;line-height:1;min-width:40px;padding:.25rem .5rem}[data-theme=dark] .career-stat-value{color:#c0c0d8}.career-stat-value.wins{color:#10b981}.career-stat-value.losses{color:#e41f26}.career-stat-value.diff{color:#1a1d6e;font-weight:700}[data-theme=dark] .career-stat-value.diff{color:#c0c0d8}.stat-divider{align-self:center;background:linear-gradient(180deg,#0000,#c8c8dc80,#0000);height:50px;width:1px}[data-theme=dark] .stat-divider{background:linear-gradient(180deg,#0000,#50506480,#0000)}@media (max-width:1024px){.stats-container{flex-wrap:wrap;gap:1.5rem;justify-content:center}.stat-divider{display:none}.stat-item{padding:.75rem .5rem;width:28%}}@media (max-width:768px){.stats-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{padding:.75rem .5rem;width:100%}.stat-divider{display:none}}@media (max-width:480px){.stat-item{padding:.5rem}.stat-icon{font-size:1.25rem;height:40px;width:40px}.career-stat-value{font-size:1.5rem}}.action-panel{background-color:#f6f3f7;background-image:linear-gradient(135deg,#f0ebf566,#f5e8f066);border:1px solid #e6e6f080;border-radius:1rem;box-shadow:0 2px 10px #0000000f;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .action-panel{background-color:#1e1e28b3;background-image:linear-gradient(135deg,#23232d66,#28233266);border:1px solid #3c3c5080;box-shadow:0 2px 10px #0003}.action-panel:before{background:linear-gradient(90deg,#ebdcebe6 0,#f0e6f0b3 10%,#f8f0f833 30%,#f8f0f833 70%,#f0e6f0b3 90%,#ebdcebe6);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .action-panel:before{background:linear-gradient(90deg,#322846e6 0,#2d2841b3 10%,#28283c33 30%,#28283c33 70%,#2d2841b3 90%,#322846e6)}.action-buttons{display:flex;gap:2rem;position:relative;z-index:1}.action-button{align-items:center;background-color:#ffffffb3;border:none;border-radius:.75rem;box-shadow:0 2px 6px #00000014;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:120px;padding:1.25rem .75rem;position:relative;text-align:center;transition:all .2s ease}[data-theme=dark] .action-button{background-color:#3c3c4b80;box-shadow:0 2px 6px #0003;color:#f0f0f0}.action-button:hover{background-color:#ffffffe6;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}[data-theme=dark] .action-button:hover{background-color:#46465ab3}.action-button-content{align-items:center;display:flex;flex:1 1;flex-direction:column}.action-button-icon{font-size:1.75rem;margin-bottom:.75rem}.action-button-label{font-size:.9rem;font-weight:600}.action-button-info{background-color:var(--accent-main);border-radius:.25rem;color:var(--accent-contrastText);font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.25rem .5rem;width:100%}@media (max-width:768px){.action-button{min-height:100px;padding:1rem .5rem}.action-button-icon{font-size:1.5rem;margin-bottom:.5rem}.action-button-label{font-size:.8rem}}@media (max-width:480px){.action-panel{padding:1rem}.action-buttons{align-items:stretch;display:flex;gap:.75rem;justify-content:center}.action-button{flex:1 1;max-width:none;min-height:100px;min-width:0;padding:.75rem .25rem}.action-button-icon{font-size:1.25rem;margin-bottom:.4rem}.action-button-label{font-size:.75rem;font-weight:600}.action-button-info{font-size:.65rem;margin-top:.5rem;padding:.2rem .3rem}}.games-section{background-color:#f6f3f7;background-image:linear-gradient(135deg,#f0ebf566,#f5e8f066);border:1px solid #e6e6f080;border-radius:1rem;box-shadow:0 2px 10px #0000000f;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .games-section{background-color:#1e1e28b3;background-image:linear-gradient(135deg,#23232d66,#28233266);border:1px solid #3c3c5080;box-shadow:0 2px 10px #0003}.games-section:before{background:linear-gradient(90deg,#ebdceb99 0,#f0e6f066 15%,#f8f0f81a 35%,#f8f0f81a 65%,#f0e6f066 85%,#ebdceb99);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .games-section:before{background:linear-gradient(90deg,#32284699 0,#2d284166 15%,#28283c1a 35%,#28283c1a 65%,#2d284166 85%,#32284699)}.games-header{justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;position:relative;z-index:1}.games-header,.games-header h2{align-items:center;display:flex}.games-header h2{color:#333;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.games-header h2:before{content:"🎮";font-size:1.1rem}[data-theme=dark] .games-header h2{color:#f0f0f0}.games-controls{align-items:center;display:flex;gap:1rem}.game-filter-tabs{background:#fff9;border-radius:.5rem;display:flex;gap:.125rem;padding:.25rem}[data-theme=dark] .game-filter-tabs{background:#32324199}.filter-tab{background:#0000;border:2px solid #0000;border-radius:.4rem;color:#6e6e78;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;position:relative;text-transform:uppercase;transition:all .3s ease}.filter-tab:hover:not(.active){background:#1a1d6e1a;border-color:#1a1d6e33;color:var(--secondary-main);transform:translateY(-1px)}.filter-tab.active{background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border-color:var(--accent-dark);box-shadow:0 4px 12px #1a1d6e66;color:var(--accent-contrastText);font-weight:700;transform:translateY(-2px)}.filter-tab.active:before{background:var(--accent-contrastText);border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}[data-theme=dark] .filter-tab{color:#a0a0b0}[data-theme=dark] .filter-tab:hover:not(.active){background:#6464784d;border-color:#64647866;color:#c0c0d8}[data-theme=dark] .filter-tab.active{box-shadow:0 4px 12px #1a1d6e99}.game-action-buttons{gap:.5rem}.small-button.secondary{background:linear-gradient(135deg,var(--secondary-main),var(--secondary-light));box-shadow:0 2px 4px #0003}.small-button.secondary:hover{background:linear-gradient(135deg,var(--secondary-dark),var(--secondary-main))}.games-list{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.game-card{background-color:#fffc;border:2px solid gold;border-radius:.75rem;box-shadow:0 2px 6px #00000014;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .2s ease}[data-theme=dark] .game-card{background-color:#32324199;box-shadow:0 2px 6px #0003}.game-card:hover{background-color:#fffffff2;box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}[data-theme=dark] .game-card:hover{background-color:#3c3c50cc}.game-card.finished{border-color:#6b7280;opacity:.9}.game-scoreboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-top-left-radius:.75rem;border-top-right-radius:.75rem;justify-content:space-between;padding:1rem 1.5rem;position:relative}.game-scoreboard,.team-score{align-items:center;display:flex}.team-score{border-radius:.5rem;flex:1 1;gap:.75rem;min-width:0;padding:.5rem;transition:all .3s ease}.team-logo-column{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:60px}.team-info-column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.desktop-name{display:block}.mobile-name{display:none}.team-score-column{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:60px}.team-name-and-status{align-items:center;display:flex;flex-direction:column;gap:.25rem}.away-team{flex-direction:row;justify-content:flex-start}.home-team{flex-direction:row;justify-content:flex-end}.games-section-team-logo{border:2px solid #ffd70099;border-radius:50%;box-shadow:0 2px 6px #0000004d;display:block;flex-shrink:0;height:48px;object-fit:cover;position:relative;transition:all .2s ease;width:48px}.games-section-team-logo:hover{border-color:#ffd700cc;box-shadow:0 3px 8px #0006;transform:scale(1.05)}.games-section-team-logo-placeholder{align-items:center;background:linear-gradient(135deg,#64748b,#475569);border:2px solid #ffd70099;border-radius:50%;box-shadow:0 2px 6px #0000004d;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;position:relative;transition:all .2s ease;width:48px}.games-section-team-logo-placeholder:hover{border-color:#ffd700cc;box-shadow:0 3px 8px #0006;transform:scale(1.05)}.games-section-team-name{color:#fffffff2;font-size:1rem;font-weight:600;line-height:1.2;text-align:center}[data-theme=dark] .games-section-team-logo{border-color:#ffd70080;box-shadow:0 2px 6px #0006}[data-theme=dark] .games-section-team-logo:hover{border-color:#ffd700b3;box-shadow:0 3px 8px #00000080}[data-theme=dark] .games-section-team-logo-placeholder{background:linear-gradient(135deg,#475569,#334155);border-color:#ffd70080;box-shadow:0 2px 6px #0006}[data-theme=dark] .games-section-team-logo-placeholder:hover{border-color:#ffd700b3;box-shadow:0 3px 8px #00000080}[data-theme=dark] .games-section-team-name{color:#ffffffe6}.batting-indicator{align-items:center;align-self:center;display:flex;justify-content:center;line-height:1}.score{font-size:1.8rem;line-height:1;text-shadow:0 1px 3px #00000080}.inning-display{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.inning-text{color:gold;font-size:1.1rem;font-weight:700}.outs-counter{align-items:center;display:flex;flex-direction:column;gap:.3rem}.outs-label{font-size:.8rem}.outs-dots{display:flex;gap:.3rem}.out-dot{background-color:#ffffff4d;border-radius:50%;height:8px;transition:background-color .3s ease;width:8px}.out-dot.filled{background-color:gold;box-shadow:0 0 8px #ffd70099}.game-footer{align-items:center;background:#ffffff1a;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;display:flex;justify-content:center;padding:1rem 1.5rem}[data-theme=dark] .game-footer{background:#32324133}.game-info-center{align-items:center;gap:.75rem;text-align:center;width:100%}.game-info-center,.game-meta{display:flex;flex-direction:column}.game-meta{gap:.5rem}[data-theme=dark] .game-meta{color:#a0a0b0}.game-code-container{align-items:center;display:flex;gap:.5rem}.game-code{color:#666;font-family:monospace;font-size:.8rem}[data-theme=dark] .game-code{color:#a0a0b0}.copy-button{background:none;border:none;border-radius:.25rem;cursor:pointer;font-size:.9rem;padding:.25rem}.copy-button:hover{background:#0000001a}.turn-status{align-items:center;display:flex;margin:.25rem 0}.your-turn-indicator{align-items:center;animation:pulse-your-turn 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #34d399;border-radius:.5rem;box-shadow:0 4px 12px #10b98166;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;letter-spacing:.5px;overflow:hidden;padding:.75rem 1rem;position:relative;text-transform:uppercase}.your-turn-indicator:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}[data-theme=dark] .your-turn-indicator{background:linear-gradient(135deg,#059669,#047857);border:2px solid #10b981;box-shadow:0 4px 12px #10b9814d}@keyframes pulse-your-turn{0%,to{box-shadow:0 4px 12px #10b98166;transform:scale(1)}50%{box-shadow:0 6px 20px #10b98199;transform:scale(1.03)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.action-count{background:#fff3;border:1px solid #ffffff4d;border-radius:.25rem;color:#ffffffe6;font-size:.8rem;font-weight:700;padding:.25rem .5rem}[data-theme=dark] .action-count{background:#ffffff26;border:1px solid #ffffff40;color:#fffffff2}.waiting-indicator{align-items:center;background:linear-gradient(135deg,#f39c121a,#f39c120d);border:1px solid #f39c1233;border-radius:.375rem;color:#f39c12;display:flex;font-size:.85rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}[data-theme=dark] .waiting-indicator{background:linear-gradient(135deg,#f1c40f33,#f1c40f1a);border:1px solid #f1c40f4d;color:#f1c40f}.no-actions-indicator{align-items:center;background:linear-gradient(135deg,#7f8c8d1a,#7f8c8d0d);border:1px solid #7f8c8d33;border-radius:.375rem;color:#7f8c8d;display:flex;font-size:.85rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}[data-theme=dark] .no-actions-indicator{background:linear-gradient(135deg,#95a5a633,#95a5a61a);border:1px solid #95a5a64d;color:#95a5a6}.empty-state,.loading-state{background-color:#f0f0fa80;border:1px solid #c8c8dc4d;border-radius:.75rem;color:#6e6e78;font-style:italic;padding:3rem 2rem;position:relative;text-align:center;z-index:1}[data-theme=dark] .empty-state,[data-theme=dark] .loading-state{background-color:#3232414d;border-color:#6464784d;color:#a0a0b0}@media (max-width:1024px){.games-controls{flex-wrap:wrap;gap:.75rem;justify-content:space-between}.game-action-buttons{display:flex;gap:.5rem}.game-scoreboard{padding:.75rem 1rem}.score{font-size:1.5rem}}@media (max-width:768px){.games-header{align-items:stretch;flex-direction:column;gap:1rem}.games-controls{align-items:center;flex-direction:column;gap:.75rem}.game-filter-tabs{order:1}.game-action-buttons{justify-content:center;order:2}.game-scoreboard{gap:.5rem;padding:.5rem .75rem}.team-score{gap:.5rem;min-width:80px}.team-logo-column,.team-score-column{width:50px}.games-section-team-name{font-size:.85rem}.games-section-team-logo,.games-section-team-logo-placeholder{height:40px;width:40px}.games-section-team-logo-placeholder{font-size:14px}.score{font-size:1.5rem}.batting-indicator{font-size:.65rem;padding:.15rem .4rem}.inning-display{padding:0 .5rem}.inning-text{font-size:1rem}.outs-label{font-size:.7rem}.out-dot{height:6px;width:6px}.game-footer{padding:.75rem 1rem}.game-info-center{gap:.5rem}}@media (max-width:480px){.game-scoreboard{gap:.5rem;justify-content:space-between;padding:.5rem;width:100%}.game-scoreboard,.team-score{align-items:center;display:flex}.team-score{flex:1 1;gap:.3rem;padding:.3rem}.away-team{justify-content:flex-start}.home-team{justify-content:flex-end}.team-logo-column,.team-score-column{flex-shrink:0;width:36px}.team-info-column{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:35px}.desktop-name{display:none}.mobile-name{display:block}.games-section-team-name{font-size:.75rem}.games-section-team-logo,.games-section-team-logo-placeholder{height:32px;width:32px}.games-section-team-logo-placeholder{font-size:12px}.score{font-size:1.2rem}.inning-display{flex-shrink:0;max-width:70px;min-width:70px;padding:0 .5rem}.batting-indicator{font-size:.6rem;padding:.1rem .3rem}.inning-text{font-size:.9rem}.game-info-center{gap:.4rem}.game-code{font-size:.75rem}}.games-pagination{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;position:relative;z-index:1}.pagination-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:.25rem}.pagination-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e41f264d;border-radius:.375rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.25rem;justify-content:center;transition:all .2s ease;width:2.25rem}[data-theme=dark] .pagination-btn{background:#282832e6;border:1px solid #e41f2666}.pagination-btn:hover:not(:disabled){background:#e41f261a;border-color:#e41f2680;transform:translateY(-1px)}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#e41f2626}.pagination-btn.active{background:#e41f26e6;border-color:#e41f26;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.pagination-btn.next,.pagination-btn.prev{font-size:1.125rem;font-weight:600}.pagination-ellipsis{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;height:2.25rem;justify-content:center;width:2.25rem}@media (max-width:640px){.games-pagination{align-items:center;flex-direction:column;gap:.75rem}.pagination-controls{flex-wrap:wrap;justify-content:center}}.dashboard-section{background-color:var(--background-secondary);border-radius:.75rem;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.rosters-section{background-color:#f6f3f7;background-image:linear-gradient(135deg,#f0ebf566,#f5e8f066);border:1px solid #e6e6f080;border-radius:1rem;box-shadow:0 2px 10px #0000000f;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .rosters-section{background-color:#1e1e28b3;background-image:linear-gradient(135deg,#23232d66,#28233266);border:1px solid #3c3c5080;box-shadow:0 2px 10px #0003}.rosters-section:before{background:linear-gradient(90deg,#ebdceb99 0,#f0e6f066 15%,#f8f0f81a 35%,#f8f0f81a 65%,#f0e6f066 85%,#ebdceb99);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .rosters-section:before{background:linear-gradient(90deg,#32284699 0,#2d284166 15%,#28283c1a 35%,#28283c1a 65%,#2d284166 85%,#32284699)}.roster-section-header{align-items:center;border-bottom:1px solid #e41f2633;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;position:relative;z-index:1}[data-theme=dark] .roster-section-header{border-bottom:1px solid #e41f264d}.roster-section-header h2{align-items:center;color:#333;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.roster-section-header h2:before{content:"📋";font-size:1.1rem}[data-theme=dark] .roster-section-header h2{color:#f0f0f0}.small-button{background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border:none;border-radius:.5rem;box-shadow:0 2px 4px #1a1d6e4d;color:var(--accent-contrastText);cursor:pointer;font-size:.85rem;font-weight:600;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .2s ease}.small-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.small-button:hover:before{left:100%}.small-button:hover{background:linear-gradient(135deg,var(--accent-dark),var(--accent-main));box-shadow:0 4px 8px #1a1d6e66;transform:translateY(-1px)}.rosters-list{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.roster-card{background-color:#fffc;border-left:4px solid var(--secondary-main);border-radius:.75rem;box-shadow:0 2px 6px #00000014;cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}[data-theme=dark] .roster-card{background-color:#32324199;box-shadow:0 2px 6px #0003}.roster-card:before{background:linear-gradient(90deg,#1a1d6e14,#1a1d6e05,#1a1d6e14);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.roster-card:hover{background-color:#fffffff2;box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}[data-theme=dark] .roster-card:hover{background-color:#3c3c50cc}.roster-card-banner-section{border-top-left-radius:.75rem;border-top-right-radius:.75rem;margin:-1.25rem -1.25rem 1rem;min-height:120px;overflow:hidden;position:relative}.roster-card-banner{height:120px;left:0;object-fit:cover;position:absolute;top:0;width:100%}.roster-card-overlay{align-items:center;background:linear-gradient(90deg,#000000b3 0,#0000004d 50%,#0000);bottom:0;display:flex;left:0;padding:1rem 1.5rem;position:absolute;right:0;top:0;z-index:2}.roster-card-header{gap:1rem}.roster-card h3,.roster-card-header{align-items:center;display:flex;flex:1 1}.roster-card h3{color:#fff;font-size:1.1rem;font-weight:600;gap:8px;margin:0;position:relative;text-shadow:2px 2px 4px #000000b3;z-index:1}.team-logo,.team-logo-placeholder{border:2px solid #ffffffe6;box-shadow:0 2px 4px #0000004d;height:40px;width:40px}.team-logo-placeholder{font-size:1.2rem}.team-name-section{gap:.25rem}.team-name{color:#fff}.team-abbreviation{color:#fffc;font-size:.9rem}[data-theme=dark] .roster-card-banner-section{border-color:#3c3c5080}[data-theme=dark] .roster-card-overlay{background:linear-gradient(90deg,#000c 0,#0006 50%,#0000)}.manage-team-indicator{align-items:center;background-color:#1a1d6e1a;border:1px solid #1a1d6e33;border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;min-width:80px;opacity:.7;padding:.5rem;transition:all .2s ease}[data-theme=dark] .manage-team-indicator{background-color:#64647833;border-color:#6464784d}.roster-card:hover .manage-team-indicator{opacity:1;transform:scale(1.05)}.roster-card:hover .manage-team-indicator,[data-theme=dark] .roster-card:hover .manage-team-indicator{background-color:var(--secondary-main);border-color:var(--secondary-dark);color:var(--secondary-contrastText)}.manage-text{font-size:.7rem;font-weight:600;letter-spacing:.5px;line-height:1.2;text-align:center;text-transform:uppercase}.manage-icon{font-size:1.1rem;transition:transform .2s ease}.roster-card:hover .manage-icon{transform:rotate(90deg)}.roster-card:after{background:linear-gradient(135deg,#1a1d6e08,#1a1d6e14);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:0}.roster-card:hover:after{opacity:1}[data-theme=dark] .roster-card:after{background:linear-gradient(135deg,#6464780d,#64647826)}.roster-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(6,1fr);margin:1rem 0;position:relative;z-index:1}.roster-stat{align-items:center;background-color:#fff9;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:.5rem;transition:all .2s ease}[data-theme=dark] .roster-stat{background-color:#3c3c5066}.roster-stat:hover{background-color:#fffc;transform:translateY(-1px)}[data-theme=dark] .roster-stat:hover{background-color:#46465a99}.roster-stat-icon{align-items:center;background-color:#1a1d6e1a;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:24px;justify-content:center;margin-bottom:.25rem;width:24px}[data-theme=dark] .roster-stat-icon{background-color:#6464784d}.roster-stat-value{color:#1a1d6e;font-size:1.1rem;font-weight:700;line-height:1;margin-bottom:.25rem}[data-theme=dark] .roster-stat-value{color:#c0c0d8}.roster-stat-value.wins{color:#10b981}.roster-stat-value.losses{color:#e41f26}.roster-stat-label{color:#6e6e78;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}[data-theme=dark] .roster-stat-label{color:#a0a0b0}.roster-details{align-items:center;color:#6e6e78;display:flex;font-size:.85rem;justify-content:space-between;position:relative;z-index:1}[data-theme=dark] .roster-details{color:#a0a0b0}.roster-details>span:first-child{align-items:center;background-color:#1a1d6e1a;border-radius:.25rem;color:var(--secondary-main);display:flex;font-weight:600;gap:4px;padding:.25rem .5rem}.roster-details>span:first-child:before{content:"🗃️";font-size:.9rem}[data-theme=dark] .roster-details>span:first-child{background-color:#64647833;color:#c0c0d8}.roster-timestamp{align-items:center;color:#6e6e78;display:flex;font-size:.85rem;font-style:italic;gap:4px;justify-content:center;margin-top:.75rem;position:relative;text-align:center;z-index:1}.roster-timestamp:before{content:"📅";font-size:.9rem}[data-theme=dark] .roster-timestamp{color:#a0a0b0}.loading-state{background-color:#f0f0fa80;border:1px solid #c8c8dc4d;border-radius:.75rem;color:#6e6e78;font-style:italic;padding:3rem 2rem;position:relative;text-align:center;z-index:1}.loading-state:before{animation:pulse 1.5s ease-in-out infinite;content:"⏳";display:block;font-size:2rem;margin-bottom:1rem;opacity:.6}[data-theme=dark] .loading-state{background-color:#3232414d;border-color:#6464784d;color:#a0a0b0}.empty-state{background-color:#f0f0fa80;border:2px dashed #c8c8dc80;border-radius:.75rem;color:#6e6e78;padding:3rem 2rem;position:relative;text-align:center;z-index:1}.empty-state:before{content:"🎮";display:block;font-size:2.5rem;margin-bottom:1rem;opacity:.6}[data-theme=dark] .empty-state{background-color:#3232414d;border-color:#64647880;color:#a0a0b0}.team-name-section{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.team-name{font-size:1.1rem;line-height:1.2}.team-abbreviation{background-color:#1a1d6e1a;border-radius:.25rem;color:#fff;font-size:.8rem;font-weight:500;margin-top:.1rem;opacity:.8;padding:.15rem .4rem}[data-theme=dark] .team-abbreviation{background-color:#64647833;color:#a0a0b0}.team-logo,.team-logo-placeholder{border:2px solid #fffc;box-shadow:0 2px 4px #0000001a;height:56px;width:56px}.team-logo-placeholder{background-color:#1a1d6e1a}[data-theme=dark] .roster-card h3{color:#f0f0f0}[data-theme=dark] .team-logo,[data-theme=dark] .team-logo-placeholder{border-color:#fff9;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .team-logo-placeholder{background-color:#6464784d}@media (max-width:1024px){.roster-stats{gap:.5rem;grid-template-columns:repeat(3,1fr)}.roster-stat{min-height:60px;padding:.4rem}.roster-stat-icon{font-size:.9rem;height:20px;width:20px}.roster-stat-value{font-size:1rem}.roster-stat-label{font-size:.6rem}}@media (max-width:768px){.roster-stats{gap:.5rem;grid-template-columns:repeat(3,1fr)}.roster-stat{min-height:55px;padding:.35rem}.roster-stat-icon{font-size:.8rem;height:18px;margin-bottom:.2rem;width:18px}.roster-stat-value{font-size:.95rem;margin-bottom:.2rem}.roster-stat-label{font-size:.55rem}.roster-card-header{align-items:stretch;flex-direction:column;gap:.75rem}.manage-team-indicator{align-self:center;flex-direction:row;justify-content:center;min-width:auto;padding:.4rem .75rem}.manage-text{font-size:.75rem}.manage-icon{font-size:1rem}}@media (max-width:480px){.roster-stats{gap:.4rem;grid-template-columns:repeat(2,1fr)}.roster-stat{min-height:50px;padding:.3rem}.roster-stat-icon{font-size:.7rem;height:16px;margin-bottom:.15rem;width:16px}.roster-stat-value{font-size:.85rem;margin-bottom:.15rem}.roster-stat-label{font-size:.5rem}.roster-card-header{align-items:stretch;flex-direction:column;gap:.5rem}.manage-team-indicator{align-self:center;flex-direction:row;gap:.4rem;justify-content:center;min-width:auto;padding:.3rem .5rem}.manage-text{font-size:.65rem}.manage-icon{font-size:.9rem}}.main-screen{background-color:var(--background-primary);color:var(--text-primary)}.main-container{max-width:1200px;min-height:100vh;padding-top:80px}.dashboard-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:.5rem}.two-column-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.main-container{padding-top:80px}.two-column-layout{grid-template-columns:1fr}.dashboard-content{gap:1rem;padding:1rem}}@media (max-width:480px){.dashboard-content{padding:.5rem}}.modal-overlay{background-color:#0009;padding:1rem}.modal-content{border:1px solid var(--border-light);border-radius:1rem;box-shadow:0 10px 30px #0000004d;position:relative;width:100%}[data-theme=dark] .modal-content{background-color:var(--background-elevated);border:1px solid var(--border-main);box-shadow:0 10px 30px #00000080}.modal-header{border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}[data-theme=dark] .modal-header{border-bottom:1px solid var(--border-main)}.modal-header h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:.25rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .2s ease;width:32px}.modal-close:hover{background-color:var(--background-secondary);color:var(--text-primary)}.modal-body{padding:0 1.5rem 1.5rem}.pack-preview-modal{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:.75rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}[data-theme=dark] .pack-preview-modal{background-color:var(--background-tertiary);border:1px solid var(--border-main)}.pack-image-modal{align-items:center;border-radius:.5rem;display:flex;flex-shrink:0;height:180px;justify-content:center;overflow:hidden;width:120px}.pack-image-modal img{border-radius:.25rem;height:100%;object-fit:contain;width:100%}.pack-details-modal{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.pack-details-modal h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.pack-price-modal{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:0;text-align:center}.pack-price-modal .price-value{color:var(--color-primary);font-size:1.2rem;font-weight:700}.pack-price-modal .price-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pack-description-modal{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.modal-message{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0;text-align:center}.modal-actions{border-top:1px solid var(--border-light);display:flex;gap:1rem;margin-top:1.5rem;padding:1.5rem}[data-theme=dark] .modal-actions{border-top:1px solid var(--border-main)}.modal-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.modal-button.cancel{background-color:var(--background-secondary);border:1px solid var(--border-light);color:var(--text-secondary)}.modal-button.cancel:hover:not(:disabled){background-color:var(--background-tertiary);border-color:var(--border-main);color:var(--text-primary)}[data-theme=dark] .modal-button.cancel{background-color:var(--background-secondary);border:1px solid var(--border-main);color:var(--text-primary)}[data-theme=dark] .modal-button.cancel:hover:not(:disabled){background-color:var(--background-tertiary);border-color:var(--border-accent);color:var(--text-primary)}.modal-button.confirm{background:var(--color-primary);box-shadow:0 2px 6px var(--shadow-main);color:#fff}.modal-button.confirm:hover:not(:disabled){background:var(--color-primary-light);box-shadow:0 4px 12px var(--shadow-main);transform:translateY(-1px)}.modal-button:disabled{cursor:not-allowed;opacity:.6}.modal-button:disabled:hover{transform:none}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{max-width:100%}.modal-header{margin-bottom:1rem;padding:1rem 1rem 0}.modal-body{padding:0 1rem 1rem}.modal-actions{flex-direction:column;margin-top:1rem;padding:1rem}.pack-preview-modal{flex-direction:column;text-align:center}.pack-image-modal{align-self:center}}@media (max-width:480px){.modal-header h3{font-size:1.1rem}.modal-button{font-size:.9rem;padding:.75rem 1.25rem}}.back-button{align-items:center;background:linear-gradient(135deg,#4a7c59,#2d5a3d);border:2px solid gold;border-radius:.5rem;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1}.back-button:hover{background:linear-gradient(135deg,#5a8c69,#3d6a4d);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.back-icon{font-size:1.2rem;font-weight:700}@media (max-width:768px){.back-button{margin-bottom:1rem}}@media (max-width:480px){.back-button{font-size:.85rem;padding:.5rem 1rem}.back-icon{font-size:1rem}}.buy-packs-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.buy-packs-header{border-radius:0;overflow:visible;padding:0;position:relative;text-align:left}.buy-packs-header,[data-theme=dark] .buy-packs-header{background-color:initial;border:none;box-shadow:none}.buy-packs-header:before,[data-theme=dark] .buy-packs-header:before{display:none}.header-content{position:relative;z-index:1}.credits-panel{background-color:#f6f3f7;background-image:linear-gradient(135deg,#f0ebf566,#f5e8f066);border:1px solid #e6e6f080;border-radius:1rem;box-shadow:0 2px 10px #0000000f;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .credits-panel{background-color:#1e1e28b3;background-image:linear-gradient(135deg,#23232d66,#28233266);border:1px solid #3c3c5080;box-shadow:0 2px 10px #0003}.credits-panel:before{background:linear-gradient(90deg,#ebdcebe6 0,#f0e6f0b3 10%,#f8f0f833 30%,#f8f0f833 70%,#f0e6f0b3 90%,#ebdcebe6);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .credits-panel:before{background:linear-gradient(90deg,#322846e6 0,#2d2841b3 10%,#28283c33 30%,#28283c33 70%,#2d2841b3 90%,#322846e6)}.credits-panel h2{align-items:center;border-bottom:1px solid #f59e0b4d;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem;position:relative;text-align:center;z-index:1}[data-theme=dark] .credits-panel h2{border-bottom:1px solid #f59e0b66;color:#f0f0f0}.credit-icon-title{margin-right:8px;position:relative;top:2px}.credits-display{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.credit-amount{align-items:center;display:flex;flex:1 1;flex-direction:column}.credit-value{color:var(--color-primary);font-family:Helvetica Neue,Arial,sans-serif;font-size:3rem;font-weight:700;line-height:1;text-shadow:0 2px 4px var(--shadow-main)}.credit-label{font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-top:.5rem;text-transform:uppercase}.credit-label,[data-theme=dark] .credit-label{color:var(--color-primary);opacity:.8}.error-message,.loading-spinner{color:#6e6e78;font-size:1.2rem;font-style:italic}[data-theme=dark] .error-message,[data-theme=dark] .loading-spinner{color:#a0a0b0}.packs-section{background-color:#f6f3f7;background-image:linear-gradient(135deg,#f0ebf566,#f5e8f066);border:1px solid #e6e6f080;border-radius:1rem;box-shadow:0 2px 10px #0000000f;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .packs-section{background-color:#1e1e28b3;background-image:linear-gradient(135deg,#23232d66,#28233266);border:1px solid #3c3c5080;box-shadow:0 2px 10px #0003}.packs-section:before{background:linear-gradient(90deg,#ebdceb99 0,#f0e6f066 15%,#f8f0f81a 35%,#f8f0f81a 65%,#f0e6f066 85%,#ebdceb99);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .packs-section:before{background:linear-gradient(90deg,#32284699 0,#2d284166 15%,#28283c1a 35%,#28283c1a 65%,#2d284166 85%,#32284699)}.packs-section h2{align-items:center;border-bottom:1px solid #e41f2633;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem;position:relative;z-index:1}[data-theme=dark] .packs-section h2{border-bottom:1px solid #e41f264d;color:#f0f0f0}.packs-icon{font-size:1.2rem}.packs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;max-width:600px;z-index:1}.pack-card,.packs-grid{margin:0 auto;position:relative}.pack-card{background-color:#fffc;border:2px solid #0000;border-radius:1rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1rem;max-width:500px;overflow:hidden;padding:1.5rem;transition:all .3s ease;width:100%}[data-theme=dark] .pack-card{background-color:#32324199;box-shadow:0 4px 12px #0003}.pack-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .pack-card:before{background:linear-gradient(135deg,#46465a1a,#3c3c500d)}.pack-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}[data-theme=dark] .pack-card:hover{box-shadow:0 8px 25px #0000004d}.pack-card.pack-common{border-color:#10b9814d}.pack-card.pack-uncommon{border-color:#1a1d6e4d}.pack-card.pack-rare{border-color:#e41f264d}.pack-card.pack-legendary{background:linear-gradient(135deg,#f59e0b0d,#d977060d);border-color:#f59e0b4d}.pack-card.pack-standard{background:linear-gradient(135deg,#1a1d6e0d,#1014500d);border-color:#1a1d6e4d}[data-theme=dark] .pack-card.pack-legendary{background:linear-gradient(135deg,#f59e0b1a,#d977061a)}[data-theme=dark] .pack-card.pack-standard{background:linear-gradient(135deg,#1a1d6e1a,#1014501a)}.pack-header{gap:1.5rem;justify-content:space-between;position:relative;z-index:1}.pack-header,.pack-image{align-items:center;display:flex}.pack-image{background-color:#ffffff1a;border-radius:.75rem;flex-shrink:0;height:230px;justify-content:center;overflow:hidden;padding:.5rem;width:155px}[data-theme=dark] .pack-image{background-color:#3c3c4b1a}.pack-image img{border-radius:.5rem;height:100%;object-fit:contain;width:100%}.pack-preview{flex:1 1}.pack-preview,.preview-cards{align-items:center;display:flex;justify-content:center}.preview-cards{height:170px;position:relative;width:270px}.preview-card{border-radius:.5rem;box-shadow:0 4px 8px #0003;height:155px;overflow:hidden;position:absolute;transition:all .3s ease;width:105px}.preview-card img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.preview-card.card-1{transform:translateX(-55px) rotate(-15deg);z-index:1}.preview-card.card-2{transform:translateX(-10px) rotate(0deg);z-index:3}.preview-card.card-3{transform:translateX(35px) rotate(15deg);z-index:2}.pack-card:hover .preview-card.card-1{transform:translateX(-70px) rotate(-20deg)}.pack-card:hover .preview-card.card-2{transform:translateX(-10px) rotate(0deg) scale(1.05)}.pack-card:hover .preview-card.card-3{transform:translateX(50px) rotate(20deg)}.pack-title-center{position:relative;text-align:center;z-index:1}.pack-title-center h3{color:#333;font-size:1.4rem;font-weight:700;margin:0 0 .25rem}[data-theme=dark] .pack-title-center h3{color:#f0f0f0}.pack-price-display{margin:.75rem 0 1rem;position:relative;text-align:center;z-index:1}.price-container{align-items:center;background:var(--background-primary);border:2px solid var(--color-primary);border-radius:2rem;box-shadow:0 4px 12px var(--shadow-main);color:var(--color-primary);display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.price-container:hover{background:var(--background-elevated);box-shadow:0 6px 16px var(--shadow-main);transform:translateY(-2px)}.price-value{font-size:1.8rem;font-weight:800;line-height:1}.price-label{font-size:.9rem;opacity:.9}.pack-rarity,.price-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pack-rarity{background-color:#ffffffb3;border-radius:.25rem;font-size:.85rem;padding:.25rem .5rem}[data-theme=dark] .pack-rarity{background-color:#3c3c4bb3}.pack-details{flex:1 1;position:relative;z-index:1}.pack-description{color:#6e6e78;font-size:.95rem;line-height:1.5;margin:0 0 1rem;text-align:center}[data-theme=dark] .pack-description{color:#a0a0b0}.pack-info{display:flex;gap:1.5rem;margin-bottom:1rem}.pack-stat{align-items:center;background-color:#fff9;border-radius:.5rem;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:80px;padding:.75rem;transition:all .2s ease}[data-theme=dark] .pack-stat{background-color:#3c3c5066}.pack-stat:hover{background-color:#fffc;transform:translateY(-2px)}[data-theme=dark] .pack-stat:hover{background-color:#46465a99}.pack-stat .stat-value{color:#1a1d6e;font-size:1.3rem;font-weight:700;margin-bottom:.25rem}[data-theme=dark] .pack-stat .stat-value{color:#c0c0d8}.pack-stat .stat-label{color:#6e6e78;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}[data-theme=dark] .pack-stat .stat-label{color:#a0a0b0}.pack-guarantees{background-color:#fff9;border-left:4px solid var(--accent-main);border-radius:.5rem;padding:1rem}[data-theme=dark] .pack-guarantees{background-color:#3c3c5066}.pack-guarantees ul{list-style:none;margin:0;padding-left:1.25rem}.pack-guarantees li{color:#6e6e78;font-size:.85rem;margin-bottom:.25rem;position:relative}.pack-guarantees li:before{color:var(--feedback-success);content:"✓";font-weight:700;left:-1.25rem;position:absolute}[data-theme=dark] .pack-guarantees li{color:#a0a0b0}.pack-actions{position:relative;z-index:1}.purchase-button{align-items:center;background:var(--color-primary);border:none;border-radius:.75rem;box-shadow:0 2px 6px var(--shadow-main);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .2s ease;width:100%}.purchase-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.purchase-button:hover:before{left:100%}.purchase-button:hover:not(.disabled){background:var(--color-primary-light);box-shadow:0 4px 12px var(--shadow-main);transform:translateY(-2px)}.purchase-button.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.7}.purchase-button.disabled:hover{box-shadow:0 2px 6px #9ca3af4d;transform:none}.purchase-icon{font-size:1.1rem}@media (max-width:1024px){.packs-grid{gap:1rem;grid-template-columns:1fr;max-width:500px}.credits-display{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:768px){.buy-packs-content{gap:1rem;padding:1rem}.buy-packs-header{padding:0}.packs-grid{gap:1rem;grid-template-columns:1fr}.pack-card,.packs-grid{max-width:100%}.pack-header{flex-direction:column;gap:1rem;text-align:center}.pack-image{align-self:center;height:255px;width:170px}.preview-cards{height:200px;width:300px}.preview-card{height:180px;width:120px}.pack-info{gap:1rem}}@media (max-width:480px){.buy-packs-content{padding:.5rem}.credits-panel,.packs-section{padding:1rem}.credit-value{font-size:2.5rem}.pack-card{padding:1rem}.pack-header{gap:.75rem}.pack-image{height:230px;width:155px}.preview-cards{height:170px;width:270px}.preview-card{height:155px;width:105px}.pack-title-center h3{font-size:1.2rem}.pack-info{gap:.75rem}.pack-stat{padding:.5rem}.pack-stat .stat-value{font-size:1.1rem}.purchase-button{font-size:.9rem;padding:.875rem 1.25rem}}.pack-reveal-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.pack-reveal-header{align-items:center;background:linear-gradient(135deg,var(--secondary-main),var(--secondary-light));border:none;border-radius:.5rem;box-shadow:0 2px 4px #1a1d6e4d;color:var(--secondary-contrastText);cursor:pointer;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:1rem;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative;transition:all .2s ease;z-index:1}.pack-reveal-header:hover{background:linear-gradient(135deg,var(--secondary-dark),var(--secondary-main));box-shadow:0 4px 8px #1a1d6e66;transform:translateY(-1px)}.pack-info{flex:1 1;text-align:center}.pack-info h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px var(--shadow-main)}.pack-info p{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0}.pack-revealing{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:400px;position:relative;z-index:1}.reveal-animation{position:relative;text-align:center}.pack-opening{position:relative;z-index:2}.pack-glow{animation:pulse-glow 2s ease-in-out infinite;background:radial-gradient(circle,#f59e0b4d,#f59e0b1a,#0000);border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes pulse-glow{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.pack-opening h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.loading-dots{display:flex;gap:.5rem;justify-content:center}.loading-dots span{animation:loading-bounce 1.4s ease-in-out infinite both;background-color:var(--color-accent);border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.pack-name-section{margin:.25rem 0;position:relative;text-align:center;z-index:1}.pack-name{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px var(--shadow-main)}.cards-display{align-items:center;animation:fade-in .5s ease-in-out;display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;position:relative;z-index:1}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-stack-preview{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:.5rem}.stack-container{align-items:center;cursor:pointer;display:flex;height:650px;justify-content:center;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:1200px}.click-hint{bottom:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:50%;z-index:10}.click-hint.left{cursor:w-resize;left:0}.click-hint.right{cursor:e-resize;right:0}.stack-container:hover .click-hint{background:linear-gradient(90deg,#ffffff1a,#0000);opacity:.1}.stack-container:hover .click-hint.right{background:linear-gradient(270deg,#ffffff1a,#0000)}.stack-card{border:none;border-radius:.75rem;box-shadow:0 8px 24px #0000004d;cursor:default;height:588px;overflow:hidden;pointer-events:none;position:absolute;transition:all .3s ease;width:420px}.stack-card img{background:var(--background-primary);border-radius:.5rem;height:100%;object-fit:contain;pointer-events:none;width:100%}.stack-card.active{box-shadow:0 12px 32px var(--shadow-main);transform:translateX(0) translateY(0) scale(1.05)!important;z-index:1000!important}.stack-card.viewed{opacity:.7}.stack-card:hover:not(.active){box-shadow:0 12px 28px #0006;transform:translateX(0) translateY(-15px) scale(1.02)!important}.rare-indicator{background:linear-gradient(135deg,#e41f26,#ff6b6b);border-radius:50%;box-shadow:0 4px 8px #e41f2666;color:#fff;font-size:1rem;font-weight:700;height:32px;justify-content:center;pointer-events:none;position:absolute;right:.5rem;top:.5rem;width:32px}.rare-indicator,.stack-info{align-items:center;display:flex}.stack-info{flex-direction:column;gap:1.5rem;text-align:center}.card-details{align-items:center;flex-direction:column;gap:.75rem}.card-name{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.card-team{color:var(--text-secondary);font-size:1.2rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.card-team-info{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0}.card-position{border-left:2px solid var(--border-main);color:var(--text-secondary);font-size:1.2rem;font-weight:600;letter-spacing:1px;margin:0;padding-left:1rem;text-transform:uppercase}.card-stats{align-items:center;gap:1.5rem;justify-content:center}.card-year{background:var(--background-secondary);border:2px solid var(--border-main);border-radius:1.5rem;color:var(--text-primary);font-size:1rem;font-weight:600;padding:.5rem 1rem}.card-parallel{background:#ffffff1a;border:2px solid;border-radius:1.5rem;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.card-counter{font-size:1.1rem;font-weight:600}.card-counter,.interaction-hint{color:var(--text-secondary);margin:0}.interaction-hint{font-size:.9rem;font-style:italic;opacity:.7}.pack-reveal-error{padding:2rem;position:relative;text-align:center;z-index:1}.pack-reveal-error h2{color:var(--text-primary);margin:0 0 1rem}.pack-reveal-error button{background:var(--color-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.pack-reveal-error button:hover{background:var(--color-primary-light);transform:translateY(-1px)}@media (max-width:1400px){.stack-container{height:580px;width:1000px}.stack-card{height:504px;width:360px}}@media (max-width:1200px){.stack-container{height:520px;width:900px}.stack-card{height:462px;width:330px}}@media (max-width:1024px){.stack-container{height:470px;width:750px}.stack-card{height:420px;width:300px}.pack-name{font-size:1.5rem}}@media (max-width:768px){.main-screen{padding-top:100px}.main-container{padding:1rem}.cards-content-area,.pack-reveal-content{gap:1rem;padding:1rem}.pack-reveal-header{flex-direction:column;flex-shrink:0;gap:.75rem;text-align:center}.quick-buy-section{gap:.75rem;justify-content:center;width:100%}.credits-display-mini{padding:.5rem .75rem}.credits-label{font-size:.8rem}.credits-value{font-size:1rem}.quick-buy-button{font-size:.85rem;min-width:160px;padding:.75rem 1rem}.pack-name-section{flex-shrink:0;margin:0}.pack-name{font-size:1.2rem;margin:0}.cards-display{flex:1 1;gap:.125rem;min-height:0;overflow:hidden}.card-stack-preview{flex:1 1;gap:.125rem;justify-content:center}.stack-container{height:75vh;max-height:550px;max-width:100%;width:100%}.stack-card{height:448px;width:320px}.click-hint{left:50%;transform:translateX(-160px);width:160px}.click-hint.right{transform:translateX(0)}.stack-info{flex-shrink:0;gap:.125rem}.card-details{gap:.25rem}.card-name{font-size:1.3rem;margin:0}.card-team-info{gap:.5rem}.card-position,.card-team{font-size:.95rem}.card-position{padding-left:.5rem}.card-counter{margin:0}.interaction-hint{font-size:.8rem;margin:0}}@media (max-width:480px){.main-screen{padding-top:90px}.main-container{padding:.5rem}.cards-content-area,.pack-reveal-content{gap:.75rem;padding:.75rem}.pack-reveal-header{gap:.5rem}.quick-buy-section{flex-direction:column;gap:.5rem;width:100%}.credits-display-mini{align-self:center;padding:.5rem;width:-webkit-fit-content;width:fit-content}.credits-label{font-size:.75rem}.credits-value{font-size:.9rem}.quick-buy-button{align-self:center;font-size:.8rem;min-width:140px;padding:.625rem 1rem}.pack-name-section{margin:0}.pack-name{font-size:1rem;margin:0}.card-stack-preview,.cards-display{gap:.0625rem}.stack-container{height:70vh;max-height:480px;max-width:100%;width:100%}.stack-card{height:392px;width:280px}.click-hint{left:50%;transform:translateX(-140px);width:140px}.click-hint.right{transform:translateX(0)}.stack-info{gap:.0625rem}.card-details{gap:.125rem}.card-name{font-size:1.1rem;margin:0}.card-team-info{gap:.375rem}.card-position,.card-team{font-size:.85rem}.card-position{padding-left:.375rem}.card-stats{gap:.75rem}.card-counter{margin:0}.interaction-hint{font-size:.7rem;margin:0}}@media (max-width:360px){.pack-reveal-content{gap:.5rem;padding:.5rem}.stack-container{height:300px}.stack-card{height:238px;width:170px}.click-hint{left:50%;transform:translateX(-85px);width:85px}.click-hint.right{transform:translateX(0)}.card-name{font-size:1.1rem}.card-team-info{gap:.25rem}.card-position,.card-team{font-size:.8rem}.card-position{padding-left:.25rem}.pack-name{font-size:1rem}}.main-screen{min-height:100vh;padding-top:120px}.main-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1400px;padding:2rem;width:100%}@media (max-width:480px){.main-screen{padding-top:90px}.main-container{padding:.5rem}.cards-content-area,.pack-reveal-content{gap:.75rem;padding:.75rem}}.quick-buy-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.credits-display-mini{align-items:center;background:#ffffffe6;border:2px solid var(--color-primary);border-radius:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;gap:.5rem;padding:.5rem 1rem}[data-theme=dark] .credits-display-mini{background:#282837e6;border:2px solid var(--color-primary)}.credits-label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.credits-value{color:var(--color-primary);font-size:1.1rem;font-weight:700}.credits-loading{color:var(--text-secondary);font-size:1.1rem;font-style:italic}.quick-buy-button{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:none;border-radius:.75rem;box-shadow:0 2px 6px var(--shadow-main);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:.75rem 1.25rem;transition:all .2s ease}.quick-buy-button:hover:not(.disabled){background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:0 4px 12px var(--shadow-main);transform:translateY(-1px)}.quick-buy-button.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.7}.quick-buy-button.disabled:hover{box-shadow:0 2px 6px #9ca3af4d;transform:none}.loading-text{align-items:center;display:flex;gap:.5rem}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.cards-content-area{background-color:#f6f3f7;background-image:linear-gradient(135deg,#f0ebf566,#f5e8f066);border:1px solid #e6e6f080;border-radius:1rem;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .cards-content-area{background-color:#1e1e28b3;background-image:linear-gradient(135deg,#23232d66,#28233266);border:1px solid #3c3c5080;box-shadow:0 2px 10px #0003}.cards-content-area:before{background:linear-gradient(90deg,#ebdceb99 0,#f0e6f066 15%,#f8f0f81a 35%,#f8f0f81a 65%,#f0e6f066 85%,#ebdceb99);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .cards-content-area:before{background:linear-gradient(90deg,#32284699 0,#2d284166 15%,#28283c1a 35%,#28283c1a 65%,#2d284166 85%,#32284699)}.collection-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.collection-section{background-color:#f6f3f7;background-image:linear-gradient(135deg,#f0ebf566,#f5e8f066);border:1px solid #e6e6f080;border-radius:1rem;box-shadow:0 2px 10px #0000000f;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .collection-section{background-color:#1e1e28b3;background-image:linear-gradient(135deg,#23232d66,#28233266);border:1px solid #3c3c5080;box-shadow:0 2px 10px #0003}.collection-section:before{background:linear-gradient(90deg,#ebdcebe6 0,#f0e6f0b3 10%,#f8f0f833 30%,#f8f0f833 70%,#f0e6f0b3 90%,#ebdcebe6);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .collection-section:before{background:linear-gradient(90deg,#322846e6 0,#2d2841b3 10%,#28283c33 30%,#28283c33 70%,#2d2841b3 90%,#322846e6)}.summary-panel{position:relative}.summary-panel h2{align-items:center;border-bottom:1px solid #e41f264d;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem;position:relative;text-align:center}[data-theme=dark] .summary-panel h2{border-bottom:1px solid #e41f2666;color:#f0f0f0}.summary-stats{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;padding:.5rem 0;position:relative;z-index:1}.collection-stat-label{color:#333;font-size:.7rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}[data-theme=dark] .collection-stat-label{color:#aaa}.collection-stat-value{background:#ffd70033;border:1px solid gold;border-radius:.5rem;color:#333;font-size:.9rem;font-weight:700;min-width:40px;padding:.25rem .5rem}[data-theme=dark] .collection-stat-value{color:#c0c0d8}.controls-header,.controls-panel{position:relative}.controls-header{align-items:center;border-bottom:1px solid #e41f2633;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;z-index:1}.controls-header h2{color:#333;font-size:1.25rem;font-weight:600;margin:0}[data-theme=dark] .controls-header h2{color:#f0f0f0}.header-controls{align-items:center;display:flex;gap:1rem}.filters-applying{color:var(--accent-main);font-size:.85rem;font-style:italic;opacity:.8}[data-theme=dark] .filters-applying{color:var(--accent-light)}.clear-filters-button{background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border:none;border-radius:.5rem;box-shadow:0 2px 4px #1a1d6e4d;color:var(--accent-contrastText);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.clear-filters-button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-dark),var(--accent-main));box-shadow:0 4px 8px #1a1d6e66;transform:translateY(-1px)}.clear-filters-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.view-toggle{align-items:center;display:flex}.toggle-button{background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border:none;border-radius:.5rem;box-shadow:0 2px 4px #1a1d6e4d;color:var(--accent-contrastText);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.toggle-button:hover{background:linear-gradient(135deg,var(--accent-dark),var(--accent-main));box-shadow:0 4px 8px #1a1d6e66;transform:translateY(-1px)}.toggle-button.active{background:linear-gradient(135deg,var(--primary-main),var(--primary-light));box-shadow:0 2px 4px #e41f264d;color:var(--primary-contrastText)}.toggle-button.active:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-main));box-shadow:0 4px 8px #e41f2666}.filters-container{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.filter-section{background-color:#ffffff80;border:1px solid #c8c8dc4d;border-radius:.5rem;padding:1rem}[data-theme=dark] .filter-section{background-color:#32324180;border-color:#6464784d}.filter-section h4{border-bottom:1px solid #c8c8dc4d;color:#333;font-size:.95rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}[data-theme=dark] .filter-section h4{border-bottom-color:#6464784d;color:#f0f0f0}.filter-grid{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-grid,.filter-row{align-items:flex-end;gap:1rem}.filter-row{display:flex;flex-wrap:wrap}.filters-container input[type=number],.filters-container input[type=text],.filters-container select{background-color:#ffffffe6;border:1px solid #c8c8dc80;border-radius:.5rem;color:#333;cursor:pointer;font-size:.9rem;min-width:120px;padding:.5rem;transition:all .2s ease}[data-theme=dark] .filters-container input[type=number],[data-theme=dark] .filters-container input[type=text],[data-theme=dark] .filters-container select{background-color:#3c3c4be6;border-color:#64647880;color:#f0f0f0}.filters-container input:focus,.filters-container input:hover,.filters-container select:hover{border-color:var(--primary-main)}.filters-container input:focus{box-shadow:0 0 0 2px #e41f2633;outline:none}.range-filter{display:flex;flex-direction:column;gap:.5rem;min-width:0}.range-filter label{color:#555;font-size:.85rem;font-weight:500;white-space:nowrap}[data-theme=dark] .range-filter label{color:#ccc}.range-inputs{align-items:center;display:flex;gap:.5rem;min-width:0}.range-inputs input{flex-shrink:0;min-width:60px;width:80px}.range-inputs span{color:#666;flex-shrink:0;font-size:.85rem;font-weight:500}[data-theme=dark] .range-inputs span{color:#aaa}.cards-grid{position:relative}.cards-grid-header{align-items:center;border-bottom:1px solid #c8c8dc4d;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative;z-index:1}[data-theme=dark] .cards-grid-header{border-bottom-color:#6464784d}.cards-grid-title{color:#333;font-size:1.25rem;font-weight:600;margin:0}[data-theme=dark] .cards-grid-title{color:#f0f0f0}.cards-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));position:relative;z-index:1}.card-item{background-color:#ffffffe6;border-radius:.75rem;box-shadow:0 2px 6px #0000001a;overflow:hidden;position:relative;transition:all .2s ease}[data-theme=dark] .card-item{background-color:#3c3c4be6}.card-item:hover{box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.card-image{padding-top:140%;position:relative;width:100%}.card-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.card-badges{display:flex;flex-direction:row;gap:.25rem;left:.5rem;position:absolute;top:.5rem;z-index:2}.hof-badge,.owned-badge,.rookie-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #ffffffe6;border-radius:.25rem;box-shadow:0 2px 4px #0000004d;color:#fff;font-size:.75rem;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:.25rem .5rem;text-align:center;text-shadow:0 1px 2px #00000080}.owned-badge{background:linear-gradient(135deg,#e41f26f2,#c81920f2)}.hof-badge{background:linear-gradient(135deg,#ffd700f2,#daa520f2);color:#8b4513;text-shadow:0 1px 2px #0000004d}.rookie-badge{background:linear-gradient(135deg,#22c55ef2,#16a34af2)}[data-theme=dark] .owned-badge{background:linear-gradient(135deg,#e41f26e6,#c81920e6);border-color:#fffc}[data-theme=dark] .hof-badge{background:linear-gradient(135deg,#ffd700e6,#daa520e6);border-color:#fffc;color:#654321}[data-theme=dark] .rookie-badge{background:linear-gradient(135deg,#22c55ee6,#16a34ae6);border-color:#fffc}.card-info{padding:1rem;width:100%}.card-info h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}[data-theme=dark] .card-info h3{color:#f0f0f0}.card-details{display:flex;flex-wrap:nowrap;gap:.4rem;justify-content:flex-start;margin:.5rem 0;overflow-x:auto}.card-details span{background-color:#c8c8dc4d;border-radius:.25rem;font-size:.75rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.2rem .4rem;white-space:nowrap}[data-theme=dark] .card-details span{background-color:#6464784d}.card-details .positions{background-color:#1a1d6e1a;color:var(--accent-main);font-weight:600}.card-details .parallel{background-color:#e41f261a;color:var(--primary-main)}.card-details .duplicate-count{background-color:#1a1d6e1a;color:var(--accent-main);font-weight:600}[data-theme=dark] .card-details .duplicate-count{background-color:#6464784d}.card-stats{flex-direction:column}.card-stats,.stat-row{display:flex;gap:.5rem;width:100%}.stat-row{flex-wrap:wrap;min-height:1.5rem}.stat-row:empty{display:none}.card-stats .stat{background-color:#1a1d6e1a;border-radius:.25rem;color:var(--accent-main);flex:1 1;font-size:.75rem;min-width:0;padding:.3rem .5rem;text-align:center;width:100%}[data-theme=dark] .card-stats .stat{background-color:#64647833}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;position:relative;z-index:1}.pagination button{background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border:none;border-radius:.5rem;box-shadow:0 2px 4px #1a1d6e4d;color:var(--accent-contrastText);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.pagination button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-dark),var(--accent-main));box-shadow:0 4px 8px #1a1d6e66;transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#333;font-size:.9rem}[data-theme=dark] .page-info{color:#f0f0f0}.empty-state,.error-state,.loading-state{position:relative;z-index:1}.error-state button{background:linear-gradient(135deg,var(--primary-main),var(--primary-light));border:none;border-radius:.5rem;color:var(--primary-contrastText);cursor:pointer;font-size:.85rem;font-weight:600;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease}.error-state button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-main));transform:translateY(-1px)}@media (max-width:1024px){.collection-content{padding:1rem}.filters-container{gap:1rem}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filters-container input[type=number],.filters-container input[type=text],.filters-container select{min-width:auto;width:100%}.range-inputs{justify-content:space-between}.range-inputs input{flex:1 1;min-width:50px}.special-filters{flex-wrap:wrap}.header-controls{align-items:center;flex-wrap:wrap;gap:.5rem}.cards-container{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.summary-stats{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.stat-item{flex:1 1;min-width:0;text-align:center}.stat-icon{font-size:1rem;margin-bottom:.25rem}.stat-divider{display:none}.filter-grid{gap:.75rem;grid-template-columns:1fr}.special-filters{align-items:flex-start;flex-direction:column;gap:.75rem}.range-filter{width:100%}.range-inputs{justify-content:space-between;width:100%}.range-inputs input{flex:1 1;max-width:120px;min-width:60px}.controls-header{align-items:stretch;flex-direction:column;gap:1rem}.controls-header h2{margin-bottom:.5rem;text-align:center}.header-controls{align-items:stretch;flex-direction:column;gap:.75rem;width:100%}.view-toggle{justify-content:center;order:-3;width:100%}.filters-applying{background-color:#ffffff4d;border:1px solid #c8c8dc4d;border-radius:.5rem;order:-2;padding:.5rem;text-align:center;width:100%}[data-theme=dark] .filters-applying{background-color:#3232414d;border-color:#6464784d}.filters-toggle-button{order:-1}.clear-filters-button,.filters-toggle-button{justify-content:center;text-align:center;width:100%}.clear-filters-button{order:0}.checkbox-label{background-color:#ffffff4d;border:1px solid #c8c8dc4d;border-radius:.5rem;justify-content:center;padding:.5rem}[data-theme=dark] .checkbox-label{background-color:#3232414d;border-color:#6464784d}.sort-control{align-items:stretch;flex-direction:column;gap:.5rem;width:100%}.sort-control label{font-weight:600;text-align:center}.sort-select{min-width:auto;width:100%}.cards-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card-info h3{font-size:1rem}.card-details{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:.3rem;overflow-x:auto;scrollbar-width:none}.card-details::-webkit-scrollbar{display:none}.card-details span{flex-shrink:0;font-size:.7rem;padding:.15rem .3rem}.card-badges{gap:.2rem;left:.25rem;top:.25rem}.hof-badge,.owned-badge,.rookie-badge{font-size:.65rem;padding:.2rem .4rem}.card-stats .stat{font-size:.7rem;padding:.15rem .3rem}.stat-row{gap:.25rem}.active-filters-display{margin-top:.75rem}.active-filters-header{align-items:stretch;flex-direction:column;gap:.5rem}.active-filters-tags{gap:.25rem;justify-content:center}.filter-tag{font-size:.7rem;padding:.2rem .4rem}.collection-header{padding:0}.cards-grid-header{align-items:stretch;flex-direction:column;gap:.75rem;margin-bottom:1rem}.cards-grid-title{font-size:1.1rem;text-align:center}}@media (max-width:480px){.collection-content{padding:.5rem}.cards-container{grid-template-columns:1fr}.pagination{flex-direction:column;gap:.5rem}.controls-header h2{font-size:1.1rem}.header-controls{gap:1rem}.clear-filters-button,.filters-toggle-button{font-size:.9rem;padding:.75rem 1rem}.checkbox-label{padding:.75rem}.checkbox-label,.sort-control label{font-size:.95rem}.sort-select{font-size:.9rem;padding:.75rem}}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}[data-theme=dark] .checkbox-label{color:#f0f0f0}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.special-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.special-filters label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}[data-theme=dark] .special-filters label{color:#f0f0f0}.special-filters input[type=checkbox]{cursor:pointer;height:16px;width:16px}.filter-note{background-color:#3b82f61a;border:1px solid #3b82f64d;border-radius:.375rem;color:#1e40af;margin-top:.5rem;padding:.5rem}.filter-note small{font-size:.875rem;font-weight:500}.active-filters-display{background-color:#ffffff80;border:1px solid #c8c8dc4d;border-radius:.5rem;margin-top:1rem;padding:.75rem;position:relative;z-index:1}[data-theme=dark] .active-filters-display{background-color:#32324180;border-color:#6464784d}.active-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.active-filters-label{color:#333;font-size:.9rem;font-weight:600}[data-theme=dark] .active-filters-label{color:#f0f0f0}.expand-filters-link{background:none;border:none;color:var(--primary-main);cursor:pointer;font-size:.85rem;font-weight:600;padding:0;text-decoration:underline;transition:color .2s ease}.expand-filters-link:hover{color:var(--primary-dark)}.active-filters-tags{display:flex;flex-wrap:wrap}.filter-tag{background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border:1px solid #fff3;border-radius:.375rem;box-shadow:0 1px 3px #1a1d6e33;color:var(--accent-contrastText);font-size:.8rem;font-weight:500;padding:.3rem .6rem;white-space:nowrap}[data-theme=dark] .filter-tag{box-shadow:0 1px 3px #0000004d}.filters-toggle-button{background:linear-gradient(135deg,var(--primary-main),var(--primary-light));border:none;border-radius:.5rem;box-shadow:0 2px 4px #e41f264d;color:var(--primary-contrastText);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.filters-toggle-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-main));box-shadow:0 4px 8px #e41f2666;transform:translateY(-1px)}.sort-control label{color:#333}[data-theme=dark] .sort-control label{color:#f0f0f0}.sort-select{background-color:#ffffffe6;min-width:180px;padding:.5rem}.sort-select:hover{border-color:var(--primary-main)}.sort-select:focus{box-shadow:0 0 0 2px #e41f2633}.active-filters-header{align-items:stretch;flex-direction:column;gap:.5rem}.active-filters-tags{gap:.25rem}.filter-tag{font-size:.7rem;padding:.2rem .4rem}.cards-grid-header{align-items:stretch;flex-direction:column;gap:.75rem;margin-bottom:1rem}.cards-grid-title{font-size:1.1rem;text-align:center}.duplicates-section{border-top:2px solid #e41f2633;margin-top:1.5rem;padding-top:1.5rem;position:relative;z-index:1}.duplicates-section h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem;text-align:center}[data-theme=dark] .duplicates-section h3{color:#f0f0f0}.duplicates-info{display:flex;flex-direction:column;gap:1rem}.duplicates-stats{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.duplicate-stat{align-items:center;display:flex;gap:.5rem}.duplicate-label{color:#555;font-size:.9rem;font-weight:600}[data-theme=dark] .duplicate-label{color:#bbb}.duplicate-value{background:#ffa50033;border:1px solid orange;border-radius:.4rem;color:#333;font-size:1rem;font-weight:700;min-width:30px;padding:.25rem .5rem;text-align:center}[data-theme=dark] .duplicate-value{background:#ffa50026;color:#c0c0d8}.burn-action{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.burn-description{color:#555;font-size:.9rem;line-height:1.5;margin:0}[data-theme=dark] .burn-description{color:#bbb}.burn-button{background:linear-gradient(135deg,#ff6b35,#ff4500);border:none;border-radius:.6rem;box-shadow:0 2px 8px #ff45004d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.burn-button:hover:not(:disabled){background:linear-gradient(135deg,#ff5722,#e64100);box-shadow:0 4px 12px #ff450066;transform:translateY(-1px)}.burn-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.burn-disabled{background:#8080801a;border:1px solid #8080804d;border-radius:.6rem;padding:1rem;text-align:center}.burn-disabled p{color:#666;font-size:.9rem;margin:0 0 .5rem}.burn-disabled p:last-child{color:#888;font-family:monospace;font-size:.8rem;margin-bottom:0}[data-theme=dark] .burn-disabled p{color:#999}[data-theme=dark] .burn-disabled p:last-child{color:#777}.no-duplicates{background:#228b221a;border:1px solid #228b224d;border-radius:.6rem;padding:1rem;text-align:center}.no-duplicates p{color:#2e7d32;font-size:.9rem;margin:0}[data-theme=dark] .no-duplicates p{color:#66bb6a}.burn-success{background:#228b2226;border:1px solid #228b2266;border-radius:.6rem;margin-top:1rem;padding:1rem;text-align:center}.burn-success h4{color:#2e7d32;font-size:1rem;margin:0 0 .5rem}.burn-success p{color:#2e7d32;font-size:.9rem;margin:0 0 .5rem}.burn-success p:last-child{font-weight:600;margin-bottom:0}[data-theme=dark] .burn-success h4,[data-theme=dark] .burn-success p{color:#66bb6a}.ownership-filter{align-items:center;display:flex;gap:.5rem}.ownership-filter .filter-label{color:#555;font-size:.9rem;font-weight:600;white-space:nowrap}[data-theme=dark] .ownership-filter .filter-label{color:#bbb}.ownership-select{background:#ffffffe6;border:1px solid #c8c8dccc;border-radius:.5rem;color:#333;cursor:pointer;font-size:.9rem;min-width:120px;padding:.5rem .75rem;transition:all .3s ease}.ownership-select:hover{border-color:#e41f2680;box-shadow:0 2px 8px #e41f261a}.ownership-select:focus{border-color:#e41f26b3;box-shadow:0 0 0 2px #e41f261a;outline:none}[data-theme=dark] .ownership-select{background:#282832e6;border:1px solid #505064cc;color:#c0c0d8}[data-theme=dark] .ownership-select:hover{border-color:#e41f2699}[data-theme=dark] .ownership-select:focus{border-color:#e41f26cc}@media (max-width:768px){.duplicates-stats{flex-direction:column;gap:1rem}.duplicate-stat{justify-content:space-between}.burn-button{align-self:stretch;text-align:center}.ownership-filter{align-items:stretch;flex-direction:column;gap:.25rem}.ownership-select{min-width:auto}}.standings-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;padding:0 .5rem}.standings-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:.5rem;margin:0}.standings-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:1rem;margin:1.5rem 0;overflow:hidden}.standings-toggle-header{align-items:center;background:#0009;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.standings-section-title{align-items:center;color:gold;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin:0}.standings-info{color:#d1d5db;font-size:.9rem;font-weight:600}.standings-content{animation:slideDown .3s ease-out}.standings-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.standings-loading p{color:#d1d5db;font-size:.9rem;margin:0}.standings-error{color:#ef4444;padding:2rem;text-align:center}.standings-error p{margin:0 0 1rem}.standings-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23232dcc;border:1px solid #ffffff1a;border-radius:.75rem;margin:1rem 0;padding:1rem;position:relative}.standings-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:.5rem;overflow-x:auto;scroll-behavior:smooth}.standings-table{border-collapse:initial;border-spacing:0;font-family:Inter,system-ui,sans-serif;font-size:.9rem;margin-left:0;min-width:800px;position:relative;width:100%}.standings-table thead{background:#0006}.standings-table th{border-bottom:2px solid #ffd7004d;color:gold;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1rem;position:relative;text-transform:uppercase}.standings-table th:first-child{background:#000!important;border-right:2px solid #fff3;left:0;position:-webkit-sticky;position:sticky;text-align:left;z-index:10}[data-theme=light] .standings-table th:first-child{background:#fff!important;border-right:2px solid #0003}.standings-table th:nth-child(2){text-align:left}.standings-table th:not(:first-child):not(:nth-child(2)){text-align:center}.standings-table th.sortable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.standings-table th.sortable:hover{background:#ffd7001a;color:#fff}.standings-table th.sortable.active{background:#ffd70033;color:#fff}.standings-table tbody tr{border-bottom:1px solid #ffffff1a;cursor:pointer;transition:all .3s ease}.standings-table tbody tr:hover{background:#ffffff14;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.standings-table tbody tr:nth-child(2n){background:#0000001a}.standings-table tbody tr:nth-child(2n):hover{background:#ffffff14}.standings-table tbody tr.user-team{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border:1px solid #ffd7004d}.standings-table tbody tr.user-team:hover{background:linear-gradient(135deg,#ffd70040,#ffd7001a);border-color:#ffd70080}.standings-table tbody tr.user-team .standings-team-name{color:gold;text-shadow:0 0 10px #ffd7004d}.standings-table tbody tr.user-team .standings-team-logo{border-color:gold;box-shadow:0 0 8px #ffd70066}.standings-table tbody tr.user-team .standings-team-logo-placeholder{background-color:#ffd7001a;border-color:gold;box-shadow:0 0 8px #ffd70066}.standings-table tbody tr.user-team .standings-owner-name{color:gold;font-weight:600}.standings-table td{color:#d1d5db;font-size:.9rem;padding:.75rem 1rem}.standings-logo-cell,.standings-logo-header{min-width:60px;padding:.75rem .5rem;width:60px}.standings-logo-cell{background:#000!important;border-right:2px solid #fff3;left:0;position:-webkit-sticky;position:sticky;text-align:center;z-index:5}[data-theme=light] .standings-logo-cell{background:#fff!important;border-right:2px solid #0003}.standings-table tbody tr:nth-child(2n) .standings-logo-cell{background:#000!important}[data-theme=light] .standings-table tbody tr:nth-child(2n) .standings-logo-cell{background:#fff!important}.standings-table tbody tr.user-team .standings-logo-cell{background:#000!important}[data-theme=light] .standings-table tbody tr.user-team .standings-logo-cell{background:#fff!important}.standings-team-name-cell{font-weight:600;min-width:160px;text-align:left}.standings-team-text-column{display:flex;flex-direction:column;gap:.25rem;justify-content:center}.standings-team-logo{object-fit:cover}.standings-team-logo,.standings-team-logo-placeholder{align-self:center;border:2px solid #fff3;border-radius:50%;flex-shrink:0;height:44px;width:44px}.standings-team-logo-placeholder{align-items:center;background-color:#ffffff1a;display:flex;font-size:1rem;justify-content:center}.standings-team-name{color:#fff;font-size:.95rem;font-weight:700;line-height:1.2}.standings-owner-name{color:#a78bfa;font-size:.75rem;font-weight:500;line-height:1.2}.standings-stat-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;min-width:95px;text-align:center}.standings-stat-cell.standings-wins{color:#10b981}.standings-stat-cell.standings-losses{color:#ef4444}.standings-stat-cell.standings-win-percentage{color:#8b5cf6;font-weight:700}.standings-stat-cell.standings-per-game{color:#6b7280;font-size:.85rem;font-weight:500}.standings-stat-cell.standings-run-diff.positive{color:#10b981}.standings-stat-cell.standings-run-diff.negative{color:#ef4444}.standings-placeholder{color:#6b7280;font-style:italic;padding:3rem 2rem;text-align:center}.standings-placeholder p{font-size:1rem;margin:0}[data-theme=light] .standings-container{background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 2px 10px #0000001a}[data-theme=light] .standings-toggle-header{background:#0000000d;border-bottom:1px solid #0000001a}[data-theme=light] .standings-section-title{color:#d4af37}[data-theme=light] .standings-info,[data-theme=light] .standings-loading p,[data-theme=light] .standings-placeholder{color:#6b7280}[data-theme=light] .standings-table{background:#00000005}[data-theme=light] .standings-table thead{background:#0000000d}[data-theme=light] .standings-table th{border-bottom:2px solid #d4af374d;color:#d4af37}[data-theme=light] .standings-table th.sortable:hover{background:#d4af371a;color:#374151}[data-theme=light] .standings-table th.sortable.active{background:#d4af3733;color:#374151}[data-theme=light] .standings-table tbody tr{border-bottom:1px solid #0000001a}[data-theme=light] .standings-table tbody tr:hover{background:#00000008}[data-theme=light] .standings-table tbody tr:nth-child(2n){background:#00000005}[data-theme=light] .standings-table tbody tr:nth-child(2n):hover{background:#0000000d}[data-theme=light] .standings-table td{color:#374151}[data-theme=light] .standings-team-name{color:#1f2937}[data-theme=light] .standings-owner-name{color:#7c3aed}[data-theme=light] .standings-team-logo{border:1px solid #0003}[data-theme=light] .standings-team-logo-placeholder{background-color:#0000000d;border:2px solid #0003}[data-theme=light] .standings-stat-cell.standings-win-percentage{color:#7c3aed}[data-theme=light] .standings-stat-cell.standings-per-game{color:#4b5563}[data-theme=light] .standings-table tbody tr.user-team{background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid #d4af374d}[data-theme=light] .standings-table tbody tr.user-team:hover{background:linear-gradient(135deg,#d4af3740,#d4af371a);border-color:#d4af3780}[data-theme=light] .standings-table tbody tr.user-team .standings-team-name{color:#d4af37;text-shadow:0 0 10px #d4af374d}[data-theme=light] .standings-table tbody tr.user-team .standings-team-logo{border-color:#d4af37;box-shadow:0 0 8px #d4af3766}[data-theme=light] .standings-table tbody tr.user-team .standings-team-logo-placeholder{background-color:#d4af371a;border-color:#d4af37;box-shadow:0 0 8px #d4af3766}[data-theme=light] .standings-table tbody tr.user-team .standings-owner-name{color:#d4af37;font-weight:600}@media (max-width:768px){.standings-header{align-items:flex-start;flex-direction:column;gap:.75rem}.standings-title{font-size:1.5rem}.standings-container{margin:1rem 0}.standings-toggle-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.standings-section-title{font-size:1.1rem}.standings-table-container{padding:.75rem}.standings-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:.375rem;overflow-x:auto}.standings-table td,.standings-table th{font-size:.8rem;padding:.4rem .5rem}.standings-logo-cell{background:#000!important;border-right:2px solid #fff3;left:0;min-width:50px;padding:.4rem .3rem;position:-webkit-sticky;position:sticky;width:50px;z-index:5}[data-theme=light] .standings-logo-cell{background:#fff!important;border-right:2px solid #0003}.standings-table tbody tr:nth-child(2n) .standings-logo-cell{background:#000!important}[data-theme=light] .standings-table tbody tr:nth-child(2n) .standings-logo-cell{background:#fff!important}.standings-table tbody tr.user-team .standings-logo-cell{background:#000!important}[data-theme=light] .standings-table tbody tr.user-team .standings-logo-cell{background:#fff!important}.standings-team-name-cell{min-width:140px;padding:.4rem .6rem}.standings-stat-cell{min-width:75px}.standings-stat-cell.standings-per-game{font-size:.75rem;min-width:68px}.standings-table tbody tr.user-team .standings-team-logo-placeholder{background-color:#ffd7001a!important;border-color:gold!important;box-shadow:0 0 8px #ffd70066!important}[data-theme=light] .standings-table tbody tr.user-team .standings-team-logo-placeholder{background-color:#d4af371a!important;border-color:#d4af37!important;box-shadow:0 0 8px #d4af3766!important}}@media (max-width:480px){.standings-header{padding:0 .25rem}.standings-title{font-size:1.3rem}.standings-toggle-header{padding:.5rem .75rem}.standings-section-title{font-size:1rem}.standings-table-container{padding:.5rem}.standings-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:.25rem;overflow-x:auto;overflow-y:visible}.standings-table td,.standings-table th{font-size:.75rem;padding:.3rem .4rem}.standings-logo-cell{background:#000!important;border-right:2px solid #fff3;left:0;min-width:45px;padding:.3rem .25rem;position:-webkit-sticky;position:sticky;width:45px;z-index:5}[data-theme=light] .standings-logo-cell{background:#fff!important;border-right:2px solid #0003}.standings-table tbody tr:nth-child(2n) .standings-logo-cell{background:#000!important}[data-theme=light] .standings-table tbody tr:nth-child(2n) .standings-logo-cell{background:#fff!important}.standings-table tbody tr.user-team .standings-logo-cell{background:#000!important}[data-theme=light] .standings-table tbody tr.user-team .standings-logo-cell{background:#fff!important}.standings-team-name-cell{min-width:120px;padding:.3rem .5rem}.standings-team-logo{height:32px;width:32px}.standings-team-logo-placeholder{height:32px;margin-left:6px;width:32px}.standings-stat-cell{min-width:78px}.standings-stat-cell.standings-per-game{font-size:.7rem;min-width:75px}.standings-table tbody tr.user-team .standings-team-logo-placeholder{background-color:#ffd7001a!important;border-color:gold!important;box-shadow:0 0 8px #ffd70066!important}[data-theme=light] .standings-table tbody tr.user-team .standings-team-logo-placeholder{background-color:#d4af371a!important;border-color:#d4af37!important;box-shadow:0 0 8px #d4af3766!important}.standings-team-text-column{gap:.15rem}.standings-owner-name{font-size:.65rem}.standings-placeholder{padding:2rem 1rem}}.leaders-header{padding:1rem 0 0}.leaders-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:1rem;margin:1.5rem 0;max-width:100%;overflow:hidden}.leaders-toggle-header{align-items:center;background:#0009;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.leaders-section-title{align-items:center;color:gold;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin:0}.leaders-info{color:#d1d5db;font-size:.9rem;font-weight:600}.leaders-content{animation:slideDown .3s ease-out;max-width:100%;overflow:hidden}.leaders-title-section{align-items:center;background:#0009;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem}.leaders-main-title h2{color:gold;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.leaders-tab-controls{background:#0006;border:2px solid #ffd7004d;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;overflow:hidden}.leaders-tab-button{background:#0003;border:none;border-right:1px solid #ffd70033;color:#d1d5db;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.leaders-tab-button:last-child{border-right:none}.leaders-tab-button:hover{background:#ffd7001a;color:#fff}.leaders-tab-button.active{background:gold;box-shadow:inset 0 2px 4px #0003;color:#000}.leaders-error,.leaders-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.leaders-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffd7004d;border-radius:50%;border-top-color:gold;height:40px;margin-bottom:1rem;width:40px}.leaders-error{color:#ef4444}.retry-button{border-radius:8px;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.leaders-controls{align-items:center;background:#0006;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1rem 1.5rem}.filter-controls,.sort-controls{align-items:center;display:flex;gap:.75rem}.filter-controls label,.sort-controls label{color:#d1d5db;font-size:.9rem;font-weight:600;white-space:nowrap}.filter-input,.sort-select{background:#0009;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;min-width:120px;padding:.5rem .75rem;transition:all .2s ease}.filter-input:hover,.sort-select:hover{background:#000c;border-color:gold}.filter-input:focus,.sort-select:focus{background:#000c;border-color:gold;box-shadow:0 0 0 2px #ffd70033;outline:none}.filter-input{max-width:100px;min-width:80px}.filter-input::placeholder{color:#9ca3af}.leaders-stats-section{margin-top:0;max-width:100%;overflow:hidden}.leaders-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23232dcc;border:1px solid #ffffff1a;border-radius:.75rem;margin:1rem 0;max-width:100%;overflow:hidden;padding:1rem;position:relative}.leaders-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:.5rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.leaders-placeholder{color:#6b7280;font-size:1.1rem;font-style:italic;padding:3rem 2rem;text-align:center}.leaders-placeholder p{font-size:1rem;margin:0}[data-theme=light] .leaders-container{background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 2px 10px #0000001a}[data-theme=light] .leaders-controls,[data-theme=light] .leaders-title-section,[data-theme=light] .leaders-toggle-header{background:#0000000d;border-bottom:1px solid #0000001a}[data-theme=light] .leaders-main-title h2,[data-theme=light] .leaders-section-title{color:#d4af37}[data-theme=light] .leaders-info{color:#6b7280}[data-theme=light] .leaders-tab-controls{background:#00000005;border:2px solid #d4af374d}[data-theme=light] .leaders-tab-button{background:#00000005;border-right:1px solid #d4af3733;color:#374151}[data-theme=light] .leaders-tab-button:hover{background:#d4af371a;color:#1f2937}[data-theme=light] .leaders-tab-button.active{background:#d4af37;color:#fff}[data-theme=light] .leaders-loading .loading-spinner{border:3px solid #d4af374d;border-top-color:#d4af37}[data-theme=light] .filter-controls label,[data-theme=light] .sort-controls label{color:#374151}[data-theme=light] .filter-input,[data-theme=light] .sort-select{background:#fffc;border:1px solid #0003;color:#374151}[data-theme=light] .filter-input:hover,[data-theme=light] .sort-select:hover{background:#ffffffe6;border-color:#d4af37}[data-theme=light] .filter-input:focus,[data-theme=light] .sort-select:focus{background:#ffffffe6;border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733}[data-theme=light] .filter-input::placeholder,[data-theme=light] .leaders-placeholder{color:#6b7280}[data-theme=light] .leaders-table-container{background:#00000005;border:1px solid #0000001a}@media (max-width:768px){.leaders-toggle-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.leaders-main-title h2,.leaders-section-title{font-size:1.1rem}.leaders-title-section{gap:.75rem;padding:.75rem 1rem}.leaders-controls{align-items:center;flex-direction:column;gap:1rem;padding:1rem}.leaders-tab-controls{width:100%}.leaders-tab-button{flex:1 1;padding:.5rem 1rem;text-align:center}.filter-controls,.sort-controls{justify-content:space-between;width:100%}.filter-input,.sort-select{flex:1 1;max-width:none;min-width:100px}.leaders-table-container{padding:.75rem}}@media (max-width:480px){.leaders-title-section{padding:.5rem .75rem}.leaders-main-title h2{font-size:1rem}.leaders-controls{padding:.75rem}.leaders-tab-button{font-size:.9rem;padding:.5rem .75rem}.leaders-table-container{padding:.5rem}}.pagination-container{gap:.5rem;margin:2rem 0;padding:1rem}.pagination-button,.pagination-container{align-items:center;display:flex;justify-content:center}.pagination-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffd7004d;border-radius:6px;color:#d1d5db;cursor:pointer;font-size:.9rem;font-weight:600;height:2.5rem;min-width:2.5rem;padding:.5rem 1rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#ffd7001a;border-color:gold;color:#fff;transform:translateY(-1px)}.pagination-button.active{background:gold;border-color:gold;box-shadow:0 0 8px #ffd70066;color:#000}.pagination-button:disabled{background:#0000004d;border-color:#ffffff1a;cursor:not-allowed;opacity:.4;transform:none}.pagination-ellipsis{color:#9ca3af;font-weight:500;padding:.5rem}[data-theme=light] .pagination-button{background:#fffc;border:1px solid #d4af374d;color:#374151}[data-theme=light] .pagination-button:hover:not(:disabled){background:#d4af371a;border-color:#d4af37;color:#1f2937}[data-theme=light] .pagination-button.active{background:#d4af37;border-color:#d4af37;box-shadow:0 0 8px #d4af3766;color:#fff}[data-theme=light] .pagination-button:disabled{background:#ffffff80;border-color:#0000001a;color:#9ca3af}[data-theme=light] .pagination-ellipsis{color:#6b7280}.leaders-stats-table-container{border:1px solid #ffffff1a;border-radius:8px;max-height:70vh;max-width:100vw;overflow:auto;position:relative;scrollbar-color:#ffd7004d #0000001a;scrollbar-width:thin;width:100%}.leaders-stats-table-container::-webkit-scrollbar{height:8px;width:8px}.leaders-stats-table-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.leaders-stats-table-container::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:4px}.leaders-stats-table-container::-webkit-scrollbar-thumb:hover{background:#ffd70080}.leaders-stats-table-wrapper{min-width:100%}.leaders-stats-table{background:#0006;border-collapse:collapse;font-size:.85rem;min-width:1200px;width:100%}.leaders-stats-table td,.leaders-stats-table th{border-bottom:1px solid #ffffff1a;padding:.75rem .5rem;text-align:left}.leaders-stats-table th{background:#000000e6;border-bottom:2px solid #ffd7004d;color:gold;font-size:.8rem;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.leaders-card-header{background:#000;border-right:1px solid #ffd7004d;left:0;min-width:60px;position:-webkit-sticky;position:sticky;width:60px;z-index:15}.leaders-player-header{min-width:180px;width:180px}.leaders-card-cell{background:#000;border-right:1px solid #ffd70033;left:0;padding:.5rem;position:-webkit-sticky;position:sticky;text-align:center;width:60px;z-index:5}.leaders-player-card{border-radius:4px;cursor:pointer;height:auto;transition:transform .2s ease;width:50px}.leaders-player-card:hover{transform:scale(1.05)}.leaders-player-cell{padding:.75rem .5rem;width:180px}.leaders-player-details{display:flex;flex-direction:column;gap:.25rem}.leaders-player-name{color:#fff;font-size:.9rem;font-weight:600;text-align:left}.leaders-player-meta{align-items:center;display:flex;flex-wrap:wrap}.leaders-player-team{color:#94a3b8;font-size:.75rem;text-align:left}.leaders-avg{color:gold;font-weight:600}[data-theme=light] .leaders-stats-table{background:#ffffffe6;border:1px solid #0000001a}[data-theme=light] .leaders-stats-table th{background:#fffffff2;border-bottom:2px solid #d4af3766;color:#8b5a00}[data-theme=light] .leaders-card-header{background:#fff;border-right:1px solid #d4af3766}[data-theme=light] .leaders-stats-table td{border-bottom:1px solid #0000000d;color:#1f2937}[data-theme=light] .leaders-card-cell{background:#fff;border-right:1px solid #d4af374d}[data-theme=light] .leaders-player-name{color:#1f2937}[data-theme=light] .leaders-player-team{color:#6b7280}[data-theme=light] .leaders-avg{color:#8b5a00}[data-theme=light] .leaders-stats-table-container{scrollbar-color:#d4af3766 #ffffff1a}[data-theme=light] .leaders-stats-table-container::-webkit-scrollbar-track{background:#ffffff1a}[data-theme=light] .leaders-stats-table-container::-webkit-scrollbar-thumb{background:#d4af3766}[data-theme=light] .leaders-stats-table-container::-webkit-scrollbar-thumb:hover{background:#d4af3799}@media (max-width:768px){.leaders-stats-table-container{max-height:60vh}.leaders-stats-table{font-size:.75rem;min-width:1000px}.leaders-stats-table td,.leaders-stats-table th{padding:.5rem .25rem}.leaders-player-cell{width:140px}.leaders-player-header{min-width:140px;width:140px}.leaders-player-name{font-size:.8rem}.leaders-player-team{font-size:.7rem}}@media (max-width:480px){.leaders-stats-table{min-width:800px}}.team-season-stats-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:1rem;overflow:hidden}.season-stats-toggle-header{align-items:center;background:#0009;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.season-stats-toggle-header:hover{background:#000000b3}.season-stats-title{align-items:center;color:gold;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin:0}.season-stats-info{color:#d1d5db;font-size:.8rem;font-style:italic}.season-stats-arrow{color:#d1d5db;font-size:1.2rem;transition:transform .3s ease}.season-stats-content{animation:slideDown .3s ease-out}.season-stats-tabs{display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem 1.5rem 0}.season-stats-tab{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#d1d5db;cursor:pointer;font-size:.9rem;font-weight:600;min-width:80px;padding:.5rem 1rem;transition:all .3s ease}.season-stats-tab:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;color:#fff}.season-stats-tab.active{background:linear-gradient(135deg,gold,#ffed4a);border-color:gold;box-shadow:0 2px 8px #ffd7004d;color:#1a1a1a}.season-stats-tab.active:hover{background:linear-gradient(135deg,#ffed4a,gold);box-shadow:0 4px 12px #ffd70066;transform:translateY(-1px)}.season-stats-tab:disabled{cursor:not-allowed;opacity:.5}.season-stats-table-container{padding:0 1.5rem 1.5rem}.season-stats-table-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:.5rem;max-height:600px;overflow-x:auto;overflow-y:auto}.season-stats-table{background:#0000;border-collapse:collapse;font-size:.85rem;width:100%}.season-stats-table thead{background:#0000}.season-stats-table th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-bottom:2px solid #ffd70033;color:gold;font-weight:600;min-width:50px;padding:1rem .75rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:8}.season-stats-table th:first-child{background:#000!important;border-right:2px solid #fff3;left:0;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:15}[data-theme=light] .season-stats-table th:first-child{background:#fff!important;border-right:2px solid #0003}.season-stats-table th.sortable{cursor:pointer;min-width:60px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.season-stats-table th.sortable:hover{background:#ffd7001a;color:#ffed4a}.season-stats-table th.sortable.active{background:#ffd70033;color:#ffed4a}.season-stats-table tbody tr{border-bottom:1px solid #ffffff1a;transition:all .3s ease}.season-stats-table tbody tr:hover{background:#ffffff0d}.season-stats-table tbody tr:nth-child(2n){background:#0003}.season-stats-table tbody tr:nth-child(2n):hover{background:#ffffff0d}.season-stats-table tbody tr.current-player{background:#22c55e1a;border-left:3px solid #22c55e}.season-stats-table tbody tr.current-player:hover{background:#22c55e26}.season-stats-table tbody tr.former-player{background:#0000001a;opacity:.8}.season-stats-table tbody tr.former-player:hover{background:#ffffff0d}.season-stats-table td{color:#e2e8f0;padding:1rem .75rem;text-align:center;white-space:nowrap}.season-stats-card-header{min-width:80px;padding:.75rem .25rem;width:80px}.season-stats-card-cell{background:#000!important;border-right:2px solid #fff3;left:0;min-width:80px;padding:.5rem .25rem;position:-webkit-sticky;position:sticky;text-align:center;width:80px;z-index:5}[data-theme=light] .season-stats-card-cell{background:#fff!important;border-right:2px solid #0003}.season-stats-table tbody tr:nth-child(2n) .season-stats-card-cell{background:#000!important}[data-theme=light] .season-stats-table tbody tr:nth-child(2n) .season-stats-card-cell{background:#fff!important}.season-stats-table tbody tr.current-player .season-stats-card-cell{background:#000!important}[data-theme=light] .season-stats-table tbody tr.current-player .season-stats-card-cell{background:#fff!important}.team-season-stats-player-card{border:2px solid #fff3;border-radius:4px;flex-shrink:0;height:75px;object-fit:cover;width:auto}.team-season-stats-player-header{min-width:160px;text-align:center}.team-season-stats-player-cell{font-weight:600;min-width:160px;padding:.75rem 1rem!important;text-align:left}.team-season-stats-player-details{display:flex;flex-direction:column;gap:.25rem}.team-season-stats-player-name{color:#fff;font-size:.9rem;font-weight:600;text-align:left}.team-season-stats-player-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.team-season-stats-player-team{color:#94a3b8;font-size:.75rem}.team-season-stats-player-year{color:#64748b;font-size:.75rem}.team-season-stats-roster-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:.25rem;color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.025em;padding:.125rem .375rem;text-transform:uppercase}.season-stats-table td.season-stats-avg{color:gold;font-weight:500}.season-stats-empty{color:#6b7280;font-style:italic;padding:3rem 2rem;text-align:center}.season-stats-empty p{font-size:1rem;margin:0 0 .5rem}[data-theme=light] .team-season-stats-container{background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 2px 10px #0000001a}[data-theme=light] .season-stats-toggle-header{background:#0000000d;border-bottom:1px solid #0000001a}[data-theme=light] .season-stats-toggle-header:hover{background:#00000014}[data-theme=light] .season-stats-title{color:#d4af37}[data-theme=light] .season-stats-arrow,[data-theme=light] .season-stats-info{color:#6b7280}[data-theme=light] .season-stats-tab{background:#0000000d;border:1px solid #0000001a;color:#6b7280}[data-theme=light] .season-stats-tab:hover:not(:disabled){background:#0000001a;border-color:#0003;color:#374151}[data-theme=light] .season-stats-tab.active{background:linear-gradient(135deg,#d4af37,#f1c40f);border-color:#d4af37;box-shadow:0 2px 8px #d4af374d;color:#fff}[data-theme=light] .season-stats-tab.active:hover{background:linear-gradient(135deg,#f1c40f,#d4af37);box-shadow:0 4px 12px #d4af3766;transform:translateY(-1px)}[data-theme=light] .season-stats-table-wrapper{background:#fffc;border:1px solid #0000001a}[data-theme=light] .season-stats-table,[data-theme=light] .season-stats-table thead{background:#0000}[data-theme=light] .season-stats-table th{background:#fffffff2;border-bottom:2px solid #d4af3733;color:#d4af37}[data-theme=light] .season-stats-table th.sortable:hover{background:#d4af371a;color:#b8860b}[data-theme=light] .season-stats-table th.sortable.active{background:#d4af3733;color:#b8860b}[data-theme=light] .season-stats-table tbody tr{border-bottom:1px solid #0000001a}[data-theme=light] .season-stats-table tbody tr:hover{background:#0000000d}[data-theme=light] .season-stats-table tbody tr:nth-child(2n){background:#00000008}[data-theme=light] .season-stats-table tbody tr:nth-child(2n):hover{background:#0000000d}[data-theme=light] .season-stats-table tbody tr.current-player{background:#22c55e1a;border-left:3px solid #22c55e}[data-theme=light] .season-stats-table tbody tr.current-player:hover{background:#22c55e26}[data-theme=light] .season-stats-table tbody tr.former-player{background:#00000005;opacity:.8}[data-theme=light] .season-stats-table tbody tr.former-player:hover{background:#0000000d}[data-theme=light] .season-stats-table td{color:#374151}[data-theme=light] .team-season-stats-player-name{color:#111827}[data-theme=light] .team-season-stats-player-team{color:#6b7280}[data-theme=light] .team-season-stats-player-year{color:#9ca3af}[data-theme=light] .season-stats-table td.season-stats-avg{color:#d4af37}[data-theme=light] .season-stats-empty{color:#6b7280}@media (max-width:768px){.season-stats-toggle-header{padding:.75rem 1rem}.season-stats-title{font-size:1.1rem}.season-stats-info{font-size:.75rem}.season-stats-content{padding:0}.season-stats-table-container{padding:0 1rem 1rem}.season-stats-table td,.season-stats-table th{font-size:.8rem;padding:.5rem .4rem}.season-stats-card-cell{background:#000!important;border-right:2px solid #fff3;left:0;min-width:65px;padding:.3rem .2rem;position:-webkit-sticky;position:sticky;width:65px;z-index:5}[data-theme=light] .season-stats-card-cell{background:#fff!important;border-right:2px solid #0003}.season-stats-table tbody tr:nth-child(2n) .season-stats-card-cell{background:#000!important}[data-theme=light] .season-stats-table tbody tr:nth-child(2n) .season-stats-card-cell{background:#fff!important}.season-stats-table tbody tr.current-player .season-stats-card-cell{background:#000!important}[data-theme=light] .season-stats-table tbody tr.current-player .season-stats-card-cell{background:#fff!important}.team-season-stats-player-cell{min-width:140px;padding:.4rem .6rem}.team-season-stats-player-card{height:64px;width:auto}.team-season-stats-player-name{font-size:.8rem}.team-season-stats-player-meta{gap:.25rem}.team-season-stats-roster-badge{font-size:.6rem;padding:.1rem .25rem}}@media (max-width:480px){.season-stats-toggle-header{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.season-stats-title{font-size:1rem}.season-stats-info{font-size:.7rem}.season-stats-arrow{align-self:flex-end;margin-top:-1.5rem}.season-stats-tabs{gap:.25rem;padding:.5rem .75rem 0}.season-stats-tab{font-size:.8rem;min-width:60px;padding:.4rem .6rem}.season-stats-table-container{padding:0 .75rem .75rem}.season-stats-table td,.season-stats-table th{font-size:.75rem;padding:.4rem .3rem}.season-stats-card-cell{background:#000!important;border-right:2px solid #fff3;left:0;min-width:60px;padding:.25rem .15rem;position:-webkit-sticky;position:sticky;width:60px;z-index:5}[data-theme=light] .season-stats-card-cell{background:#fff!important;border-right:2px solid #0003}.season-stats-table tbody tr:nth-child(2n) .season-stats-card-cell{background:#000!important}[data-theme=light] .season-stats-table tbody tr:nth-child(2n) .season-stats-card-cell{background:#fff!important}.season-stats-table tbody tr.current-player .season-stats-card-cell{background:#000!important}[data-theme=light] .season-stats-table tbody tr.current-player .season-stats-card-cell{background:#fff!important}.team-season-stats-player-cell{min-width:120px;padding:.3rem .5rem}.team-season-stats-player-card{height:60px;width:auto}.team-season-stats-player-name{font-size:.75rem}.team-season-stats-player-meta{gap:.2rem}.season-stats-roster-badge{font-size:.55rem;padding:.05rem .2rem}.season-stats-empty{padding:2rem 1rem}}.team-management-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto}.header-content,.team-header{flex-direction:column;gap:1rem}.header-content{display:flex;width:100%}.edit-team-button-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff4d;border-radius:.5rem;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;position:absolute;right:1.5rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.edit-team-button-overlay:hover{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 4px 12px #0006;transform:translateY(-1px) scale(1.05)}.team-banner-section{background:linear-gradient(135deg,#1a1d6e1a,#e41f261a);border:2px solid #1a1d6e33;border-radius:.75rem;height:200px;min-height:200px;overflow:hidden;position:relative}.team-banner{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.team-header-overlay{align-items:flex-start;background:linear-gradient(90deg,#000000b3 0,#0000004d 50%,#0000);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:1rem 1.5rem;position:absolute;right:0;top:0;z-index:2}.team-header-top-row{align-items:center;display:flex;gap:1rem;width:100%}.team-header-bottom-row{align-items:center;display:flex;justify-content:space-between;width:100%}.team-logo{object-fit:cover}.team-logo,.team-logo-placeholder{border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 4px 8px #0000004d;flex-shrink:0;height:60px;order:1;width:60px}.team-logo-placeholder{align-items:center;background:#ffffffe6;display:flex;font-size:1.5rem;justify-content:center}.team-detail-team-name{color:#fff;font-size:2.5rem;font-weight:700;margin:0;order:2;text-shadow:2px 2px 4px #000000b3}.team-abbr{color:#fffc;opacity:.9;text-shadow:1px 1px 2px #000000b3}.team-abbr,.team-record{font-size:1.1rem;font-weight:600}.team-record{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:1px solid #fff3;border-radius:.5rem;color:#fff;display:flex;justify-content:center;padding:.5rem 1rem;text-shadow:2px 2px 4px #000000b3}.record-wins{color:#4ade80;font-weight:700}.record-losses{color:#f33;font-weight:700}.record-separator{margin:0 .3rem;opacity:.7}[data-theme=dark] .team-banner-section{background:linear-gradient(135deg,#1a1d6e33,#e41f2633);border-color:#1a1d6e4d}[data-theme=dark] .edit-team-button-overlay{background:#ffffff1a;border-color:#fff3}[data-theme=dark] .edit-team-button-overlay:hover{background:#fff3;border-color:#fff6}.completion-status{background-color:#ffffff80;border:1px solid #c8c8dc4d;border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem}.completion-details{display:flex;flex-direction:column;gap:.5rem}.completion-text{color:var(--primary-dark);font-size:.9rem;font-weight:600}.progress-bar-container{background-color:#c8c8dc4d;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#2196f3,#4caf50);border-radius:4px;box-shadow:0 1px 3px #0003;height:100%;transition:width .3s ease-in-out}[data-theme=dark] .completion-status{background-color:#ffffff1a;border-color:#fff3}[data-theme=dark] .completion-text{color:var(--primary-light)}[data-theme=dark] .progress-bar-container{background-color:#ffffff1a}.status-indicator{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;text-align:center}.status-indicator.complete{color:var(--success-main)}.status-indicator.incomplete{color:var(--warning-main)}.baseball-field{align-items:center;background:linear-gradient(135deg,#3a5f3a,#2d4a2d 50%,#1e3a1e);border:3px solid #8b4513;border-radius:1rem;box-shadow:inset 0 4px 8px #0000004d;display:flex;flex-direction:column;gap:0;min-height:750px;padding:2rem;position:relative}[data-theme=dark] .baseball-field{background:linear-gradient(135deg,#2a4a2a,#1d3a1d 50%,#0e2a0e);border-color:#654321}.baseball-diamond{background:linear-gradient(45deg,#d2691e,peru 50%,#daa520);border:2px solid #8b4513;border-radius:15px;box-shadow:inset 0 2px 4px #0000004d;height:300px;left:50%;position:absolute;top:60%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) rotate(45deg);transform-origin:center center;width:300px}.outfield{align-items:flex-start;display:flex;gap:3rem;justify-content:space-between;margin-bottom:1rem;max-width:650px;position:relative;width:100%;z-index:20}.outfield .left-field,.outfield .right-field{margin-top:1.5rem}.infield{height:450px;position:relative;width:450px;z-index:10}.infield .position-slot{position:absolute}.shortstop{left:65px;top:-20px;z-index:15}.second-base-position{right:70px;top:-20px;z-index:15}.third-base-position{left:-45px;top:120px}.first-base-position{right:-40px;top:120px}.catcher{bottom:-40px;left:50%;transform:translateX(-50%)}.dh-position{bottom:3rem;position:absolute;right:1rem;z-index:10}.designated-hitter{margin-left:0}.position-slot{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffffff2;border:2px solid #8b451399;border-radius:.75rem;box-shadow:0 3px 6px #0003;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:140px;min-width:120px;padding:.75rem;position:relative;transition:all .2s ease}[data-theme=dark] .position-slot{background-color:#3c3c4bf2;border-color:#8b4513cc}.position-slot:hover{background-color:#fff;border-color:var(--color-primary);box-shadow:0 6px 12px #00000040;transform:translateY(-3px)}.position-slot:has(.player-card){-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none}.position-slot:has(.player-card):hover{background:#0000;border:none;box-shadow:none;transform:none}[data-theme=dark] .position-slot:has(.player-card){background:#0000;border:none}[data-theme=dark] .position-slot:has(.player-card):hover{background:#0000;border:none}.player-card:hover{transform:translateY(-3px)}.player-card:hover img{box-shadow:0 6px 12px #00000040}.catcher:has(.player-card){-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none}.catcher:has(.player-card):hover{background:#0000;border:none;box-shadow:none;transform:translateX(-50%)}.catcher:has(.player-card) .player-card:hover{transform:translateY(-3px)}[data-theme=dark] .catcher:has(.player-card){background:#0000;border:none}[data-theme=dark] .catcher:has(.player-card):hover{background:#0000;border:none;transform:translateX(-50%)}[data-theme=dark] .position-slot:hover{background-color:#464655;border-color:var(--color-primary)}.player-card{align-items:center;bottom:0;display:flex;flex-direction:column;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.player-card img{border-radius:.75rem;box-shadow:0 2px 4px #0003;height:auto;margin-bottom:0;width:100%}.player-info{align-items:center;bottom:-35px;display:flex;flex-direction:column;gap:.25rem;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:10}.player-name,.position-label{display:none}.empty-position .position-label{background-color:#e41f261a;border-radius:.25rem;color:var(--color-primary);display:block;font-size:.7rem;font-weight:700;padding:.15rem .3rem}.player-controls{align-items:center;display:flex;gap:.5rem;margin-top:.25rem}.batting-order-select{border:1px solid #c8c8dc80;border-radius:.25rem}.batting-order-select,.rotation-order-select{background-color:#fffffff2;box-shadow:0 2px 4px #0000001a;color:#333;font-size:.65rem;margin-top:0;padding:.2rem .3rem;text-align:center;width:65px}.rotation-order-select{border:1px solid #8b451380;border-radius:.25rem}.remove-player-inline{align-items:center;background:#fff;border:1px solid var(--color-primary);border-radius:.25rem;box-shadow:0 1px 3px #0003;color:var(--color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-player-inline:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.zoom-card-button{align-items:center;background:var(--background-primary);border:1px solid var(--secondary-main);border-radius:.25rem;box-shadow:0 1px 3px #0003;color:var(--secondary-main);cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.zoom-card-button:hover{border-color:var(--secondary-dark);box-shadow:0 2px 8px #0000004d;transform:scale(1.1)}.enlarged-card-modal{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}[data-theme=dark] .enlarged-card-modal{background-color:#2a2a3a}.remove-player{align-items:center;background:#fff;border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 2px 4px #0003;color:var(--color-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;transition:all .2s ease;width:20px}.remove-player:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}[data-theme=dark] .remove-player{background:var(--background-primary);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .remove-player:hover{background:var(--color-primary);color:#fff}.empty-position{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;min-height:100px;text-align:center}.add-player{color:#666;font-size:.7rem;font-style:italic}[data-theme=dark] .add-player{color:#aaa}.bench-section,.pitching-section{position:relative}.bench-grid,.pitchers-grid,.relievers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:1rem}.bench-slot,.closer-slot,.pitcher-slot,.reliever-slot{height:auto;min-height:160px}.bench-slot:has(.player-card),.closer-slot:has(.player-card),.pitcher-slot:has(.player-card),.reliever-slot:has(.player-card){-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;padding:.25rem}.bench-slot:has(.player-card):hover,.closer-slot:has(.player-card):hover,.pitcher-slot:has(.player-card):hover,.reliever-slot:has(.player-card):hover{background:#0000;border:none;box-shadow:none;transform:none}.bench-slot .player-card,.closer-slot .player-card,.pitcher-slot .player-card,.reliever-slot .player-card{height:auto;max-width:none;padding-bottom:45px;position:relative;width:100%}.bench-slot .player-card img,.closer-slot .player-card img,.pitcher-slot .player-card img,.reliever-slot .player-card img{margin-bottom:.5rem;max-width:100%;object-fit:contain;width:100%}.bench-slot .player-info,.closer-slot .player-info,.pitcher-slot .player-info,.reliever-slot .player-info{bottom:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.player-selection-modal{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1400px;overflow:hidden;width:95%}[data-theme=dark] .player-selection-modal{background-color:#2a2a3a}.selection-modal-header{align-items:center;border-bottom:1px solid #c8c8dc4d;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.5rem}[data-theme=dark] .selection-modal-header{border-bottom-color:#6464784d}.selection-modal-header h3{color:#333;flex:1 1;font-size:1.3rem;font-weight:600;margin:0;text-align:left}[data-theme=dark] .selection-modal-header h3{color:#f0f0f0}.selection-modal-controls{background-color:#f0f0fa4d;border-bottom:1px solid #c8c8dc33;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}[data-theme=dark] .selection-modal-controls{background-color:#3232414d;border-bottom-color:#64647833}.selection-results-header{background-color:#ffffff80;border-bottom:1px solid #c8c8dc33;flex-shrink:0;padding:1rem 1.5rem .5rem}[data-theme=dark] .selection-results-header{background-color:#32324180;border-bottom-color:#64647833}.selection-modal-body{min-height:0;overflow-y:auto}.selection-modal-body,.selection-modal-content{display:flex;flex:1 1;flex-direction:column}.player-selection-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding:10px;width:100%}.player-selection-card{background:#fff;border:2px solid #c8c8dc4d;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding-left:.25rem;padding-right:.25rem;position:relative;transition:all .2s ease}[data-theme=dark] .player-selection-card{background:#3a3a4a;border-color:#64647866}.player-selection-card:hover{border-color:var(--primary-main);box-shadow:0 8px 25px #0003}.player-selection-card img{height:100%;object-fit:contain;width:100%}.player-selection-card img:hover{border-color:var(--primary-main);box-shadow:0 8px 25px #0003}.player-selection-card .zoom-card-button-corner{align-items:center;background:#ffffffe6;border:2px solid red;border-radius:50%;box-shadow:0 2px 4px #0003;color:var(--secondary-main);cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:20px;z-index:20}.player-selection-card:hover .zoom-card-button-corner{opacity:1}.player-selection-card .zoom-card-button-corner:hover{background:var(--secondary-main);box-shadow:0 4px 8px #0000004d;color:#fff;transform:scale(1.1)}[data-theme=dark] .player-selection-card .zoom-card-button-corner{background:#3c3c4be6;border-color:var(--secondary-main);color:var(--secondary-main)}[data-theme=dark] .player-selection-card .zoom-card-button-corner:hover{background:var(--secondary-main);color:#fff}@media (max-width:768px){.player-selection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.player-selection-card{height:210px;width:150px}}@media (max-width:480px){.player-selection-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:8px}.player-selection-card{aspect-ratio:5/7;width:100%}.player-selection-modal{margin:.5rem;max-height:95vh;width:98vw}.selection-modal-header{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem}.selection-modal-controls{flex-direction:column;gap:.75rem;padding:.75rem 1rem}}@media (max-width:1024px){.team-management-content{padding:1rem}.baseball-field{padding:1.5rem}.outfield{gap:2rem;max-width:550px}.outfield .left-field,.outfield .right-field{margin-top:1rem}.infield{height:380px;width:380px}.shortstop{left:55px;top:-17px}.second-base-position{right:60px;top:-17px}.third-base-position{left:-38px;top:102px}.first-base-position{right:-34px;top:102px}.catcher{bottom:-42px}.position-slot{min-height:120px;min-width:100px;padding:.5rem}.player-card img{height:auto;width:100%}.player-info{bottom:-30px}.player-controls{gap:.4rem}.remove-player-inline,.zoom-card-button{font-size:.65rem;height:22px;width:22px}.batting-order-select{font-size:.6rem;padding:.15rem .25rem;width:60px}.bench-grid,.pitchers-grid,.relievers-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.available-players{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.baseball-field{min-height:650px;padding:1.5rem}.baseball-diamond{height:275px;width:275px}.outfield{gap:1.75rem;max-width:520px}.outfield .left-field,.outfield .right-field{margin-top:.9rem}.infield{height:360px;width:360px}.shortstop{left:52px;top:-16px}.second-base-position{right:56px;top:-16px}.third-base-position{left:-36px;top:96px}.first-base-position{right:-32px;top:96px}.catcher{bottom:-39px;left:50%;transform:translateX(-50%)}.position-slot{min-height:117px;min-width:97px;padding:.47rem}.player-card img{height:auto;width:100%}.player-name{font-size:.73rem}.position-label{font-size:.69rem}.player-info{bottom:-28px}.player-controls{gap:.35rem}.remove-player-inline,.zoom-card-button{font-size:.6rem;height:20px;width:20px}.batting-order-select{font-size:.58rem;padding:.12rem .2rem;width:55px}}@media (max-width:768px){.header-content{gap:.75rem}.team-detail-team-name{font-size:1.8rem}.team-abbr{font-size:.9rem}.team-record{font-size:1rem;padding:.4rem .8rem}.team-header-overlay{padding:1rem}.edit-team-button-overlay{font-size:1.1rem;height:36px;right:1rem;top:.75rem;width:36px}.team-header-top-row{gap:.75rem}.baseball-field{min-height:550px;padding:1rem}.baseball-diamond{height:200px;width:200px}.outfield{gap:1rem;max-width:100%}.outfield .left-field,.outfield .right-field{margin-top:.75rem}.infield{height:300px;width:300px}.shortstop{left:43px;top:-13px}.second-base-position{right:47px;top:-13px}.third-base-position{left:-30px;top:80px}.first-base-position{right:-27px;top:80px}.catcher{bottom:-33px;left:50%;transform:translateX(-50%)}.position-slot{min-height:110px;min-width:90px;padding:.4rem}.player-card img{height:auto;width:100%}.player-name{font-size:.7rem}.position-label{font-size:.65rem}.player-info{bottom:-25px}.player-controls{gap:.3rem;margin-top:.2rem}.remove-player-inline,.zoom-card-button{font-size:.55rem;height:18px;width:18px}.batting-order-select{font-size:.55rem;padding:.1rem .15rem;width:50px}.stats-container{flex-wrap:wrap;gap:.5rem}.stat-divider{display:none}.completion-status{align-items:center;flex-direction:column;gap:.5rem;text-align:center}.available-players{grid-template-columns:1fr}.available-player-card{padding:.75rem}.player-card-image img{height:84px;width:60px}.player-selector-modal{margin:1rem;max-height:90vh;max-width:95vw}.modal-header{flex-wrap:wrap;gap:.75rem}.modal-header h3{font-size:1rem;order:1;text-align:left}.header-salary-cap{font-size:1rem;order:2;padding:.4rem .8rem}.close-modal{order:3}.modal-controls{flex-direction:column;gap:.75rem}.sort-control{min-width:auto}.search-input,.sort-select{font-size:.85rem;padding:.6rem .8rem}.player-card-stats{gap:.75rem}.player-card-stats .stat-label{font-size:.65rem}.player-card-stats .stat-value{font-size:.8rem}}@media (max-width:480px){.team-management-content{padding:.75rem}.team-detail-team-name{font-size:1.2rem}.team-abbr{font-size:1rem}.team-record{font-size:.9rem;padding:.3rem .6rem}.team-header-overlay{padding:.75rem}.edit-team-button-overlay{font-size:1rem;height:32px;right:.75rem;top:.5rem;width:32px}.baseball-field{min-height:500px;padding:.75rem}.baseball-diamond{height:150px;width:150px}.outfield .left-field,.outfield .right-field{margin-top:.5rem}.infield{height:240px;width:240px}.shortstop{left:33px;top:-10px}.second-base-position{right:35px;top:-10px}.third-base-position{left:-23px;top:60px}.first-base-position{right:-20px;top:60px}.catcher{bottom:-32px;left:50%;transform:translateX(-50%)}.position-slot{min-height:100px;min-width:80px;padding:.3rem}.player-card img{height:auto;width:100%}.player-name{font-size:.65rem}.player-info{bottom:-22px}.player-controls{gap:.25rem;margin-top:.15rem}.remove-player-inline,.zoom-card-button{font-size:.5rem;height:16px;width:16px}.batting-order-select{font-size:.5rem;padding:.08rem .1rem;width:45px}.bench-grid,.pitchers-grid,.relievers-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.player-selector-modal{border-radius:.5rem;margin:.5rem;max-height:95vh;width:98vw}.modal-header{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem}.modal-header h3{font-size:1rem;order:1;text-align:left}.header-salary-cap{align-self:center;font-size:.9rem;order:2;padding:.4rem .8rem;text-align:center}.close-modal{order:3;position:absolute;right:1rem;top:1rem}.modal-controls{padding:.75rem 1rem}.available-players{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:.75rem 1rem 1rem}.player-card-image{align-self:center}.player-card-image img{height:70px;width:50px}.player-card-name{font-size:.9rem}.player-card-info{justify-content:center}.card-team,.card-year{font-size:.7rem}.player-card-positions{align-self:center;font-size:.7rem}.player-card-stats{gap:.5rem;justify-content:center}.search-input,.sort-select{font-size:.8rem;padding:.5rem}.sort-control label{font-size:.8rem}}.search-input{background-color:#fff;border:1px solid #c8c8dc80;border-radius:.5rem;color:#333;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-main);box-shadow:0 0 0 2px #e41f261a;outline:none}[data-theme=dark] .search-input{background-color:#3c3c4be6;border-color:#64647880;color:#f0f0f0}[data-theme=dark] .search-input:focus{border-color:var(--primary-main);box-shadow:0 0 0 2px #e41f2633}.sort-control{align-items:center;display:flex;gap:.5rem;min-width:200px}.sort-control label{color:#555;font-size:.9rem;font-weight:500;white-space:nowrap}[data-theme=dark] .sort-control label{color:#ddd}.sort-select{background-color:#fff;border:1px solid #c8c8dc80;border-radius:.5rem;color:#333;cursor:pointer;font-size:.9rem;min-width:120px;padding:.75rem;transition:all .2s ease}.sort-select:focus{border-color:var(--primary-main);box-shadow:0 0 0 2px #e41f261a;outline:none}[data-theme=dark] .sort-select{background-color:#3c3c4be6;border-color:#64647880;color:#f0f0f0}.clear-filters-button,.filters-toggle-button{background:linear-gradient(135deg,var(--primary-main),var(--primary-light));border:none;border-radius:.5rem;color:var(--primary-contrastText);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.clear-filters-button:hover,.filters-toggle-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-main));transform:translateY(-1px)}.clear-filters-button{background:linear-gradient(135deg,var(--secondary-main),var(--secondary-light));color:var(--secondary-contrastText)}.clear-filters-button:hover{background:linear-gradient(135deg,var(--secondary-dark),var(--secondary-main))}.search-control{flex:1 1}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.header-salary-cap{background:linear-gradient(135deg,#e41f261a,#e41f2633);border:1px solid #e41f264d;border-radius:.5rem;color:var(--primary-main);font-size:1.1rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}[data-theme=dark] .header-salary-cap{background:linear-gradient(135deg,#e41f2633,#e41f264d);border-color:#e41f2666}.results-count{color:#555;font-size:.9rem;font-weight:600;text-align:center}[data-theme=dark] .results-count{color:#ccc}.empty-state,.error-state,.loading-state{background-color:#f0f0fa80;border:2px dashed #c8c8dc80;border-radius:.75rem;color:#6e6e78;padding:3rem 2rem;text-align:center}[data-theme=dark] .empty-state,[data-theme=dark] .error-state,[data-theme=dark] .loading-state{background-color:#3232414d;border-color:#64647880;color:#a0a0b0}[data-theme=dark] .empty-state,[data-theme=dark] .loading-state{background-color:#ffffff1a;color:#e0e6ed}.selector-error-message{animation:slideDown .3s ease-out;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:0 0 .75rem .75rem;box-shadow:0 4px 12px #dc262626;margin:0 0 .75rem;overflow:hidden;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.error-content{align-items:flex-start;gap:.75rem;padding:1rem;position:relative}.error-icon{color:#dc2626;flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.error-text{word-wrap:break-word;color:#991b1b;flex:1 1;font-size:.9rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;overflow-wrap:break-word}.close-error{background:none;border:none;border-radius:.25rem;color:#991b1b;cursor:pointer;flex-shrink:0;font-size:1.1rem;font-weight:700;line-height:1;margin-top:-.1rem;padding:.25rem;transition:all .2s ease}.close-error:hover{background-color:#b91c1c1a;color:#7f1d1d}[data-theme=dark] .selector-error-message{background-color:#451a1a;border-color:#7f1d1d;box-shadow:0 4px 12px #7f1d1d40}[data-theme=dark] .error-text{color:#fca5a5}[data-theme=dark] .close-error,[data-theme=dark] .error-icon{color:#f87171}[data-theme=dark] .close-error:hover{background-color:#f871711a;color:#fca5a5}.zoom-card-button-corner{align-items:center;background:#fff;border:1px solid var(--secondary-main);border-radius:50%;box-shadow:0 2px 4px #0003;color:var(--secondary-main);cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;left:-5px;position:absolute;top:-5px;transition:all .2s ease;width:20px;z-index:5}.zoom-card-button-corner:hover{border-color:var(--secondary-dark);box-shadow:0 2px 8px #0000004d;transform:scale(1.15)}[data-theme=dark] .zoom-card-button{background:var(--background-primary);border-color:var(--secondary-main);color:var(--secondary-main)}[data-theme=dark] .zoom-card-button:hover{border-color:var(--secondary-light);box-shadow:0 2px 8px #fff3}[data-theme=dark] .zoom-card-button-corner{background:var(--background-primary);border-color:var(--secondary-main);color:var(--secondary-main)}[data-theme=dark] .zoom-card-button-corner:hover{border-color:var(--secondary-light);box-shadow:0 2px 8px #fff3}.pregame-setup{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #1a1d6e1a;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:min(1600px,98vw);overflow:hidden;padding:clamp(1rem,3vw,2rem);position:relative;width:100%}[data-theme=dark] .pregame-setup{background:linear-gradient(135deg,#282c34f2,#20232af2);border-color:#ffffff1a;box-shadow:0 10px 40px #0000004d}.pregame-setup:before{background:linear-gradient(135deg,#e41f2605,#1a1d6e05 50%,#e41f2605);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .pregame-setup:before{background:linear-gradient(135deg,#e41f260d,#1a1d6e0d 50%,#e41f260d)}.pregame-setup>*{position:relative;z-index:1}.pregame-header{align-items:center;border-bottom:2px solid #1a1d6e1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-bottom:2rem}[data-theme=dark] .pregame-header{border-bottom-color:#ffffff1a}.pregame-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0}.pregame-game-status{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem}.game-status-indicator{align-items:center;background:linear-gradient(135deg,#ffffff1a,#f8fafc1a);border:2px solid;border-radius:1rem;display:flex;gap:.75rem;padding:.75rem 1.5rem}[data-theme=dark] .game-status-indicator{background:linear-gradient(135deg,#3c3c4b33,#32324133)}.game-status-indicator.waiting{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-color:#fbbf2466}.game-status-indicator.active{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b98166}[data-theme=dark] .game-status-indicator.waiting{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2480}[data-theme=dark] .game-status-indicator.active{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b98180}.status-icon{font-size:1.5rem}.status-info{display:flex;flex-direction:column;gap:.25rem}.status-text{color:var(--text-primary);font-size:1rem;font-weight:600}.game-status-indicator.waiting .status-text{color:var(--warning-main)}.game-status-indicator.active .status-text{color:var(--feedback-success)}.status-hint{color:var(--text-secondary);font-size:.85rem;font-style:italic}.selected-team-display{align-items:center;background:linear-gradient(135deg,#1a1d6e1a,#1a1d6e0d);border:2px solid #1a1d6e33;border-radius:1rem;display:flex;gap:1rem;padding:1rem 1.5rem}[data-theme=dark] .selected-team-display{background:linear-gradient(135deg,#1a1d6e33,#1a1d6e1a);border-color:#1a1d6e4d}.selected-team-display img{border:2px solid #1a1d6e4d;border-radius:50%;height:40px;width:40px}.selected-team-display span{color:var(--text-primary);font-size:1.2rem;font-weight:600}.opponent-status{align-items:center;display:flex;flex-direction:column;gap:.5rem}.opponent-status:not(:empty){background:linear-gradient(135deg,#ffffff1a,#f8fafc1a);border:1px solid #1a1d6e1a;border-radius:.75rem;padding:.75rem 1rem}[data-theme=dark] .opponent-status:not(:empty){background:linear-gradient(135deg,#3c3c4b33,#32324133);border-color:#ffffff1a}.opponent-indicator{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.opponent-indicator.online{color:var(--feedback-success)}.opponent-indicator.offline{color:var(--text-secondary)}.opponent-lineup-status{color:var(--feedback-success);font-size:.85rem;font-weight:600}.pregame-error,.pregame-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{border:4px solid #e41f2633;border-left:4px solid var(--primary-main);height:60px;width:60px}.pregame-error h3{color:var(--feedback-error);font-size:1.5rem;margin:0}.pregame-error p{color:var(--text-secondary);font-size:1.1rem;margin:0}.team-selection{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:100%;padding:clamp(1rem,3vw,2rem);width:100%}.team-selection h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.team-selection-grid{grid-gap:clamp(1rem,2vw,1.5rem);display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));max-width:100%;width:100%}.team-selection-card{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:2px solid #1a1d6e33;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center;transition:all .3s ease}[data-theme=dark] .team-selection-card{background:linear-gradient(135deg,#3c3c4be6,#323241e6);border-color:#fff3}.team-selection-card:hover{border-color:var(--primary-main);box-shadow:0 8px 25px #e41f264d;transform:translateY(-4px)}.team-selection-card .team-logo{border:2px solid #1a1d6e4d;border-radius:50%;height:60px;width:60px}.team-selection-card .team-info h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.team-selection-card .team-abbr{color:var(--text-secondary);font-size:1rem;font-weight:500}.pregame-field-section{display:flex;flex-direction:column;gap:1.5rem}.pregame-field-section h3{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0;text-align:center}.pregame-baseball-field{align-items:center;background:linear-gradient(135deg,#3a5f3a,#2d4a2d 50%,#1e3a1e);border:3px solid #8b4513;border-radius:1rem;box-shadow:inset 0 4px 8px #0000004d;display:flex;flex-direction:column;gap:0;min-height:750px;padding:2rem;position:relative}[data-theme=dark] .pregame-baseball-field{background:linear-gradient(135deg,#2a4a2a,#1d3a1d 50%,#0e2a0e);border-color:#654321}.pregame-baseball-diamond{background:linear-gradient(45deg,#d2691e,peru 50%,#daa520);border:2px solid #8b4513;border-radius:15px;box-shadow:inset 0 2px 4px #0000004d;height:300px;left:50%;position:absolute;top:60%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) rotate(45deg);transform-origin:center center;width:300px}.pregame-outfield{align-items:flex-start;display:flex;gap:3rem;justify-content:space-between;margin-bottom:1rem;max-width:650px;position:relative;width:100%;z-index:20}.pregame-outfield .left-field,.pregame-outfield .right-field{margin-top:1.5rem}.pregame-infield{height:450px;position:relative;width:450px;z-index:10}.pregame-infield .pregame-position-slot{position:absolute}.pregame-infield .shortstop{left:95px;top:30px;z-index:15}.pregame-infield .second-base-position{right:95px;top:30px;z-index:15}.pregame-infield .third-base-position{left:-30px;top:100px}.pregame-infield .first-base-position{right:-30px;top:100px}.pregame-infield .catcher{bottom:-40px;left:50%;transform:translateX(-50%)}.pregame-dh-position{bottom:3rem;position:absolute;right:1rem;z-index:10}.pregame-position-slot{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffffff2;border:2px solid #8b451399;border-radius:.75rem;box-shadow:0 3px 6px #0003;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:140px;min-width:120px;padding:.75rem;position:relative;transition:all .2s ease}[data-theme=dark] .pregame-position-slot{background-color:#3c3c4bf2;border-color:#8b4513cc}.pregame-position-slot:hover{background-color:#fff;border-color:var(--primary-main);box-shadow:0 6px 12px #00000040;transform:translateY(-3px)}[data-theme=dark] .pregame-position-slot:hover{background-color:#464655}.pregame-position-slot:has(.pregame-player-card){-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none}.pregame-position-slot:has(.pregame-player-card):hover{background:#0000;border:none;box-shadow:none;transform:none}[data-theme=dark] .pregame-position-slot:has(.pregame-player-card){background:#0000;border:none}[data-theme=dark] .pregame-position-slot:has(.pregame-player-card):hover{background:#0000;border:none}.pregame-player-card:hover{transform:translateY(-3px)}.pregame-player-card:hover img{box-shadow:0 6px 12px #00000040}.catcher:hover{transform:translateX(-50%) translateY(-3px)}.catcher:has(.pregame-player-card){-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none}.catcher:has(.pregame-player-card):hover{background:#0000;border:none;box-shadow:none;transform:translateX(-50%)}.catcher:has(.pregame-player-card) .pregame-player-card:hover{transform:translateY(-3px)}[data-theme=dark] .catcher:has(.pregame-player-card){background:#0000;border:none}[data-theme=dark] .catcher:has(.pregame-player-card):hover{background:#0000;border:none;transform:translateX(-50%)}.pregame-zoom-card-button{align-items:center;background:#fff;border:1px solid var(--secondary-main);border-radius:50%;box-shadow:0 2px 4px #0003;color:var(--secondary-main);cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;left:-5px;position:absolute;top:-5px;transition:all .2s ease;width:20px;z-index:5}.pregame-zoom-card-button:hover{border-color:var(--secondary-dark);box-shadow:0 2px 8px #0000004d;transform:scale(1.15)}[data-theme=dark] .pregame-zoom-card-button{background:var(--background-primary);border-color:var(--secondary-main);color:var(--secondary-main)}[data-theme=dark] .pregame-zoom-card-button:hover{border-color:var(--secondary-light);box-shadow:0 2px 8px #fff3}.pregame-enlarged-card-modal{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.enlarged-card-header{align-items:center;border-bottom:1px solid #c8c8dc4d;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.enlarged-card-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.enlarged-card-content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.enlarged-card-image{display:flex;justify-content:center;max-width:100%}.enlarged-card-image img{border-radius:.75rem;box-shadow:0 4px 12px #0003;max-height:400px;max-width:100%;object-fit:contain}.enlarged-card-info{display:flex;flex-direction:column;gap:.75rem;max-width:300px;width:100%}.card-detail-row{align-items:center;border-bottom:1px solid #c8c8dc33;display:flex;justify-content:space-between;padding:.5rem 0}.detail-label{color:#555;font-weight:600}.detail-value{color:#333;font-weight:500}.close-modal{font-size:1.5rem;height:32px;transition:color .2s ease;width:32px}[data-theme=dark] .pregame-enlarged-card-modal{background-color:#2a2a3a}[data-theme=dark] .enlarged-card-header{border-bottom-color:#6464784d}[data-theme=dark] .enlarged-card-header h3{color:#f0f0f0}[data-theme=dark] .card-detail-row{border-bottom-color:#64647833}[data-theme=dark] .detail-label{color:#ccc}[data-theme=dark] .detail-value{color:#f0f0f0}[data-theme=dark] .close-modal{color:#aaa}[data-theme=dark] .close-modal:hover{background-color:#ffffff1a;color:#f0f0f0}.pregame-player-card{align-items:center;bottom:0;display:flex;flex-direction:column;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.pregame-player-card img{border-radius:.75rem;box-shadow:0 2px 4px #0003;height:auto;margin-bottom:0;width:100%}.pregame-player-info{align-items:center;bottom:-45px;display:flex;flex-direction:column;gap:.25rem;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:10}.pregame-player-name,.pregame-position-label{display:none}.pregame-batting-order-select{background-color:#fffffff2;border:1px solid #c8c8dc80;border-radius:.25rem;box-shadow:0 2px 4px #0000001a;color:#333;font-size:.65rem;margin-top:.25rem;padding:.2rem .3rem;text-align:center;width:70px;z-index:10000}[data-theme=dark] .pregame-batting-order-select{background-color:#3c3c4bf2;border-color:#64647880;color:#f0f0f0}.pregame-empty-position{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;min-height:100px;text-align:center}.pregame-empty-position .pregame-position-label{background-color:#e41f261a;border-radius:.25rem;color:var(--primary-main);display:block;font-size:.7rem;font-weight:700;padding:.15rem .3rem}.pregame-add-player{color:#666;font-size:.7rem;font-style:italic}[data-theme=dark] .pregame-add-player{color:#aaa}.warning-actions{display:flex;gap:1rem;justify-content:center}.warning-actions button{flex:1 1;min-width:150px}.warning-confirm{background:linear-gradient(135deg,var(--warning-main),var(--warning-light))!important;color:#fff!important;font-weight:700!important}.warning-confirm:hover{background:linear-gradient(135deg,var(--warning-dark),var(--warning-main))!important}.lineup-locked-hint{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b98133;border-radius:.5rem;color:var(--feedback-success);font-size:.95rem;font-style:italic;font-weight:500;padding:.5rem 1rem}[data-theme=dark] .lineup-locked-hint{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b9814d}@keyframes autoSubmitPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media (min-width:1441px){.pregame-setup{max-width:min(1600px,95vw);padding:3rem}.pregame-baseball-field{margin:0 auto;max-width:900px}.pregame-header{margin:0 auto;max-width:1200px}}@media (max-width:1024px){.pregame-setup{padding:1.5rem}.pregame-baseball-field{min-height:650px;padding:1.5rem}.pregame-baseball-diamond{height:275px;width:275px}.pregame-outfield{gap:2rem;max-width:550px}.pregame-infield{height:380px;width:380px}.pregame-position-slot{min-height:120px;min-width:100px;padding:.5rem}.pregame-infield .shortstop{left:60px;top:25px}.pregame-infield .second-base-position{right:60px;top:25px}.pregame-infield .third-base-position{left:-75px;top:75px}.pregame-infield .first-base-position{right:-75px;top:75px}.pregame-infield .catcher{bottom:-20px;left:50%;transform:translateX(-50%)}.pregame-dh-position{bottom:3.5rem;position:absolute;right:1rem}}@media (max-width:768px){.pregame-setup{padding:1rem}.pregame-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.pregame-header h2{font-size:2rem}.pregame-game-status{order:2}.game-status-indicator{gap:.5rem;padding:.5rem 1rem}.status-icon{font-size:1.25rem}.status-text{font-size:.9rem}.status-hint{font-size:.8rem}.selected-team-display{justify-content:center;order:3}.pregame-baseball-field{min-height:550px;padding:1rem}.pregame-baseball-diamond{height:200px;width:200px}.pregame-outfield{gap:1rem;max-width:100%}.pregame-infield{height:300px;width:300px}.pregame-position-slot{min-height:110px;min-width:90px;padding:.4rem}.pregame-batting-order-select{font-size:.6rem;width:60px}.player-options-grid{grid-template-columns:1fr}.preparation-header{align-items:stretch;flex-direction:column;text-align:center}.preparation-header h3{font-size:1.5rem}.status-badge{align-self:center;font-size:.8rem;padding:.4rem .8rem}.completion-checklist{padding:1rem}.completion-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem}.item-status{align-self:stretch}.item-count,.item-note{align-self:center}.submit-lineup-btn{font-size:1rem;padding:.875rem 1.5rem}.submit-lineup-btn .btn-icon{font-size:1.1rem}.submit-lineup-btn .btn-text{font-size:1rem}.status-card{padding:1rem}.status-content{gap:.75rem}.status-icon{font-size:1.5rem}.status-title{font-size:1rem}.status-subtitle{font-size:.85rem}.continue-btn{font-size:1rem;padding:1rem;width:100%}.pregame-infield .shortstop{left:45px;top:20px}.pregame-infield .second-base-position{right:45px;top:20px}.pregame-infield .third-base-position{left:-55px;top:50px}.pregame-infield .first-base-position{right:-55px;top:50px}.pregame-infield .catcher{bottom:-20px;left:50%;transform:translateX(-50%)}.pregame-dh-position{bottom:3.5rem;position:absolute;right:1rem}}@media (max-width:480px){.pregame-setup{padding:.75rem}.pregame-header h2{font-size:1.5rem}.pregame-baseball-field{min-height:500px;padding:.75rem}.pregame-baseball-diamond{height:150px;width:150px}.pregame-infield{height:240px;width:240px}.pregame-position-slot{min-height:100px;min-width:80px;padding:.3rem}.pregame-batting-order-select{font-size:.55rem;width:55px}.pregame-player-selector{max-height:90vh;width:95%}.selector-content,.selector-header{padding:1rem}.preparation-header h3{font-size:1.3rem}.status-badge{font-size:.75rem;padding:.35rem .7rem}.completion-checklist{gap:.75rem;padding:.75rem}.completion-item{padding:.75rem}.item-text{font-size:.9rem}.item-count,.item-note{font-size:.8rem}.submit-lineup-btn{font-size:.95rem;gap:.5rem;padding:.75rem 1.25rem}.submit-lineup-btn .btn-icon{font-size:1rem}.submit-lineup-btn .btn-text{font-size:.95rem}.success-header h3{font-size:1.3rem}.success-icon{font-size:2.5rem}.team-ready-notice{gap:.5rem;padding:.75rem 1rem}.ready-text{font-size:1rem}.status-card{padding:.75rem}.status-title{font-size:.95rem}.status-subtitle{font-size:.8rem}.continue-btn{font-size:.95rem}.pregame-infield .shortstop{left:30px;top:15px}.pregame-infield .second-base-position{right:30px;top:15px}.pregame-infield .third-base-position{left:-60px;top:35px}.pregame-infield .first-base-position{right:-60px;top:35px}.pregame-infield .catcher{bottom:-40px;left:50%;transform:translateX(-50%)}.pregame-dh-position{bottom:3.5rem;position:absolute;right:1rem}}.pregame-bottom-section{border-top:2px solid #1a1d6e1a;display:flex;flex-direction:column;gap:0;margin-top:2rem;padding-top:2rem}[data-theme=dark] .pregame-bottom-section{border-top-color:#ffffff1a}.lineup-preparation{display:flex;flex-direction:column;gap:1.5rem}.preparation-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.preparation-header h3{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0}.status-summary{align-items:center;display:flex}.status-badge{border-radius:1rem;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.status-badge.ready{background:linear-gradient(135deg,#10b98133,#05966933);border:2px solid #10b9814d;color:var(--feedback-success)}.status-badge.pending{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:2px solid #fbbf244d;color:var(--warning-main)}[data-theme=dark] .status-badge.ready{background:linear-gradient(135deg,#10b98140,#05966940);border-color:#10b98166}[data-theme=dark] .status-badge.pending{background:linear-gradient(135deg,#fbbf2440,#f59e0b40);border-color:#fbbf2466}.completion-checklist{background:linear-gradient(135deg,#ffffff80,#f8fafc80);border:1px solid #1a1d6e1a;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}[data-theme=dark] .completion-checklist{background:linear-gradient(135deg,#282c3480,#20232a80);border-color:#ffffff1a}.completion-item{align-items:center;border-radius:.75rem;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.completion-item.complete{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b98133}.completion-item.incomplete{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid #fbbf2433}.completion-item.auto-select{background:linear-gradient(135deg,#6366f11a,#4f46e51a);border:1px solid #6366f133}[data-theme=dark] .completion-item.complete{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b9814d}[data-theme=dark] .completion-item.incomplete{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf244d}[data-theme=dark] .completion-item.auto-select{background:linear-gradient(135deg,#6366f126,#4f46e526);border-color:#6366f14d}.item-status{align-items:center;display:flex;gap:.75rem}.completion-icon{flex-shrink:0;font-size:1.25rem}.item-text{color:var(--text-primary);font-size:1rem;font-weight:600}.item-count{background:#ffffffb3;border-radius:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;min-width:50px;padding:.25rem .5rem;text-align:center}[data-theme=dark] .item-count{background:#0000004d}.item-note{color:var(--text-secondary);font-size:.85rem;font-style:italic;font-weight:500}.submission-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.submit-lineup-btn{align-items:center;background:linear-gradient(135deg,var(--primary-main),var(--primary-light));border:none;border-radius:1rem;box-shadow:0 6px 20px #e41f264d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;transform:translateY(0);transition:all .3s ease}.submit-lineup-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-main));box-shadow:0 8px 25px #e41f2666;transform:translateY(-3px)}.submit-lineup-btn .btn-icon{font-size:1.25rem}.submit-lineup-btn .btn-text{font-size:1.1rem}.incomplete-notice{background:linear-gradient(135deg,#9ca3af33,#6b728033);border:1px solid #9ca3af4d;border-radius:.75rem;padding:1rem 1.5rem;text-align:center}[data-theme=dark] .incomplete-notice{background:linear-gradient(135deg,#9ca3af26,#6b728026);border-color:#9ca3af33}.notice-text{color:var(--text-secondary);font-size:1rem;font-style:italic;font-weight:500}.submission-error{align-items:center;background:linear-gradient(135deg,#dc26261a,#b91c1c1a);border:2px solid #dc26264d;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem}[data-theme=dark] .submission-error{background:linear-gradient(135deg,#dc262626,#b91c1c26);border-color:#dc262666}.error-content{align-items:center;display:flex;gap:.5rem;text-align:center}.error-icon{font-size:1.25rem}.error-text{color:var(--feedback-error);font-size:1rem;font-weight:600}.retry-btn{background:linear-gradient(135deg,var(--feedback-error),#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.retry-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.lineup-submitted{gap:2rem}.lineup-submitted,.success-header{align-items:center;display:flex;flex-direction:column}.success-header{gap:1rem;text-align:center}.success-icon{animation:successBounce .8s ease-out;font-size:3rem}.success-header h3{color:var(--feedback-success);font-size:1.8rem;font-weight:700;margin:0}.team-ready-notice{align-items:center;background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:1px solid #22c55e33;border-radius:.75rem;display:flex;gap:.75rem;padding:1rem 1.5rem}[data-theme=dark] .team-ready-notice{background:linear-gradient(135deg,#22c55e26,#16a34a26);border-color:#22c55e4d}.ready-icon{font-size:1.5rem}.ready-text{color:var(--feedback-success);font-size:1.1rem;font-weight:600}.game-status-tracker{max-width:500px;width:100%}.status-card{border:2px solid;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.status-card.transitioning{animation:statusPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f11a,#4f46e51a);border-color:#6366f14d}.status-card.ready{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d}.status-card.waiting{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-color:#fbbf244d}[data-theme=dark] .status-card.transitioning{background:linear-gradient(135deg,#6366f126,#4f46e526);border-color:#6366f166}[data-theme=dark] .status-card.ready{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b98166}[data-theme=dark] .status-card.waiting{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2466}.status-content{align-items:center;display:flex;gap:1rem}.status-icon{flex-shrink:0;font-size:1.75rem}.status-text{display:flex;flex-direction:column;gap:.25rem}.status-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.status-subtitle{color:var(--text-secondary);font-size:.9rem;font-weight:500}.continue-actions,.loading-indicator{display:flex;justify-content:center}.continue-actions{margin-top:1rem}.continue-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s ease}.continue-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}@keyframes successBounce{0%{transform:scale(.3)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.8}}.pregame-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.pregame-player-selector{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}[data-theme=dark] .pregame-player-selector{background-color:#2a2a3a}.selector-header{align-items:center;border-bottom:1px solid #c8c8dc4d;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}[data-theme=dark] .selector-header{border-bottom-color:#6464784d}.selector-header h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.close-selector{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:color .2s ease;width:32px}.close-selector:hover{background-color:#0000001a;color:#333}[data-theme=dark] .close-selector{color:#aaa}[data-theme=dark] .close-selector:hover{background-color:#ffffff1a;color:#f0f0f0}.selector-content{flex:1 1;overflow-y:auto;padding:1.5rem}.no-players{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.no-players p{margin:0 0 .5rem}.no-players-hint{color:var(--text-tertiary);font-size:.9rem}.player-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.player-option-card{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:2px solid #1a1d6e33;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1rem;text-align:center;transition:all .2s ease}[data-theme=dark] .player-option-card{background:linear-gradient(135deg,#3c3c4be6,#323241e6);border-color:#fff3}.player-option-card:hover{border-color:var(--primary-main);box-shadow:0 4px 12px #e41f264d;transform:translateY(-2px)}.player-option-card img{border-radius:.5rem;box-shadow:0 2px 6px #0003;height:auto;max-width:140px;width:100%}.player-option-info{display:flex;flex-direction:column;gap:.25rem}.player-option-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.player-option-position{color:var(--text-secondary);font-size:.8rem;font-weight:500}.player-option-eligible{color:var(--feedback-success);font-size:.75rem;font-style:italic;font-weight:400}.dice-roller{align-items:center;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #1a1d6e1a;border-radius:1rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}[data-theme=dark] .dice-roller{background:linear-gradient(135deg,#282c34f2,#20232af2);border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}.dice-roller.rolling{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.dice-roller.completed{border-color:var(--feedback-success);box-shadow:0 4px 16px #10b9814d}.dice-roller.small{gap:.75rem;padding:1rem}.dice-roller.large{gap:1.5rem;padding:2rem}.dice-roller.naked{border:none;box-shadow:none;gap:0;padding:0}.dice-roller.naked .dice-container{gap:0}.dice-container{gap:1rem}.dice-container,.dice-face{align-items:center;display:flex;flex-direction:column;position:relative}.dice-face{background:linear-gradient(135deg,var(--primary-main),var(--primary-light));border:3px solid #ef4444;border-radius:1rem;box-shadow:0 4px 12px #ef44444d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;cursor:pointer;height:100px;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:100px}.dice-roller.small .dice-face{height:80px;width:80px}.dice-roller.large .dice-face{height:120px;width:120px}.dice-face:hover{box-shadow:0 6px 16px #ef444466,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000001a;transform:translateY(-2px) scale(1.05)}.dice-face.spinning{animation:diceRoll .1s linear infinite;transform-style:preserve-3d}.dice-face.final{animation:diceFinish .5s ease-out;border-color:#ef4444;box-shadow:0 6px 20px #ef444480,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000001a}.dice-value{color:#ef4444;font-size:2rem;font-weight:700;line-height:1;text-shadow:0 2px 4px #0000004d}.dice-roller.small .dice-value{font-size:1.5rem}.dice-roller.large .dice-value{font-size:2.5rem}.rolling-indicator{align-items:center;bottom:-40px;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.rolling-dots{display:flex;gap:.25rem}.rolling-dots span{animation:rollingDots 1s ease-in-out infinite;background:var(--primary-main);border-radius:50%;height:8px;width:8px}.rolling-dots span:nth-child(2){animation-delay:.2s}.rolling-dots span:nth-child(3){animation-delay:.4s}.dice-controls{align-items:center;display:flex;flex-direction:column;gap:.75rem}.reset-button,.roll-button{background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border:none;border-radius:.75rem;box-shadow:0 4px 12px #1a1d6e4d;color:var(--accent-contrastText);cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.reset-button:hover,.roll-button:hover{background:linear-gradient(135deg,var(--accent-dark),var(--accent-main));box-shadow:0 6px 16px #1a1d6e66;transform:translateY(-2px)}.roll-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 6px #0000001a;cursor:not-allowed;transform:none}.reset-button{background:linear-gradient(135deg,var(--secondary-main),var(--secondary-light));box-shadow:0 4px 12px #10b9814d}.reset-button:hover{background:linear-gradient(135deg,var(--secondary-dark),var(--secondary-main));box-shadow:0 6px 16px #10b98166}.result-display{animation:resultPulse .5s ease-out;background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid #10b9814d;border-radius:.75rem;color:var(--feedback-success);font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center}[data-theme=dark] .result-display{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98166}@keyframes diceRoll{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes diceFinish{0%{filter:brightness(1.3);transform:scale(1.2) rotate(10deg)}50%{filter:brightness(1.2);transform:scale(1.1) rotate(-5deg)}to{filter:brightness(1);transform:scale(1) rotate(0deg)}}@keyframes rollingDots{0%,80%,to{opacity:.5;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}@keyframes resultPulse{0%{opacity:0;transform:scale(.9)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.dice-roller{padding:1rem}.dice-face{height:80px;width:80px}.dice-value{font-size:1.5rem}.reset-button,.roll-button{font-size:.9rem;min-width:100px;padding:.6rem 1.2rem}}.game-play-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f6f3f7;background-image:linear-gradient(135deg,#f0ebf566,#f5e8f066);border:1px solid #e6e6f080;border-radius:1rem;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative}.game-play-header:before{background:linear-gradient(90deg,#ebdcebe6 0,#f0e6f0b3 10%,#f8f0f833 30%,#f8f0f833 70%,#f0e6f0b3 90%,#ebdcebe6);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}[data-theme=light] .game-play-header:before{opacity:1}[data-theme=dark] .game-play-header{background-color:#1e1e28b3;background-image:linear-gradient(135deg,#23232d66,#28233266);border:1px solid #3c3c5080;box-shadow:0 2px 10px #0003}[data-theme=dark] .game-play-header:before{background:linear-gradient(90deg,#322846e6 0,#2d2841b3 10%,#28283c33 30%,#28283c33 70%,#2d2841b3 90%,#322846e6)}.scoreboard-row{display:flex;justify-content:center;overflow:hidden;width:100%}.game-header-boxscore-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:2px solid gold;border-radius:1rem;display:flex;max-width:100%;min-width:0;overflow:hidden;position:relative;z-index:1}.game-header-boxscore-teams{border-right:1px solid #ffd7004d;display:flex;flex-direction:column;flex-shrink:0;width:150px}.game-header-boxscore-innings-container{border-right:1px solid #ffd7004d;flex:1 1;min-width:0;overflow-x:auto;scrollbar-color:#ffd70080 #0000;scrollbar-width:thin}.game-header-boxscore-innings-container::-webkit-scrollbar{height:4px}.game-header-boxscore-innings-container::-webkit-scrollbar-track{background:#0000}.game-header-boxscore-innings-container::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:2px}.game-header-boxscore-innings{display:flex;flex-direction:column;min-width:-webkit-max-content;min-width:max-content}.game-header-boxscore-totals{border-right:2px solid gold;display:flex;flex-direction:column;max-width:120px;min-width:100px}.game-header-boxscore-header{align-items:center;background:#ffd7001a;border-bottom:1px solid #ffd7004d;color:gold;display:flex;font-size:.8rem;font-weight:700;min-height:2.5rem;position:relative;text-align:center;z-index:1}.game-header-boxscore-team-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;min-height:2.5rem;overflow:hidden}.game-header-boxscore-team-row:last-child{border-bottom:none}.game-header-team-header{align-items:center;display:flex;font-size:.75rem;padding:.5rem .75rem;text-align:left;width:100%}.game-header-team-info{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0;padding-left:.5rem;padding-right:.75rem}.game-header-inning-header{align-items:center;display:flex;font-size:.75rem;justify-content:center;min-width:32px;padding:.5rem .25rem;text-align:center}.game-header-final-indicator{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#e74c3c);-webkit-background-clip:text;background-clip:text;color:#e74c3c;flex:1 1;font-weight:700;letter-spacing:.5px;padding:0 .5rem;text-align:center;text-shadow:0 0 10px #e74c3c4d}[data-theme=dark] .game-header-final-indicator{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8a80,#ff6b6b);-webkit-background-clip:text;background-clip:text;color:#ff6b6b;text-shadow:0 0 10px #ff6b6b66}.game-header-inning-score{color:#fff;font-weight:500;min-width:32px;padding:.5rem .25rem;text-align:center;transition:all .3s ease}.game-header-inning-score.current-inning{background:#ffd70033;border-radius:4px;box-shadow:0 0 8px #ffd7004d;color:gold;font-weight:700;position:relative;z-index:2}.game-header-total-header{align-items:center;display:flex;font-size:.75rem;justify-content:center}.game-header-total-header,.game-header-total-score{min-width:30px;padding:.5rem .25rem;text-align:center}.game-header-total-score{color:gold;font-size:1rem;font-weight:700}.game-header-total-score:first-child{background:#ffd7001a;border-radius:4px;font-size:1.05rem;font-weight:900;text-shadow:0 0 6px #ffd70099}.game-header-boxscore-container .game-header-boxscore-bottom-row{align-items:stretch!important;display:flex!important;height:auto!important;justify-content:center!important;margin-top:.25rem;min-height:60px!important;padding:.5rem!important}.game-header-boxscore-container .game-header-stacked-info{align-items:center!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:0!important;height:100%!important;justify-content:space-between!important;min-height:50px!important;width:100%!important}.game-header-stacked-info .game-header-inning-section,.game-header-stacked-info .game-header-outs-section{align-items:center!important;display:flex!important;flex-shrink:0!important}.game-header-inning-display{align-items:center;display:flex;flex-direction:column}.game-header-inning-arrow{font-size:1rem;font-weight:700;line-height:1;transition:color .3s ease}.game-header-inning-arrow.active{color:gold}.game-header-inning-arrow.inactive{color:#ffffff4d}.game-header-inning-number{color:#fff;font-size:1.4rem;font-weight:700;line-height:1}.game-header-outs-counter{align-items:center;display:flex;flex-direction:column;gap:.3rem}.game-header-outs-label{color:#ffffffe6;font-size:.9rem;font-weight:600;line-height:1;text-transform:uppercase}.game-header-outs-dots{display:flex;gap:.3rem}.game-header-out-dot{background-color:#ffffff4d;border-radius:50%;height:10px;transition:background-color .3s ease;width:10px}.game-header-out-dot.filled{background-color:gold;box-shadow:0 0 8px #ffd70099}.defensive-stats-compact{align-items:center;display:flex;gap:1rem}.defensive-stats-compact .defensive-stat{align-items:center;display:flex;flex-direction:column;gap:.2rem}.defensive-stats-compact .stat-label{color:#fffc;font-size:.55rem;font-weight:600;text-transform:uppercase}.defensive-stats-compact .stat-value{color:gold;font-size:.7rem;font-weight:700}.game-status-row{justify-content:center;margin-top:.5rem}.game-status-row,.scoreboard{align-items:center;display:flex;gap:2rem}.scoreboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:2px solid gold;border-radius:1rem;padding:1rem 2rem;position:relative;z-index:1}.games-header-team-name-container{align-items:center;display:flex;flex:0 1 auto;gap:.5rem;min-width:0;text-align:left}.games-header-team-name{color:#fff;flex:0 0 auto;font-size:.9rem;font-weight:500;margin-right:.25rem;min-width:0;overflow:hidden;text-align:left;white-space:nowrap}.score{color:gold;font-size:2rem;font-weight:700}.inning-half{color:gold;font-size:1.5rem}.inning-number{color:#fff;font-size:1.2em;font-weight:700}.final-indicator{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#e74c3c);-webkit-background-clip:text;background-clip:text;color:#e74c3c;font-size:1.1em;font-weight:700;letter-spacing:.5px;text-shadow:0 0 10px #e74c3c4d}[data-theme=dark] .final-indicator{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff8a80,#ff6b6b);-webkit-background-clip:text;background-clip:text;color:#ff6b6b;text-shadow:0 0 10px #ff6b6b66}.outs-label{color:#ffffffe6;font-size:.9rem;font-weight:600;text-transform:uppercase}.online-indicator{border-radius:50%;flex-shrink:0;height:8px;margin-left:auto;transition:all .3s ease;width:8px}.online-indicator.online{animation:pulse-online 2s infinite;background-color:#4ade80;box-shadow:0 0 6px #4ade8099}.online-indicator.offline{background-color:#6b7280;opacity:.5}@keyframes pulse-online{0%,to{box-shadow:0 0 6px #4ade8099}50%{box-shadow:0 0 12px #4ade80cc}}.score-team{align-items:center;display:flex;flex-direction:column;gap:.5rem}.batting-indicator{border:1px solid #0000;border-radius:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase;transition:all .3s ease}.batting-indicator.batting{animation:pulse-batting 2s infinite;background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#16a34a;box-shadow:0 2px 6px #22c55e4d;color:#fff}.batting-indicator.fielding{background:linear-gradient(135deg,#64748b,#475569);border-color:#334155;box-shadow:0 2px 6px #47556933;color:#fff}@keyframes pulse-batting{0%,to{box-shadow:0 2px 6px #22c55e4d}50%{box-shadow:0 2px 10px #22c55e80}}[data-theme=dark] .batting-indicator.batting{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#15803d;box-shadow:0 2px 6px #22c55e66}[data-theme=dark] .batting-indicator.fielding{background:linear-gradient(135deg,#475569,#334155);border-color:#1e293b;box-shadow:0 2px 6px #4755694d}.game-header-team-logo{border:1px solid #ffd70066;border-radius:50%;box-shadow:0 1px 3px #0000004d;display:block;flex-shrink:0;height:28px;object-fit:cover;position:relative;transition:all .2s ease;vertical-align:top;width:28px}.game-header-team-logo:hover{border-color:#ffd70099;box-shadow:0 2px 4px #0006;transform:scale(1.05)}.game-header-team-logo-container,.game-header-team-logo-placeholder{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.game-header-team-logo-placeholder{background:linear-gradient(135deg,#64748b,#475569);border:1px solid #ffd70066;border-radius:50%;box-shadow:0 1px 3px #0000004d;font-size:12px;height:28px;transition:all .2s ease;vertical-align:top;width:28px}.game-header-team-logo-placeholder:hover{border-color:#ffd70099;box-shadow:0 2px 4px #0006;transform:scale(1.05)}.team-logo-roll-overlay{align-items:center;background:#000000bf;border:1px solid #fff3;border-radius:8px;bottom:-2px;box-shadow:0 1px 2px #00000080;display:flex;font-size:.6rem;font-weight:600;gap:1px;left:50%;padding:1px 3px;position:absolute;transform:translateX(-50%);z-index:2}.overlay-dice-icon{color:#fff;font-size:.5rem;line-height:1}.overlay-roll-number{font-size:.6rem;font-weight:700;line-height:1}.team-logo-roll-overlay.roll-hot-extreme .overlay-roll-number{color:#dc2626}.team-logo-roll-overlay.roll-hot .overlay-roll-number{color:#ea580c}.team-logo-roll-overlay.roll-warm .overlay-roll-number{color:#d97706}.team-logo-roll-overlay.roll-neutral .overlay-roll-number{color:#9ca3af}.team-logo-roll-overlay.roll-cool .overlay-roll-number{color:#0284c7}.team-logo-roll-overlay.roll-cold .overlay-roll-number{color:#1d4ed8}.team-logo-roll-overlay.roll-cold-extreme .overlay-roll-number{color:#1e3a8a}[data-theme=light] .team-logo-roll-overlay.roll-neutral .overlay-roll-number{color:#6b7280}[data-theme=light] .team-logo-roll-overlay.roll-hot-extreme .overlay-roll-number{color:#ef4444}[data-theme=light] .team-logo-roll-overlay.roll-hot .overlay-roll-number{color:#f97316}[data-theme=light] .team-logo-roll-overlay.roll-warm .overlay-roll-number{color:#f59e0b}[data-theme=light] .team-logo-roll-overlay.roll-cool .overlay-roll-number{color:#3b82f6}[data-theme=light] .team-logo-roll-overlay.roll-cold .overlay-roll-number{color:#2563eb}[data-theme=light] .team-logo-roll-overlay.roll-cold-extreme .overlay-roll-number{color:#1d4ed8}@media (max-width:768px){.game-play-header{gap:.75rem;padding:1rem}.scoreboard{gap:1rem;padding:.75rem 1rem}.game-header-boxscore-header{min-height:2.2rem}.game-header-boxscore-totals{max-width:110px;min-width:90px}.outs-counter{gap:.3rem}.outs-label{font-size:.8rem}.out-dot{height:8px;width:8px}.game-header-boxscore-container .game-header-boxscore-bottom-row{min-height:50px!important;padding:.4rem!important}.game-header-boxscore-container .game-header-stacked-info{min-height:40px!important}.game-header-inning-arrow{font-size:.9rem!important}.game-header-inning-number{font-size:1.2rem!important}.game-header-outs-counter{gap:.25rem!important;padding-bottom:.3rem!important}.game-header-outs-label{font-size:.75rem!important}.game-header-out-dot{height:8px!important;width:8px!important}.game-header-boxscore-teams{width:150px}.game-header-team-info{padding-left:.5rem;padding-right:.5rem}.games-header-team-name{color:#fff!important;font-size:.8rem;padding-right:.8rem}.defensive-stats-compact{gap:.5rem}.defensive-stats-compact .stat-value{font-size:.8rem}}@media (max-width:480px){.game-play-header{padding:.75rem}.scoreboard{gap:.5rem;padding:.4rem .6rem}.game-header-boxscore-header{min-height:2rem}.game-header-boxscore-totals{max-width:95px}.games-header-team-name{font-size:.7rem;padding-right:.6rem}.score{font-size:1.5rem}.inning-half{font-size:1.2rem}.inning-number{font-size:1rem}.outs-counter{gap:.25rem}.outs-label{font-size:.75rem}.out-dot{height:7px;width:7px}.game-header-boxscore-container .game-header-boxscore-bottom-row{min-height:45px!important;padding:.3rem!important}.game-header-boxscore-container .game-header-stacked-info{min-height:35px!important}.game-header-inning-arrow{font-size:.8rem!important}.game-header-inning-number{font-size:1.1rem!important}.game-header-outs-counter{gap:.2rem!important;padding-bottom:.25rem!important}.game-header-outs-label{font-size:.65rem!important}.game-header-out-dot{height:6px!important;width:6px!important}.game-header-boxscore-teams{width:130px}.game-header-team-info{padding-left:.4rem;padding-right:.6rem}.game-header-team-header{font-size:.65rem;text-align:left}.game-header-boxscore-totals{min-width:75px}.defensive-stats-compact{gap:.3rem}.defensive-stats-compact .stat-label{font-size:.55rem}.defensive-stats-compact .stat-value{font-size:.7rem}.game-header-boxscore-team-row{min-height:2.2rem}.game-header-total-score:first-child{font-size:.95rem;font-weight:900}.game-header-inning-header{font-size:.65rem;min-width:20px;text-align:center}.game-header-inning-score{font-size:.8rem;min-width:20px;padding:.3rem .15rem;text-align:center}.game-header-total-header{font-size:.65rem}.game-header-total-header,.game-header-total-score{min-width:25px;padding:.3rem .15rem;text-align:center}.game-header-total-score{font-size:.85rem}.game-header-team-logo,.game-header-team-logo-placeholder{height:26px;width:26px}}.rewards-preview-row{align-items:center;border-top:1px solid var(--border-light);display:flex;flex-direction:row;justify-content:center;margin-top:8px;padding:8px 0}.rewards-preview-row .compact-rewards-preview{font-size:.75rem;gap:12px}.rewards-preview-row .compact-team-rewards{font-size:.7rem;padding:3px 6px}@media (max-width:768px){.rewards-preview-row .compact-rewards-preview{gap:8px}.rewards-preview-row .compact-team-rewards{font-size:.65rem;padding:2px 4px}}.roll-average-inline{align-items:center;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;margin-left:.5rem}.roll-average-inline .dice-icon{font-size:.8rem}.roll-average-inline .roll-average-number{min-width:2ch;text-align:left}.roll-hot-extreme{color:#dc2626}.roll-hot{color:#ea580c}.roll-warm{color:#d97706}.roll-neutral{color:#fffc}.roll-cool{color:#0ea5e9}.roll-cold{color:#2563eb}.roll-cold-extreme{color:#1e40af}[data-theme=light] .roll-neutral{color:#000000b3}[data-theme=light] .roll-hot-extreme{color:#b91c1c}[data-theme=light] .roll-hot{color:#c2410c}[data-theme=light] .roll-warm{color:#a16207}[data-theme=light] .roll-cool{color:#0284c7}[data-theme=light] .roll-cold{color:#1d4ed8}[data-theme=light] .roll-cold-extreme{color:#1e3a8a}@media (max-width:768px){.roll-average-inline{font-size:.65rem;gap:.2rem;margin-left:.4rem}.roll-average-inline .dice-icon{font-size:.7rem}}@media (max-width:480px){.roll-average-inline{font-size:.6rem;gap:.15rem;margin-left:.3rem}.roll-average-inline .dice-icon{font-size:.65rem}}.game-play{background:var(--background-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.field-section{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding-bottom:1rem;padding-top:1rem;position:relative}.field-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0;text-align:center}.game-baseball-field{align-items:center;background:linear-gradient(135deg,#3a5f3a,#2d4a2d 50%,#1e3a1e);border:3px solid #8b4513;border-radius:1rem;box-shadow:inset 0 4px 8px #0000004d;display:flex;flex-direction:column;gap:0;min-height:750px;padding:2rem;position:relative}[data-theme=dark] .game-baseball-field{background:linear-gradient(135deg,#2a4a2a,#1d3a1d 50%,#0e2a0e);border-color:#654321}.game-baseball-diamond{background:linear-gradient(45deg,#d2691e,peru 50%,#daa520);border:2px solid #8b4513;border-radius:15px;box-shadow:inset 0 2px 4px #0000004d;height:300px;left:50%;position:absolute;top:60%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) rotate(45deg);transform-origin:center center;width:300px}.game-outfield{align-items:flex-start;display:flex;gap:3rem;justify-content:space-between;margin-bottom:1rem;max-width:650px;position:relative;width:100%}.game-outfield .game-left-field,.game-outfield .game-right-field{margin-top:1.5rem}.game-infield{height:450px;overflow:visible;position:relative;width:450px;z-index:10}.game-infield .game-position-slot{position:absolute}.game-shortstop{left:70px;top:-20px;z-index:15}.game-second-base-position{right:70px;top:-20px;z-index:15}.game-third-base-position{left:-40px;top:70px}.game-first-base-position{right:-40px;top:70px}.game-catcher{bottom:-100px;left:184px}.game-infield .game-pitcher-slot{left:50%;position:absolute;top:140px;transform:translateX(-50%);width:130px;z-index:25}.game-infield .game-batter-slot{bottom:-70px;min-height:140px;position:absolute;width:130px;z-index:30}.game-infield .game-batter-slot.batter-left-side{left:280px}.game-infield .game-batter-slot.batter-right-side{right:280px}.game-batter-slot .game-player-card{align-items:center;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.game-batter-slot .game-player-card img{border:none;border-radius:.75rem;box-shadow:none;height:auto;object-fit:contain;width:100%}@keyframes activePulse{0%,to{box-shadow:0 0 0 3px #4ade80cc}50%{box-shadow:0 0 0 8px #4ade804d}}.game-position-slot{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffffff2;border:2px solid #8b451399;border-radius:.75rem;box-shadow:0 3px 6px #0003;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:140px;min-width:80px;padding:.75rem;position:relative;transition:all .2s ease}[data-theme=dark] .game-position-slot{background-color:#3c3c4bf2;border-color:#8b4513cc}.game-position-slot:has(.game-player-card){-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none}[data-theme=dark] .game-position-slot:has(.game-player-card){background:#0000;border:none}.game-player-card{align-items:center;bottom:0;cursor:pointer;display:flex;flex-direction:column;height:100%;left:0;position:absolute;right:0;top:0;transition:all .3s ease;width:100%}.game-player-card img{border-radius:.75rem;box-shadow:0 2px 4px #0003;height:auto;margin-bottom:0;max-height:none;object-fit:contain;width:100%}.game-play-zoom-button{display:none}.game-play-zoom-button:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.game-play-substitute-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #ff6b3566;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;left:4px;opacity:0;pointer-events:none;position:absolute;top:4px;transform:scale(.8);transition:all .3s ease;width:20px;z-index:16}@media (hover:none) or (pointer:coarse){.game-play-substitute-button{opacity:1;pointer-events:auto;transform:scale(1)}}@media (hover:hover) and (pointer:fine){.game-player-card:hover .game-play-substitute-button{opacity:1;pointer-events:auto;transform:scale(1)}}.game-play-substitute-button:hover{background:linear-gradient(135deg,#ff8c42,#ffa726);box-shadow:0 4px 8px #ff6b3599;transform:scale(1.1)}.game-play-enlarged-card-modal{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.game-play-enlarged-card-header{align-items:center;border-bottom:1px solid #c8c8dc4d;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:1.5rem}.game-play-enlarged-card-header h3{color:#333;flex:1 1;font-size:1.3rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.close-modal{color:#666}.close-modal:hover{background-color:#0000001a;color:#333}.game-play-enlarged-card-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding:1.5rem}.game-play-enlarged-card-image{display:flex;justify-content:center;max-width:100%}.game-play-enlarged-card-image img{border-radius:.75rem;box-shadow:0 4px 12px #0003;max-height:400px;max-width:100%;object-fit:contain}.game-play-enlarged-card-info{display:flex;flex-direction:column;gap:.75rem;max-width:300px;width:100%}.game-play-card-detail-row{align-items:center;border-bottom:1px solid #c8c8dc33;display:flex;justify-content:space-between;padding:.5rem 0}.game-play-detail-label{color:#555;font-weight:600}.game-play-detail-value{color:#333;font-weight:500}.game-play-enlarged-card-actions{border-top:1px solid #c8c8dc4d;display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem}.enlarged-card-substitute-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:.75rem;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:.75rem 1.5rem;transition:all .3s ease}.enlarged-card-substitute-button:hover{background:linear-gradient(135deg,#ff8c42,#ffa726);box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.enlarged-card-substitute-button:active{transform:translateY(0)}.substitute-icon{font-size:1.2rem}.substitute-text{font-size:1rem;font-weight:600}.game-controls{display:flex;flex-shrink:0;gap:1rem;justify-content:center;padding:2rem}.control-button{background:linear-gradient(135deg,#4a7c59,#2d5a3d);border:2px solid gold;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.control-button:hover{background:linear-gradient(135deg,#5a8c69,#3d6a4d);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.control-button:active{transform:translateY(0)}.game-play-error{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.game-play-error h2{color:#ff6b6b;margin:0}.game-play-error p{color:#fffc;margin:0}.game-play-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.game-play-loading h2{color:var(--text-primary);font-size:1.5rem;margin:0}.game-play-loading p{color:var(--text-secondary);font-size:1rem;margin:0}.loading-spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color);margin:1rem 0}[data-theme=dark] .loading-spinner{border-color:#10b981 #374151 #374151}.team-transition-loading{align-items:center;background:var(--background-primary);border:2px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;margin:1rem;padding:2rem}.team-transition-loading .loading-spinner{margin-bottom:1rem}.team-transition-loading p{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0;text-align:center}@media (max-width:1024px){.game-baseball-field{min-height:700px;padding:2rem 1.5rem 3rem}.game-baseball-diamond{height:275px;width:275px}.game-outfield{gap:1.75rem;max-width:520px}.game-outfield .game-left-field,.game-outfield .game-right-field{margin-top:.9rem}.game-infield{height:360px;width:360px}.game-shortstop{left:52px;top:-16px}.game-second-base-position{right:56px;top:-16px}.game-third-base-position{left:-32px;top:78px}.game-first-base-position{right:-32px;top:78px}.game-catcher{bottom:-155px;left:142px}.game-infield .game-pitcher-slot{top:145px;width:120px}.game-infield .game-batter-slot.batter-left-side{bottom:-135px;left:225px;width:120px}.game-infield .game-batter-slot.batter-right-side{bottom:-135px;right:225px;width:120px}.game-position-slot{min-height:117px;min-width:70px;padding:.47rem}.game-play-zoom-button{font-size:.7rem;font-size:.8rem;height:28px;height:32px;top:43%;width:28px;width:32px}}@media (max-width:768px){.field-section{padding:1rem 0}.game-baseball-field{min-height:600px;padding:1.5rem 1rem 2.5rem}.game-baseball-diamond{height:200px;width:200px}.game-outfield{gap:1rem;max-width:420px}.game-outfield .game-left-field,.game-outfield .game-right-field{margin-top:.75rem}.game-infield{height:300px;width:300px}.game-shortstop{left:43px;top:-13px}.game-second-base-position{right:47px;top:-13px}.game-third-base-position{left:-30px;top:60px}.game-first-base-position{right:-27px;top:60px}.game-catcher{bottom:-120px;left:120px}.game-infield .game-pitcher-slot{top:120px;width:90px}.game-infield .game-batter-slot.batter-left-side{bottom:-100px;left:190px;width:90px}.game-infield .game-batter-slot.batter-right-side{bottom:-100px;right:190px;width:90px}.game-position-slot{min-height:117px;min-width:60px;padding:.47rem}.game-play-zoom-button{font-size:.8rem;height:32px;width:32px}.game-controls{flex-wrap:wrap;gap:.5rem;padding:1rem}.control-button{font-size:.9rem;padding:.5rem 1rem}.game-play-enlarged-card-modal{max-height:95vh}.game-play-enlarged-card-header{min-height:56px;padding:1.25rem}.game-play-enlarged-card-header h3{font-size:1.2rem}.close-modal{font-size:1.9rem;height:38px;margin-left:.875rem;width:38px}.enlarged-card-substitute-button{font-size:1.1rem;min-width:200px;padding:1rem 1.5rem}.substitute-icon{font-size:1.3rem}}@media (max-width:480px){.field-section{padding:.75rem 0}.game-baseball-field{min-height:550px;padding:1rem .75rem 2rem}.game-baseball-diamond{height:200px;width:200px}.game-outfield{gap:1rem;max-width:100%}.game-outfield .game-left-field,.game-outfield .game-right-field{margin-top:.5rem}.game-infield{height:240px;width:240px}.game-shortstop{left:25px;top:-30px}.game-second-base-position{right:25px;top:-30px}.game-third-base-position{left:-40px;top:50px}.game-first-base-position{right:-40px;top:50px}.game-catcher{bottom:-160px;left:90px}.game-infield .game-pitcher-slot{top:120px;width:90px}.game-infield .game-batter-slot.batter-left-side{bottom:-160px;left:160px;width:90px}.game-infield .game-batter-slot.batter-right-side{bottom:-160px;right:160px;width:90px}.game-position-slot{min-height:100px;min-width:60px;padding:.3rem}.game-play-zoom-button{font-size:.6rem;height:24px;width:24px}.game-play-enlarged-card-modal{border-radius:.5rem;max-height:98vh;width:95%}.game-play-enlarged-card-header{align-items:center;display:flex;justify-content:space-between;min-height:50px;padding:1rem;position:relative}.game-play-enlarged-card-header h3{flex:1 1;font-size:1.1rem;margin-right:1rem;min-width:0;text-align:left}.close-modal{flex-shrink:0;font-size:1.7rem;height:34px;margin-left:0;position:relative;right:0;top:0;width:34px}.enlarged-card-substitute-button{font-size:1rem;min-width:180px;padding:.875rem 1.25rem}.substitute-icon{font-size:1.2rem}.substitute-text{font-size:.95rem}.game-play-zoom-button{font-size:.7rem;height:28px;top:42%;width:28px}}.dice-field-overlay{flex-direction:column;gap:1rem;left:50%;pointer-events:auto;top:50%;transform:translate(-50%,-50%);z-index:100}.dice-close-button,.dice-field-overlay{align-items:center;display:flex;position:absolute}.dice-close-button{background:#f44;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;line-height:1;right:-5px;top:-5px;transition:all .2s ease;width:28px;z-index:101}.dice-close-button:hover{background:#f66;transform:scale(1.1)}.dice-overlay-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;position:relative}.field-action-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#4a7c59,#2d5a3d);border:2px solid gold;border-radius:.5rem;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;gap:.25rem;opacity:.95;padding:.5rem .75rem;pointer-events:auto;position:absolute;touch-action:manipulation;transition:all .3s ease;z-index:1000}@media (hover:hover) and (pointer:fine){.field-action-button:hover{background:linear-gradient(135deg,#5a8c69,#3d6a4d);box-shadow:0 6px 12px #0006;opacity:1;transform:translateY(-2px) scale(1.05)}}.field-action-button:active{transform:translateY(0) scale(1)}.field-action-icon{flex-shrink:0;font-size:1.2rem}.field-action-text{font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.pitcher-actions-container{bottom:187px}.batter-actions-container,.pitcher-actions-container{display:flex;gap:.5rem;isolation:isolate;justify-content:center;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%)}.batter-actions-container{top:-52px}.batter-action,.pitcher-action{min-width:80px;position:relative}.game-pitcher-slot .game-player-card{position:relative}.base-runner-overlay{display:none}.outfield-action-overlay{display:flex;flex-direction:column;gap:.5rem;left:165px;min-width:120px;position:absolute;top:-65px;white-space:nowrap;width:auto;z-index:40}.secondbase-action-overlay{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;left:225px;position:absolute;top:20px;z-index:10000}.catcher-action-overlay{bottom:92px;display:flex;flex-direction:column;gap:.5rem;left:178px;position:absolute;z-index:40}.pitch-field-action{background:linear-gradient(135deg,#ff6b35,#e55a2b);border-color:#ff6b35}.swing-field-action{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#4ade80}.steal-first-field-action,.steal-second-field-action{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24}.attempt_send_runner_throw-field-action,.attempt_tag_up_throw-field-action,.attempt_throw-field-action{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.intentional_walk-field-action{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}.sacrifice_bunt-field-action{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#06b6d4}.swing_away-field-action{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.waiting-action{animation:waitingPulse 2s ease-in-out infinite;border-color:#9ca3af!important;cursor:default!important;opacity:.7!important;pointer-events:none!important}.waiting-action,.waiting-action:hover{background:linear-gradient(135deg,#6b7280,#4b5563)!important}.waiting-action:hover{box-shadow:0 4px 8px #0000004d!important;transform:none!important}@keyframes waitingPulse{0%,to{opacity:.7}50%{opacity:.9}}.game-state-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid gold;border-radius:1rem;margin:0 2rem 2rem;padding:1.5rem 2rem;position:relative}.game-state-section:before{background:linear-gradient(90deg,#ebdcebe6 0,#f0e6f0b3 10%,#f8f0f833 30%,#f8f0f833 70%,#f0e6f0b3 90%,#ebdcebe6);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}[data-theme=light] .game-state-section:before{opacity:1}[data-theme=dark] .game-state-section:before{background:linear-gradient(90deg,#322846e6 0,#2d2841b3 10%,#28283c33 30%,#28283c33 70%,#2d2841b3 90%,#322846e6)}.game-state-info{background:#ffffff1a;border-radius:.5rem;display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:1rem}.state-row{align-items:center;display:flex;flex-direction:column;gap:.25rem}.state-label{color:#fffc;font-size:.85rem;font-weight:600;text-transform:uppercase}.state-value{color:gold;font-size:1.2rem;font-weight:700}.last-action-result{background:#ffffff1a;border-radius:.5rem;padding:1rem}.last-action-result h4{color:gold;font-size:1.1rem;margin:0 0 1rem}.result-details{display:flex;flex-direction:column;gap:.5rem}.pitch-advantage,.swing-result{display:flex;flex-direction:column;gap:.25rem}.pitch-advantage span,.swing-result span{color:#ffffffe6;font-size:.9rem}[data-theme=dark] .game-state-section{background:#1e1e2d4d;border-color:gold}[data-theme=dark] .game-state-info,[data-theme=dark] .last-action-result{background:#3c3c4b33}@media (max-width:1024px){.secondbase-action-overlay{left:180px;top:35px}.pitcher-actions-container{bottom:175px}.batter-actions-container{top:-52px}.catcher-action-overlay{bottom:12px;left:130px}.outfield-action-overlay{left:120px;top:-47px}}@media (max-width:768px){.field-action-button{font-size:.7rem;gap:.2rem;padding:.4rem .6rem}.pitcher-actions-container{bottom:132px}.batter-actions-container{top:-45px}.catcher-action-overlay{bottom:40px;left:108px}.outfield-action-overlay{left:95px;top:-58px}.secondbase-action-overlay{left:150px;top:45px}.field-action-icon{font-size:1rem}.field-action-text{font-size:.65rem}}@media (max-width:480px){.field-action-button{font-size:.6rem;padding:.3rem .5rem}.field-action-icon{font-size:1rem}.field-action-text{font-size:.6rem}.catcher-action-overlay{bottom:-20px;left:81px}.outfield-action-overlay{left:70px;top:-37px}.secondbase-action-overlay{left:120px;top:43px}.batter-actions-container{top:-42px}.game-play-zoom-button{font-size:.7rem;height:28px;top:42%;width:28px}}[data-theme=dark] .game-play-enlarged-card-actions{border-top-color:#6464784d}[data-theme=dark] .game-play-enlarged-card-modal{background-color:#2a2a3a}[data-theme=dark] .game-play-enlarged-card-header{border-bottom-color:#6464784d}[data-theme=dark] .game-play-enlarged-card-header h3{color:#f0f0f0}[data-theme=dark] .game-play-card-detail-row{border-bottom-color:#64647833}[data-theme=dark] .game-play-detail-label{color:#ccc}[data-theme=dark] .dice-action-title,[data-theme=dark] .game-play-detail-value{color:#f0f0f0}.substitute-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:20000}.game-play-enlarged-card-modal .close-modal,.substitute-modal-overlay .close-modal{position:static!important;transform:none!important}.pitch-advantage-display{animation:advantagePopIn .3s ease-out;border-radius:8px;left:-15px;position:absolute;top:-45px;z-index:20}.advantage-indicator{align-items:center;animation:advantagePopIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:2px solid;border-radius:.75rem;box-shadow:0 4px 12px #0006;display:flex;flex-direction:column;gap:.25rem;min-width:160px;padding:.75rem 1rem}.advantage-indicator.pitcher-advantage{background:linear-gradient(135deg,#ff6b35e6,#e55a2be6);border-color:#ff6b35}.advantage-indicator.batter-advantage{background:linear-gradient(135deg,#4ade80e6,#22c55ee6);border-color:#4ade80}.advantage-text{color:#fff;font-size:.5rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.advantage-details{color:#ffffffe6;line-height:1.2;text-align:center}@keyframes advantagePopIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:1024px){.pitch-advantage-display{left:-10px;top:-40px}.advantage-indicator{min-width:140px;padding:.6rem .8rem}.advantage-text{font-size:.5rem}.advantage-details{font-size:.65rem}}@media (max-width:768px){.pitch-advantage-display{left:-15px;top:-50px}.advantage-indicator{min-width:120px;padding:.5rem .7rem}.advantage-text{font-size:.5rem}.advantage-details{font-size:.6rem}}@media (max-width:480px){.pitch-advantage-display{left:-8px;top:-50px}.advantage-indicator{min-width:110px;padding:.5rem .6rem}.advantage-text{font-size:.5rem}.advantage-details{font-size:.55rem}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.baserunner-slot{position:absolute;z-index:20}.first-base-runner-slot{bottom:175px;right:0}.second-base-runner-slot{left:50%;top:0;transform:translateX(-50%)}.third-base-runner-slot{bottom:175px;left:0}.stealing-to-second-slot{bottom:330px;right:130px}.stealing-to-third-slot{bottom:225px;left:50px}.stealing-to-home-slot{bottom:120px;left:45px}.baserunner-card{box-shadow:0 2px 8px #0000004d;cursor:pointer;height:84px;overflow:visible;position:relative;width:60px}.baserunner-card,.baserunner-card img{border-radius:.5rem;transition:all .3s ease}.baserunner-card img{height:100%;object-fit:contain;width:100%}.stealing-baserunner-card{border-radius:8px;cursor:pointer;height:84px;position:relative;transition:transform .2s ease;width:60px}.stealing-baserunner-card img{animation:stealingPulse 1.5s infinite;border-radius:8px;height:100%;object-fit:cover;width:100%}.baserunner-card.has-action img,.game-player-card.has-action img{animation:baserunnerPulse 2s infinite;box-shadow:0 0 0 3px #4ade80cc}@keyframes baserunnerPulse{0%,to{box-shadow:0 0 0 3px #4ade80cc}50%{box-shadow:0 0 0 6px #4ade8066}}@keyframes stealingPulse{0%,to{box-shadow:0 0 0 3px #4ade80cc}50%{box-shadow:0 0 0 6px #4ade8066}}@media (hover:hover) and (pointer:fine){.baserunner-card:hover{transform:scale(1.1);z-index:25}.baserunner-card:hover .baserunner-zoom-button{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.baserunner-zoom-button:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}}.baserunner-zoom-button{align-items:center;background:#000000b3;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0006;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:24px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);transition:all .3s ease;width:24px;z-index:30}.baserunner-actions-container{display:flex;gap:.5rem;justify-content:center;left:-8px;pointer-events:auto;position:absolute;top:-50px;z-index:10031}.baserunner-action-button{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid gold;border-radius:.4rem;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;gap:.2rem;justify-content:center;min-width:120px;opacity:.95;padding:.4rem .6rem;position:relative;touch-action:manipulation;white-space:nowrap;width:auto;z-index:10031}@media (hover:hover) and (pointer:fine){.baserunner-action-button:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 12px #0006;opacity:1;z-index:1001}}.baserunner-action-icon{font-size:1.2rem}.baserunner-action-text{font-size:.6rem;font-weight:700;letter-spacing:.3px;pointer-events:inherit;text-transform:uppercase}.steal-first-baserunner-action,.steal-second-baserunner-action{left:-20px;top:0}@media (max-width:1024px){.baserunner-card,.stealing-baserunner-card{height:77px;width:55px}.baserunner-zoom-button{font-size:.65rem;height:22px;width:22px}.baserunner-actions-container{left:-10px;top:-8px}.steal-first-baserunner-action,.steal-second-baserunner-action{top:-40px}.first-base-runner-slot{bottom:85px;right:-25px}.third-base-runner-slot{bottom:85px;left:-25px}.stealing-to-second-slot{bottom:235px;right:100px}.stealing-to-third-slot{bottom:140px;left:25px}.stealing-to-home-slot{bottom:40px;left:20px}}@media (max-width:768px){.baserunner-card,.stealing-baserunner-card{height:70px;width:50px}.baserunner-zoom-button{font-size:.6rem;height:20px;width:20px}.baserunner-actions-container{left:-15px;top:-10px}.steal-first-baserunner-action,.steal-second-baserunner-action{top:-40px}.first-base-runner-slot{bottom:75px;right:-10px}.third-base-runner-slot{bottom:75px;left:-10px}.stealing-to-second-slot{bottom:185px;right:85px}.stealing-to-third-slot{bottom:120px;left:35px}.stealing-to-home-slot{bottom:45px;left:25px}}@media (max-width:480px){.baserunner-card,.stealing-baserunner-card{height:63px;width:45px}.baserunner-zoom-button{font-size:.55rem;height:18px;width:18px}.baserunner-actions-container{left:-15px;top:-15px}.steal-first-baserunner-action,.steal-second-baserunner-action{top:-35px}.first-base-runner-slot{bottom:20px;right:-35px}.third-base-runner-slot{bottom:20px;left:-35px}.stealing-to-second-slot{bottom:130px;right:60px}.stealing-to-third-slot{bottom:70px;left:10px}.stealing-to-home-slot{bottom:-15px;left:-5px}}.advanced-actions-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.advanced-actions-container{animation:advancedActionsPopIn .5s ease-out;background:linear-gradient(135deg,#1a1d6e,#4a51cd);border:3px solid gold;border-radius:1.5rem;box-shadow:0 12px 32px #0009;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.advanced-actions-header{margin-bottom:2rem;text-align:center}.advanced-actions-header h3{color:gold;font-size:1.8rem;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.advanced-actions-buttons{display:flex;flex-direction:column;gap:1rem}.advanced-action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:1rem;color:#fff;cursor:pointer;display:flex;gap:1rem;min-height:80px;padding:1.5rem;transition:all .3s ease}@media (hover:hover) and (pointer:fine){.advanced-action-button:hover{background:#fff3;border-color:gold;box-shadow:0 8px 16px #0006;transform:translateY(-2px)}}.advanced-action-button:active{transform:translateY(0)}.advanced-action-icon{align-items:center;background:#ffd70033;border:2px solid gold;border-radius:50%;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.advanced-action-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.advanced-action-title{color:gold;font-size:1.3rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.advanced-action-description{color:#ffffffe6;font-size:.95rem;line-height:1.4}.take_out_at_home-action{border-color:#ef4444}.take_out_at_home-action:hover{background:#ef44441a;border-color:#ef4444}.take_out_at_home-action .advanced-action-icon{background:#ef444433;border-color:#ef4444}.attempt_double_play-action{border-color:#fbbf24}.attempt_double_play-action:hover{background:#fbbf241a;border-color:#fbbf24}.attempt_double_play-action .advanced-action-icon{background:#fbbf2433;border-color:#fbbf24}.tag_up-action{border-color:#4ade80}.tag_up-action:hover{background:#4ade801a;border-color:#4ade80}.tag_up-action .advanced-action-icon{background:#4ade8033;border-color:#4ade80}.stay_on_base-action{border-color:#8b5cf6}.stay_on_base-action:hover{background:#8b5cf61a;border-color:#8b5cf6}.stay_on_base-action .advanced-action-icon{background:#8b5cf633;border-color:#8b5cf6}@keyframes advancedActionsPopIn{0%{opacity:0;transform:scale(.8) translateY(30px)}70%{transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.advanced-actions-container{padding:1.5rem;width:95%}.advanced-actions-header h3{font-size:1.5rem}.advanced-action-button{gap:.75rem;min-height:70px;padding:1.25rem}.advanced-action-icon{font-size:2rem;height:50px;width:50px}.advanced-action-title{font-size:1.1rem}.advanced-action-description{font-size:.85rem}}@media (max-width:480px){.advanced-actions-container{padding:1rem;width:98%}.advanced-actions-header{margin-bottom:1.5rem}.advanced-actions-header h3{font-size:1.3rem}.advanced-action-button{flex-direction:column;gap:.5rem;min-height:60px;padding:1rem;text-align:center}.advanced-action-icon{font-size:1.8rem;height:45px;margin-bottom:.5rem;width:45px}.advanced-action-title{font-size:1rem}.advanced-action-description{font-size:.8rem}}.defensive-stats-display{display:flex;justify-content:center;margin-bottom:1rem}.defensive-stats-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid gold;border-radius:1rem;box-shadow:0 4px 12px #0000004d;padding:1rem 1.5rem}.defensive-stats-container h4{color:gold;font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 .75rem;text-align:center;text-transform:uppercase}.defensive-stats-row{align-items:center;display:flex;gap:1.5rem}.defensive-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#fffc;font-size:.8rem;font-weight:600;text-transform:uppercase}.stat-value{background:#ffd70033;border:1px solid gold;border-radius:.5rem;color:#fff;font-size:1.2rem;font-weight:700;min-width:40px;padding:.25rem .5rem;text-align:center}.stat-value:empty:before{color:#fff9;content:"0"}@media (max-width:768px){.defensive-stats-container{padding:.75rem 1rem}.defensive-stats-container h4{font-size:.9rem;margin-bottom:.5rem}.defensive-stats-row{gap:1rem}.stat-label{font-size:.7rem}.stat-value{font-size:1rem;min-width:35px;padding:.2rem .4rem}}@media (max-width:480px){.defensive-stats-container{padding:.5rem .75rem}.defensive-stats-container h4{font-size:.8rem}.defensive-stats-row{gap:.75rem}.stat-label{font-size:.65rem}.stat-value{font-size:.9rem;min-width:30px;padding:.15rem .3rem}}.advantage-details{font-size:.7rem;margin-top:.2rem;opacity:.9}.stamina-details{font-size:.6rem;font-style:italic;font-weight:700;margin-top:.1rem;opacity:.8}.adjusted-command{font-size:.55rem;font-style:italic;margin:0 .2rem;opacity:.8}.pitch-advantage-display .advantage-details{font-size:.65rem;line-height:1.2;margin-top:.2rem;opacity:.9}.pitch-advantage-display .stamina-details{color:#fff;font-size:.6rem;font-style:italic;margin-top:.1rem;opacity:.8}@media (max-width:1024px){.command-reduction-indicator{font-size:.55rem;padding:1px 3px;top:-16px}.adjusted-command{font-size:.5rem}.pitch-advantage-display .advantage-details{font-size:.6rem}.pitch-advantage-display .stamina-details{font-size:.55rem}}@media (max-width:768px){.command-reduction-indicator{font-size:.5rem;padding:.5px 2px;top:-14px}.adjusted-command{font-size:.45rem}.pitch-advantage-display .advantage-details{font-size:.55rem}.pitch-advantage-display .stamina-details{font-size:.5rem}}@media (max-width:480px){.command-reduction-indicator{font-size:.45rem;padding:.5px 2px;top:-12px}.adjusted-command{font-size:.4rem}.pitch-advantage-display .advantage-details{font-size:.5rem}.pitch-advantage-display .stamina-details{font-size:.45rem}}.stay_on_base-action .advanced-action-icon{color:#6b7280}.send_runner_on_single-action{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #34d399}@media (hover:hover) and (pointer:fine){.send_runner_on_single-action:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}}.send_runner_on_single-action .advanced-action-icon{color:#d1fae5}.send_runner_on_double-action{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #34d399}@media (hover:hover) and (pointer:fine){.send_runner_on_double-action:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}}.send_runner_on_double-action .advanced-action-icon{color:#d1fae5}.dont_send_runner-action{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fbbf24}@media (hover:hover) and (pointer:fine){.dont_send_runner-action:hover{box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}}.dont_send_runner-action .advanced-action-icon{color:#fef3c7}.steal-first-baserunner-action,.steal-second-baserunner-action{background:linear-gradient(135deg,#10b981,#059669)}.send-runner-action,.send_runner_on_single-baserunner-action{background:linear-gradient(135deg,#f59e0b,#d97706)}.send_runner_on_double-baserunner-action{background:linear-gradient(135deg,#f97316,#ea580c)}.tag_up-baserunner-action{background:linear-gradient(135deg,#10b981,#059669)}.stay_on_base-baserunner-action{background:linear-gradient(135deg,#f59e0b,#d97706)}.baserunner-send-actions{display:flex;gap:.5rem;justify-content:center;left:-42px;pointer-events:auto;position:absolute;top:0;z-index:1001}.send-runner-action{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fbbf24;min-width:70px}@media (hover:hover) and (pointer:fine){.send-runner-action:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 25px #f59e0b66;transform:scale(1.05)}}.dont-send-runner-action{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #9ca3af;min-width:70px}@media (hover:hover) and (pointer:fine){.dont-send-runner-action:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 8px 25px #6b728066;transform:scale(1.05)}}.roll-requirement-bubble{align-items:center;background:#f44;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px;z-index:10}@media (max-width:1024px){.baserunner-send-actions{left:-38px;top:-40px}.dont-send-runner-action,.send-runner-action{font-size:.65rem;min-width:65px;padding:.35rem .5rem}.roll-requirement-bubble{font-size:10px;height:18px;right:-6px;top:-6px;width:18px}}@media (max-width:768px){.baserunner-send-actions{left:-35px;top:-37px}.dont-send-runner-action,.send-runner-action{font-size:.6rem;min-width:60px;padding:.3rem .45rem}.roll-requirement-bubble{font-size:10px;height:16px;right:-5px;top:-5px;width:16px}}@media (max-width:480px){.baserunner-send-actions{left:-36px;top:-30px}.dont-send-runner-action,.send-runner-action{font-size:.55rem;min-width:55px;padding:.25rem .4rem}.roll-requirement-bubble{border-width:1px;font-size:10px;height:14px;right:-4px;top:-4px;width:14px}}.substitution-modal{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.substitution-modal-header{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);border-bottom:1px solid #c8c8dc4d;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:1.5rem}.substitution-modal-header h3{flex:1 1;font-size:1.3rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.close-modal{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:40px;justify-content:center;margin-left:1rem;padding:.25rem;transition:all .2s ease;width:40px}.close-modal:hover{background-color:#ffffff1a}.close-modal:active{transform:scale(.95)}.substitution-modal-content{flex:1 1;min-height:0;overflow-y:auto;padding:1.5rem}.substitute-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:none;overflow-y:visible}.substitute-option{align-items:center;aspect-ratio:2.5/3.5;background:#ffffff0d;border:2px solid #c8c8dc4d;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;padding:.75rem;transition:all .3s ease}.substitute-option:hover{background:#ff6b351a;border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3533}.substitute-option.fatigued{background:#ef44441a;border-color:#ef444466}.substitute-option.fatigued:hover{background:#ef444426;border-color:#ef444499}.substitute-option.processing{cursor:not-allowed!important;opacity:.7;pointer-events:none}.substitute-option.processing:hover{background:#ffffff0d;border-color:#c8c8dc4d;box-shadow:none;transform:none}.substitute-image-container{height:100%;position:relative;width:100%}.substitute-image{border-radius:.5rem;box-shadow:0 2px 4px #0003;height:100%;object-fit:contain;width:100%}.substitute-zoom-button{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;left:.5rem;position:absolute;top:1rem;transition:all .2s ease;width:32px;z-index:10}.substitute-zoom-button:hover{background:#000000e6;transform:scale(1.1)}.substitute-name{color:#fffffff2;display:none;font-size:1rem;font-weight:600}.no-substitutes{color:#666;padding:2rem;text-align:center}.no-substitutes p{font-size:1.1rem;font-style:italic;margin:0}[data-theme=dark] .substitution-modal{background-color:#2a2a3a}[data-theme=dark] .substitution-modal-header{border-bottom-color:#6464784d}[data-theme=dark] .close-modal{color:#fff}[data-theme=dark] .close-modal:hover{background-color:#ffffff26}[data-theme=dark] .substitute-option{background:#3c3c4b1a;border-color:#6464784d}[data-theme=dark] .substitute-option:hover{background:#ff6b351a;border-color:#ff6b35}[data-theme=dark] .substitute-option.fatigued{background:#ef44440d;border-color:#ef44444d}[data-theme=dark] .substitute-option.fatigued:hover{background:#ef44441a;border-color:#ef444480}[data-theme=dark] .substitute-option.processing{opacity:.6}[data-theme=dark] .substitute-option.processing:hover{background:#3c3c4b1a;border-color:#6464784d}[data-theme=dark] .substitute-name{color:#f0f0f0}[data-theme=dark] .no-substitutes{color:#ccc}[data-theme=dark] .substitute-zoom-button{background:#fffc;color:#333}[data-theme=dark] .substitute-zoom-button:hover{background:#fffffff2}.substitute-stamina{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem;width:100%}.substitute-stamina-bar{background:#0006;border:1px solid #fff3;border-radius:2px;box-shadow:0 1px 2px #0000004d;height:4px;overflow:hidden;position:relative}.substitute-stamina-fill{box-shadow:inset 0 1px 0 #fff3;transition:width .8s cubic-bezier(.4,0,.2,1),background-color .3s ease}.substitute-red-fatigue-bar,.substitute-stamina-fill{border-radius:2px;height:100%;left:0;position:absolute;top:0}.substitute-red-fatigue-bar{animation:substituteFatiguePulse 2s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#dc2626)!important;box-shadow:inset 0 1px 2px #0000004d}@keyframes substituteFatiguePulse{0%,to{opacity:1}50%{opacity:.7}}.substitute-command-reduction-indicator{background:#dc2626e6;border:1px solid #ffffff4d;border-radius:2px;box-shadow:0 1px 2px #0000004d;color:#fff;font-size:.5rem;font-weight:700;line-height:1;padding:1px 3px;position:absolute;right:0;top:-14px}.substitute-stamina-text{color:#fffc;font-size:.75rem;font-weight:500}.effective-ip{color:#fff9;font-size:.7rem;font-style:italic}.appearance-history{display:flex;flex-direction:column;gap:.25rem;margin-top:.3rem}.appearance-history-header{align-items:center;display:flex;flex-direction:column;gap:.3rem}.appearance-history-label{color:#ffffffb3;font-size:.65rem;font-weight:700;text-align:center}.appearance-history-legend{align-items:center;color:#fff9;display:flex;font-size:.6rem;gap:.3rem;justify-content:space-around}.legend-item{align-items:center;display:flex;gap:.15rem}.legend-dot{border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:6px;width:6px}.legend-dot.rested{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a}.legend-dot.appeared{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626}.appearance-history-dots{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center}.history-direction-indicator{align-items:center;color:#ffffff80;display:flex;font-size:.55rem;gap:.3rem;margin-bottom:.1rem}.newer-label,.older-label{font-size:.5rem;font-weight:500}.direction-arrow{color:#fff9;font-size:.6rem;font-weight:700}.appearance-history-dots-row{flex-wrap:wrap;gap:.2rem}.appearance-dot,.appearance-history-dots-row{align-items:center;display:flex;justify-content:center}.appearance-dot{border:1px solid #ffffff4d;border-radius:50%;cursor:help;flex-shrink:0;height:8px;transition:all .2s ease;width:8px}.appearance-dot.appeared{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 0 4px #ef444466;margin:0;padding:0;vertical-align:initial}.appearance-dot.rested{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;box-shadow:0 0 4px #22c55e66;margin:0;padding:0;vertical-align:initial}.appearance-dot:hover{transform:scale(1.2)}.appearance-dot.most-recent{border-width:2px;transform:scale(1.1)}[data-theme=dark] .substitute-stamina-bar{background:#fff3;border-color:#ffffff4d}[data-theme=dark] .substitute-stamina-text{color:#fffc}[data-theme=dark] .effective-ip{color:#fff9}[data-theme=dark] .appearance-history-label{color:#ffffffb3}[data-theme=dark] .appearance-history-legend{color:#fff9}[data-theme=dark] .legend-dot{border-color:#fff6}[data-theme=dark] .legend-dot.appeared{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626}[data-theme=dark] .legend-dot.rested{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a}[data-theme=dark] .appearance-dot{border-color:#fff6}[data-theme=dark] .appearance-dot.appeared{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 0 4px #ef444480;margin:0;padding:0;vertical-align:initial}[data-theme=dark] .appearance-dot.rested{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;box-shadow:0 0 4px #22c55e80;margin:0;padding:0;vertical-align:initial}[data-theme=dark] .history-direction-indicator,[data-theme=dark] .newer-label,[data-theme=dark] .older-label{color:#ffffff80}[data-theme=dark] .direction-arrow{color:#fff9}.substitute-modal-overlay .close-modal{position:static!important;transform:none!important}@media (max-width:1024px){.substitute-option{gap:.8rem;padding:.8rem}.substitute-name{font-size:.9rem}.substitute-stamina-text{font-size:.7rem}.effective-ip{font-size:.65rem}.appearance-history-label{font-size:.6rem}.appearance-history-legend{font-size:.55rem;gap:.25rem}.legend-dot{height:5px;width:5px}.appearance-dot{height:7px;width:7px}.history-direction-indicator{font-size:.5rem;gap:.25rem}.newer-label,.older-label{font-size:.45rem}.direction-arrow{font-size:.55rem}}@media (max-width:768px){.substitution-modal{max-height:90vh;max-width:95%}.substitution-modal-header{min-height:56px;padding:1.25rem}.substitution-modal-header h3{font-size:1.2rem}.close-modal{font-size:1.9rem;height:38px;margin-left:.875rem;width:38px}.substitution-modal-content{padding:1rem}.substitute-options{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.substitute-option{gap:.7rem;padding:.7rem}.substitute-name{font-size:.85rem}.substitute-stamina-text{font-size:.65rem}.effective-ip{font-size:.6rem}.appearance-history-label{font-size:.55rem}.appearance-history-legend{font-size:.5rem;gap:.2rem}.legend-dot{height:4px;width:4px}.appearance-dot{height:6px;width:6px}.history-direction-indicator{font-size:.45rem;gap:.2rem}.newer-label,.older-label{font-size:.4rem}.direction-arrow{font-size:.5rem}}@media (max-width:480px){.substitution-modal{border-radius:.5rem;max-height:95vh;max-width:95%}.substitution-modal-header{align-items:center;display:flex;justify-content:space-between;min-height:50px;padding:1rem;position:relative}.substitution-modal-header h3{flex:1 1;font-size:1.1rem;margin-right:1rem;min-width:0;text-align:left}.close-modal{flex-shrink:0;font-size:1.7rem;height:34px;margin-left:0;position:relative;right:0;top:0;width:34px}.substitution-modal-content{padding:.75rem}.substitute-options{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.substitute-option{align-items:flex-start;flex-direction:column;gap:.6rem;padding:.6rem}.substitute-name{font-size:.8rem}.substitute-stamina-text{font-size:.6rem}.effective-ip{font-size:.55rem}.appearance-history-header{gap:.25rem}.appearance-history-label{font-size:.5rem}.appearance-history-legend{font-size:.45rem;gap:.15rem}.legend-item{gap:.1rem}.legend-dot{height:3px;width:3px}.appearance-dot{height:5px;width:5px}}.swing-result-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.swing-result-content{animation:resultPopIn .5s ease-out}.result-badge,.swing-result-content{align-items:center;display:flex;flex-direction:column}.result-badge{background:linear-gradient(135deg,#1a1d6e,#4a51cd);border:3px solid gold;border-radius:1.5rem;box-shadow:0 12px 32px #0009;gap:.5rem;min-width:280px;padding:2rem 3rem;text-align:center}.result-badge.hr{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-color:gold;box-shadow:0 12px 32px #ff6b3599}.result-badge.single,.result-badge.single-plus{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:gold;box-shadow:0 12px 32px #4ade8099}.result-badge.double{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:gold;box-shadow:0 12px 32px #06b6d499}.result-badge.triple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:gold;box-shadow:0 12px 32px #8b5cf699}.result-badge.bb{background:linear-gradient(135deg,#10b981,#059669);border-color:gold;box-shadow:0 12px 32px #10b98199}.result-badge.ibb{background:linear-gradient(135deg,#0d9488,#0f766e);border-color:gold;box-shadow:0 12px 32px #0d948899}.result-badge.fb,.result-badge.gb,.result-badge.pu,.result-badge.so{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:gold;box-shadow:0 12px 32px #ef444499}.result-badge.double-play,.result-badge.failed-dp{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:gold;box-shadow:0 12px 32px #fbbf2499}.result-badge.failed-dp{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 12px 32px #ef444499}.result-badge.safe{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:gold;box-shadow:0 12px 32px #4ade8099}.result-badge.force-out,.result-badge.out{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:gold;box-shadow:0 12px 32px #ef444499}.result-badge.take-out-at-home{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:gold;box-shadow:0 12px 32px #8b5cf699}.result-badge.stayed-on-base{background:linear-gradient(135deg,#6b7280,#4b5563);border:2px solid #9ca3af;color:#f9fafb}.result-badge.runner-held{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fbbf24;color:#fef3c7}.result-badge.too-slow{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#fbbf24;box-shadow:0 12px 32px #dc262699}.result-badge.substitution{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:gold;box-shadow:0 12px 32px #06b6d499}.result-badge.unknown{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#9ca3af;box-shadow:0 12px 32px #6b728099}.result-text{color:#fff;font-size:3rem;font-weight:900;letter-spacing:.1em;text-shadow:0 4px 8px #000000b3;text-transform:uppercase}.result-description{color:#ffffffe6;font-size:1.1rem;font-weight:600;text-shadow:0 2px 4px #00000080}@keyframes resultPopIn{0%{opacity:0;transform:scale(.6) translateY(30px)}70%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.result-badge{min-width:240px;padding:1.5rem 2rem}.result-text{font-size:2.5rem}.result-description{font-size:1rem}}@media (max-width:480px){.result-badge{min-width:200px;padding:1.25rem 1.5rem}.result-text{font-size:2rem}.result-description{font-size:.9rem}}.pitcher-stamina-display{left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);z-index:10}.pitcher-stamina-bar-container{bottom:8px;left:8px;pointer-events:none;position:absolute;right:8px;z-index:10}.stamina-bar{background-color:#e5e7eb;border:1px solid #ffffff4d;border-radius:3px;box-shadow:0 1px 3px #0006;height:6px;overflow:hidden;position:relative;width:100%}.stamina-bar-fill{box-shadow:inset 0 1px 0 #fff3;transition:width .8s cubic-bezier(.4,0,.2,1),background-color .3s ease}.red-fatigue-bar,.stamina-bar-fill{border-radius:2px;height:100%;left:0;position:absolute;top:0}.red-fatigue-bar{animation:fatiguePulse 2s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#dc2626)!important;box-shadow:inset 0 1px 2px #0000004d}@keyframes fatiguePulse{0%,to{opacity:1}50%{opacity:.7}}.stamina-exhausted .stamina-bar-fill{animation:staminaPulse 1.5s ease-in-out infinite}@keyframes staminaPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.command-reduction-indicator{background:#dc2626e6;border:1px solid #ffffff4d;border-radius:3px;box-shadow:0 1px 2px #0000004d;color:#fff;font-size:.6rem;font-weight:700;line-height:1;padding:1px 4px;position:absolute;right:0;top:-18px}.stamina-status{font-size:12px;font-weight:500;text-align:center}.stamina-exhausted,.stamina-fresh,.stamina-tired,.stamina-unknown,.stamina-very-tired{animation:none;background:#e5e7eb;color:#fff}.stamina-fresh .stamina-status{color:#0e9e43}.stamina-tired .stamina-status{color:#f59e0b}.stamina-very-tired .stamina-status{color:#ef4444}.stamina-exhausted .stamina-status{color:#991b1b}.stamina-unknown .stamina-status{color:#6b7280}@media (max-width:1024px){.stamina-bar-fill{border-radius:1px}.command-reduction-indicator{font-size:.5rem;padding:.5px 2px;top:-12px}}@media (max-width:480px){.stamina-bar-fill{border-radius:1px}.command-reduction-indicator{font-size:.45rem;padding:.5px 2px;top:-10px}}.batting-lineup-section{background:linear-gradient(135deg,#1a1d6e1a,#4ade801a);border-radius:1rem;margin:0 0 1rem;padding:1rem;position:relative}.batting-lineup-section:before{background:linear-gradient(90deg,#ebdcebe6 0,#f0e6f0b3 10%,#f8f0f833 30%,#f8f0f833 70%,#f0e6f0b3 90%,#ebdcebe6);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}[data-theme=light] .batting-lineup-section:before{opacity:1}[data-theme=dark] .batting-lineup-section{background:linear-gradient(135deg,#1a1d6e33,#4ade8033)}[data-theme=dark] .batting-lineup-section:before{background:linear-gradient(90deg,#1e1e28e6 0,#282832b3 10%,#32323c33 30%,#32323c33 70%,#282832b3 90%,#1e1e28e6);opacity:1}.batting-stack-container{align-items:center;display:flex;gap:.75rem;height:200px;overflow-x:auto;padding:.25rem;scrollbar-color:#4ade8080 #0000;scrollbar-width:thin}.batting-stack-container::-webkit-scrollbar{height:6px}.batting-stack-container::-webkit-scrollbar-track{background:#0000}.batting-stack-container::-webkit-scrollbar-thumb{background-color:#4ade8080;border-radius:3px}.batting-stack-container::-webkit-scrollbar-thumb:hover{background-color:#4ade80b3}.batting-stack-card{border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;flex-shrink:0;height:100%!important;opacity:1;overflow:hidden;position:relative!important;transform:none;transition:all .3s ease!important;width:auto;z-index:auto}.batting-stack-card img{height:100%;width:auto}.batting-stack-card.current-batter{align-items:center;aspect-ratio:2.5/3.8;background:#4ade801a;box-shadow:0 0 0 3px #4ade80cc!important;display:flex;justify-content:center;max-height:100%;max-width:100%;opacity:.5!important}.batting-stack-card.current-batter:after{color:#4ade80cc;font-size:.7rem;font-weight:700;line-height:1.2;padding:.5rem;text-align:center}.batting-stack-card.batted{filter:grayscale(50%)}.batting-stack-card.upcoming{filter:brightness(1.1)}.batting-stack-card:hover{transform:translateY(-5px) scale(1)!important;z-index:1000!important}.game-play-lineup-zoom-button{align-items:center;background:#000000b3;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 8px #00000080;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);transition:all .3s ease;width:32px;z-index:15}.batting-stack-card:hover .game-play-lineup-zoom-button{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.game-play-lineup-zoom-button:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.batter-status-text{color:#4ade80cc}.base-status-text,.batter-status-text{align-items:center;display:flex;font-size:.7rem;font-weight:700;height:100%;justify-content:center;line-height:1.2;padding:.5rem;text-align:center;width:100%}.base-status-text{color:#ffc107cc}.batting-stack-card.on-base{aspect-ratio:2.5/3.8;background:#ffc1071a;box-shadow:0 0 0 3px #ffc107cc!important;opacity:1!important}.batting-stack-card.on-base:after{display:none}@media (max-width:1024px){.batting-lineup-section{margin:0 0 .5rem;padding:1rem}.game-play-lineup-zoom-button{font-size:.7rem;height:28px;width:28px}.batting-stack-card.current-batter:after{font-size:.6rem}}@media (max-width:768px){.batting-lineup-section{margin:0 0 .5rem;padding:1rem}.batting-stack-container{height:160px}.game-play-lineup-zoom-button{font-size:.7rem;height:28px;width:28px}.batting-stack-card.current-batter:after{font-size:.55rem}}@media (max-width:480px){.batting-lineup-section{padding:.75rem}.game-play-lineup-zoom-button{font-size:.5rem;height:20px;width:20px}.batting-stack-card.current-batter:after{font-size:.5rem}}.batting-box-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:1rem;margin:1rem 0;padding:1rem}.boxscore-substitute-indent{background:#ffffff4d;flex-shrink:0;height:1px;width:12px}.boxscore-position-badge{color:#d1d5db;font-size:.7rem;font-weight:500;text-transform:uppercase}.substitute-row{background:#ffffff05}.substitute-row .boxscore-player-name{color:#d1d5db;font-style:italic}.starter-row:hover,.substitute-row:hover{background:#ffffff14}[data-theme=light] .batting-box-score{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 2px 10px #0000001a}[data-theme=light] .boxscore-position-badge,[data-theme=light] .substitute-row .boxscore-player-name{color:#6b7280}[data-theme=light] .boxscore-substitute-indent{background:#0003}[data-theme=light] .starter-row:hover,[data-theme=light] .substitute-row:hover{background:#0000000d}@media (max-width:768px){.batting-box-score{margin:.75rem 0;padding:.75rem}.box-score-table{font-size:.75rem}.box-score-table th{font-size:.7rem;padding:.4rem .3rem}.box-score-table td{padding:.3rem}.boxscore-player-name{font-size:.8rem}.boxscore-position-badge{font-size:.65rem}}@media (max-width:480px){.batting-box-score{margin:.5rem 0;padding:.5rem}.box-score-table{font-size:.7rem}.box-score-table th{font-size:.65rem;padding:.3rem .2rem}.box-score-table td{padding:.25rem .2rem}.boxscore-player-name{font-size:.75rem}.boxscore-position-badge{font-size:.6rem}.avg-stat{font-size:.7rem}}.pitching-box-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:1rem;margin:1rem 0;padding:1rem}.box-score-header{border-bottom:2px solid gold;margin-bottom:.75rem;padding-bottom:.5rem}.box-score-header h3{color:gold;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.box-score-table-container{border:1px solid #fff3;border-radius:.5rem;overflow-x:auto}.box-score-table{background:#ffffff0d;border-collapse:collapse;font-size:.85rem;width:100%}.box-score-table th{background:#0009;border-bottom:2px solid gold;color:gold;font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:.5rem .4rem;text-align:center;text-transform:uppercase;white-space:nowrap}.box-score-table th.player-column{min-width:140px;text-align:left}.box-score-table td{border-bottom:1px solid #ffffff1a;color:#fff;padding:.4rem;text-align:center;white-space:nowrap}.boxscore-player-cell{padding-left:.5rem!important;text-align:left!important}.boxscore-player-info{align-items:center;display:flex;gap:.5rem}.boxscore-player-details{display:flex;flex-direction:column;gap:.1rem}.boxscore-player-name{color:#fff;font-size:.85rem;font-weight:600}.boxscore-pitcher-type{color:#d1d5db;font-size:.7rem;font-weight:500;text-transform:uppercase}.pitcher-row:hover{background:#ffffff14}.team-totals-row{background:#ffd7001a!important;border-top:2px solid gold}.team-totals-row td{border-bottom:none;color:gold;font-weight:700}.avg-stat{font-family:Courier New,monospace;font-size:.8rem}[data-theme=light] .pitching-box-score{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 2px 10px #0000001a}[data-theme=light] .box-score-header h3{color:#d4af37}[data-theme=light] .box-score-table{background:#00000005}[data-theme=light] .box-score-table th{background:#00000014;border-bottom:2px solid #d4af37;color:#d4af37}[data-theme=light] .box-score-table td{border-bottom:1px solid #0000001a;color:#1f2937}[data-theme=light] .boxscore-player-name{color:#1f2937}[data-theme=light] .boxscore-pitcher-type{color:#6b7280}[data-theme=light] .pitcher-row:hover{background:#0000000d}[data-theme=light] .team-totals-row{background:#d4af371a!important;border-top:2px solid #d4af37}[data-theme=light] .team-totals-row td{color:#d4af37}@media (max-width:768px){.pitching-box-score{margin:.75rem 0;padding:.75rem}.box-score-table{font-size:.75rem}.box-score-table th{font-size:.7rem;padding:.4rem .3rem}.box-score-table td{padding:.3rem}.boxscore-player-name{font-size:.8rem}.boxscore-pitcher-type{font-size:.65rem}}@media (max-width:480px){.pitching-box-score{margin:.5rem 0;padding:.5rem}.box-score-table{font-size:.7rem}.box-score-table th{font-size:.65rem;padding:.3rem .2rem}.box-score-table td{padding:.25rem .2rem}.boxscore-player-name{font-size:.75rem}.boxscore-pitcher-type{font-size:.6rem}.avg-stat{font-size:.7rem}}.win-loss-save-container{display:flex;justify-content:center;margin:1rem 0;padding:0 1rem}.win-loss-save-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:2px solid gold;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;max-width:100%;padding:1rem 1.5rem;position:relative;width:-webkit-fit-content;width:fit-content;z-index:1}.decision-item{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.decision-label{font-size:1rem;font-weight:700;text-align:center;width:20px}.decision-item.win .decision-label{color:#22c55e}.decision-item.loss .decision-label{color:#ef4444}.decision-item.save .decision-label{color:#3b82f6}.pitcher-name{color:#fff;font-weight:600}.pitcher-record,.pitcher-saves{color:#d1d5db;font-size:.85rem}[data-theme=dark] .win-loss-save-content{background:#14141ecc;border-color:gold;box-shadow:0 2px 10px #0000004d}[data-theme=light] .win-loss-save-content{background:#fffffff2;border-color:#d4af37;box-shadow:0 2px 10px #0000001a}[data-theme=light] .pitcher-name{color:#1f2937}[data-theme=light] .pitcher-record,[data-theme=light] .pitcher-saves{color:#6b7280}@media (max-width:768px){.win-loss-save-container{padding:0 .5rem}.win-loss-save-content{font-size:.85rem;gap:.6rem;padding:.75rem 1rem}.decision-item{gap:.4rem}.decision-label{font-size:.9rem;width:18px}}@media (max-width:480px){.win-loss-save-container{padding:0 .25rem}.win-loss-save-content{font-size:.8rem;gap:.5rem;padding:.6rem .8rem}.decision-item{gap:.3rem}.decision-label{font-size:.85rem;width:16px}.pitcher-record,.pitcher-saves{font-size:.75rem}}.game-box-score-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:1rem;margin:.25rem 0;overflow:hidden}.box-score-toggle-header{align-items:center;background:#0009;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease}.box-score-toggle-header:hover{background:#000000b3}.box-score-title{color:gold;font-size:1.2rem;font-weight:700;margin:0}.box-score-title,.team-selector{align-items:center;display:flex;gap:.5rem}.team-selector-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#d1d5db;cursor:pointer;font-size:.9rem;font-weight:600;min-width:60px;padding:.5rem 1rem;transition:all .3s ease}.team-selector-btn:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.team-selector-btn.active{background:linear-gradient(135deg,gold,#ffed4a);border-color:gold;box-shadow:0 2px 8px #ffd7004d;color:#1a1a1a}.team-selector-btn.active:hover{background:linear-gradient(135deg,#ffed4a,gold);box-shadow:0 4px 12px #ffd70066;transform:translateY(-1px)}.toggle-hint{color:#d1d5db;font-size:.8rem;font-style:italic}.box-score-content{animation:slideDown .3s ease-out}.box-score-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.loading-spinner{border:3px solid #ffd7004d;border-top-color:gold;height:40px;width:40px}.box-score-loading p{color:#d1d5db;font-size:.9rem;margin:0}.box-score-error{color:#ef4444;padding:2rem;text-align:center}.box-score-error p{margin:0 0 1rem}.retry-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.retry-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.box-score-data{padding:1rem}.team-box-score{margin-bottom:2rem}.team-box-score:last-child{margin-bottom:0}.box-score-placeholder{color:#6b7280;font-style:italic;padding:3rem 2rem;text-align:center}.box-score-placeholder p{font-size:1rem;margin:0}[data-theme=light] .game-box-score-container{background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 2px 10px #0000001a}[data-theme=light] .box-score-toggle-header{background:#0000000d;border-bottom:1px solid #0000001a}[data-theme=light] .box-score-toggle-header:hover{background:#00000014}[data-theme=light] .box-score-title{color:#d4af37}[data-theme=light] .box-score-loading p,[data-theme=light] .toggle-hint{color:#6b7280}[data-theme=light] .loading-spinner{border:3px solid #d4af374d;border-top-color:#d4af37}[data-theme=light] .box-score-placeholder{color:#6b7280}[data-theme=light] .team-selector-btn{background:#0000000d;border:1px solid #0000001a;color:#6b7280}[data-theme=light] .team-selector-btn:hover{background:#0000001a;border-color:#0003;color:#374151}[data-theme=light] .team-selector-btn.active{background:linear-gradient(135deg,#d4af37,#f1c40f);border-color:#d4af37;box-shadow:0 2px 8px #d4af374d;color:#fff}[data-theme=light] .team-selector-btn.active:hover{background:linear-gradient(135deg,#f1c40f,#d4af37);box-shadow:0 4px 12px #d4af3766;transform:translateY(-1px)}@media (max-width:768px){.box-score-toggle-header{padding:.75rem 1rem}.box-score-title{font-size:1.1rem}.toggle-hint{font-size:.75rem}.box-score-data{padding:.75rem}.box-score-placeholder{padding:2rem 1rem}.team-selector{gap:.25rem}.team-selector-btn{font-size:.8rem;min-width:50px;padding:.4rem .7rem}}@media (max-width:480px){.box-score-toggle-header{gap:.25rem;padding:.5rem .75rem}.box-score-title{font-size:1rem}.toggle-hint{font-size:.7rem}.box-score-data{padding:.5rem}.team-box-score{margin-bottom:1rem}.box-score-toggle-header{align-items:flex-start;flex-direction:column;gap:.5rem}.team-selector{align-self:stretch;justify-content:center}.team-selector-btn{flex:1 1;font-size:.75rem;min-width:0;padding:.4rem .5rem}}.rewards-preview{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:16px 0;padding:16px}.rewards-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.rewards-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.final-score{background:var(--background-color);border-radius:8px;color:var(--text-secondary);font-size:1rem;font-weight:700;padding:4px 12px}.teams-rewards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.team-rewards{background:var(--background-color);border:1px solid var(--border-light);border-radius:8px;padding:12px}.team-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.team-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.total-credits{align-items:center;color:var(--primary-color);display:flex;font-size:.9rem;font-weight:700;gap:4px}.rewards-breakdown{display:flex;flex-direction:column;gap:6px}.reward-item{align-items:center;display:flex;font-size:.8rem;gap:8px;padding:4px 0}.reward-icon{font-size:1rem;text-align:center;width:20px}.reward-name{color:var(--text-secondary);flex:1 1;font-size:.8rem}.reward-credits{color:var(--success-color);font-size:.8rem;font-weight:600}.compact-rewards-preview{align-items:center;display:flex;font-size:.8rem;gap:16px}.compact-team-rewards{align-items:center;background:var(--surface-color);border:1px solid var(--border-light);border-radius:6px;display:flex;gap:6px;padding:4px 8px}.compact-team-rewards .team-name{color:var(--text-secondary);font-size:.75rem;font-weight:500}.compact-team-rewards .credits{color:var(--primary-color);font-size:.75rem;font-weight:600}@media (max-width:768px){.teams-rewards{gap:12px;grid-template-columns:1fr}.rewards-header{flex-direction:column;gap:8px;text-align:center}.compact-rewards-preview{flex-direction:row;gap:8px}}@media (prefers-color-scheme:dark){.rewards-preview{background:var(--surface-dark)}.rewards-preview,.team-rewards{border-color:var(--border-dark)}.team-rewards{background:var(--background-dark)}.compact-team-rewards{background:var(--surface-dark);border-color:var(--border-dark)}}.rewards-preview{transition:all .3s ease}.reward-item{transition:background-color .2s ease}.reward-item:hover{background-color:var(--hover-color);border-radius:4px}.team-rewards .total-credits:has-text("0 credits"){color:var(--text-muted);opacity:.7}.play-by-play-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:1rem;margin:.25rem 0;overflow:hidden}.play-by-play-header{align-items:center;background:#0009;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.play-by-play-title{align-items:center;color:gold;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin:0}.play-count{background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;color:#d1d5db;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.play-by-play-content{max-height:150px;overflow-y:auto}.plays-list{padding:1rem}.play-item{align-items:flex-start;background:#ffffff0d;border-left:3px solid #ffd7004d;border-radius:.5rem;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s ease}.play-item:hover{background:#ffffff14;border-left-color:#ffd70080;transform:translateX(2px)}.play-item.most-recent{background:#ffd7001a;border-left-color:gold;box-shadow:0 2px 8px #ffd70033}.play-item.most-recent:hover{background:#ffd70026;box-shadow:0 4px 12px #ffd7004d}.play-item:last-child{margin-bottom:0}.play-text{color:#f9fafb;flex:1 1;font-size:.95rem;line-height:1.4;text-align:left}.play-time{color:#9ca3af;font-size:.8rem;font-style:italic;white-space:nowrap}.plays-placeholder{color:#6b7280;font-style:italic;padding:3rem 2rem;text-align:center}.plays-placeholder p{font-size:1rem;margin:0}.play-by-play-content::-webkit-scrollbar{width:6px}.play-by-play-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.play-by-play-content::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.play-by-play-content::-webkit-scrollbar-thumb:hover{background:#ffd70080}[data-theme=light] .play-by-play-container{background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 2px 10px #0000001a}[data-theme=light] .play-by-play-header{background:#0000000d;border-bottom:1px solid #0000001a}[data-theme=light] .play-by-play-title{color:#d4af37}[data-theme=light] .play-count{background:#0000000d;border:1px solid #0000001a;color:#6b7280}[data-theme=light] .play-item{background:#00000005;border-left-color:#d4af374d}[data-theme=light] .play-item:hover{background:#0000000d;border-left-color:#d4af3780}[data-theme=light] .play-item.most-recent{background:#d4af371a;border-left-color:#d4af37;box-shadow:0 2px 8px #d4af3733}[data-theme=light] .play-item.most-recent:hover{background:#d4af3726;box-shadow:0 4px 12px #d4af374d}[data-theme=light] .play-text{color:#1f2937}[data-theme=light] .play-time,[data-theme=light] .plays-placeholder{color:#6b7280}[data-theme=light] .play-by-play-content::-webkit-scrollbar-track{background:#0000001a}[data-theme=light] .play-by-play-content::-webkit-scrollbar-thumb{background:#d4af374d}[data-theme=light] .play-by-play-content::-webkit-scrollbar-thumb:hover{background:#d4af3780}@media (max-width:768px){.play-by-play-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem 1rem}.play-by-play-title{font-size:1.1rem}.plays-list{padding:.75rem}.play-item{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:.6rem .8rem}.play-text{flex:1 1;font-size:.9rem;text-align:left}.play-time{font-size:.75rem;text-align:right;white-space:nowrap}.plays-placeholder{padding:2rem 1rem}.play-count{font-size:.8rem;padding:.2rem .6rem}}@media (max-width:480px){.play-by-play-header{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;padding:1rem}.play-by-play-title{flex:1 1;font-size:1rem}.plays-list{padding:.5rem}.play-item{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.4rem;padding:.5rem .75rem}.play-text{flex:1 1;font-size:.85rem;line-height:1.3;text-align:left}.play-time{font-size:.7rem;text-align:right;white-space:nowrap}.play-count{flex-shrink:0;font-size:.8rem;padding:.2rem .5rem}}.game-detail-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 160px);padding:2rem}.game-detail-card,.game-detail-error-card,.game-detail-loading-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #fff3;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;max-width:800px;overflow:hidden;padding:2.5rem;position:relative;width:100%}[data-theme=dark] .game-detail-card,[data-theme=dark] .game-detail-error-card,[data-theme=dark] .game-detail-loading-card{background:linear-gradient(135deg,#282c34f2,#20232af2);border:1px solid #ffffff1a;box-shadow:0 10px 40px #0000004d}.game-detail-card:before,.game-detail-error-card:before,.game-detail-loading-card:before{background:linear-gradient(135deg,#e41f2608,#1a1d6e08 50%,#e41f2608);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .game-detail-card:before,[data-theme=dark] .game-detail-error-card:before,[data-theme=dark] .game-detail-loading-card:before{background:linear-gradient(135deg,#e41f2614,#1a1d6e14 50%,#e41f2614)}.game-detail-card>*,.game-detail-error-card>*,.game-detail-loading-card>*{position:relative;z-index:1}.game-detail-header{margin-bottom:2rem;text-align:center}.game-detail-title h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.game-detail-status{align-items:center;border-radius:2rem;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase}.game-detail-status.waiting{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:2px solid #fbbf244d;color:var(--warning-main)}.game-detail-status.active{background:linear-gradient(135deg,#10b98133,#05966933);border:2px solid #10b9814d;color:var(--feedback-success)}.game-detail-status.finished{background:linear-gradient(135deg,#6b728033,#4b556333);border:2px solid #6b72804d;color:var(--text-secondary)}.game-detail-status-icon{font-size:1.25rem}.game-detail-code-section{background-color:#f8fafccc;border:2px solid #e41f261a;border-radius:1rem;margin:2rem 0;padding:2rem;text-align:center}[data-theme=dark] .game-detail-code-section{background-color:#141820cc;border-color:#e41f2633}.game-detail-code-section label{color:var(--text-primary);display:block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.game-detail-code-display{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.75rem}.game-detail-code-text{background-color:#ffffff80;border:2px solid #e41f2633;border-radius:.5rem;color:#e41f26;font-family:Courier New,monospace;font-size:2rem;font-weight:700;letter-spacing:.25rem;padding:.5rem 1rem;text-shadow:0 0 2px #e41f26,0 0 4px #e41f264d}[data-theme=dark] .game-detail-code-text{background-color:#282c3480;border-color:#e41f264d;color:#ef4444;text-shadow:0 0 2px #ef4444,0 0 4px #ef444466}.game-detail-copy-button{align-items:center;background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border:none;border-radius:.75rem;box-shadow:0 4px 12px #1a1d6e4d;color:var(--accent-contrastText);cursor:pointer;display:flex;font-size:1.25rem;height:50px;justify-content:center;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease;width:50px}.game-detail-copy-button:hover{background:linear-gradient(135deg,var(--accent-dark),var(--accent-main));box-shadow:0 6px 16px #1a1d6e66;transform:translateY(-2px)}.game-detail-copy-button.copied{background:linear-gradient(135deg,var(--feedback-success),#059669);color:#fff}.game-detail-copy-hint{color:var(--text-secondary);font-size:.9rem;font-style:italic}.game-detail-players-section{margin:2rem 0}.game-detail-players-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.game-detail-players-grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr}.game-detail-player-card{background-color:#f8fafc99;border:2px solid #e41f261a;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .2s ease}[data-theme=dark] .game-detail-player-card{background-color:#14182099;border-color:#e41f2633}.game-detail-player-card.challenger{background:linear-gradient(135deg,#e41f260d,#e41f2605);border-color:#e41f264d}.game-detail-player-card.defender{background:linear-gradient(135deg,#1a1d6e0d,#1a1d6e05);border-color:#1a1d6e4d}[data-theme=dark] .game-detail-player-card.challenger{background:linear-gradient(135deg,#e41f261a,#e41f260d)}[data-theme=dark] .game-detail-player-card.defender{background:linear-gradient(135deg,#1a1d6e1a,#1a1d6e0d)}.game-detail-player-role{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.game-detail-player-name{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.game-detail-player-indicator{background:linear-gradient(135deg,var(--primary-main),var(--primary-light));border-radius:1rem;color:var(--primary-contrastText);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.game-detail-vs-divider{align-items:center;background:linear-gradient(135deg,#6b72801a,#4b55631a);border:2px solid #6b728033;border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;justify-self:center;text-align:center;width:60px}.game-detail-actions{margin-top:2rem;text-align:center}.game-detail-active-message,.game-detail-waiting-message{background-color:#f8fafccc;border:2px solid #e41f261a;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}[data-theme=dark] .game-detail-active-message,[data-theme=dark] .game-detail-waiting-message{background-color:#141820cc;border-color:#e41f2633}.game-detail-active-message p,.game-detail-waiting-message p{color:var(--text-primary);font-size:1.1rem;line-height:1.6;margin:0 0 1rem}.game-detail-active-message p{margin-bottom:1.5rem}.game-detail-navigation-actions{margin-top:1rem}.game-detail-button-primary,.game-detail-button-secondary{border:none;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:600;margin:.5rem;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .2s ease}.game-detail-button-primary{background:linear-gradient(135deg,var(--primary-main),var(--primary-light));box-shadow:0 4px 12px #e41f264d;color:var(--primary-contrastText)}.game-detail-button-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-main));box-shadow:0 6px 16px #e41f2666;transform:translateY(-2px)}.game-detail-button-secondary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;box-shadow:0 2px 6px #0000001a;color:#475569}[data-theme=dark] .game-detail-button-secondary{background:linear-gradient(135deg,#334155,#475569);border-color:#475569;color:#e2e8f0}.game-detail-button-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#cbd5e1;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}[data-theme=dark] .game-detail-button-secondary:hover{background:linear-gradient(135deg,#475569,#64748b);border-color:#64748b}.game-detail-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e41f2633;border-left:4px solid var(--primary-main);border-radius:50%;height:60px;margin:0 auto 2rem;width:60px}.game-detail-error-icon{display:block;font-size:4rem;margin-bottom:1.5rem}.game-detail-error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.game-detail-error-card h2,.game-detail-loading-card h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 1rem}.game-detail-error-card p,.game-detail-loading-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 2rem}@media (max-width:768px){.game-detail-content{padding:1rem}.game-detail-card,.game-detail-error-card,.game-detail-loading-card{padding:1.5rem}.game-detail-title h1{font-size:2rem}.game-detail-players-grid{gap:1rem;grid-template-columns:1fr}.game-detail-vs-divider{justify-self:center;order:2}.game-detail-player-card.challenger{order:1}.game-detail-player-card.defender{order:3}.game-detail-code-text{font-size:1.5rem;letter-spacing:.1rem}.game-detail-code-display{flex-direction:column;gap:1rem}.game-detail-button-primary,.game-detail-button-secondary{display:block;margin:.5rem 0;width:100%}}@media (max-width:480px){.game-detail-active-message,.game-detail-card,.game-detail-code-section,.game-detail-error-card,.game-detail-loading-card,.game-detail-player-card,.game-detail-waiting-message{padding:1rem}.game-detail-code-text{font-size:1.25rem;padding:.5rem}}.lineup-submitting-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.lineup-submitting-card{align-items:center;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #1a1d6e1a;border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:1rem;min-width:300px;padding:2rem;text-align:center}[data-theme=dark] .lineup-submitting-card{background:linear-gradient(135deg,#282c34f2,#20232af2);border-color:#ffffff1a}.lineup-submitting-card .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e41f2633;border-left:4px solid var(--primary-main);border-radius:50%;height:50px;width:50px}.lineup-submitting-card p{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.game-action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.game-action-buttons .game-detail-button-primary,.game-action-buttons .game-detail-button-secondary{flex:1 1;min-width:180px}.game-action-buttons .game-detail-button-primary:disabled,.game-action-buttons .game-detail-button-secondary:disabled{background:linear-gradient(135deg,#94a3b8,#cbd5e1);color:#64748b;cursor:not-allowed;opacity:.6}.game-action-buttons .game-detail-button-primary:disabled:hover,.game-action-buttons .game-detail-button-secondary:disabled:hover{box-shadow:0 2px 6px #0000001a;transform:none}.lineup-status-indicator{border-radius:.5rem;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:.5rem .75rem;text-align:center}.lineup-status-indicator.ready{background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #10b9814d;color:var(--feedback-success)}.lineup-status-indicator.different-team{background:linear-gradient(135deg,#3b82f626,#2563eb26);border:1px solid #3b82f64d;color:#2563eb}[data-theme=dark] .lineup-status-indicator.ready{background:linear-gradient(135deg,#10b98140,#05966940);border-color:#10b98166}[data-theme=dark] .lineup-status-indicator.different-team{background:linear-gradient(135deg,#3b82f640,#2563eb40);border-color:#3b82f666;color:#60a5fa}.lineups-complete-message{animation:pulse-success 2s ease-in-out infinite;background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid #10b9814d;border-radius:.75rem;margin-top:1.5rem;padding:1rem;text-align:center}[data-theme=dark] .lineups-complete-message{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98166}.lineups-complete-message p{color:var(--feedback-success);font-size:1.1rem;font-weight:600;margin:0}@keyframes pulse-success{0%,to{box-shadow:0 4px 12px #10b98133}50%{box-shadow:0 6px 20px #10b98166}}.setup-hint{background-color:#1a1d6e0d;border:1px solid #1a1d6e1a;border-radius:.75rem;color:var(--text-secondary);font-size:.9rem;font-style:italic;line-height:1.5;margin-top:1rem;padding:1rem;text-align:center}[data-theme=dark] .setup-hint{background-color:#ffffff0d;border-color:#ffffff1a}.countdown-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.countdown-content{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #fff3;border-radius:2rem;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;padding:3rem;position:relative;text-align:center;width:90%}[data-theme=dark] .countdown-content{background:linear-gradient(135deg,#282c34f2,#20232af2);border:1px solid #ffffff1a}.countdown-content:before{background:linear-gradient(135deg,#e41f260d,#1a1d6e0d 50%,#e41f260d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .countdown-content:before{background:linear-gradient(135deg,#e41f261a,#1a1d6e1a 50%,#e41f261a)}.countdown-content>*{position:relative;z-index:1}.countdown-icon{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.countdown-content h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 1rem}.countdown-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.countdown-timer{margin:2rem 0}.countdown-circle,.countdown-timer{display:flex;justify-content:center}.countdown-circle{align-items:center;animation:pulse 1s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border-radius:50%;box-shadow:0 10px 30px #1a1d6e4d;height:120px;position:relative;width:120px}.countdown-circle:before{animation:rotate 3s linear infinite;background:linear-gradient(135deg,#e41f264d,#1a1d6e4d);border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}.countdown-number{color:#fff;font-size:3rem;font-weight:900;text-shadow:0 2px 8px #0000004d}.countdown-message{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:2rem!important}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.countdown-content{margin:1rem;padding:2rem}.countdown-content h2{font-size:1.5rem}.countdown-circle{height:100px;width:100px}.countdown-number{font-size:2.5rem}.countdown-icon{font-size:3rem}.game-action-buttons{flex-direction:column;gap:1rem}.game-action-buttons .game-detail-button-primary,.game-action-buttons .game-detail-button-secondary{width:100%}.setup-hint{font-size:.85rem;padding:.75rem}}.profile-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.profile-modal.show{display:flex}.profile-modal-content{background:var(--background-paper);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 8px 30px var(--shadow-main);max-height:90vh;max-width:500px;opacity:1;overflow-y:auto;position:relative;scrollbar-color:var(--accent) #0000;scrollbar-width:thin;width:100%}.profile-modal-content::-webkit-scrollbar{width:8px}.profile-modal-content::-webkit-scrollbar-track{background:#0000;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;margin:4px}.profile-modal-content::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--accent);border:3px solid #0000;border-radius:10px}.profile-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between;padding:20px}.profile-modal-header h2{color:var(--accent);flex-shrink:1;font-family:Cinzel,serif;font-size:24px;letter-spacing:2px;margin:0;min-width:0;text-align:left;text-transform:uppercase}.profile-modal-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.profile-modal-close:hover{color:var(--text-primary)}.profile-modal-body{padding:24px}.form-container{gap:16px}.form-container,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:500}.profile-modal-content .form-group input{background-color:var(--background-input);border:1px solid var(--accent)!important;border-radius:var(--border-radius-md);box-shadow:0 0 2px var(--shadow-light);color:var(--text-primary);font-size:16px;padding:12px 16px;transition:all var(--transition-short)}.profile-modal-content .form-group input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.button-group{display:flex;gap:12px;margin-top:8px}.button-group button{border:none;border-radius:var(--border-radius-md);cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-short)}.button-group button:first-child{background-color:var(--button-primary);color:#fff}.button-group button:first-child:hover{background-color:var(--button-primary-hover);box-shadow:0 4px 8px var(--shadow-main);transform:translateY(-2px)}.button-group button:last-child{background-color:initial;border:1px solid var(--button-primary);color:var(--button-primary)}.button-group button:last-child:hover{background-color:rgba(var(--primary-color-rgb),.1);transform:translateY(-2px)}.membership-info{background-color:var(--background-paper-light);border-radius:var(--border-radius-md);border-top:1px solid var(--border-color);margin-top:32px;padding:24px}.membership-info h3{color:var(--text-primary);font-family:Cinzel,serif;font-size:18px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.membership-info ul{list-style-type:none;margin:0 0 20px;padding:0}.membership-info li{color:var(--text-secondary);font-size:14px;padding:8px 0 8px 28px;position:relative}.membership-info li:before{color:var(--success);content:"✓";font-weight:700;left:0;position:absolute}.upgrade-button{background-color:var(--accent);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-short);width:100%}.upgrade-button:hover{background-color:var(--button-primary-hover);box-shadow:0 4px 8px var(--shadow-main);transform:translateY(-2px)}.toggle-container{align-items:center;display:flex;gap:12px;justify-content:center}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:12px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all var(--transition-short)}.toggle-slider:before{background-color:var(--text-secondary);border-radius:50%;bottom:2px;content:"";height:18px;left:2px;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translateX(26px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-switch input:disabled+.toggle-slider:before{cursor:not-allowed}.toggle-label{color:var(--text-secondary);font-size:14px;font-weight:500}@media (max-width:600px){.profile-modal-content{margin:16px;max-width:calc(100% - 32px)}.profile-modal-header{gap:12px;padding:16px}.profile-modal-header h2{font-size:20px;letter-spacing:1px}.profile-modal-close{font-size:20px;height:20px;width:20px}.profile-modal-body{padding:16px}.button-group{flex-direction:column;gap:8px}.button-group button{width:100%}}@media (max-width:480px){.profile-modal-content{margin:8px;max-width:calc(100% - 16px)}.profile-modal-header{flex-wrap:nowrap!important;gap:8px;padding:12px}.profile-modal-header h2{flex-shrink:1!important;font-size:18px!important;letter-spacing:.5px!important;min-width:0!important;text-align:left!important}.profile-modal-close{flex-shrink:0!important;font-size:18px!important;height:18px!important;width:18px!important}.profile-modal-body{padding:12px}}.spinner-container{align-items:center;display:flex;justify-content:center;padding:var(--spacing-lg) 0;width:100%}.spinner{display:inline-block;height:64px;position:relative;width:64px}.spinner-dot{animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-radius:var(--border-radius-full);height:8px;position:absolute;width:8px}.spinner-dot:first-child{animation-delay:-.45s;background:var(--accent);left:29px;top:6px}.spinner-dot:nth-child(2){animation-delay:-.3s;background:var(--accent);left:18px;top:18px}.spinner-dot:nth-child(3){animation-delay:-.15s;background:var(--accent);left:6px;top:29px}.spinner-dot:nth-child(4){animation-delay:0s;background:var(--accent);left:18px;top:40px}.spinner-dot:nth-child(5){animation-delay:.15s;background:var(--accent);left:29px;top:52px}.spinner-dot:nth-child(6){animation-delay:.3s;background:var(--accent);left:40px;top:40px}.spinner-dot:nth-child(7){animation-delay:.45s;background:var(--accent);left:52px;top:29px}.spinner-dot:nth-child(8){animation-delay:.6s;background:var(--accent);left:40px;top:18px}@keyframes spinner{0%,80%,to{opacity:0}40%{opacity:1}}.theme-toggle{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-short);width:40px}.theme-toggle,.theme-toggle:before{border-radius:var(--border-radius-full)}.theme-toggle:before{background-color:var(--background-hover);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-short);z-index:-1}.theme-toggle:hover:before{opacity:1}.theme-toggle:active:before{background-color:var(--background-active)}.theme-toggle svg{transition:transform var(--transition-medium)}.theme-toggle:hover svg{transform:rotate(15deg) scale(1.1)}.theme-dark .theme-toggle,.theme-light .theme-toggle{color:var(--color-primary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modal-appear .3s ease-out;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.close-modal-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1;margin:0;padding:0;transition:color .2s}.close-modal-btn:hover{color:var(--accent)}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:16px 20px}.install-instructions{margin-bottom:20px}.install-instructions h3{color:var(--text-primary);margin-bottom:16px;margin-top:0}.browser-note{background-color:#f59e0b26;background-color:rgba(var(--accent-rgb,245,158,11),.15);border-left:3px solid var(--accent);border-radius:4px;color:var(--text-primary);font-size:.95rem;margin-bottom:15px;padding:10px 15px}.install-instructions ol{margin-bottom:20px;padding-left:24px}.install-instructions li{color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.install-message{color:var(--text-primary);font-size:1.1rem;margin-bottom:20px}@media (max-width:480px){.modal-content{width:95%}.modal-header h2{font-size:1.25rem}.install-instructions ol{padding-left:20px}}.rules-modal-content{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-size:1rem;font-size:var(--font-size-md,1rem);line-height:1.5;line-height:var(--line-height-normal,1.5);max-height:85vh;max-width:900px;width:95%}.rules-modal-content .modal-header h2{color:var(--text-primary)!important;font-size:1.5rem!important;font-size:var(--font-size-2xl,1.5rem)!important;font-weight:600!important;font-weight:var(--font-weight-semibold,600)!important;margin:0!important}.rules-modal-body{flex:1 1;font-family:inherit;min-height:0;overflow-y:auto;padding:0 24px 24px}.rules-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:32px;padding-bottom:24px}.rules-section:last-child{border-bottom:none;margin-bottom:0}.rules-section h3{align-items:center;color:#e41f26;color:var(--color-primary,#e41f26);display:flex;font-size:1.4rem;font-weight:600;gap:8px;margin-bottom:16px}.rules-section h4{font-size:1.1rem;font-weight:600;margin:16px 0 8px}.rules-section h4,.rules-section p{color:#1f2937;color:var(--text-primary,#1f2937)}.rules-section p{line-height:1.6;margin-bottom:12px}.rules-section ul{margin:12px 0;padding-left:24px}.rules-section li{color:#1f2937;color:var(--text-primary,#1f2937);line-height:1.5;margin-bottom:8px}.game-sequence{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:8px;margin:16px 0;padding:20px}.outcome-grid{grid-gap:8px;background:#fff;background:var(--background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:6px;display:grid;gap:8px;grid-template-columns:1fr;margin:16px 0;padding:16px}.outcome-grid>div{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-radius:4px;font-size:.9rem;padding:8px}.outcome-item{border:1px solid #e41f26;border:1px solid var(--color-primary,#e41f26);color:#e41f26!important;color:var(--color-primary,#e41f26)!important;font-weight:500;font-weight:var(--font-weight-medium,500)}.outcome-item strong{color:#b31218;color:var(--color-primary-dark,#b31218)}.outcome-item strong,.status-indicator{font-weight:600;font-weight:var(--font-weight-semibold,600)}.status-indicator{border-radius:4px;font-size:.8rem;padding:2px 6px}.status-indicator.green{background-color:#10b981;background-color:var(--color-success,#10b981);color:#fff}.status-indicator.red{background-color:#e41f26;background-color:var(--color-error,#e41f26);color:#fff}.rewards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0}.reward-category{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:8px;padding:16px}.reward-category h4{color:#e41f26;color:var(--color-primary,#e41f26);margin-bottom:12px;margin-top:0;text-align:center}.reward-category p{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.9rem;margin-bottom:8px;text-align:center}.theme-light .rules-section h3,[data-theme=light] .rules-section h3{color:#e41f26;color:var(--color-primary,#e41f26)}.theme-light .rules-section h4,.theme-light .rules-section li,.theme-light .rules-section p,[data-theme=light] .rules-section h4,[data-theme=light] .rules-section li,[data-theme=light] .rules-section p{color:#1f2937;color:var(--text-primary,#1f2937)}.theme-light .game-sequence,[data-theme=light] .game-sequence{background:#f9fafb;background:var(--background-secondary,#f9fafb);border-color:#f3f4f6;border-color:var(--border-light,#f3f4f6)}.theme-light .outcome-grid,[data-theme=light] .outcome-grid{background:#fff;background:var(--background-primary,#fff);border-color:#f3f4f6;border-color:var(--border-light,#f3f4f6)}.theme-light .outcome-grid>div,[data-theme=light] .outcome-grid>div{background:#f9fafb;background:var(--background-secondary,#f9fafb)}.theme-light .reward-category,[data-theme=light] .reward-category{background:#f9fafb;background:var(--background-secondary,#f9fafb);border-color:#f3f4f6;border-color:var(--border-light,#f3f4f6)}.theme-light .reward-category h4,[data-theme=light] .reward-category h4{color:#e41f26;color:var(--color-primary,#e41f26)}.theme-light .reward-category p,[data-theme=light] .reward-category p{color:#1f2937;color:var(--text-primary,#1f2937)}@media (prefers-color-scheme:dark){.rules-section h3{color:#f15056;color:var(--color-primary-light,#f15056)}.rules-section h4,.rules-section li,.rules-section p{color:#fff;color:var(--text-primary,#fff)}.game-sequence{background:#1a1d2c;background:var(--background-secondary,#1a1d2c)}.game-sequence,.outcome-grid{border-color:#2d364b;border-color:var(--border-light,#2d364b)}.outcome-grid{background:#111827;background:var(--background-primary,#111827)}.outcome-grid>div{background:#1a1d2c;background:var(--background-secondary,#1a1d2c)}.outcome-item{border-color:#f15056;border-color:var(--color-primary-light,#f15056);color:#f15056!important;color:var(--color-primary-light,#f15056)!important}.outcome-item strong{color:#e41f26;color:var(--color-primary,#e41f26)}.reward-category{background:#1a1d2c;background:var(--background-secondary,#1a1d2c);border-color:#2d364b;border-color:var(--border-light,#2d364b)}.reward-category h4{color:#f15056;color:var(--color-primary-light,#f15056)}.reward-category p{color:#fff;color:var(--text-primary,#fff)}}.theme-dark .rules-section h3,[data-theme=dark] .rules-section h3{color:#f15056;color:var(--color-primary-light,#f15056)}.theme-dark .rules-section h4,.theme-dark .rules-section li,.theme-dark .rules-section p,[data-theme=dark] .rules-section h4,[data-theme=dark] .rules-section li,[data-theme=dark] .rules-section p{color:#fff;color:var(--text-primary,#fff)}.theme-dark .game-sequence,[data-theme=dark] .game-sequence{background:#1a1d2c;background:var(--background-secondary,#1a1d2c);border-color:#2d364b;border-color:var(--border-light,#2d364b)}.theme-dark .outcome-grid,[data-theme=dark] .outcome-grid{background:#111827;background:var(--background-primary,#111827);border-color:#2d364b;border-color:var(--border-light,#2d364b)}.theme-dark .outcome-grid>div,[data-theme=dark] .outcome-grid>div{background:#1a1d2c;background:var(--background-secondary,#1a1d2c)}.theme-dark .outcome-item,[data-theme=dark] .outcome-item{border-color:#f15056;border-color:var(--color-primary-light,#f15056);color:#f15056!important;color:var(--color-primary-light,#f15056)!important}.theme-dark .outcome-item strong,[data-theme=dark] .outcome-item strong{color:#e41f26;color:var(--color-primary,#e41f26)}.theme-dark .reward-category,[data-theme=dark] .reward-category{background:#1a1d2c;background:var(--background-secondary,#1a1d2c);border-color:#2d364b;border-color:var(--border-light,#2d364b)}.theme-dark .reward-category h4,[data-theme=dark] .reward-category h4{color:#f15056;color:var(--color-primary-light,#f15056)}.theme-dark .reward-category p,[data-theme=dark] .reward-category p{color:#fff;color:var(--text-primary,#fff)}@media (max-width:768px){.rules-modal-content{max-height:80vh;width:98%}.rules-modal-body{padding:0 16px 16px}.rules-section{margin-bottom:24px;padding-bottom:16px}.rules-section h3{font-size:1.2rem}.rules-section h4{font-size:1rem}.outcome-grid{padding:12px}.rewards-grid{gap:16px;grid-template-columns:1fr}.game-sequence{padding:16px}}@media (max-width:480px){.rules-modal-content{max-height:75vh}.rules-modal-body{padding:0 12px 12px}.rules-section h3{font-size:1.1rem}.reward-category{padding:12px}}.header-container{align-items:center;box-sizing:border-box;color:var(--accent);display:flex;font-family:Cinzel,serif;font-size:30px;justify-content:space-between;left:0;letter-spacing:2px;padding:0 20px;position:absolute;text-shadow:2px 2px 4px var(--shadow-main);text-transform:uppercase;top:10px;width:100%;z-index:1000}.header-title{cursor:pointer}.header-logo-container{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-start}.header-logo{cursor:pointer;display:block;height:100px;max-height:100px;object-fit:contain;transition:transform var(--transition-short);width:auto}.header-logo:hover{transform:scale(1.05)}.header-tagline{font-size:16px;margin-top:5px;text-align:center}.header-actions{gap:10px}.header-button{background-color:initial;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-primary);cursor:pointer;letter-spacing:1px;padding:10px 20px;text-shadow:1px 1px 2px var(--shadow-main);text-transform:uppercase;transition:all var(--transition-short)}.header-button:hover{background-color:var(--color-primary);color:var(--background-primary)}.header-button-circle{display:none}.install-button-circle{display:none}.rules-button-circle{display:none}@media (max-width:768px){.header-button,.header-tagline,.install-button,.rules-button{display:none}.header-button-circle{text-transform:uppercase}.header-button-circle,.install-button-circle{align-items:center;background-color:initial;border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;text-shadow:1px 1px 2px var(--shadow-main);transition:all var(--transition-short);width:40px}.header-button-circle:hover,.install-button-circle:hover{background-color:var(--color-primary);color:var(--background-primary)}.rules-button-circle{align-items:center;background-color:initial;border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;text-shadow:1px 1px 2px var(--shadow-main);transition:all var(--transition-short);width:40px}.rules-button-circle:hover{background-color:var(--color-primary);color:var(--background-primary)}}@media (max-width:420px){.header-logo{height:80px;max-height:80px}}.public-header{background-color:var(--background-paper);box-shadow:0 2px 10px var(--shadow-light);height:auto;left:0;padding:15px 0;position:fixed;top:0;width:100%;z-index:1000}.public-header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.logo-container{align-items:flex-start;display:flex;flex-direction:column;z-index:5}.logo{color:var(--accent);font-family:Cinzel,serif;font-size:30px;letter-spacing:2px;text-shadow:2px 2px 4px var(--shadow-main);text-transform:uppercase;transition:color var(--transition-short)}.logo,.logo:hover{text-decoration:none}.logo:hover{color:var(--accent-hover)}.tagline{color:var(--text-secondary);font-size:10px;letter-spacing:1px;text-transform:uppercase}.nav-links{display:flex;gap:30px;z-index:4}.nav-links a{color:var(--text-primary);font-size:14px;font-weight:500;letter-spacing:1px;padding:5px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color var(--transition-short);white-space:nowrap}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.nav-links a.active:after{background-color:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.header-actions{align-items:center;display:flex;gap:20px;z-index:5}.app-button{background-color:var(--button-primary);border:none;border-radius:var(--border-radius-md);color:var(--button-primary-text);font-size:14px;font-weight:700;letter-spacing:1px;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:all var(--transition-short)}.app-button:hover{background-color:var(--button-primary-hover);box-shadow:0 4px 8px var(--shadow-main);color:var(--button-primary-text-hover);text-decoration:none;transform:translateY(-2px)}.menu-toggle-container{display:none;position:relative}.mobile-menu-toggle{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-short);width:40px}.mobile-menu-toggle:before{background-color:var(--background-hover);border-radius:var(--border-radius-full);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-short);z-index:-1}.mobile-menu-toggle:hover:before{opacity:1}.mobile-menu-toggle:active:before{background-color:var(--background-active)}.theme-dark .mobile-menu-toggle,.theme-light .mobile-menu-toggle{color:var(--accent)}@media (min-width:769px){.public-header-container{padding:0 30px}.nav-links{background:var(--background-paper);left:50%;padding:0 10px;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.logo-container{margin-right:20px;min-width:160px}.header-actions{justify-content:flex-end;margin-left:20px;min-width:160px}@media (min-width:1200px){.nav-links{padding:0 20px}.header-actions,.logo-container{min-width:200px}}}@media (max-width:768px){.nav-links{display:none;position:static;transform:none;width:100%}.public-header{align-items:center;display:flex;justify-content:center}.public-header-container{display:flex;justify-content:space-between;max-width:100%;min-height:60px;padding:0;position:relative;width:100%}.menu-toggle-container{display:flex;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.logo-container{align-items:center;left:50%;pointer-events:auto;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:auto;z-index:5}.tagline{display:none}.header-actions{display:flex;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:10}.public-header.menu-open .nav-links{background-color:var(--background-paper);box-shadow:0 4px 8px var(--shadow-light);display:flex;flex-direction:column;gap:15px;left:0;max-height:80vh;overflow-y:auto;padding:20px;position:absolute;top:100%;transform:none;width:100%;z-index:1001}}@media (max-width:480px){.menu-toggle-container{left:10px}.header-actions{gap:5px;right:10px}.logo{font-size:22px}.app-button{font-size:12px;padding:8px 12px}.public-header{padding:8px 0}}.global-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,var(--accent-main),var(--accent-light));border-bottom:2px solid var(--accent-dark);box-shadow:0 4px 12px #00000026;color:var(--accent-contrastText);left:0;position:fixed;right:0;top:0;z-index:1000}[data-theme=dark] .global-banner{background:linear-gradient(135deg,var(--accent-dark),var(--accent-main));box-shadow:0 4px 12px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.banner-content{gap:1rem;margin:0 auto;max-width:1200px;padding:1rem 2rem}.banner-content,.banner-icon{align-items:center;display:flex}.banner-icon{animation:pulse 2s infinite;background:#fff3;border-radius:50%;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.banner-text{flex:1 1}.banner-title{font-size:1.1rem;font-weight:700;line-height:1.2;margin:0}.banner-message{font-size:.9rem;line-height:1.3;margin:.25rem 0 0;opacity:.9}.banner-actions{align-items:center;display:flex;gap:.5rem}.banner-action-btn{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.banner-action-btn.primary{background:#fff3;border:1px solid #ffffff4d;color:var(--accent-contrastText)}.banner-action-btn.primary:hover{background:#ffffff4d;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.banner-action-btn.secondary{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:50%;color:var(--accent-contrastText);display:flex;font-size:.875rem;height:2rem;justify-content:center;padding:0;width:2rem}.banner-action-btn.secondary:hover{background:#fff3;transform:scale(1.1)}.global-banner.game_update{background:linear-gradient(135deg,#e74c3c,#c0392b)}[data-theme=dark] .global-banner.game_update{background:linear-gradient(135deg,#c0392b,#922b21)}@media (max-width:768px){.banner-content{gap:.75rem;padding:.75rem 1rem}.banner-icon{font-size:1.25rem;height:2rem;width:2rem}.banner-title{font-size:1rem}.banner-message{font-size:.8rem}.banner-action-btn.primary{font-size:.75rem;padding:.4rem .75rem}.banner-action-btn.secondary{font-size:.75rem;height:1.75rem;width:1.75rem}}@media (max-width:480px){.banner-content{gap:.5rem;padding:.5rem .75rem}.banner-text{min-width:0}.banner-title{font-size:.9rem}.banner-message{font-size:.75rem}.banner-actions{flex-shrink:0}}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px var(--accent)}50%{box-shadow:0 0 20px var(--accent),0 0 30px #f59e0b80}to{box-shadow:0 0 5px var(--accent)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent)}}@keyframes removeCursor{to{border-right-color:#0000}}@keyframes floatingGrid{0%{opacity:.2;transform:translate(0) scale(.95)}25%{opacity:.25;transform:translate(-10px,10px) scale(1)}50%{opacity:.3;transform:translateY(20px) scale(1.05)}75%{opacity:.25;transform:translate(10px,10px) scale(1)}to{opacity:.2;transform:translate(0) scale(.95)}}@keyframes electricCurrent{0%{height:30%;opacity:.3}50%{height:70%;opacity:.8}to{height:30%;opacity:.3}}@keyframes neuralPulse{0%{opacity:.2;transform:scale(.95)}50%{opacity:.4;transform:scale(1.05)}to{opacity:.2;transform:scale(.95)}}:root{--landing-bg-light:var(--background-primary,#fff);--landing-bg-dark:var(--background-primary,#111827);--landing-accent-rgb:245,158,11;--landing-dot-color-light:var(--text-secondary,#4b5563);--landing-dot-color-dark:var(--text-secondary,#9ca3af)}.landing-page{animation:gradientFlow 30s ease infinite;background-color:#fff;background-color:var(--landing-bg-light);background-image:linear-gradient(to bottom right,#fffc,#f59e0b0d,#fffc);background-size:400% 400%;color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-relaxed);max-width:100%;overflow-x:hidden;overflow-y:auto;position:relative}[data-theme=dark] .landing-page{animation:gradientFlow 30s ease infinite;background-color:#111827;background-color:var(--landing-bg-dark);background-image:linear-gradient(to bottom right,#111827cc,#f59e0b0d,#111827cc)}.landing-page:before{animation:floatingGrid 12s ease-in-out infinite;background-image:radial-gradient(var(--text-secondary) 1.8px,#0000 1.8px);background-size:30px 30px;bottom:0;content:"";left:0;opacity:.15;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.current-1,.current-2,.current-3,.current-4,.current-5{background:linear-gradient(to bottom,#0000,var(--accent),#0000);opacity:.5;pointer-events:none;position:absolute;width:1px;z-index:1}.current-1{animation:electricCurrent 8s ease-in-out infinite;height:50%;left:15%;top:10%}.current-2{animation:electricCurrent 12s ease-in-out infinite;height:60%;right:20%;top:5%}.current-3{animation:electricCurrent 7s ease-in-out infinite;bottom:20%;height:40%;left:30%}.current-4{animation:electricCurrent 9s ease-in-out infinite;height:70%;right:10%;top:15%}.current-5{animation:electricCurrent 10s ease-in-out infinite;bottom:10%;height:55%;right:25%}.neural-network-animation{animation:neuralPulse 15s ease-in-out infinite;background-image:radial-gradient(circle,var(--accent) 1px,#0000 1px),radial-gradient(circle,var(--accent) 1px,#0000 1px);background-position:0 0,30px 30px;background-size:60px 60px;height:100%;left:0;opacity:.1;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.landing-page>section{background:#0000;padding:100px 20px;position:relative;text-align:center;z-index:1}.coming-soon-section h2,.cta-section h2,.features-section h2,.how-it-works-section h2{color:var(--accent);display:inline-block;font-size:3rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);opacity:0;position:relative;transform:translateY(30px);transition:transform var(--transition-medium),opacity var(--transition-medium)}.coming-soon-section.visible h2,.cta-section.visible h2,.features-section.visible h2,.how-it-works-section.visible h2{opacity:1;transform:translateY(0)}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;overflow:hidden;padding:120px 20px}.hero-section:after{background:linear-gradient(to bottom,#0000004d,var(--background-primary));bottom:-50px;content:"";height:50px;left:0;position:absolute;width:100%;z-index:1}[data-theme=dark] .hero-section:after{background:linear-gradient(to bottom,#000c,var(--background-primary))}.hero-content{align-items:center;animation:fadeInUp 1.5s ease forwards;display:flex;flex-direction:column;justify-content:center;margin:0 auto;opacity:0;padding:20px;position:relative;width:100%;z-index:2}.hero-section h1{color:var(--accent);display:block;font-size:4rem;font-weight:var(--font-weight-bold);letter-spacing:2px;margin-bottom:var(--spacing-md);position:relative;text-align:center;text-shadow:2px 2px 4px var(--shadow-main);text-transform:uppercase;width:100%}.header-logo-main{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 4px 6px var(--shadow-main));height:auto;max-width:90vw;width:900px}.hero-section h1:after,.hero-section h1:before{animation:pulse 4s infinite;background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:3px;left:10%;position:absolute;width:80%}.hero-section h1:before{top:-15px}.hero-section h1:after{bottom:-15px}.hero-subtitle{color:var(--text-secondary);display:block;font-size:1.5rem;max-width:100%;text-align:center;width:100%}.hero-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.primary-button,.secondary-button{align-items:center;border:none;border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;font-weight:var(--font-weight-medium);height:45px;justify-content:center;letter-spacing:1px;line-height:1;margin:0;min-width:150px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all var(--transition-short);vertical-align:middle;z-index:1}.primary-button{background-color:var(--button-primary);color:var(--button-primary-text)}.secondary-button{box-shadow:inset 0 0 0 2px var(--accent);color:var(--button-secondary-text)}.primary-button:hover,.secondary-button:hover{text-decoration:none;transform:translateY(-3px)}.primary-button:hover{background-color:var(--button-primary-hover);box-shadow:0 10px 20px #f59e0b4d;box-shadow:0 10px 20px rgba(var(--landing-accent-rgb),.3);color:var(--button-primary-text-hover)}.secondary-button:hover{background-color:var(--button-secondary-hover);box-shadow:inset 0 0 0 2px var(--accent),0 10px 20px var(--shadow-light);color:var(--button-secondary-text-hover)}.features-section{background-color:var(--background-primary)}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.coming-soon-feature,.feature-card,.step{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 4px 20px var(--shadow-light);opacity:0;overflow:hidden;padding:var(--spacing-lg);position:relative;transform:translateY(50px);transition:all var(--transition-medium)}.coming-soon-feature.visible,.feature-card.visible,.step.visible{opacity:1;transform:translateY(0)}.coming-soon-feature:hover,.feature-card:hover,.step:hover{box-shadow:0 15px 30px var(--shadow-main);transform:translateY(-10px)}.feature-card:before{background:linear-gradient(135deg,#f59e0b1a,#f59e0b00);background:linear-gradient(135deg,rgba(var(--landing-accent-rgb),.1) 0,rgba(var(--landing-accent-rgb),0) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-medium);width:100%;z-index:-1}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;background:var(--background-primary);border-radius:50%;color:var(--accent);display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto var(--spacing-md);width:80px}.feature-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.how-it-works-section{background-color:var(--background-secondary)}.steps-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;position:relative}.step:nth-child(2).visible{transition-delay:.2s}.step:nth-child(3).visible{transition-delay:.4s}.step:nth-child(4).visible{transition-delay:.6s}.steps-container:before{background:linear-gradient(90deg,#0000 0,var(--accent) 10%,var(--accent) 90%,#0000 100%);content:"";height:2px;left:0;opacity:.3;position:absolute;top:20%;width:100%;z-index:0}.step-number{align-items:center;background-color:var(--accent);border-radius:50%;box-shadow:0 5px 15px #f59e0b80;box-shadow:0 5px 15px rgba(var(--landing-accent-rgb),.5);color:#fff;display:flex;font-size:1.5rem;font-weight:var(--font-weight-bold);height:50px;justify-content:center;margin:0 auto var(--spacing-md);position:relative;width:50px;z-index:1}.step h3{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.step p{color:var(--text-secondary)}.coming-soon-section{background-color:var(--background-primary)}.coming-soon-features{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin:0 auto;max-width:1200px}.coming-soon-feature{padding:var(--spacing-lg);width:300px}.coming-soon-feature:nth-child(2).visible{transition-delay:.2s}.coming-soon-feature:nth-child(3).visible{transition-delay:.4s}.coming-soon-feature:after{background:linear-gradient(90deg,var(--accent) 0,#f59e0b80 50%,var(--accent) 100%);background:linear-gradient(90deg,var(--accent) 0,rgba(var(--landing-accent-rgb),.5) 50%,var(--accent) 100%);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-medium);width:100%}.coming-soon-feature:hover:after{transform:scaleX(1)}.feature-badge{background-color:var(--accent);border-radius:var(--border-radius-full);color:#fff;display:inline-block;font-size:.8rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);position:relative}.feature-badge:before{background:radial-gradient(circle,#fffc 0,#fff0 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:scale(0);transition:transform var(--transition-short),opacity var(--transition-short);width:200%}.coming-soon-feature:hover .feature-badge:before{opacity:1;transform:scale(1)}.coming-soon-feature p{color:var(--text-secondary);font-size:1.1rem}.cta-section{background-color:var(--background-secondary);padding-bottom:100px}.cta-section p{color:var(--text-secondary);font-size:1.2rem;margin:0 auto var(--spacing-xl);max-width:600px;opacity:0;transform:translateY(30px);transition:transform var(--transition-medium),opacity var(--transition-medium);transition-delay:.2s}.cta-section.visible p{opacity:1;transform:translateY(0)}.cta-section .primary-button{opacity:0;transform:translateY(30px);transition:all var(--transition-medium);transition-delay:.4s}.cta-section.visible .primary-button{opacity:1;transform:translateY(0)}.cta-section .cta-button{opacity:0;transform:translateY(30px);transition:all var(--transition-medium);transition-delay:.4s}.cta-section.visible .cta-button{opacity:1;transform:translateY(0)}.cta-button{align-items:center;background-color:var(--button-primary);border:none;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--button-primary-text);display:inline-flex!important;font-weight:var(--font-weight-medium);height:45px;justify-content:center;letter-spacing:1px;line-height:1;margin:0 auto;max-width:200px;min-width:150px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all var(--transition-short);vertical-align:middle;width:auto!important;z-index:1}.cta-button:hover{background-color:var(--button-primary-hover);box-shadow:0 10px 20px #f59e0b4d;box-shadow:0 10px 20px rgba(var(--landing-accent-rgb),.3);color:var(--button-primary-text-hover);text-decoration:none;transform:translateY(-3px)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity var(--transition-medium),transform var(--transition-medium)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.hero-section h1{font-size:3rem}.hero-subtitle{font-size:1.2rem}.header-logo-main{max-width:85vw;width:600px}.features-grid,.steps-container{grid-template-columns:1fr}.primary-button,.secondary-button{height:42px;width:140px}.cta-button{height:42px;width:140px!important}.current-1,.current-2,.current-3,.current-4,.current-5{display:none}.landing-page>section{padding:60px 15px}.neural-network-animation{height:100vh;position:fixed}.cta-section{margin-bottom:80px;padding-bottom:60px}.hero-pack-fan{height:220px;width:300px}.hero-pack-card{min-height:150px;width:100px}.hero-pack-1{transform:translateX(-55px) rotate(-15deg) translateZ(0)}.hero-pack-2{transform:translateX(0) rotate(0deg) translateZ(10px)}.hero-pack-3{transform:translateX(55px) rotate(15deg) translateZ(0)}.hero-pack-fan:hover .hero-pack-1{transform:translateX(-70px) rotate(-20deg) translateY(-8px) translateZ(5px)}.hero-pack-fan:hover .hero-pack-2{transform:translateX(0) rotate(0deg) translateY(-12px) translateZ(15px) scale(1.08)}.hero-pack-fan:hover .hero-pack-3{transform:translateX(70px) rotate(20deg) translateY(-8px) translateZ(5px)}@keyframes heroPackFloat1{0%,to{transform:translateX(-55px) rotate(-15deg) translateY(0)}50%{transform:translateX(-55px) rotate(-15deg) translateY(-6px)}}@keyframes heroPackFloat2{0%,to{transform:translateX(0) rotate(0deg) translateY(0) translateZ(10px)}50%{transform:translateX(0) rotate(0deg) translateY(-10px) translateZ(10px)}}@keyframes heroPackFloat3{0%,to{transform:translateX(55px) rotate(15deg) translateY(0)}50%{transform:translateX(55px) rotate(15deg) translateY(-6px)}}}@media (max-width:480px){.hero-section h1{font-size:2.5rem}.hero-subtitle{font-size:1rem}.header-logo-main{max-width:80vw;width:450px}.coming-soon-section h2,.cta-section h2,.features-section h2,.how-it-works-section h2{font-size:2rem}.landing-page>section{padding:40px 12px}.coming-soon-feature,.feature-card,.step{padding:var(--spacing-md)}.hero-section{min-height:70vh;padding:80px 15px}.primary-button,.secondary-button{width:120px}.cta-button,.primary-button,.secondary-button{font-size:.9rem;height:38px;padding:var(--spacing-xs) var(--spacing-sm)}.cta-button{width:120px!important}.cta-section{margin-bottom:100px;padding-bottom:80px}.hero-pack-fan{height:180px;width:250px}.hero-pack-card{min-height:120px;width:80px}.hero-pack-1{transform:translateX(-45px) rotate(-12deg) translateZ(0)}.hero-pack-2{transform:translateX(0) rotate(0deg) translateZ(10px)}.hero-pack-3{transform:translateX(45px) rotate(12deg) translateZ(0)}.hero-pack-fan:hover .hero-pack-1{transform:translateX(-55px) rotate(-15deg) translateY(-6px) translateZ(5px)}.hero-pack-fan:hover .hero-pack-2{transform:translateX(0) rotate(0deg) translateY(-10px) translateZ(15px) scale(1.05)}.hero-pack-fan:hover .hero-pack-3{transform:translateX(55px) rotate(15deg) translateY(-6px) translateZ(5px)}}.hero-packs-preview{animation:fadeInUp 2s ease forwards;animation-delay:.8s;margin:var(--spacing-xl) 0;opacity:0;width:100%}.hero-packs-preview,.hero-preview-container{align-items:center;display:flex;justify-content:center}.hero-preview-container{perspective:1000px}.hero-pack-fan{align-items:center;display:flex;height:280px;justify-content:center;margin:0 auto;position:relative;width:400px}.hero-pack-card{background:var(--background-secondary);border:none;border-radius:.75rem;box-shadow:0 8px 25px #0003;cursor:pointer;display:flex;flex-direction:column;min-height:195px;overflow:hidden;position:absolute;transition:all .4s ease;width:130px}.hero-pack-card img{border-radius:.75rem;height:auto;object-fit:contain;width:100%}.hero-pack-1{transform:translateX(-70px) rotate(-20deg) translateZ(0);z-index:1}.hero-pack-2{transform:translateX(0) rotate(0deg) translateZ(10px);z-index:3}.hero-pack-3{transform:translateX(70px) rotate(20deg) translateZ(0);z-index:2}.hero-pack-fan:hover .hero-pack-1{box-shadow:0 12px 35px #10b9814d;transform:translateX(-90px) rotate(-25deg) translateY(-10px) translateZ(5px)}.hero-pack-fan:hover .hero-pack-2{box-shadow:0 15px 40px #e41f264d;transform:translateX(0) rotate(0deg) translateY(-15px) translateZ(15px) scale(1.1)}.hero-pack-fan:hover .hero-pack-3{box-shadow:0 12px 35px #f59e0b4d;transform:translateX(90px) rotate(25deg) translateY(-10px) translateZ(5px)}.hero-pack-card:hover{box-shadow:0 20px 50px var(--shadow-main)!important;transform:translateY(-20px) scale(1.15)!important;z-index:10!important}.hero-pack-1{animation:heroPackFloat1 6s ease-in-out infinite}.hero-pack-2{animation:heroPackFloat2 6s ease-in-out infinite;animation-delay:-2s}.hero-pack-3{animation:heroPackFloat3 6s ease-in-out infinite;animation-delay:-4s}@keyframes heroPackFloat1{0%,to{transform:translateX(-70px) rotate(-20deg) translateY(0)}50%{transform:translateX(-70px) rotate(-20deg) translateY(-8px)}}@keyframes heroPackFloat2{0%,to{transform:translateX(0) rotate(0deg) translateY(0) translateZ(10px)}50%{transform:translateX(0) rotate(0deg) translateY(-12px) translateZ(10px)}}@keyframes heroPackFloat3{0%,to{transform:translateX(70px) rotate(20deg) translateY(0)}50%{transform:translateX(70px) rotate(20deg) translateY(-8px)}}.primary-button,.secondary-button{height:42px;width:140px}.cta-button{height:42px;width:140px!important}:root{--error-rgb:var(--error-rgb,235,87,87);--success-rgb:var(--success-rgb,39,174,96);--background-primary:var(--background-primary);--background-secondary:var(--background-secondary);--text-primary:var(--text-primary);--text-secondary:var(--text-secondary);--border-color:var(--border-light);--shadow-light:var(--shadow-light);--shadow-medium:var(--shadow-main);--pricing-tier-bg:var(--background-elevated);--pricing-tier-featured-bg:var(--background-hover);--pricing-tier-shadow:var(--shadow-light);--pricing-tier-border:var(--border-light);--pricing-tier-featured-border:var(--border-focus);--tier-badge-bg:var(--accent);--tier-badge-text:var(--button-primary-text);--tier-select-button-bg:var(--button-secondary);--tier-select-button-text:var(--accent);--tier-select-button-border:var(--border-focus);--tier-select-button-hover-bg:var(--background-hover);--tier-select-button-featured-bg:var(--accent);--tier-select-button-featured-text:var(--button-primary-text);--tier-select-button-featured-hover-bg:var(--accent-hover);--verification-message-bg:var(--background-secondary);--verification-icon-color:var(--feedback-success);--verification-text-color:var(--text-primary)}[data-theme=dark]{--background-primary:var(--background-primary);--background-secondary:var(--background-secondary);--text-primary:var(--text-primary);--text-secondary:var(--text-secondary);--border-color:var(--border-light);--shadow-light:var(--shadow-light);--shadow-medium:var(--shadow-main);--pricing-tier-bg:var(--background-elevated);--pricing-tier-featured-bg:var(--background-hover);--pricing-tier-shadow:var(--shadow-light);--pricing-tier-border:var(--border-light);--pricing-tier-featured-border:var(--border-focus);--tier-select-button-hover-bg:var(--background-hover);--verification-message-bg:var(--background-secondary);--tier-select-button-bg:var(--button-secondary);--tier-select-button-text:var(--accent);--tier-select-button-border:var(--border-focus)}[data-theme=dark] .pricing-tier{background-color:var(--background-elevated)!important;color:var(--text-primary)}.pricing-page,[data-theme=dark] .feature-list li{color:var(--text-primary)}.pricing-page{align-items:center;background-color:var(--background-primary);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:80px 20px 40px;position:relative;transition:background-color .3s ease,color .3s ease}.pricing-header{margin-bottom:40px;max-width:800px;text-align:center}.pricing-header h1{font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:16px}.pricing-header p{color:var(--text-secondary);font-size:1.1rem;line-height:var(--line-height-relaxed)}.pricing-tiers{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.pricing-tier{background-color:var(--background-elevated);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:0 8px 20px var(--shadow-light);display:flex;flex-direction:column;min-height:360px;padding:30px;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:300px}.pricing-tier:hover{box-shadow:0 12px 30px var(--shadow-main);transform:translateY(-5px)}.pricing-tier.featured{background-color:var(--background-secondary);border:1px solid var(--accent)}.tier-badge{background-color:var(--accent);border-radius:20px;color:#fff;font-size:.8rem;font-weight:var(--font-weight-semibold);left:50%;padding:4px 12px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.tier-header{margin-bottom:20px;text-align:center}.tier-header h3{font-size:1.4rem;font-weight:var(--font-weight-semibold);margin-bottom:10px}.tier-price{margin-bottom:20px;text-align:center}.price-amount{font-size:2.5rem;font-weight:var(--font-weight-bold)}.price-period{color:var(--text-secondary);font-size:.9rem}.tier-features{flex-grow:1;margin-bottom:25px}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{align-items:flex-start;color:var(--text-primary);display:flex;margin-bottom:10px}.feature-list li:before{color:var(--accent);content:"✓";margin-right:8px}.tier-select-button{background-color:initial;border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-semibold);padding:10px 20px;text-align:center;transition:background-color .2s ease;width:100%}.tier-select-button:hover{background-color:var(--background-hover)}.featured .tier-select-button{background-color:var(--accent);border:none;color:#fff}.featured .tier-select-button:hover{background-color:var(--accent-hover)}.pricing-faq{margin:60px auto 0;max-width:800px}.pricing-faq h2{color:var(--text-primary);font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:30px;text-align:center}.faq-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-item{background-color:var(--background-secondary);border-radius:var(--border-radius-md);box-shadow:0 4px 10px var(--shadow-light);padding:20px}.faq-item h3{color:var(--text-primary);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin-bottom:10px}.faq-item p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.email-signup-container{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:120px 20px 20px;position:fixed;top:0;width:100%;z-index:1000}.email-signup-form{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px var(--shadow-main);max-width:450px;padding:30px;text-align:center;width:100%}.email-signup-form h3{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:10px}.email-signup-form p{color:var(--text-secondary);margin-bottom:25px}.email-signup-form .form-group{margin-bottom:20px}.email-signup-form input{background-color:var(--background-input);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;padding:12px 15px;width:100%}.email-error{color:var(--feedback-error);color:var(--error);font-size:.9rem;margin-top:8px;text-align:left}.form-actions{display:flex;flex-direction:column;gap:15px}.email-error-with-action{display:flex;flex-direction:column;gap:10px;margin-top:8px}.email-error-with-action p{color:var(--feedback-error);color:var(--error);font-size:.9rem;margin:0;text-align:center}.error-action-btn:hover{background-color:#eb57571a}.loading-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-overlay p{color:var(--text-primary);margin-top:15px}.verification-message-container{margin:40px auto;max-width:500px;width:100%}.verification-message{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 8px 20px var(--shadow-light);padding:30px;text-align:center}.verification-icon{color:var(--feedback-success);color:var(--success);margin-bottom:20px}.verification-message h2{color:var(--text-primary);margin-bottom:10px}.verification-message p{color:var(--text-secondary);margin-bottom:20px}.verification-actions{display:flex;gap:10px;justify-content:center}.captcha-container{display:flex;justify-content:center;margin:20px 0;min-height:78px}@media (max-width:768px){.pricing-tiers{align-items:center;flex-direction:column}.pricing-tier{max-width:350px;width:100%}.faq-items{grid-template-columns:1fr}.verification-actions{flex-direction:column;gap:15px}}@media (max-width:480px){.pricing-page{padding:80px 15px 30px}.pricing-header h1{font-size:1.8rem}.pricing-header p{font-size:1rem}.pricing-faq h2{font-size:1.8rem}.captcha-container{transform:scale(.85);transform-origin:center}}.loading-overlay{animation:fadeIn .2s ease-in-out;background-color:#00000080;height:100%;width:100%;z-index:1000}.loading-message{color:var(--text-primary);font-size:16px;margin-top:16px}.auth-loading{align-items:center;background-color:initial;display:flex;flex-direction:column;padding:40px;text-align:center}.auth-loading p{color:var(--text-primary);margin-top:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-screen{align-items:center;background-color:var(--background-primary);color:var(--text-primary);display:flex;justify-content:center;min-height:100vh;padding:80px 20px 20px}.auth-container{border-radius:var(--border-radius-lg);box-shadow:0 8px 30px var(--shadow-main);margin-top:20px;max-width:500px}.auth-container,.auth-loading-card{background-color:var(--background-secondary);display:flex;overflow:hidden;position:relative;width:100%}.auth-loading-card{border-radius:8px;border-radius:var(--border-radius-lg,8px);box-shadow:0 8px 30px #0000001a;box-shadow:0 8px 30px var(--shadow-main,#0000001a);flex-direction:column;margin:0 auto}.auth-content{display:flex;flex-direction:column;justify-content:center;padding:40px;width:100%}.auth-image{display:none}@media (max-width:768px){.auth-container{min-height:auto}.auth-content{padding:30px 20px}.auth-form h2{font-size:1.5rem}.form-actions{margin-top:20px}.sign-in-form-group label{font-size:.85rem}.sign-in-form-group input{padding:10px 12px}}.loading-overlay{align-items:center;background-color:#000000b3;bottom:0;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.loading-overlay p{font-size:1.2rem;margin-top:20px}.auth-form{width:100%}.auth-form h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:10px;text-align:center}.form-subtitle{color:var(--text-secondary);margin-bottom:25px;text-align:center}.sign-in-form-group{margin-bottom:20px}.sign-in-form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:var(--font-weight-medium);margin-bottom:8px;text-align:left}.sign-in-form-group input{background-color:var(--background-input);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #da000033;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2);outline:none}.password-input-container{position:relative}.form-actions{margin-top:30px}.primary-button,.secondary-button,.text-button{cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-medium);transition:all .2s ease}.primary-button{align-items:center;background-color:var(--accent);border:none;border-radius:var(--border-radius-md);color:#fff;display:flex;font-size:1rem;justify-content:center;padding:12px 20px;width:100%}.primary-button:hover{background-color:var(--accent-hover);box-shadow:0 5px 15px var(--shadow-main);transform:translateY(-2px)}.primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.secondary-button{align-items:center;background-color:initial;border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);display:flex;font-size:1rem;justify-content:center;padding:12px 20px;width:100%}.secondary-button:hover{background-color:#da00001a;background-color:rgba(var(--accent-rgb),.1);transform:translateY(-2px)}.text-button{background:none;border:none;color:var(--accent);font-size:.9rem;padding:0;text-decoration:underline}.text-button:hover{color:var(--accent-hover)}.auth-error{font-size:.9rem;padding:10px 15px}.auth-error,.auth-error-with-action{background-color:#f443361a;background-color:rgba(var(--error-rgb),.1);border:1px solid #f4433633;border:1px solid rgba(var(--error-rgb),.2);border-radius:var(--border-radius-md);color:var(--feedback-error);color:var(--error);margin-bottom:20px}.auth-error-with-action{display:flex;flex-direction:column;gap:10px;padding:15px;text-align:center}.auth-error-with-action p{font-size:.9rem;margin:0}.error-action-btn{align-self:center;background-color:initial;border:1px solid var(--error);border-radius:var(--border-radius-md);color:var(--feedback-error);color:var(--error);cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-medium);padding:8px 15px;transition:all .2s ease}.error-action-btn:hover{background-color:#f443361a;background-color:rgba(var(--error-rgb),.1)}.password-reset-success{padding:20px;text-align:center}.success-icon{color:var(--feedback-success);color:var(--success);margin-bottom:20px}.password-reset-success p{color:var(--text-secondary);margin-bottom:25px}.auth-form-footer{display:flex;flex-direction:column;gap:15px;margin-top:30px;text-align:center}.terms-agreement{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.terms-agreement a{color:var(--accent);margin:0 3px;text-decoration:none}.terms-agreement a:hover{text-decoration:underline}.captcha-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:15px 0 25px}.g-recaptcha{display:inline-block;transform-origin:center}.captcha-error{color:var(--feedback-error);color:var(--error);font-size:.85rem;margin-top:10px;text-align:center}:root{--error-rgb:var(--error-rgb,244,67,54);--accent-rgb:var(--accent-rgb,218,0,0);--success:var(--success,var(--feedback-success));--error:var(--error,var(--feedback-error))}.music-player-button,.music-player-button:active,.music-player-button:focus,.music-player-button:hover,.music-player-button:visited{-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important;appearance:none!important;border-radius:50%!important;outline:none!important}.music-player-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-focus-ring-color:#0000;-webkit-focus-ring-width:0;align-items:center;-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#1f2937,#111827);background-clip:padding-box;border:2px solid #fff3;border-radius:50%;bottom:20px!important;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;outline:none;position:fixed!important;right:20px!important;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:56px;z-index:1000!important}.music-player-button:hover{box-shadow:0 6px 25px #0006;transform:scale(1.1)}.music-player-button:active{-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important;appearance:none!important;border-radius:50%!important;outline:none!important;transform:scale(.95)}.music-player-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.music-player-button:disabled:hover{box-shadow:0 4px 20px #0000004d;transform:none}.light-theme .music-player-button{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #0000001a;box-shadow:0 4px 20px #00000026;color:#374151}.light-theme .music-player-button:hover{box-shadow:0 6px 25px #0003}.light-theme .music-player-button:disabled:hover{box-shadow:0 4px 20px #00000026}.music-player-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.music-player-icon svg{height:100%;transition:all .2s ease;width:100%}.music-player-loading{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.music-player-button:focus{border:2px solid #10b981!important;border-radius:50%!important;box-shadow:0 0 0 3px #10b9814d!important;outline:none!important}.music-player-button:focus:not(:focus-visible){border:2px solid #fff3!important;border-radius:50%!important;box-shadow:0 4px 20px #0000004d!important}.light-theme .music-player-button:focus:not(:focus-visible){border:2px solid #0000001a!important;border-radius:50%!important;box-shadow:0 4px 20px #00000026!important}.music-player-button::-moz-focus-inner{border:0!important;outline:none!important;padding:0!important}.music-player-button::-webkit-focus-inner{border:0!important;outline:none!important;padding:0!important}.music-player-button::selection{background:#0000!important}.music-player-button::-moz-selection{background:#0000!important}.music-player-button *{border-radius:inherit!important}@media (max-width:768px){.music-player-button{bottom:80px;height:52px;right:15px;width:52px}.music-player-icon{height:22px;width:22px}}@media (max-width:480px){.music-player-button{bottom:70px;height:48px;right:10px;width:48px}.music-player-icon{height:20px;width:20px}}@media (prefers-contrast:high){.music-player-button{border:2px solid}}@media (prefers-reduced-motion:reduce){.loading-spinner,.music-player-button,.music-player-icon svg{animation:none;transition:none}.music-player-button:active,.music-player-button:hover{transform:none}}.music-player-button.playing{background:linear-gradient(135deg,#059669,#047857);border:2px solid #ffffff4d;color:#fff}.music-player-button.playing:hover{background:linear-gradient(135deg,#047857,#065f46);border:2px solid #fff6}.light-theme .music-player-button.playing{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #ffffff4d;color:#fff}.light-theme .music-player-button.playing:hover{background:linear-gradient(135deg,#059669,#047857);border:2px solid #fff6}
/*# sourceMappingURL=main.b310f30c.css.map*/