:root{--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--black:#000;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--background-primary:#f8f9fa;--background-secondary:#f1f3f4;--card-background:var(--white);--border-color:#e1e5e9;--border-light:#f0f0f0;--accent-color:#007bff;--accent-hover:#0056b3;--success-color:#28a745;--shadow-light:0 2px 8px rgba(0,0,0,.08);--shadow-medium:0 4px 12px rgba(0,0,0,.15);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--header-height:60px;--border-radius:12px;--border-radius-small:8px;--emily-color:#e91e63;--emily-color-light:#f8bbd9;--emily-color-dark:#ad1457;--brendon-color:#2196f3;--brendon-color-light:#bbdefb;--brendon-color-dark:#1565c0;--guest-color:#6b7280;--guest-color-light:#9ca3af;--guest-color-dark:#4b5563}[data-theme=dark]{--text-primary:var(--gray-200);--text-secondary:var(--gray-400);--text-tertiary:var(--gray-500);--card-background:var(--gray-800);--background-primary:var(--gray-900);--background-secondary:var(--gray-700);--border-color:var(--gray-700);--border-light:var(--gray-600);--accent-color:#3b82f6;--accent-hover:#2563eb;--shadow-light:0 2px 8px rgba(0,0,0,.3);--shadow-medium:0 4px 12px rgba(0,0,0,.4)}@media(prefers-color-scheme:dark){:root{--text-primary:var(--gray-200);--text-secondary:var(--gray-400);--text-tertiary:var(--gray-500);--card-background:var(--gray-800);--background-primary:var(--gray-900);--background-secondary:var(--gray-700);--border-color:var(--gray-700);--border-light:var(--gray-600);--accent-color:#3b82f6;--accent-hover:#2563eb;--shadow-light:0 2px 8px rgba(0,0,0,.3);--shadow-medium:0 4px 12px rgba(0,0,0,.4)}}*{box-sizing:border-box}body{background-color:var(--background-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#daily-games-container,body{max-width:100vw;overflow-x:hidden;width:100%}#daily-games-container{display:flex;flex-direction:column;min-height:100vh}.mobile-header{height:var(--header-height);z-index:100}.header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:none;padding:0 var(--spacing-md)}.mobile-header h1{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}#sync-status{color:var(--text-secondary);display:none;font-size:.875rem}.sync-btn{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:44px;justify-content:center;touch-action:manipulation;width:44px}.sync-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.sync-btn:active{transform:scale(.95)}.main-content{box-sizing:border-box;flex:1;margin:0;max-width:none;overflow-x:hidden;padding:var(--spacing-md);width:100%}.tab-section{display:none}.tab-section.active{display:block}.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.card h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.today-game-card{box-shadow:var(--shadow-light);transition:all .2s ease}.streak-card,.today-game-card{border-radius:var(--border-radius)}.enhanced-game-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-small);cursor:pointer;padding:var(--spacing-md);transition:all .2s ease}.enhanced-game-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.game-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.game-title{font-size:1.1rem}.game-icon-large{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.game-comparison-mini{align-items:center;background:var(--background-secondary);border-radius:6px;display:flex;justify-content:space-between;padding:var(--spacing-sm)}.player-result{align-items:center;display:flex;flex-direction:column;gap:2px}.player-score-mini{font-size:1.2rem;font-weight:700}.player-time{color:var(--text-tertiary);font-size:.7rem}.winner-indicator{border-radius:12px;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.winner-indicator.win{background:var(--success-color);color:#fff}.winner-indicator.loss{background:var(--text-muted);color:#fff}.winner-indicator.tie{background:var(--accent-color);color:#fff}.control-btn{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-primary);cursor:pointer;font-size:.95rem;min-height:48px;padding:var(--spacing-md);touch-action:manipulation;transition:all .2s ease}.control-btn:hover{background:var(--border-light);transform:translateY(-1px)}.control-btn:active{transform:translateY(0)}.control-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.control-btn.secondary{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.control-btn.secondary:hover{background:var(--border-light)}.control-btn.secondary.active{border-color:var(--accent-color)}.control-btn.secondary.active,.retry-btn{background:var(--accent-color);color:#fff}.retry-btn{border:none;border-radius:var(--border-radius-small);cursor:pointer;font-size:.9rem;margin-top:var(--spacing-md);min-height:44px;padding:var(--spacing-sm) var(--spacing-md);touch-action:manipulation}.retry-btn:hover{background:var(--accent-hover)}.filter-btn{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-primary);cursor:pointer;font-size:.8rem;min-height:32px;padding:var(--spacing-xs) var(--spacing-sm);touch-action:manipulation}.filter-btn:hover{background:var(--border-light)}.show-all-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-small);color:var(--accent-color);cursor:pointer;display:flex;min-height:32px;min-width:32px;padding:var(--spacing-xs);transition:background-color .2s ease}.show-all-btn:hover{background:rgba(0,123,255,.1)}.calendar-nav-btn{align-items:center;background:var(--background-secondary);border:none;border-radius:var(--border-radius-small);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:44px;justify-content:center;transition:all .2s ease;width:44px}.calendar-nav-btn.primary{background:var(--accent-color);color:#fff}.calendar-nav-btn.secondary{font-size:1rem;opacity:.7}.calendar-nav-btn:hover{box-shadow:var(--shadow-medium);transform:scale(1.05)}.calendar-nav-btn.primary:hover{background:var(--accent-hover)}.timeline-btn{background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.timeline-btn:hover{background:var(--card-background);color:var(--text-primary)}.timeline-btn.active{background:var(--accent-color);box-shadow:0 2px 4px rgba(0,123,255,.3);color:#fff}.expand-btn{align-items:center;background:var(--background-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.expand-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}.day-details-close-btn,.game-details-close-btn{align-items:center;background:var(--text-muted);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.day-details-close-btn:hover,.game-details-close-btn:hover{background:#dc3545;transform:scale(1.1)}.today-game-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-small);cursor:pointer;margin-bottom:var(--spacing-md);padding:var(--spacing-md);position:relative;transition:transform .2s ease,box-shadow .2s ease}.today-game-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.game-icon{border-radius:50%;height:40px;width:40px}.game-time{font-size:.875rem}.multiple-plays{border-radius:var(--spacing-xs);color:var(--text-tertiary);padding:var(--spacing-xs);text-align:center}.daily-game-winner{background:var(--background-secondary);border-left:4px solid var(--success-color);border-radius:var(--border-radius-small);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.daily-game-winner .game-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.winner-badge{font-size:1.2rem;margin-left:auto}.winner-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.winner-name{color:var(--text-primary);font-weight:600}.winner-score{color:var(--success-color);font-weight:600}.other-players{color:var(--text-tertiary);font-size:.8rem;text-align:center}.player-details{color:var(--text-secondary);font-size:.8rem;margin-top:var(--spacing-xs)}.comparison-row{border-radius:var(--border-radius-small);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.streak-cards{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.streak-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-small);box-shadow:var(--shadow-light);padding:var(--spacing-md);text-align:center;transition:all .2s ease}.streak-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.streak-card.horizontal{align-items:center;display:flex;gap:var(--spacing-sm);text-align:left}.streak-icon{color:var(--accent-color);font-size:1.2rem}.streak-info{flex:1}.streak-name{color:var(--text-primary);font-size:.9rem;font-weight:500;margin:0}.streak-count{color:var(--text-secondary);font-size:.8rem;margin:var(--spacing-xs) 0 0 0}.streak-number{color:var(--success-color);font-size:1.8rem;font-weight:700;line-height:1;margin:0}.streak-label{color:var(--text-secondary);font-size:.85rem}.streak-game,.streak-label{margin:var(--spacing-xs) 0 0 0}.streak-game{color:var(--text-tertiary);font-size:.8rem}.streak-flame{color:#ff6b35;font-size:1.1rem;margin-top:var(--spacing-xs)}.streak-active{color:var(--success-color)}.streak-broken{color:var(--text-tertiary);opacity:.7}.streak-card.milestone{background:linear-gradient(135deg,var(--accent-color) 0,var(--success-color) 100%);border:none;color:#fff;overflow:hidden;position:relative}.streak-card.milestone:before{content:"✨";font-size:.8rem;opacity:.8;position:absolute;right:4px;top:4px}.streak-card.milestone .streak-number{color:#fff}.streak-card.milestone .streak-game,.streak-card.milestone .streak-label{color:rgba(255,255,255,.9)}.skeleton-avatar,.skeleton-base,.skeleton-button,.skeleton-card,.skeleton-game-card,.skeleton-streak,.skeleton-text{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--background-secondary) 0,var(--border-light) 50%,var(--background-secondary) 100%);background-size:200% 100%;border-radius:var(--border-radius-small)}.skeleton-card,.skeleton-game-card{margin-bottom:var(--spacing-md)}.skeleton-game-card{height:120px}.skeleton-text{height:1rem;margin-bottom:var(--spacing-xs)}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:100%}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-button{height:44px;width:120px}[data-theme=dark] .skeleton-base{background:linear-gradient(90deg,var(--background-secondary) 0,var(--border-light) 50%,var(--background-secondary) 100%)}@media(prefers-reduced-motion:reduce){.skeleton-base{animation:none;background:var(--background-secondary)}}.skeleton-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skeleton-grid .skeleton-card{margin-bottom:0}.auth-modal-backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal-backdrop.active{display:block}.auth-modal{background:var(--card-background);border-radius:var(--border-radius);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:none;left:50%;max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.auth-modal.active{display:block}.auth-modal-header{margin-bottom:1.5rem;text-align:center}.auth-modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-modal-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.auth-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.auth-modal-close:hover{color:var(--text-primary)}.auth-form{gap:1rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:.5rem}.auth-form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.auth-form-input{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s ease}.auth-form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.auth-form-input::-moz-placeholder{color:var(--text-tertiary)}.auth-form-input::placeholder{color:var(--text-tertiary)}.auth-message{border-radius:var(--border-radius-small);font-size:.875rem;margin-bottom:1rem;padding:.75rem}.auth-message.error{background:#fee;border:1px solid #fcc;color:#c00}.auth-message.success{background:#efe;border:1px solid #cfc;color:#070}.auth-message.info{background:#eff;border:1px solid #cff;color:#007}.auth-btn{border:none;border-radius:var(--border-radius-small);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.auth-btn-primary{background:var(--accent-color);color:var(--white)}.auth-btn-primary:hover{background:var(--accent-hover)}.auth-btn-primary:disabled{background:var(--gray-400);cursor:not-allowed}.auth-btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.auth-btn-secondary:hover{background:var(--background-secondary);color:var(--text-primary)}.auth-link{color:var(--accent-color);cursor:pointer;font-size:.875rem;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-form-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;margin-top:1rem;padding-top:1rem;text-align:center}.auth-customization-section{background:var(--background-secondary);border-radius:var(--border-radius-small);margin-top:1rem;padding:1rem}.auth-customization-title{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.emoji-picker-grid{background:var(--card-background);display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));margin-bottom:1rem;max-height:200px;overflow-y:auto;padding:.5rem}.emoji-option,.emoji-picker-grid{border-radius:var(--border-radius-small)}.emoji-option{background:transparent;height:40px;width:40px}.emoji-option:hover{background:var(--background-secondary)}.emoji-option.selected{background:rgba(59,130,246,.1)}.auth-color-picker{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));margin-top:.5rem}.auth-color-option{border:3px solid transparent;border-radius:50%;cursor:pointer;height:48px;transition:all .2s ease;width:48px}.auth-color-option:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(1.1)}.auth-color-option.selected{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(59,130,246,.3)}.auth-color-option.selected:after{color:#fff;content:"✓";font-size:1.25rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.auth-loading{animation:spin .6s linear infinite;border:2px solid var(--white);border-radius:50%;border-top:2px solid transparent;display:inline-block;height:16px;width:16px}@media(max-width:640px){.auth-modal{max-height:95vh;padding:1.5rem;width:95%}.emoji-picker-grid{max-height:150px}.auth-customization-section{padding:.75rem}}[data-theme=dark] .auth-message.error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fca5a5}[data-theme=dark] .auth-message.success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#6ee7b7}[data-theme=dark] .auth-message.info{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#93c5fd}@media(prefers-color-scheme:dark){.auth-message.error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fca5a5}.auth-message.success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#6ee7b7}.auth-message.info{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#93c5fd}}#sidebar{display:flex;flex-direction:column}@media screen and (max-width:1023px){#sidebar{display:none}main#main-content{padding-left:0}.mobile-nav-header{background:var(--card-background);border-bottom:1px solid var(--border-color);display:block;position:sticky;top:0;z-index:50}.mobile-nav-row-1{align-items:center;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:.75rem 1rem}.mobile-nav-row-2{background:var(--card-background);border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.mobile-user-profile .sidebar-user-container{padding:.5rem 0}.mobile-user-profile .sidebar-user-info{gap:.5rem}.mobile-user-profile .sidebar-user-avatar{font-size:.875rem;height:2rem;width:2rem}.mobile-user-profile .sidebar-user-name{font-size:.875rem}.mobile-user-profile .sidebar-user-switch-btn{font-size:.75rem}.mobile-date-selector{align-items:center;display:flex;gap:.25rem}.mobile-control-label{font-size:1rem}.mobile-date-input{background:var(--background-primary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;min-width:120px;padding:.25rem .5rem}.mobile-user-selectors{align-items:center;display:flex;flex:1;gap:.5rem;justify-content:center}.mobile-user-dropdown{background:var(--background-primary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;max-width:120px;min-width:100px;padding:.25rem .5rem}.mobile-vs{color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:0 .25rem}.mobile-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:700;margin:0}.mobile-title .emoji{font-size:1.25rem;margin-right:.5rem}.mobile-nav{gap:.5rem}.mobile-nav,.mobile-nav-item{align-items:center;display:flex}.mobile-nav-item{background:none;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;font-size:1.125rem;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.mobile-nav-item:hover{background:var(--background-secondary);color:var(--text-primary)}.mobile-nav-item.active{background:var(--accent-color);color:#fff}.mobile-sync-container{align-items:center;display:flex;gap:.5rem}.mobile-sync-status{background:var(--background-secondary);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem}.mobile-sync-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:var(--text-tertiary);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.mobile-sync-btn:hover{background:var(--background-secondary);color:var(--text-primary)}}@media screen and (min-width:1024px){#sidebar{transform:translate(0);z-index:10}#sidebar-overlay{display:none!important}main#main-content{padding-left:16rem}.mobile-nav-header{display:none!important}}.sidebar-header{border-bottom:1px solid var(--border-color);padding:1.5rem 1.5rem 1rem}.sidebar-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;margin:0}.sidebar-title .emoji{font-size:1.5rem;margin-right:.75rem}.sidebar-sync-status{background:var(--background-secondary);border-radius:var(--border-radius);margin:1rem 1.5rem;padding:.75rem}.sync-status-content{align-items:center;display:flex;justify-content:space-between}.sync-status-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.sync-btn{background:none;border:none;border-radius:var(--border-radius-small);color:var(--text-tertiary);cursor:pointer;padding:.375rem;transition:all .2s ease}.sync-btn:hover{background:var(--background-primary);color:var(--text-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:0 1rem}.nav-section{margin-bottom:1.5rem}.nav-section-title{color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:0 .75rem;text-transform:uppercase}.nav-list{display:flex;flex-direction:column;gap:.25rem}.nav-item{align-items:center;background:transparent;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.75rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-item:hover{background:var(--background-secondary);color:var(--text-primary);transform:translate(2px)}.nav-item.active{background:var(--accent-color);box-shadow:0 2px 8px rgba(59,130,246,.25);color:var(--white);font-weight:600}.nav-item.active:hover{background:var(--accent-hover);transform:translate(2px)}.nav-item:focus{background:var(--background-secondary);color:var(--text-primary);outline:none}.nav-item.active:focus{background:var(--accent-color);color:var(--white);outline:none}.nav-item-icon{font-size:1.125rem;margin-right:.75rem;text-align:center;width:1.5rem}.nav-item-label{flex:1}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem 1.5rem}.theme-toggle{align-items:center;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.theme-toggle:hover{background:var(--background-secondary);border-color:var(--border-color);color:var(--text-primary)}.theme-toggle-icon{font-size:1.125rem;margin-right:.5rem}.sidebar-user-section{border-top:1px solid var(--border-color);margin-top:auto;padding:1rem}.sidebar-user-container{align-items:center;display:flex;justify-content:space-between}.sidebar-user-info{align-items:center;display:flex;gap:.75rem}.sidebar-user-avatar{align-items:center;border-radius:9999px;color:var(--white);display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.sidebar-user-details{display:flex;flex-direction:column}.sidebar-user-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.sidebar-user-switch-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:0;text-align:left;transition:color .2s ease}.sidebar-user-switch-btn:hover{color:var(--text-primary)}.sidebar-user-logout-btn{background:none;border:none;border-radius:var(--border-radius-small);color:var(--text-secondary);cursor:pointer;padding:.375rem;transition:all .2s ease}.sidebar-user-logout-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.sidebar-user-logout-btn svg{height:1rem;width:1rem}.mobile-header{background:var(--card-background);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:40}.mobile-header-content{align-items:center;display:flex;justify-content:space-between;padding:.75rem 1rem}.mobile-menu-button{background:none;border:none;border-radius:var(--border-radius-small);color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.mobile-menu-button:hover{background:var(--background-secondary);color:var(--text-primary)}.mobile-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:700;margin-left:1rem}.mobile-title .emoji{font-size:1.25rem;margin-right:.5rem}.mobile-sync-status{align-items:center;background:var(--background-secondary);border-radius:var(--border-radius);display:flex;padding:.375rem .75rem}.mobile-sync-text{color:var(--text-secondary);font-size:.75rem;margin-right:.5rem}.mobile-sync-btn{background:none;border:none;border-radius:var(--border-radius-small);color:var(--text-tertiary);cursor:pointer;padding:.25rem;transition:all .2s ease}.mobile-sync-btn:hover{background:var(--background-primary);color:var(--text-primary)}#sidebar-overlay{background:rgba(0,0,0,.5);top:0;right:0;bottom:0;left:0;position:fixed;transition:opacity .3s ease-in-out;z-index:40}@media screen and (max-width:640px){.sidebar-title{font-size:1.125rem}.mobile-title{font-size:1rem}.mobile-sync-status{padding:.25rem .5rem}.mobile-sync-text{font-size:.625rem}.mobile-title-text{display:none}.mobile-user-controls{align-items:stretch;flex-direction:column;gap:.5rem}.mobile-date-selector{justify-content:center}.mobile-user-selectors{justify-content:space-around}.mobile-user-dropdown{flex:1;min-width:80px}}.sidebar-enter{transform:translate(-100%)}.sidebar-enter-active{transition:transform .3s ease-in-out}.sidebar-enter-active,.sidebar-exit{transform:translate(0)}.sidebar-exit-active{transform:translate(-100%);transition:transform .3s ease-in-out}.overlay-enter{opacity:0}.overlay-enter-active{opacity:1;transition:opacity .3s ease-in-out}.overlay-exit{opacity:1}.overlay-exit-active{opacity:0;transition:opacity .3s ease-in-out}.today-status{background:var(--background-secondary);border-radius:var(--border-radius-small);color:var(--text-secondary);font-size:.95rem;font-weight:500;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.today-games{display:grid;gap:var(--spacing-md);grid-template-columns:1fr;margin-bottom:var(--spacing-xl)}@media(min-width:768px){.today-games{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(min-width:1200px){.today-games{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.game-header{gap:var(--spacing-md)}.game-icon{align-items:center;background:var(--background-secondary);border-radius:var(--border-radius-small);display:flex;flex-shrink:0;font-size:1.5rem;height:44px;justify-content:center;width:44px}.game-info{flex:1;min-width:0}.game-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;word-wrap:break-word;line-height:1.2;overflow-wrap:break-word;white-space:normal}.game-time{color:var(--text-secondary);font-size:.85rem}.game-score{background:rgba(0,123,255,.1);color:var(--accent-color);font-size:1.1rem;font-weight:700;gap:var(--spacing-xs);min-width:60px;text-align:center}.game-score,.multiple-plays{align-items:center;border-radius:var(--border-radius-small);display:flex;padding:var(--spacing-xs) var(--spacing-sm)}.multiple-plays{background:var(--background-secondary);color:var(--text-secondary);font-size:.8rem;justify-content:space-between;margin-top:var(--spacing-sm)}.game-subtitle{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.game-extra-info{border-top:1px solid var(--border-light);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.hard-mode-badge{background:#ff6b6b;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px}.game-details{animation:expandIn .3s ease-in-out;background:var(--background-secondary);border-radius:var(--border-radius-small);border-top:1px solid var(--border-light);box-sizing:border-box;display:none;grid-column:1 / -1;margin-top:var(--spacing-sm);padding:var(--spacing-md);width:100%}.game-details.expanded{display:block}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-grid{display:grid;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.detail-item label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.detail-item span{color:var(--text-primary);font-size:.85rem;text-align:right}.raw-text-container{border-top:1px solid var(--border-light);margin-top:var(--spacing-md);padding-top:var(--spacing-sm)}.raw-text-container label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:var(--spacing-xs)}.raw-text{background:var(--card-background);border:1px solid var(--border-light);border-radius:var(--border-radius-small);color:var(--text-primary);font-family:monospace;font-size:.8rem;line-height:1.4;max-height:200px;overflow-wrap:break-word;overflow-y:auto;padding:var(--spacing-sm);white-space:pre-wrap;word-break:break-word}.comparison-details-grid,.raw-text{box-sizing:border-box;width:100%}.comparison-details-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-top:var(--spacing-md)}.player-details h5{font-size:.9rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.player-details.brendon h5{color:#4f46e5}.player-details.emily h5{color:#ec4899}@media(max-width:768px){.comparison-details-grid{gap:var(--spacing-md);grid-template-columns:1fr}.today-games{gap:var(--spacing-sm)}.today-game-card{padding:var(--spacing-sm)}.game-header{gap:var(--spacing-sm)}.game-icon{font-size:1.3rem;height:40px;width:40px}.game-info h4{font-size:.95rem}.game-score{font-size:1rem;min-width:50px}.streak-cards{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.streak-card{padding:var(--spacing-sm)}.streak-number{font-size:1.5rem}}.desktop-comparison-layout{margin-bottom:var(--spacing-xl)}@media(max-width:767px){.desktop-comparison-layout{display:block!important}#today-games{display:none!important}.comparison-grid{display:grid!important;gap:var(--spacing-sm)!important;grid-template-columns:1fr!important}.comparison-controls{margin:0 0 var(--spacing-lg) 0!important;min-height:auto!important;padding:var(--spacing-md)!important}.user-selectors-row{flex-wrap:wrap;gap:var(--spacing-md)!important;justify-content:center}.user-dropdown,.user-selector{min-width:120px!important}.user-dropdown{font-size:.9rem!important;height:40px!important;padding:var(--spacing-xs) var(--spacing-sm)!important}.vs-indicator{font-size:1rem!important;height:50px!important;width:50px!important}.date-input{font-size:.9rem!important;min-width:140px!important}.head-to-head-score{margin:var(--spacing-md) 0!important;padding:var(--spacing-sm)!important}.score-breakdown{font-size:1.5rem!important}.comparison-row{gap:var(--spacing-sm)!important;grid-template-columns:1fr auto 1fr!important;min-height:auto!important;padding:var(--spacing-md)!important}.game-column{min-width:0!important}.game-center,.game-column{padding:var(--spacing-xs)!important}.game-center{min-width:80px!important}.game-center-title{font-size:.9rem!important;line-height:1.1!important}.game-winner{font-size:.7rem!important;padding:2px var(--spacing-xs)!important}.score-display{font-size:1.1rem!important}.game-time{font-size:.75rem!important}.expand-toggle{height:24px!important;margin-top:var(--spacing-xs)!important;width:24px!important}.expanded-details{gap:var(--spacing-sm)!important;grid-template-columns:1fr!important}.expanded-details,.user-raw-data{padding:var(--spacing-sm)!important}.raw-data-title{font-size:.8rem!important}.raw-data-content{font-size:.75rem!important;max-height:150px!important}}@media(min-width:768px){.desktop-comparison-layout{display:block!important}#today-games{display:none!important}.comparison-grid{display:grid!important}}.comparison-controls{background:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;flex-direction:column;gap:var(--spacing-md);margin:0 0 var(--spacing-xl) 0;min-height:120px;padding:var(--spacing-lg);position:relative}.comparison-controls,.user-selectors-row{align-items:center;display:flex;justify-content:center}.user-selectors-row{gap:var(--spacing-xl)}.user-selector{justify-content:center;min-width:150px;position:relative}.user-dropdown,.user-selector{align-items:center;display:flex;margin:0}.user-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23666'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:20px;border:2px solid var(--border-color);border-radius:var(--border-radius-small);box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;height:44px;min-width:140px;padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5rem;transition:all .2s ease}.user-dropdown:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.date-selector{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.date-selector-label{color:var(--text-secondary);font-size:1.2rem}.date-input{background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;min-width:150px;padding:var(--spacing-sm) var(--spacing-md)}.date-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.vs-indicator{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border-radius:50%;box-shadow:var(--shadow-medium);color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:60px;justify-content:center;margin:0;width:60px}.color-legend{height:16px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.color-legend .legend-color{border-radius:50%;height:100%;width:100%}.color-legend.brendon{left:-24px}.color-legend.brendon .legend-color{background:var(--brendon-color)}.color-legend.emily{right:-24px}.color-legend.emily .legend-color{background:var(--emily-color)}.comparison-grid{box-sizing:border-box;display:grid;gap:var(--spacing-md);grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}@media(max-width:767px){.comparison-grid{grid-template-columns:1fr;width:100%}}@media(min-width:768px){.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:none;width:100%}.comparison-row{padding:var(--spacing-lg)}}@media(min-width:1024px){.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:none;width:100%}.comparison-row{gap:var(--spacing-lg);padding:var(--spacing-lg)}}@media(min-width:1400px){.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}.comparison-row:has(.game-details.expanded){grid-column:1 / -1;max-width:none}.comparison-row{align-items:start;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);box-sizing:border-box;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr auto 1fr;max-width:none;overflow:visible;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 40px);transition:all .3s ease;width:100%}.game-header{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);order:0;text-align:center}.user-label{display:none;font-size:.9rem;margin-bottom:var(--spacing-xs)}.centered-title{margin:0 auto;text-align:center}.comparison-row:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.game-column{box-sizing:border-box;height:100%;overflow:hidden;position:relative;text-align:center}.game-column,.no-game-display{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:center}.no-game-display{opacity:.5;padding:var(--spacing-sm)}.no-game-icon{font-size:1.5rem;opacity:.7}.no-game-text{color:var(--text-tertiary);font-size:.8rem;font-style:italic;text-align:center}.game-info-header{gap:var(--spacing-sm)}.game-icon-small,.game-info-header{align-items:center;display:flex}.game-icon-small{background:var(--background-secondary);border-radius:var(--border-radius-small);flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.game-details-mini{flex:1}.game-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;word-wrap:break-word;line-height:1.2;overflow-wrap:break-word;white-space:normal}.game-number{font-size:.85rem;font-weight:500}.score-display{color:var(--accent-color);font-size:1.3rem;font-weight:700;margin:0}.score-display.brendon{color:var(--brendon-color)}.score-display.emily{color:var(--emily-color)}.game-time{color:var(--text-tertiary);font-size:.8rem;margin:0}.game-center{align-items:center;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xs);height:100%;justify-content:center;min-width:100px;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.game-center-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0;text-align:center;word-wrap:break-word;line-height:1.2;overflow-wrap:break-word;white-space:normal}.game-winner{align-items:center;background:var(--success-color);border-radius:var(--border-radius-small);color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:var(--spacing-xs);max-width:100%;overflow:hidden;padding:var(--spacing-xs);text-overflow:ellipsis;white-space:nowrap}.game-winner.brendon{background:#3b82f6;color:#fff}.game-winner.emily{background:#ec4899;color:#fff}.game-winner.tie{background:#6b7280;color:#fff}.expand-toggle{align-items:center;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:var(--spacing-xs);padding:var(--spacing-xs);width:28px}.expand-toggle svg{transform:rotate(180deg);transition:transform .2s ease}.expand-toggle:hover{background:var(--background-secondary);color:var(--text-primary)}.expand-toggle.expanded{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translate(-50%)}.expand-toggle.expanded svg{transform:rotate(0)}.comparison-row.expanded{grid-template-rows:auto 1fr}.expanded-details{border-top:1px solid var(--border-light);display:grid;gap:var(--spacing-lg);grid-column:1 / -1;grid-template-columns:1fr 1fr;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.expanded-details,.user-raw-data{box-sizing:border-box;overflow:hidden}.user-raw-data{background:var(--background-secondary);border-radius:var(--border-radius-small);min-width:0;padding:var(--spacing-md)}.raw-data-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.raw-data-content{background:var(--card-background);border:1px solid var(--border-light);border-radius:var(--border-radius-small);box-sizing:border-box;color:var(--text-secondary);font-family:monospace;font-size:.8rem;line-height:1.4;max-width:100%;overflow-wrap:break-word;padding:var(--spacing-sm);white-space:pre-wrap;word-break:break-word}.skeleton-comparison-row{background:var(--background-secondary);border-radius:var(--border-radius);display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 2fr;height:100px;overflow:hidden;padding:var(--spacing-lg);position:relative}.skeleton-comparison-row:before{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.head-to-head-score{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;justify-content:center;margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.score-display-container{align-items:center;display:flex;gap:var(--spacing-md)}.score-label{color:var(--text-secondary);font-size:.95rem}.score-breakdown{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:var(--spacing-sm)}.player1-score{color:#3b82f6}.player2-score{color:#ec4899}.ties-score{color:#6b7280}.score-separator{color:var(--text-secondary);font-weight:400}.publisher-icon{align-items:center;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;left:8px;opacity:1;padding:2px;position:absolute;top:8px;transition:opacity .2s ease;width:24px;z-index:10}.publisher-icon.linkedin{background-color:#0077b5;color:#fff}.publisher-icon.nyt{background-color:#000;border:1px solid #000;color:#fff}.publisher-icon.other{background-color:#6b7280;color:#fff;font-size:12px}.today-game-card:hover .publisher-icon{opacity:.8}.daily-game-winner{position:relative}.daily-game-winner .publisher-icon{height:16px;left:var(--spacing-xs);opacity:.5;position:absolute;top:var(--spacing-xs);width:16px}.comparison-row{cursor:pointer;position:relative;transition:all .2s ease-in-out}.comparison-row:hover{background-color:var(--background-secondary);transform:translateY(-1px)}.comparison-row .publisher-icon{height:20px;left:8px;opacity:1;position:absolute;top:8px;width:24px;z-index:10}[data-theme=dark] .publisher-icon.nyt{background-color:#fff;color:#000}[data-theme=dark] .publisher-icon.other{background-color:#9ca3af;color:#fff}.empty-state,.error-state{color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.empty-state .empty-icon,.error-state .error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.empty-state h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 var(--spacing-sm) 0}.empty-streaks{color:var(--text-secondary);font-style:italic;padding:var(--spacing-lg);text-align:center}.loading-skeleton{display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-card,.skeleton-streak{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--background-secondary) 0,var(--border-light) 50%,var(--background-secondary) 100%);background-size:200% 100%;border-radius:var(--border-radius-small)}.skeleton-card{height:80px}.skeleton-streak{height:60px}.game-details{opacity:0;overflow:hidden;transform:scaleY(0) translateY(-10px);transform-origin:top;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.game-details.expanded{opacity:1;transform:scaleY(1) translateY(0)}.comparison-row{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.comparison-row.expanding{transform:scale(1.01)}.expand-toggle{transition:all .2s ease}.expand-toggle svg{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.expand-toggle.expanded svg{transform:rotate(180deg)}.current-streaks{margin-bottom:var(--spacing-xl)}.current-streaks h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.streak-cards{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.calendar-comparison-controls{align-items:center;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);display:flex;gap:var(--spacing-xl);justify-content:center;margin:0 0 var(--spacing-xl) 0;min-height:80px;padding:var(--spacing-md) var(--spacing-lg)}.calendar-navigation{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:space-between;margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-md)}.calendar-container{position:relative}.calendar-grid{box-shadow:var(--shadow-sm)}.calendar-day-header{padding:var(--spacing-md)}.calendar-day-header:last-child{border-right:none}.calendar-body{min-height:400px}.calendar-day{min-height:80px}.calendar-day.other-month{background:var(--background-muted);color:var(--text-muted)}.calendar-day.today{background:var(--accent-light);border:2px solid var(--accent-color)}.calendar-day.day-winner-brendon{background:linear-gradient(135deg,color-mix(in srgb,var(--brendon-color) 15%,transparent),color-mix(in srgb,var(--brendon-color) 8%,transparent));position:relative}.calendar-day.day-winner-emily{background:linear-gradient(135deg,color-mix(in srgb,var(--emily-color) 15%,transparent),color-mix(in srgb,var(--emily-color) 8%,transparent));position:relative}.calendar-day.day-tie{background:linear-gradient(135deg,color-mix(in srgb,var(--text-secondary) 10%,transparent),color-mix(in srgb,var(--text-secondary) 5%,transparent));position:relative}.calendar-day.today.day-tie,.calendar-day.today.day-winner-brendon,.calendar-day.today.day-winner-emily{background:var(--accent-light);border:2px solid var(--accent-color)}.calendar-day.day-winner-brendon{border:1px solid color-mix(in srgb,var(--brendon-color) 30%,transparent)}.calendar-day.day-winner-emily{border:1px solid color-mix(in srgb,var(--emily-color) 30%,transparent)}.calendar-day-number{font-weight:600}.calendar-day-games{gap:2px}.calendar-game-icon{background:var(--accent-light);border-radius:2px;color:var(--accent-color);height:16px;width:16px}.calendar-loading{align-items:center;display:flex;grid-column:1 / -1;justify-content:center;min-height:200px}.skeleton-calendar-day{animation:skeleton-pulse 2s ease-in-out infinite alternate;background:var(--skeleton-bg);border-radius:var(--border-radius);height:60px;margin:var(--spacing-sm);width:60px}.calendar-day-details{backdrop-filter:blur(10px);background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);left:0;margin-top:var(--spacing-md);max-height:60vh;opacity:1;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(0);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1000}.calendar-day-details.expanded{background:linear-gradient(135deg,var(--card-background),hsla(0,0%,100%,.98));border:2px solid var(--accent-color);box-shadow:0 20px 80px rgba(0,123,255,.15),0 8px 32px rgba(0,0,0,.12);max-height:85vh;transform:translateY(-4px) scale(1.02)}.day-details-header{align-items:center;background:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.day-details-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.day-details-close-btn{align-items:center;background:var(--text-muted);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:background .2s ease;width:32px}.day-details-close-btn:hover{background:var(--text-secondary)}.day-game-item{align-items:center;background:var(--background-secondary);border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);transition:all .2s ease}.day-game-item:hover{background:var(--accent-light);transform:translateY(-1px)}.day-game-item:last-child{margin-bottom:0}.calendar-game-details{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);left:0;margin-top:var(--spacing-md);max-height:70vh;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.game-details-header{align-items:center;background:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.game-details-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.game-details-close-btn{align-items:center;background:var(--text-muted);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:background .2s ease;width:32px}.game-details-close-btn:hover{background:var(--text-secondary)}.game-details-content{padding:var(--spacing-lg)}@media(max-width:768px){.calendar-comparison-controls{flex-direction:column;gap:var(--spacing-md);min-height:auto}.calendar-day{min-height:60px;padding:var(--spacing-xs)}.calendar-day-number{font-size:.9rem}.calendar-game-icon{font-size:8px;height:12px;width:12px}.calendar-day-details,.calendar-game-details{border-radius:var(--border-radius-large);bottom:10%;left:5%;margin:0;max-height:none;overflow-y:auto;position:fixed;right:5%;top:10%}.calendar-nav-btn{font-size:1.2rem;height:36px;width:36px}.calendar-month-year span{font-size:1.1rem}}@media(max-width:480px){.calendar-body{min-height:300px}.calendar-day{min-height:45px}.calendar-day-number{font-size:.8rem}.calendar-game-icon{font-size:6px;height:10px;width:10px}}.calendar-stats-showcase{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.stats-hero{display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr;margin-bottom:var(--spacing-lg)}.stats-primary{align-items:center;display:flex;gap:var(--spacing-xl)}.stat-item{background:var(--background-secondary);min-width:120px;padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.stat-item:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.stat-number{color:var(--accent-color);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.9rem;font-weight:500}.stats-secondary{align-items:center;display:flex;flex-direction:column;justify-content:center}.activity-indicator{text-align:center}.activity-dots{background:var(--background-primary);border-radius:var(--border-radius-small);display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-bottom:var(--spacing-sm);max-width:200px;padding:var(--spacing-md)}.activity-dot{background:var(--border-color);border-radius:2px;height:8px;transition:all .2s ease;width:8px}.activity-dot.low{background:#e5f7e5}.activity-dot.medium{background:#90ee90}.activity-dot.high{background:#28a745}.activity-dot.extreme{background:#198754}[data-theme=dark] .activity-dot.low{background:#1a2e1a}[data-theme=dark] .activity-dot.medium{background:#2d5a2d}[data-theme=dark] .activity-dot.high{background:#28a745}[data-theme=dark] .activity-dot.extreme{background:#20c997}.activity-label{color:var(--text-tertiary);font-size:.85rem}.timeline-navigation{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--spacing-lg)}.timeline-selector{background:var(--background-secondary);border-radius:8px;display:flex;gap:var(--spacing-sm);padding:4px}.timeline-info{color:var(--text-tertiary);font-size:.9rem}.calendar-navigation-enhanced{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.calendar-nav-controls{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-md)}.calendar-month-year{min-width:200px;text-align:center}.month-name{color:var(--text-primary);display:block;font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.month-stats{color:var(--text-secondary);font-size:.9rem;font-weight:500}.calendar-grid{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);overflow:hidden}.calendar-header{background:var(--background-secondary);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-header{border-right:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:var(--spacing-lg) var(--spacing-md);text-align:center}.calendar-body{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{background:var(--card-background);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:var(--spacing-sm);position:relative;transition:all .2s ease}.calendar-day:last-child{border-right:none}.calendar-day:hover{background:var(--background-secondary);box-shadow:var(--shadow-medium);transform:scale(1.02);z-index:2}.calendar-day.selected{background:var(--accent-color);color:#fff}.calendar-day.other-month{background:var(--background-primary);color:var(--text-tertiary);opacity:.5}.calendar-day.today{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));box-shadow:0 4px 12px rgba(0,123,255,.4);color:#fff}.calendar-day-number{align-self:flex-start;font-size:1.1rem;font-weight:700;margin-bottom:var(--spacing-xs)}.calendar-day.today .calendar-day-number{color:#fff}.calendar-day-density{border-radius:inherit;bottom:0;left:0;opacity:.15;pointer-events:none;position:absolute;right:0;top:0}.calendar-day-density.density-0{background:transparent}.calendar-day-density.density-1{background:var(--success-color)}.calendar-day-density.density-2{background:linear-gradient(135deg,var(--success-color),#20c997)}.calendar-day-density.density-3{background:linear-gradient(135deg,#20c997,#17a2b8)}.calendar-day-density.density-4{background:linear-gradient(135deg,#17a2b8,var(--accent-color))}.calendar-day-density.density-5{background:linear-gradient(135deg,var(--accent-color),#6f42c1)}.calendar-day-games{align-content:flex-start;align-items:flex-start;display:flex;flex:1;flex-wrap:wrap;gap:3px;margin-top:var(--spacing-xs)}.calendar-game-icon{align-items:center;background:var(--background-secondary);border-radius:4px;color:var(--text-primary);display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:relative;transition:all .15s ease;width:20px}.calendar-game-icon:hover{box-shadow:var(--shadow-medium);transform:scale(1.2);z-index:5}.calendar-game-icon.player1-won{background:var(--brendon-color);border:2px solid var(--brendon-color);box-shadow:0 0 4px rgba(33,150,243,.4);color:#fff}.calendar-game-icon.player2-won{background:var(--emily-color);border:2px solid var(--emily-color);box-shadow:0 0 4px rgba(233,30,99,.4);color:#fff}.calendar-game-icon.game-tied{background:linear-gradient(45deg,var(--brendon-color) 50%,var(--emily-color) 50%);border:2px solid var(--text-secondary);color:#fff}.calendar-game-icon.player1-only{background:var(--brendon-color);border:1px dashed var(--brendon-color);color:#fff;opacity:.6}.calendar-game-icon.player2-only{background:var(--emily-color);border:1px dashed var(--emily-color);color:#fff;opacity:.6}.calendar-game-icon.player1-played.player2-played{background:linear-gradient(to bottom right,var(--brendon-color) 0,var(--brendon-color) 50%,var(--emily-color) 50%,var(--emily-color) 100%);color:#fff}.calendar-game-icon.player1-played:not(.player2-played){background:var(--brendon-color);color:#fff}.calendar-game-icon.player2-played:not(.player1-played){background:var(--emily-color);color:#fff}.calendar-game-icon:not(.player1-played):not(.player2-played):not(.player1-won):not(.player2-won):not(.game-tied):not(.player1-only):not(.player2-only){background:var(--border-color);color:var(--text-secondary)}.streak-indicator{background:var(--success-color);border-radius:50%;box-shadow:0 0 0 2px var(--card-background);height:8px;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s ease;width:8px}.calendar-day.has-streak .streak-indicator{opacity:1}.streak-indicator.long-streak{animation:pulse 2s infinite;background:linear-gradient(135deg,var(--success-color),#20c997)}.calendar-day-details.enhanced{backdrop-filter:blur(10px);background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 8px 32px rgba(0,0,0,.1);left:0;margin-top:var(--spacing-md);max-height:70vh;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.day-details-header.enhanced{align-items:flex-start;background:linear-gradient(135deg,var(--background-secondary),var(--card-background));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.day-header-content h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.day-summary-stats{display:flex;gap:var(--spacing-md)}.games-count{background:var(--accent-color)}.day-streak,.games-count{border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.day-streak{background:var(--success-color)}.day-actions{gap:var(--spacing-sm)}.day-actions,.expand-btn.expand-toggle{align-items:center;display:flex}.expand-btn.expand-toggle{backdrop-filter:blur(10px);background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);color:var(--text-secondary);cursor:pointer;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:44px}.expand-btn.expand-toggle:before{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%;z-index:-1}.expand-btn.expand-toggle:after{background:rgba(255,255,255,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.34,1.56,.64,1);width:0}.expand-btn.expand-toggle:hover{border-color:var(--accent-color);box-shadow:0 12px 28px rgba(0,123,255,.3);color:var(--accent-color);transform:translateY(-3px) scale(1.05)}.expand-btn.expand-toggle:hover:after{height:60px;width:60px}.expand-btn.expand-toggle:active{transform:translateY(-1px) scale(.98);transition:transform .15s ease}.expand-btn.expand-toggle.expanded{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 8px 24px rgba(0,123,255,.4);color:#fff;transform:translateY(-2px)}.expand-btn.expand-toggle.expanded:before{opacity:1;transform:scale(1)}.expand-btn.expand-toggle.expanded:hover{box-shadow:0 16px 36px rgba(0,123,255,.5);transform:translateY(-4px) scale(1.05)}.expand-btn.expand-toggle .expand-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:20px;transform-origin:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:20px}.expand-btn.expand-toggle.expanded .expand-icon{transform:rotate(180deg) scale(1.1)}.expand-btn.expand-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@keyframes expand-btn-intro{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.expand-btn.expand-toggle.intro{animation:expand-btn-intro .6s cubic-bezier(.25,.46,.45,.94)}.head-to-head-score.enhanced{border-bottom:1px solid var(--border-color);margin:0;padding:var(--spacing-lg)}.players-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.player-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.vs-divider{color:var(--text-tertiary);font-size:.9rem;font-weight:500}.score-breakdown.enhanced{display:flex;gap:var(--spacing-xl);justify-content:center}.score-section{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.score-section.wins{flex-direction:row;gap:var(--spacing-lg)}.score-section.wins .score-label{background:var(--background-secondary);border-radius:6px;color:var(--text-secondary);font-size:.8rem;order:2;padding:var(--spacing-xs) var(--spacing-sm)}.player1-score,.player2-score{font-size:1.8rem;font-weight:700;min-width:40px;text-align:center}.ties-score{font-size:1.5rem;font-weight:600}.score-label{color:var(--text-tertiary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.day-games-list{min-height:200px;padding:var(--spacing-lg);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.games-grid-view{display:grid;gap:var(--spacing-md)}.day-detailed-games-grid{animation:expand-in .6s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}@keyframes expand-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}60%{opacity:.8;transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes collapse-out{0%{opacity:1;transform:translateY(0) scale(1)}40%{opacity:.6;transform:translateY(-5px) scale(.98)}to{opacity:0;transform:translateY(-15px) scale(.95)}}.day-games-list.collapsing .day-detailed-games-grid{animation:collapse-out .4s cubic-bezier(.34,1.56,.64,1)}.detailed-game-section{background:linear-gradient(135deg,var(--background-secondary),var(--card-background));border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.06);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.detailed-game-section:before{background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));content:"";height:2px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:100%}.detailed-game-section:hover{background:linear-gradient(135deg,var(--card-background),hsla(0,0%,100%,.95));border-color:var(--accent-color);box-shadow:0 8px 24px rgba(0,123,255,.12),0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px) scale(1.01)}.detailed-game-section:hover:before{transform:scaleX(1)}.game-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:700;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.game-section-title:before{background:linear-gradient(to bottom,var(--accent-color),var(--accent-hover));border-radius:2px;content:"";flex-shrink:0;height:20px;width:4px}.detailed-game-players{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-top:var(--spacing-md)}.detailed-player-section{background:var(--card-background);border:1px solid var(--border-light);border-radius:var(--border-radius-small);padding:var(--spacing-md);transition:all .2s ease}.detailed-player-section.player1{border-left:4px solid var(--brendon-color)}.detailed-player-section.player2{border-left:4px solid var(--emily-color)}.detailed-player-section:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.player-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.player-header .player-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.player-header .game-count{background:var(--background-secondary);border-radius:12px;color:var(--text-tertiary);font-size:.85rem;padding:4px 8px}.player-games{display:flex;flex-direction:column;gap:var(--spacing-sm)}.individual-game{background:var(--background-primary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;overflow:hidden;padding:var(--spacing-sm);position:relative;transition:all .2s ease}.individual-game:before{background:var(--accent-color);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .2s ease;width:3px}.individual-game:hover{background:var(--card-background);border-color:var(--accent-color);box-shadow:0 2px 8px rgba(0,123,255,.15);transform:translate(4px)}.individual-game:hover:before{transform:scaleY(1)}.game-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.game-number{background:var(--background-secondary);border-radius:4px;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:2px 6px}.game-score{color:var(--text-primary);font-weight:600}.game-details{color:var(--text-tertiary);font-size:.85rem}.game-timing{background:var(--success-color);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;margin-right:var(--spacing-xs);padding:2px 6px}.day-comparison-grid{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.day-comparison-grid .comparison-row{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:var(--spacing-lg);transition:all .2s ease}.day-comparison-grid .comparison-row:hover{border-color:var(--accent-color);box-shadow:var(--shadow-medium)}.day-comparison-grid .expanded-details{background:var(--background-secondary);border-radius:var(--border-radius-small);border-top:1px solid var(--border-light);display:grid!important;gap:var(--spacing-md);grid-column:1 / -1;grid-template-columns:1fr 1fr;margin-top:var(--spacing-md);min-height:120px;overflow:visible;padding:var(--spacing-md);width:100%}@media screen and (max-width:768px){.calendar-stats-showcase{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.stats-hero{gap:var(--spacing-lg);grid-template-columns:1fr}.stats-primary{flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.stat-item{min-width:100px;padding:var(--spacing-md)}.stat-number{font-size:2rem}.activity-dots{gap:2px;max-width:150px}.activity-dot{height:6px;width:6px}.calendar-nav-controls{gap:var(--spacing-sm)}.month-name{font-size:1.2rem}.calendar-day{min-height:70px}.calendar-day-number{font-size:1rem}.calendar-game-icon{font-size:9px;height:14px;width:14px}.timeline-selector{flex-wrap:wrap;gap:4px}.timeline-btn{font-size:.8rem;padding:6px 12px}.calendar-day-details.enhanced{left:var(--spacing-sm);max-height:60vh;right:var(--spacing-sm)}.day-details-header.enhanced{align-items:stretch;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.day-actions{justify-content:flex-end}.games-grid-view{gap:var(--spacing-sm);grid-template-columns:1fr}.score-breakdown.enhanced{flex-direction:column;gap:var(--spacing-md)}.score-section.wins{flex-direction:column;gap:var(--spacing-xs)}.score-section.wins .score-label{order:0}.detailed-game-players{gap:var(--spacing-md);grid-template-columns:1fr}.detailed-game-section{padding:var(--spacing-md)}.game-section-title{font-size:1.1rem}.expand-btn.expand-toggle{height:36px;width:36px}.expand-btn.expand-toggle .expand-icon{height:14px;width:14px}}@media screen and (max-width:480px){.day-summary-stats{flex-direction:column;gap:var(--spacing-xs)}.day-streak,.games-count{align-self:flex-start}.enhanced-game-card{padding:var(--spacing-sm)}.game-card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}.section-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg);text-align:center}.player-game-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.selector-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.game-selector{flex-direction:column;gap:var(--spacing-sm)}.game-select{background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-primary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md)}.game-comparison-visualization{background:linear-gradient(135deg,var(--background-secondary) 0,var(--card-background) 100%);border-radius:var(--border-radius);margin-top:var(--spacing-lg);min-height:400px;padding:var(--spacing-lg)}.score-histogram{display:flex;flex-direction:column;gap:var(--spacing-lg)}.histogram-header{text-align:center}.histogram-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-sm)}.histogram-stats{color:var(--text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-lg);justify-content:center}.histogram-chart{flex-direction:column;margin:0 auto;max-width:500px}.histogram-chart,.histogram-row{display:flex;gap:var(--spacing-sm)}.histogram-row{align-items:center}.score-label{color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:center;width:60px}.bar-container{background:var(--border-light);border-radius:12px;display:flex;flex:1;height:24px;min-width:200px;overflow:hidden;position:relative}.bar-segment{height:100%;position:relative;transition:width .3s ease}.bar-segment.brendon{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.bar-segment.emily{background:linear-gradient(90deg,#ec4899,#be185d)}.bar-count{color:#fff;font-size:.7rem;font-weight:600;position:absolute;right:4px;text-shadow:0 1px 2px rgba(0,0,0,.3);top:50%;transform:translateY(-50%)}.bar-count:empty{display:none}.time-chart{display:flex;flex-direction:column;gap:var(--spacing-lg)}.chart-header{text-align:center}.chart-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-sm)}.chart-stats{display:grid;font-size:.9rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:var(--spacing-sm);text-align:center}.stat-label{color:var(--text-secondary);font-size:.8rem;margin-bottom:2px}.stat-value{color:var(--text-primary);font-weight:600}.stat-value.brendon{color:#3b82f6}.stat-value.emily{color:#ec4899}.chart-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-small);margin:var(--spacing-md) 0;max-height:600px;min-height:200px;overflow-x:hidden;overflow-y:auto;position:relative}.line-graph-container{align-items:center;display:flex;justify-content:center;min-height:350px;padding:var(--spacing-lg)}.line-graph-container svg{height:auto;max-width:100%}.player1-line{stroke:#3b82f6;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.player2-line{stroke:#ec4899;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(236,72,153,.3))}.player1-point{fill:#3b82f6;stroke:#fff;stroke-width:2;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(59,130,246,.4));transition:r .2s ease,filter .2s ease}.player1-point:hover{r:6;filter:drop-shadow(0 4px 8px rgba(59,130,246,.6))}.player2-point{fill:#ec4899;stroke:#fff;stroke-width:2;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(236,72,153,.4));transition:r .2s ease,filter .2s ease}.player2-point:hover{r:6;filter:drop-shadow(0 4px 8px rgba(236,72,153,.6))}.win-loss-record{display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:center}.record-header{margin-bottom:var(--spacing-md)}.record-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-sm)}.head-to-head-score{font-size:2rem;font-weight:700;margin:var(--spacing-md) 0}.score-brendon{color:#3b82f6}.score-emily{color:#ec4899}.recent-matchups{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0 auto;max-width:400px}.matchup-item{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-small);display:flex;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.matchup-date{color:var(--text-secondary);margin-right:var(--spacing-md);min-width:80px}.matchup-result{flex:1;text-align:center}.winner{font-weight:600}.winner.brendon{color:#3b82f6}.winner.emily{color:#ec4899}.comparison-legend{display:flex;font-size:.9rem;gap:var(--spacing-lg);justify-content:center;margin:var(--spacing-lg) 0}.legend-item{align-items:center;display:flex;gap:var(--spacing-sm)}.legend-color{border-radius:50%;height:16px;width:16px}.legend-color.brendon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.legend-color.emily{background:linear-gradient(135deg,#ec4899,#be185d)}.time-performance-bars{padding:var(--spacing-md)}.performance-comparison{gap:var(--spacing-lg)}.performance-comparison,.performance-row{display:flex;flex-direction:column}.performance-row{gap:var(--spacing-sm)}.performance-label{color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:center}.performance-bar-container{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0 auto;min-width:250px}.performance-bar{align-items:center;border-radius:16px;display:flex;height:32px;justify-content:center;min-width:60px;position:relative;transition:all .3s ease}.performance-bar.brendon{background:linear-gradient(90deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px rgba(59,130,246,.3)}.performance-bar.emily{background:linear-gradient(90deg,#ec4899,#be185d);box-shadow:0 2px 8px rgba(236,72,153,.3)}.performance-time{color:#fff;font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.comparison-controls.combined{align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);height:auto;justify-content:center;padding:var(--spacing-lg)}.comparison-controls.combined .game-selector{flex-basis:100%;justify-content:center;margin:0;margin-top:var(--spacing-md)}.comparison-controls.combined .game-selector,.game-selector{align-items:center;display:flex;gap:var(--spacing-md)}.game-selector{margin:0}.game-selector-label{color:var(--text-primary);font-size:1.5rem;font-weight:600}.game-select{min-width:200px}.game-selector-row{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-md) 0}.opposing-histogram{padding:var(--spacing-lg)}.opposing-histogram .histogram-header{margin-bottom:var(--spacing-lg);text-align:center}.opposing-histogram-chart{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0 auto;max-width:700px;overflow-x:auto;white-space:nowrap}.opposing-histogram-row{align-items:center;display:grid;gap:0;grid-template-columns:minmax(120px,1fr) 60px minmax(120px,1fr);height:40px;min-width:340px}.opposing-bar-left{background:linear-gradient(-90deg,#3b82f6,#1d4ed8);border-radius:var(--border-radius);box-shadow:-2px 0 8px rgba(59,130,246,.3);justify-content:flex-end;justify-self:end;min-width:40px;transition:all .3s ease}.opposing-bar-left,.opposing-score-label{align-items:center;display:flex;height:32px}.opposing-score-label{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);color:var(--text-primary);flex-shrink:0;font-size:.9rem;font-weight:700;justify-content:center;justify-self:center;text-align:center;width:40px;z-index:10}.opposing-bar-right{align-items:center;background:linear-gradient(90deg,#ec4899,#be185d);border-radius:var(--border-radius);box-shadow:2px 0 8px rgba(236,72,153,.3);display:flex;height:32px;justify-content:flex-start;justify-self:start;min-width:40px;transition:all .3s ease}.opposing-bar-count{color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;min-width:30px;padding:0 var(--spacing-sm);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}@media(max-width:768px){.opposing-histogram-chart{max-width:100%;padding:0 var(--spacing-sm)}.opposing-histogram-row{grid-template-columns:minmax(100px,1fr) 50px minmax(100px,1fr);min-width:320px}.opposing-score-label{font-size:.85rem;width:35px}.selector-row{flex-direction:column;gap:var(--spacing-md)}.chart-stats{grid-template-columns:1fr 1fr}.comparison-legend{align-items:center}.comparison-legend,.histogram-stats{flex-direction:column;gap:var(--spacing-sm)}.histogram-stats{text-align:center}.head-to-head-score{font-size:1.5rem}}@media(min-width:1024px){.head-to-head-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.comparison-header{margin:0 auto var(--spacing-xl) auto;max-width:600px}.player-avatar{font-size:3rem;height:100px;width:100px}.vs-separator{font-size:1.3rem;height:80px;width:80px}.score-comparison{gap:var(--spacing-xl)}.score-value{font-size:2rem}}@media(prefers-contrast:high){:root{--border-color:#000;--text-secondary:#000;--shadow-light:0 2px 8px rgba(0,0,0,.3)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.shimmer{animation:none}}@media print{.bottom-nav,.mobile-header{display:none}.main-content{padding:0}.tab-section{display:block!important}.card{border:1px solid #ccc;box-shadow:none}}@media screen and (min-width:1024px){.comparison-grid,.desktop-comparison-layout,.today-games{max-width:none!important;width:100%!important}.comparison-controls{max-width:none;width:100%}}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.current-user-display,.user-account-section{padding:var(--spacing-md)}.current-user-display{align-items:center;background:var(--background-secondary);border-radius:var(--border-radius);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.user-label{color:var(--text-secondary);font-weight:600;min-width:100px}.current-user-info{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--spacing-sm)}#current-user-emoji{font-size:1.5rem}.user-switcher{align-items:flex-start}.user-switch-buttons,.user-switcher{display:flex;gap:var(--spacing-md)}.user-switch-buttons{flex-wrap:wrap}.user-switch-btn{align-items:center;background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.user-switch-btn:hover{background:var(--background-secondary);border-color:var(--accent-color);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.user-switch-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.user-switch-btn .user-emoji{font-size:1.25rem}.user-switch-btn .user-name{font-weight:600}.data-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.emoji-selector-section{margin-bottom:1.5rem;margin-top:1rem}.emoji-selector-label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.emoji-grid{background:var(--background-primary);border:1px solid var(--border-color-light);border-radius:var(--border-radius);display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));max-height:300px;overflow-y:auto;padding:.75rem}.emoji-option{align-items:center;background:var(--background-secondary);border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:1.5rem;height:45px;justify-content:center;padding:0;transition:all .2s ease;width:45px}.emoji-option:hover{background:var(--background-hover);border-color:var(--accent-color);transform:scale(1.1)}.emoji-option.selected{background:var(--accent-light);border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.emoji-preview{color:var(--text-secondary);font-size:.875rem;gap:.75rem;margin-top:1rem}.current-emoji-display,.emoji-preview{align-items:center;display:flex}.current-emoji-display{background:var(--background-secondary);border:2px solid var(--accent-color);border-radius:var(--border-radius);font-size:2rem;height:50px;justify-content:center;width:50px}.customization-divider{border:none;border-top:1px solid var(--border-color-light);margin:2rem 0}.color-picker-section{margin-top:1rem}.color-picker-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem}.color-palette{display:flex;flex-wrap:wrap;gap:.5rem}.color-option{height:40px;width:40px}.color-option.selected{border-color:var(--text-primary)}.color-option.selected:after{font-size:1.2rem}.color-preview{gap:.75rem;margin-top:1rem}.current-color-display{border:2px solid var(--border-color)}@media(min-width:768px){.data-controls{flex-direction:row}}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.gap-0{gap:var(--spacing-0)}.gap-px{gap:var(--spacing-px)}.gap-0-5{gap:var(--spacing-0-5)}.gap-1{gap:var(--spacing-1)}.gap-1-5{gap:var(--spacing-1-5)}.gap-2{gap:var(--spacing-2)}.gap-2-5{gap:var(--spacing-2-5)}.gap-3{gap:var(--spacing-3)}.gap-3-5{gap:var(--spacing-3-5)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-7{gap:var(--spacing-7)}.gap-8{gap:var(--spacing-8)}.gap-9{gap:var(--spacing-9)}.gap-10{gap:var(--spacing-10)}.gap-11{gap:var(--spacing-11)}.gap-12{gap:var(--spacing-12)}.gap-14{gap:var(--spacing-14)}.gap-16{gap:var(--spacing-16)}.gap-20{gap:var(--spacing-20)}.gap-24{gap:var(--spacing-24)}.gap-28{gap:var(--spacing-28)}.gap-32{gap:var(--spacing-32)}.gap-36{gap:var(--spacing-36)}.gap-40{gap:var(--spacing-40)}.gap-44{gap:var(--spacing-44)}.gap-48{gap:var(--spacing-48)}.gap-52{gap:var(--spacing-52)}.gap-56{gap:var(--spacing-56)}.gap-60{gap:var(--spacing-60)}.gap-64{gap:var(--spacing-64)}.gap-72{gap:var(--spacing-72)}.gap-80{gap:var(--spacing-80)}.gap-96{gap:var(--spacing-96)}.gap-x-0{-moz-column-gap:var(--spacing-0);column-gap:var(--spacing-0)}.gap-x-px{-moz-column-gap:var(--spacing-px);column-gap:var(--spacing-px)}.gap-x-0-5{-moz-column-gap:var(--spacing-0-5);column-gap:var(--spacing-0-5)}.gap-x-1{-moz-column-gap:var(--spacing-1);column-gap:var(--spacing-1)}.gap-x-1-5{-moz-column-gap:var(--spacing-1-5);column-gap:var(--spacing-1-5)}.gap-x-2{-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2)}.gap-x-2-5{-moz-column-gap:var(--spacing-2-5);column-gap:var(--spacing-2-5)}.gap-x-3{-moz-column-gap:var(--spacing-3);column-gap:var(--spacing-3)}.gap-x-3-5{-moz-column-gap:var(--spacing-3-5);column-gap:var(--spacing-3-5)}.gap-x-4{-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4)}.gap-x-5{-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.gap-x-6{-moz-column-gap:var(--spacing-6);column-gap:var(--spacing-6)}.gap-x-7{-moz-column-gap:var(--spacing-7);column-gap:var(--spacing-7)}.gap-x-8{-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.gap-x-9{-moz-column-gap:var(--spacing-9);column-gap:var(--spacing-9)}.gap-x-10{-moz-column-gap:var(--spacing-10);column-gap:var(--spacing-10)}.gap-x-11{-moz-column-gap:var(--spacing-11);column-gap:var(--spacing-11)}.gap-x-12{-moz-column-gap:var(--spacing-12);column-gap:var(--spacing-12)}.gap-x-14{-moz-column-gap:var(--spacing-14);column-gap:var(--spacing-14)}.gap-x-16{-moz-column-gap:var(--spacing-16);column-gap:var(--spacing-16)}.gap-x-20{-moz-column-gap:var(--spacing-20);column-gap:var(--spacing-20)}.gap-x-24{-moz-column-gap:var(--spacing-24);column-gap:var(--spacing-24)}.gap-x-28{-moz-column-gap:var(--spacing-28);column-gap:var(--spacing-28)}.gap-x-32{-moz-column-gap:var(--spacing-32);column-gap:var(--spacing-32)}.gap-x-36{-moz-column-gap:var(--spacing-36);column-gap:var(--spacing-36)}.gap-x-40{-moz-column-gap:var(--spacing-40);column-gap:var(--spacing-40)}.gap-x-44{-moz-column-gap:var(--spacing-44);column-gap:var(--spacing-44)}.gap-x-48{-moz-column-gap:var(--spacing-48);column-gap:var(--spacing-48)}.gap-x-52{-moz-column-gap:var(--spacing-52);column-gap:var(--spacing-52)}.gap-x-56{-moz-column-gap:var(--spacing-56);column-gap:var(--spacing-56)}.gap-x-60{-moz-column-gap:var(--spacing-60);column-gap:var(--spacing-60)}.gap-x-64{-moz-column-gap:var(--spacing-64);column-gap:var(--spacing-64)}.gap-x-72{-moz-column-gap:var(--spacing-72);column-gap:var(--spacing-72)}.gap-x-80{-moz-column-gap:var(--spacing-80);column-gap:var(--spacing-80)}.gap-x-96{-moz-column-gap:var(--spacing-96);column-gap:var(--spacing-96)}.gap-y-0{row-gap:var(--spacing-0)}.gap-y-px{row-gap:var(--spacing-px)}.gap-y-0-5{row-gap:var(--spacing-0-5)}.gap-y-1{row-gap:var(--spacing-1)}.gap-y-1-5{row-gap:var(--spacing-1-5)}.gap-y-2{row-gap:var(--spacing-2)}.gap-y-2-5{row-gap:var(--spacing-2-5)}.gap-y-3{row-gap:var(--spacing-3)}.gap-y-3-5{row-gap:var(--spacing-3-5)}.gap-y-4{row-gap:var(--spacing-4)}.gap-y-5{row-gap:var(--spacing-5)}.gap-y-6{row-gap:var(--spacing-6)}.gap-y-7{row-gap:var(--spacing-7)}.gap-y-8{row-gap:var(--spacing-8)}.gap-y-9{row-gap:var(--spacing-9)}.gap-y-10{row-gap:var(--spacing-10)}.gap-y-11{row-gap:var(--spacing-11)}.gap-y-12{row-gap:var(--spacing-12)}.gap-y-14{row-gap:var(--spacing-14)}.gap-y-16{row-gap:var(--spacing-16)}.gap-y-20{row-gap:var(--spacing-20)}.gap-y-24{row-gap:var(--spacing-24)}.gap-y-28{row-gap:var(--spacing-28)}.gap-y-32{row-gap:var(--spacing-32)}.gap-y-36{row-gap:var(--spacing-36)}.gap-y-40{row-gap:var(--spacing-40)}.gap-y-44{row-gap:var(--spacing-44)}.gap-y-48{row-gap:var(--spacing-48)}.gap-y-52{row-gap:var(--spacing-52)}.gap-y-56{row-gap:var(--spacing-56)}.gap-y-60{row-gap:var(--spacing-60)}.gap-y-64{row-gap:var(--spacing-64)}.gap-y-72{row-gap:var(--spacing-72)}.gap-y-80{row-gap:var(--spacing-80)}.gap-y-96{row-gap:var(--spacing-96)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.col-start-13{grid-column-start:13}.col-start-auto{grid-column-start:auto}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.col-end-8{grid-column-end:8}.col-end-9{grid-column-end:9}.col-end-10{grid-column-end:10}.col-end-11{grid-column-end:11}.col-end-12{grid-column-end:12}.col-end-13{grid-column-end:13}.col-end-auto{grid-column-end:auto}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}.row-auto{grid-row:auto}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-4{grid-row:span 4 / span 4}.row-span-5{grid-row:span 5 / span 5}.row-span-6{grid-row:span 6 / span 6}.row-span-full{grid-row:1 / -1}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-start-6{grid-row-start:6}.row-start-7{grid-row-start:7}.row-start-auto{grid-row-start:auto}.row-end-1{grid-row-end:1}.row-end-2{grid-row-end:2}.row-end-3{grid-row-end:3}.row-end-4{grid-row-end:4}.row-end-5{grid-row-end:5}.row-end-6{grid-row-end:6}.row-end-7{grid-row-end:7}.row-end-auto{grid-row-end:auto}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.auto-cols-auto{grid-auto-columns:auto}.auto-cols-min{grid-auto-columns:min-content}.auto-cols-max{grid-auto-columns:max-content}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.auto-rows-auto{grid-auto-rows:auto}.auto-rows-min{grid-auto-rows:min-content}.auto-rows-max{grid-auto-rows:max-content}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-stretch{place-content:stretch}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{bottom:0;top:0}.inset-0,.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-auto{bottom:auto;top:auto}.inset-auto,.inset-x-auto{left:auto;right:auto}.inset-y-auto{bottom:auto;top:auto}.top-auto{top:auto}.right-auto{right:auto}.bottom-auto{bottom:auto}.left-auto{left:auto}.inset-1\/2{bottom:50%;top:50%}.inset-1\/2,.inset-x-1\/2{left:50%;right:50%}.inset-y-1\/2{bottom:50%;top:50%}.top-1\/2{top:50%}.right-1\/2{right:50%}.bottom-1\/2{bottom:50%}.left-1\/2{left:50%}.inset-full{bottom:100%;top:100%}.inset-full,.inset-x-full{left:100%;right:100%}.inset-y-full{bottom:100%;top:100%}.top-full{top:100%}.right-full{right:100%}.bottom-full{bottom:100%}.left-full{left:100%}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.z-0{z-index:var(--z-index-0)}.z-10{z-index:var(--z-index-10)}.z-20{z-index:var(--z-index-20)}.z-30{z-index:var(--z-index-30)}.z-40{z-index:var(--z-index-40)}.z-50{z-index:var(--z-index-50)}.z-auto{z-index:var(--z-index-auto)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.object-left-bottom{-o-object-position:left bottom;object-position:left bottom}.object-left-top{-o-object-position:left top;object-position:left top}.object-right{-o-object-position:right;object-position:right}.object-right-bottom{-o-object-position:right bottom;object-position:right bottom}.object-right-top{-o-object-position:right top;object-position:right top}.object-top{-o-object-position:top;object-position:top}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.visible{visibility:visible}.invisible{visibility:hidden}@media(max-width:639px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media(min-width:640px)and (max-width:767px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}}@media(min-width:768px)and (max-width:1023px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}}@media(min-width:1024px)and (max-width:1279px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}}@media(min-width:1280px){.\32xl\:hidden{display:none}.\32xl\:block{display:block}.\32xl\:flex{display:flex}.\32xl\:grid{display:grid}}.m-0{margin:var(--spacing-0)}.m-px{margin:var(--spacing-px)}.m-0-5{margin:var(--spacing-0-5)}.m-1{margin:var(--spacing-1)}.m-1-5{margin:var(--spacing-1-5)}.m-2{margin:var(--spacing-2)}.m-2-5{margin:var(--spacing-2-5)}.m-3{margin:var(--spacing-3)}.m-3-5{margin:var(--spacing-3-5)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-7{margin:var(--spacing-7)}.m-8{margin:var(--spacing-8)}.m-9{margin:var(--spacing-9)}.m-10{margin:var(--spacing-10)}.m-11{margin:var(--spacing-11)}.m-12{margin:var(--spacing-12)}.m-14{margin:var(--spacing-14)}.m-16{margin:var(--spacing-16)}.m-20{margin:var(--spacing-20)}.m-24{margin:var(--spacing-24)}.m-28{margin:var(--spacing-28)}.m-32{margin:var(--spacing-32)}.m-36{margin:var(--spacing-36)}.m-40{margin:var(--spacing-40)}.m-44{margin:var(--spacing-44)}.m-48{margin:var(--spacing-48)}.m-52{margin:var(--spacing-52)}.m-56{margin:var(--spacing-56)}.m-60{margin:var(--spacing-60)}.m-64{margin:var(--spacing-64)}.m-72{margin:var(--spacing-72)}.m-80{margin:var(--spacing-80)}.m-96{margin:var(--spacing-96)}.m-auto{margin:auto}.mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.mx-px{margin-left:var(--spacing-px);margin-right:var(--spacing-px)}.mx-0-5{margin-left:var(--spacing-0-5);margin-right:var(--spacing-0-5)}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-1-5{margin-left:var(--spacing-1-5);margin-right:var(--spacing-1-5)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-2-5{margin-left:var(--spacing-2-5);margin-right:var(--spacing-2-5)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-3-5{margin-left:var(--spacing-3-5);margin-right:var(--spacing-3-5)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-7{margin-left:var(--spacing-7);margin-right:var(--spacing-7)}.mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.mx-9{margin-left:var(--spacing-9);margin-right:var(--spacing-9)}.mx-10{margin-left:var(--spacing-10);margin-right:var(--spacing-10)}.mx-11{margin-left:var(--spacing-11);margin-right:var(--spacing-11)}.mx-12{margin-left:var(--spacing-12);margin-right:var(--spacing-12)}.mx-14{margin-left:var(--spacing-14);margin-right:var(--spacing-14)}.mx-16{margin-left:var(--spacing-16);margin-right:var(--spacing-16)}.mx-20{margin-left:var(--spacing-20);margin-right:var(--spacing-20)}.mx-24{margin-left:var(--spacing-24);margin-right:var(--spacing-24)}.mx-28{margin-left:var(--spacing-28);margin-right:var(--spacing-28)}.mx-32{margin-left:var(--spacing-32);margin-right:var(--spacing-32)}.mx-36{margin-left:var(--spacing-36);margin-right:var(--spacing-36)}.mx-40{margin-left:var(--spacing-40);margin-right:var(--spacing-40)}.mx-44{margin-left:var(--spacing-44);margin-right:var(--spacing-44)}.mx-48{margin-left:var(--spacing-48);margin-right:var(--spacing-48)}.mx-52{margin-left:var(--spacing-52);margin-right:var(--spacing-52)}.mx-56{margin-left:var(--spacing-56);margin-right:var(--spacing-56)}.mx-60{margin-left:var(--spacing-60);margin-right:var(--spacing-60)}.mx-64{margin-left:var(--spacing-64);margin-right:var(--spacing-64)}.mx-72{margin-left:var(--spacing-72);margin-right:var(--spacing-72)}.mx-80{margin-left:var(--spacing-80);margin-right:var(--spacing-80)}.mx-96{margin-left:var(--spacing-96);margin-right:var(--spacing-96)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:var(--spacing-0);margin-top:var(--spacing-0)}.my-px{margin-bottom:var(--spacing-px);margin-top:var(--spacing-px)}.my-0-5{margin-bottom:var(--spacing-0-5);margin-top:var(--spacing-0-5)}.my-1{margin-bottom:var(--spacing-1);margin-top:var(--spacing-1)}.my-1-5{margin-bottom:var(--spacing-1-5);margin-top:var(--spacing-1-5)}.my-2{margin-bottom:var(--spacing-2);margin-top:var(--spacing-2)}.my-2-5{margin-bottom:var(--spacing-2-5);margin-top:var(--spacing-2-5)}.my-3{margin-bottom:var(--spacing-3);margin-top:var(--spacing-3)}.my-3-5{margin-bottom:var(--spacing-3-5);margin-top:var(--spacing-3-5)}.my-4{margin-bottom:var(--spacing-4);margin-top:var(--spacing-4)}.my-5{margin-bottom:var(--spacing-5);margin-top:var(--spacing-5)}.my-6{margin-bottom:var(--spacing-6);margin-top:var(--spacing-6)}.my-7{margin-bottom:var(--spacing-7);margin-top:var(--spacing-7)}.my-8{margin-bottom:var(--spacing-8);margin-top:var(--spacing-8)}.my-9{margin-bottom:var(--spacing-9);margin-top:var(--spacing-9)}.my-10{margin-bottom:var(--spacing-10);margin-top:var(--spacing-10)}.my-11{margin-bottom:var(--spacing-11);margin-top:var(--spacing-11)}.my-12{margin-bottom:var(--spacing-12);margin-top:var(--spacing-12)}.my-14{margin-bottom:var(--spacing-14);margin-top:var(--spacing-14)}.my-16{margin-bottom:var(--spacing-16);margin-top:var(--spacing-16)}.my-20{margin-bottom:var(--spacing-20);margin-top:var(--spacing-20)}.my-24{margin-bottom:var(--spacing-24);margin-top:var(--spacing-24)}.my-28{margin-bottom:var(--spacing-28);margin-top:var(--spacing-28)}.my-32{margin-bottom:var(--spacing-32);margin-top:var(--spacing-32)}.my-36{margin-bottom:var(--spacing-36);margin-top:var(--spacing-36)}.my-40{margin-bottom:var(--spacing-40);margin-top:var(--spacing-40)}.my-44{margin-bottom:var(--spacing-44);margin-top:var(--spacing-44)}.my-48{margin-bottom:var(--spacing-48);margin-top:var(--spacing-48)}.my-52{margin-bottom:var(--spacing-52);margin-top:var(--spacing-52)}.my-56{margin-bottom:var(--spacing-56);margin-top:var(--spacing-56)}.my-60{margin-bottom:var(--spacing-60);margin-top:var(--spacing-60)}.my-64{margin-bottom:var(--spacing-64);margin-top:var(--spacing-64)}.my-72{margin-bottom:var(--spacing-72);margin-top:var(--spacing-72)}.my-80{margin-bottom:var(--spacing-80);margin-top:var(--spacing-80)}.my-96{margin-bottom:var(--spacing-96);margin-top:var(--spacing-96)}.my-auto{margin-bottom:auto;margin-top:auto}.mt-0{margin-top:var(--spacing-0)}.mt-px{margin-top:var(--spacing-px)}.mt-0-5{margin-top:var(--spacing-0-5)}.mt-1{margin-top:var(--spacing-1)}.mt-1-5{margin-top:var(--spacing-1-5)}.mt-2{margin-top:var(--spacing-2)}.mt-2-5{margin-top:var(--spacing-2-5)}.mt-3{margin-top:var(--spacing-3)}.mt-3-5{margin-top:var(--spacing-3-5)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-7{margin-top:var(--spacing-7)}.mt-8{margin-top:var(--spacing-8)}.mt-9{margin-top:var(--spacing-9)}.mt-10{margin-top:var(--spacing-10)}.mt-11{margin-top:var(--spacing-11)}.mt-12{margin-top:var(--spacing-12)}.mt-14{margin-top:var(--spacing-14)}.mt-16{margin-top:var(--spacing-16)}.mt-20{margin-top:var(--spacing-20)}.mt-24{margin-top:var(--spacing-24)}.mt-28{margin-top:var(--spacing-28)}.mt-32{margin-top:var(--spacing-32)}.mt-36{margin-top:var(--spacing-36)}.mt-40{margin-top:var(--spacing-40)}.mt-44{margin-top:var(--spacing-44)}.mt-48{margin-top:var(--spacing-48)}.mt-52{margin-top:var(--spacing-52)}.mt-56{margin-top:var(--spacing-56)}.mt-60{margin-top:var(--spacing-60)}.mt-64{margin-top:var(--spacing-64)}.mt-72{margin-top:var(--spacing-72)}.mt-80{margin-top:var(--spacing-80)}.mt-96{margin-top:var(--spacing-96)}.mt-auto{margin-top:auto}.mr-0{margin-right:var(--spacing-0)}.mr-px{margin-right:var(--spacing-px)}.mr-0-5{margin-right:var(--spacing-0-5)}.mr-1{margin-right:var(--spacing-1)}.mr-1-5{margin-right:var(--spacing-1-5)}.mr-2{margin-right:var(--spacing-2)}.mr-2-5{margin-right:var(--spacing-2-5)}.mr-3{margin-right:var(--spacing-3)}.mr-3-5{margin-right:var(--spacing-3-5)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mr-7{margin-right:var(--spacing-7)}.mr-8{margin-right:var(--spacing-8)}.mr-9{margin-right:var(--spacing-9)}.mr-10{margin-right:var(--spacing-10)}.mr-11{margin-right:var(--spacing-11)}.mr-12{margin-right:var(--spacing-12)}.mr-14{margin-right:var(--spacing-14)}.mr-16{margin-right:var(--spacing-16)}.mr-20{margin-right:var(--spacing-20)}.mr-24{margin-right:var(--spacing-24)}.mr-28{margin-right:var(--spacing-28)}.mr-32{margin-right:var(--spacing-32)}.mr-36{margin-right:var(--spacing-36)}.mr-40{margin-right:var(--spacing-40)}.mr-44{margin-right:var(--spacing-44)}.mr-48{margin-right:var(--spacing-48)}.mr-52{margin-right:var(--spacing-52)}.mr-56{margin-right:var(--spacing-56)}.mr-60{margin-right:var(--spacing-60)}.mr-64{margin-right:var(--spacing-64)}.mr-72{margin-right:var(--spacing-72)}.mr-80{margin-right:var(--spacing-80)}.mr-96{margin-right:var(--spacing-96)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:var(--spacing-0)}.mb-px{margin-bottom:var(--spacing-px)}.mb-0-5{margin-bottom:var(--spacing-0-5)}.mb-1{margin-bottom:var(--spacing-1)}.mb-1-5{margin-bottom:var(--spacing-1-5)}.mb-2{margin-bottom:var(--spacing-2)}.mb-2-5{margin-bottom:var(--spacing-2-5)}.mb-3{margin-bottom:var(--spacing-3)}.mb-3-5{margin-bottom:var(--spacing-3-5)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-7{margin-bottom:var(--spacing-7)}.mb-8{margin-bottom:var(--spacing-8)}.mb-9{margin-bottom:var(--spacing-9)}.mb-10{margin-bottom:var(--spacing-10)}.mb-11{margin-bottom:var(--spacing-11)}.mb-12{margin-bottom:var(--spacing-12)}.mb-14{margin-bottom:var(--spacing-14)}.mb-16{margin-bottom:var(--spacing-16)}.mb-20{margin-bottom:var(--spacing-20)}.mb-24{margin-bottom:var(--spacing-24)}.mb-28{margin-bottom:var(--spacing-28)}.mb-32{margin-bottom:var(--spacing-32)}.mb-36{margin-bottom:var(--spacing-36)}.mb-40{margin-bottom:var(--spacing-40)}.mb-44{margin-bottom:var(--spacing-44)}.mb-48{margin-bottom:var(--spacing-48)}.mb-52{margin-bottom:var(--spacing-52)}.mb-56{margin-bottom:var(--spacing-56)}.mb-60{margin-bottom:var(--spacing-60)}.mb-64{margin-bottom:var(--spacing-64)}.mb-72{margin-bottom:var(--spacing-72)}.mb-80{margin-bottom:var(--spacing-80)}.mb-96{margin-bottom:var(--spacing-96)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:var(--spacing-0)}.ml-px{margin-left:var(--spacing-px)}.ml-0-5{margin-left:var(--spacing-0-5)}.ml-1{margin-left:var(--spacing-1)}.ml-1-5{margin-left:var(--spacing-1-5)}.ml-2{margin-left:var(--spacing-2)}.ml-2-5{margin-left:var(--spacing-2-5)}.ml-3{margin-left:var(--spacing-3)}.ml-3-5{margin-left:var(--spacing-3-5)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.ml-7{margin-left:var(--spacing-7)}.ml-8{margin-left:var(--spacing-8)}.ml-9{margin-left:var(--spacing-9)}.ml-10{margin-left:var(--spacing-10)}.ml-11{margin-left:var(--spacing-11)}.ml-12{margin-left:var(--spacing-12)}.ml-14{margin-left:var(--spacing-14)}.ml-16{margin-left:var(--spacing-16)}.ml-20{margin-left:var(--spacing-20)}.ml-24{margin-left:var(--spacing-24)}.ml-28{margin-left:var(--spacing-28)}.ml-32{margin-left:var(--spacing-32)}.ml-36{margin-left:var(--spacing-36)}.ml-40{margin-left:var(--spacing-40)}.ml-44{margin-left:var(--spacing-44)}.ml-48{margin-left:var(--spacing-48)}.ml-52{margin-left:var(--spacing-52)}.ml-56{margin-left:var(--spacing-56)}.ml-60{margin-left:var(--spacing-60)}.ml-64{margin-left:var(--spacing-64)}.ml-72{margin-left:var(--spacing-72)}.ml-80{margin-left:var(--spacing-80)}.ml-96{margin-left:var(--spacing-96)}.ml-auto{margin-left:auto}.p-0{padding:var(--spacing-0)}.p-px{padding:var(--spacing-px)}.p-0-5{padding:var(--spacing-0-5)}.p-1{padding:var(--spacing-1)}.p-1-5{padding:var(--spacing-1-5)}.p-2{padding:var(--spacing-2)}.p-2-5{padding:var(--spacing-2-5)}.p-3{padding:var(--spacing-3)}.p-3-5{padding:var(--spacing-3-5)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-7{padding:var(--spacing-7)}.p-8{padding:var(--spacing-8)}.p-9{padding:var(--spacing-9)}.p-10{padding:var(--spacing-10)}.p-11{padding:var(--spacing-11)}.p-12{padding:var(--spacing-12)}.p-14{padding:var(--spacing-14)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.p-24{padding:var(--spacing-24)}.p-28{padding:var(--spacing-28)}.p-32{padding:var(--spacing-32)}.p-36{padding:var(--spacing-36)}.p-40{padding:var(--spacing-40)}.p-44{padding:var(--spacing-44)}.p-48{padding:var(--spacing-48)}.p-52{padding:var(--spacing-52)}.p-56{padding:var(--spacing-56)}.p-60{padding:var(--spacing-60)}.p-64{padding:var(--spacing-64)}.p-72{padding:var(--spacing-72)}.p-80{padding:var(--spacing-80)}.p-96{padding:var(--spacing-96)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-px{padding-left:var(--spacing-px);padding-right:var(--spacing-px)}.px-0-5{padding-left:var(--spacing-0-5);padding-right:var(--spacing-0-5)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-1-5{padding-left:var(--spacing-1-5);padding-right:var(--spacing-1-5)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-2-5{padding-left:var(--spacing-2-5);padding-right:var(--spacing-2-5)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-3-5{padding-left:var(--spacing-3-5);padding-right:var(--spacing-3-5)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-7{padding-left:var(--spacing-7);padding-right:var(--spacing-7)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.px-9{padding-left:var(--spacing-9);padding-right:var(--spacing-9)}.px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.px-11{padding-left:var(--spacing-11);padding-right:var(--spacing-11)}.px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.px-14{padding-left:var(--spacing-14);padding-right:var(--spacing-14)}.px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.px-20{padding-left:var(--spacing-20);padding-right:var(--spacing-20)}.px-24{padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.px-28{padding-left:var(--spacing-28);padding-right:var(--spacing-28)}.px-32{padding-left:var(--spacing-32);padding-right:var(--spacing-32)}.px-36{padding-left:var(--spacing-36);padding-right:var(--spacing-36)}.px-40{padding-left:var(--spacing-40);padding-right:var(--spacing-40)}.px-44{padding-left:var(--spacing-44);padding-right:var(--spacing-44)}.px-48{padding-left:var(--spacing-48);padding-right:var(--spacing-48)}.px-52{padding-left:var(--spacing-52);padding-right:var(--spacing-52)}.px-56{padding-left:var(--spacing-56);padding-right:var(--spacing-56)}.px-60{padding-left:var(--spacing-60);padding-right:var(--spacing-60)}.px-64{padding-left:var(--spacing-64);padding-right:var(--spacing-64)}.px-72{padding-left:var(--spacing-72);padding-right:var(--spacing-72)}.px-80{padding-left:var(--spacing-80);padding-right:var(--spacing-80)}.px-96{padding-left:var(--spacing-96);padding-right:var(--spacing-96)}.py-0{padding-bottom:var(--spacing-0);padding-top:var(--spacing-0)}.py-px{padding-bottom:var(--spacing-px);padding-top:var(--spacing-px)}.py-0-5{padding-bottom:var(--spacing-0-5);padding-top:var(--spacing-0-5)}.py-1{padding-bottom:var(--spacing-1);padding-top:var(--spacing-1)}.py-1-5{padding-bottom:var(--spacing-1-5);padding-top:var(--spacing-1-5)}.py-2{padding-bottom:var(--spacing-2);padding-top:var(--spacing-2)}.py-2-5{padding-bottom:var(--spacing-2-5);padding-top:var(--spacing-2-5)}.py-3{padding-bottom:var(--spacing-3);padding-top:var(--spacing-3)}.py-3-5{padding-bottom:var(--spacing-3-5);padding-top:var(--spacing-3-5)}.py-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.py-5{padding-bottom:var(--spacing-5);padding-top:var(--spacing-5)}.py-6{padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}.py-7{padding-bottom:var(--spacing-7);padding-top:var(--spacing-7)}.py-8{padding-bottom:var(--spacing-8);padding-top:var(--spacing-8)}.py-9{padding-bottom:var(--spacing-9);padding-top:var(--spacing-9)}.py-10{padding-bottom:var(--spacing-10);padding-top:var(--spacing-10)}.py-11{padding-bottom:var(--spacing-11);padding-top:var(--spacing-11)}.py-12{padding-bottom:var(--spacing-12);padding-top:var(--spacing-12)}.py-14{padding-bottom:var(--spacing-14);padding-top:var(--spacing-14)}.py-16{padding-bottom:var(--spacing-16);padding-top:var(--spacing-16)}.py-20{padding-bottom:var(--spacing-20);padding-top:var(--spacing-20)}.py-24{padding-bottom:var(--spacing-24);padding-top:var(--spacing-24)}.py-28{padding-bottom:var(--spacing-28);padding-top:var(--spacing-28)}.py-32{padding-bottom:var(--spacing-32);padding-top:var(--spacing-32)}.py-36{padding-bottom:var(--spacing-36);padding-top:var(--spacing-36)}.py-40{padding-bottom:var(--spacing-40);padding-top:var(--spacing-40)}.py-44{padding-bottom:var(--spacing-44);padding-top:var(--spacing-44)}.py-48{padding-bottom:var(--spacing-48);padding-top:var(--spacing-48)}.py-52{padding-bottom:var(--spacing-52);padding-top:var(--spacing-52)}.py-56{padding-bottom:var(--spacing-56);padding-top:var(--spacing-56)}.py-60{padding-bottom:var(--spacing-60);padding-top:var(--spacing-60)}.py-64{padding-bottom:var(--spacing-64);padding-top:var(--spacing-64)}.py-72{padding-bottom:var(--spacing-72);padding-top:var(--spacing-72)}.py-80{padding-bottom:var(--spacing-80);padding-top:var(--spacing-80)}.py-96{padding-bottom:var(--spacing-96);padding-top:var(--spacing-96)}.pt-0{padding-top:var(--spacing-0)}.pt-px{padding-top:var(--spacing-px)}.pt-0-5{padding-top:var(--spacing-0-5)}.pt-1{padding-top:var(--spacing-1)}.pt-1-5{padding-top:var(--spacing-1-5)}.pt-2{padding-top:var(--spacing-2)}.pt-2-5{padding-top:var(--spacing-2-5)}.pt-3{padding-top:var(--spacing-3)}.pt-3-5{padding-top:var(--spacing-3-5)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pt-7{padding-top:var(--spacing-7)}.pt-8{padding-top:var(--spacing-8)}.pt-9{padding-top:var(--spacing-9)}.pt-10{padding-top:var(--spacing-10)}.pt-11{padding-top:var(--spacing-11)}.pt-12{padding-top:var(--spacing-12)}.pt-14{padding-top:var(--spacing-14)}.pt-16{padding-top:var(--spacing-16)}.pt-20{padding-top:var(--spacing-20)}.pt-24{padding-top:var(--spacing-24)}.pt-28{padding-top:var(--spacing-28)}.pt-32{padding-top:var(--spacing-32)}.pt-36{padding-top:var(--spacing-36)}.pt-40{padding-top:var(--spacing-40)}.pt-44{padding-top:var(--spacing-44)}.pt-48{padding-top:var(--spacing-48)}.pt-52{padding-top:var(--spacing-52)}.pt-56{padding-top:var(--spacing-56)}.pt-60{padding-top:var(--spacing-60)}.pt-64{padding-top:var(--spacing-64)}.pt-72{padding-top:var(--spacing-72)}.pt-80{padding-top:var(--spacing-80)}.pt-96{padding-top:var(--spacing-96)}.pr-0{padding-right:var(--spacing-0)}.pr-px{padding-right:var(--spacing-px)}.pr-0-5{padding-right:var(--spacing-0-5)}.pr-1{padding-right:var(--spacing-1)}.pr-1-5{padding-right:var(--spacing-1-5)}.pr-2{padding-right:var(--spacing-2)}.pr-2-5{padding-right:var(--spacing-2-5)}.pr-3{padding-right:var(--spacing-3)}.pr-3-5{padding-right:var(--spacing-3-5)}.pr-4{padding-right:var(--spacing-4)}.pr-5{padding-right:var(--spacing-5)}.pr-6{padding-right:var(--spacing-6)}.pr-7{padding-right:var(--spacing-7)}.pr-8{padding-right:var(--spacing-8)}.pr-9{padding-right:var(--spacing-9)}.pr-10{padding-right:var(--spacing-10)}.pr-11{padding-right:var(--spacing-11)}.pr-12{padding-right:var(--spacing-12)}.pr-14{padding-right:var(--spacing-14)}.pr-16{padding-right:var(--spacing-16)}.pr-20{padding-right:var(--spacing-20)}.pr-24{padding-right:var(--spacing-24)}.pr-28{padding-right:var(--spacing-28)}.pr-32{padding-right:var(--spacing-32)}.pr-36{padding-right:var(--spacing-36)}.pr-40{padding-right:var(--spacing-40)}.pr-44{padding-right:var(--spacing-44)}.pr-48{padding-right:var(--spacing-48)}.pr-52{padding-right:var(--spacing-52)}.pr-56{padding-right:var(--spacing-56)}.pr-60{padding-right:var(--spacing-60)}.pr-64{padding-right:var(--spacing-64)}.pr-72{padding-right:var(--spacing-72)}.pr-80{padding-right:var(--spacing-80)}.pr-96{padding-right:var(--spacing-96)}.pb-0{padding-bottom:var(--spacing-0)}.pb-px{padding-bottom:var(--spacing-px)}.pb-0-5{padding-bottom:var(--spacing-0-5)}.pb-1{padding-bottom:var(--spacing-1)}.pb-1-5{padding-bottom:var(--spacing-1-5)}.pb-2{padding-bottom:var(--spacing-2)}.pb-2-5{padding-bottom:var(--spacing-2-5)}.pb-3{padding-bottom:var(--spacing-3)}.pb-3-5{padding-bottom:var(--spacing-3-5)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.pb-6{padding-bottom:var(--spacing-6)}.pb-7{padding-bottom:var(--spacing-7)}.pb-8{padding-bottom:var(--spacing-8)}.pb-9{padding-bottom:var(--spacing-9)}.pb-10{padding-bottom:var(--spacing-10)}.pb-11{padding-bottom:var(--spacing-11)}.pb-12{padding-bottom:var(--spacing-12)}.pb-14{padding-bottom:var(--spacing-14)}.pb-16{padding-bottom:var(--spacing-16)}.pb-20{padding-bottom:var(--spacing-20)}.pb-24{padding-bottom:var(--spacing-24)}.pb-28{padding-bottom:var(--spacing-28)}.pb-32{padding-bottom:var(--spacing-32)}.pb-36{padding-bottom:var(--spacing-36)}.pb-40{padding-bottom:var(--spacing-40)}.pb-44{padding-bottom:var(--spacing-44)}.pb-48{padding-bottom:var(--spacing-48)}.pb-52{padding-bottom:var(--spacing-52)}.pb-56{padding-bottom:var(--spacing-56)}.pb-60{padding-bottom:var(--spacing-60)}.pb-64{padding-bottom:var(--spacing-64)}.pb-72{padding-bottom:var(--spacing-72)}.pb-80{padding-bottom:var(--spacing-80)}.pb-96{padding-bottom:var(--spacing-96)}.pl-0{padding-left:var(--spacing-0)}.pl-px{padding-left:var(--spacing-px)}.pl-0-5{padding-left:var(--spacing-0-5)}.pl-1{padding-left:var(--spacing-1)}.pl-1-5{padding-left:var(--spacing-1-5)}.pl-2{padding-left:var(--spacing-2)}.pl-2-5{padding-left:var(--spacing-2-5)}.pl-3{padding-left:var(--spacing-3)}.pl-3-5{padding-left:var(--spacing-3-5)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.pl-7{padding-left:var(--spacing-7)}.pl-8{padding-left:var(--spacing-8)}.pl-9{padding-left:var(--spacing-9)}.pl-10{padding-left:var(--spacing-10)}.pl-11{padding-left:var(--spacing-11)}.pl-12{padding-left:var(--spacing-12)}.pl-14{padding-left:var(--spacing-14)}.pl-16{padding-left:var(--spacing-16)}.pl-20{padding-left:var(--spacing-20)}.pl-24{padding-left:var(--spacing-24)}.pl-28{padding-left:var(--spacing-28)}.pl-32{padding-left:var(--spacing-32)}.pl-36{padding-left:var(--spacing-36)}.pl-40{padding-left:var(--spacing-40)}.pl-44{padding-left:var(--spacing-44)}.pl-48{padding-left:var(--spacing-48)}.pl-52{padding-left:var(--spacing-52)}.pl-56{padding-left:var(--spacing-56)}.pl-60{padding-left:var(--spacing-60)}.pl-64{padding-left:var(--spacing-64)}.pl-72{padding-left:var(--spacing-72)}.pl-80{padding-left:var(--spacing-80)}.pl-96{padding-left:var(--spacing-96)}.space-x-0>*+*{margin-left:var(--spacing-0)}.space-x-px>*+*{margin-left:var(--spacing-px)}.space-x-0-5>*+*{margin-left:var(--spacing-0-5)}.space-x-1>*+*{margin-left:var(--spacing-1)}.space-x-1-5>*+*{margin-left:var(--spacing-1-5)}.space-x-2>*+*{margin-left:var(--spacing-2)}.space-x-2-5>*+*{margin-left:var(--spacing-2-5)}.space-x-3>*+*{margin-left:var(--spacing-3)}.space-x-3-5>*+*{margin-left:var(--spacing-3-5)}.space-x-4>*+*{margin-left:var(--spacing-4)}.space-x-5>*+*{margin-left:var(--spacing-5)}.space-x-6>*+*{margin-left:var(--spacing-6)}.space-x-7>*+*{margin-left:var(--spacing-7)}.space-x-8>*+*{margin-left:var(--spacing-8)}.space-x-9>*+*{margin-left:var(--spacing-9)}.space-x-10>*+*{margin-left:var(--spacing-10)}.space-x-11>*+*{margin-left:var(--spacing-11)}.space-x-12>*+*{margin-left:var(--spacing-12)}.space-x-14>*+*{margin-left:var(--spacing-14)}.space-x-16>*+*{margin-left:var(--spacing-16)}.space-x-20>*+*{margin-left:var(--spacing-20)}.space-x-24>*+*{margin-left:var(--spacing-24)}.space-x-28>*+*{margin-left:var(--spacing-28)}.space-x-32>*+*{margin-left:var(--spacing-32)}.space-x-36>*+*{margin-left:var(--spacing-36)}.space-x-40>*+*{margin-left:var(--spacing-40)}.space-x-44>*+*{margin-left:var(--spacing-44)}.space-x-48>*+*{margin-left:var(--spacing-48)}.space-x-52>*+*{margin-left:var(--spacing-52)}.space-x-56>*+*{margin-left:var(--spacing-56)}.space-x-60>*+*{margin-left:var(--spacing-60)}.space-x-64>*+*{margin-left:var(--spacing-64)}.space-x-72>*+*{margin-left:var(--spacing-72)}.space-x-80>*+*{margin-left:var(--spacing-80)}.space-x-96>*+*{margin-left:var(--spacing-96)}.space-y-0>*+*{margin-top:var(--spacing-0)}.space-y-px>*+*{margin-top:var(--spacing-px)}.space-y-0-5>*+*{margin-top:var(--spacing-0-5)}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-1-5>*+*{margin-top:var(--spacing-1-5)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-2-5>*+*{margin-top:var(--spacing-2-5)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-3-5>*+*{margin-top:var(--spacing-3-5)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-5>*+*{margin-top:var(--spacing-5)}.space-y-6>*+*{margin-top:var(--spacing-6)}.space-y-7>*+*{margin-top:var(--spacing-7)}.space-y-8>*+*{margin-top:var(--spacing-8)}.space-y-9>*+*{margin-top:var(--spacing-9)}.space-y-10>*+*{margin-top:var(--spacing-10)}.space-y-11>*+*{margin-top:var(--spacing-11)}.space-y-12>*+*{margin-top:var(--spacing-12)}.space-y-14>*+*{margin-top:var(--spacing-14)}.space-y-16>*+*{margin-top:var(--spacing-16)}.space-y-20>*+*{margin-top:var(--spacing-20)}.space-y-24>*+*{margin-top:var(--spacing-24)}.space-y-28>*+*{margin-top:var(--spacing-28)}.space-y-32>*+*{margin-top:var(--spacing-32)}.space-y-36>*+*{margin-top:var(--spacing-36)}.space-y-40>*+*{margin-top:var(--spacing-40)}.space-y-44>*+*{margin-top:var(--spacing-44)}.space-y-48>*+*{margin-top:var(--spacing-48)}.space-y-52>*+*{margin-top:var(--spacing-52)}.space-y-56>*+*{margin-top:var(--spacing-56)}.space-y-60>*+*{margin-top:var(--spacing-60)}.space-y-64>*+*{margin-top:var(--spacing-64)}.space-y-72>*+*{margin-top:var(--spacing-72)}.space-y-80>*+*{margin-top:var(--spacing-80)}.space-y-96>*+*{margin-top:var(--spacing-96)}.space-x-reverse>*+*{--tw-space-x-reverse:1}.space-y-reverse>*+*{--tw-space-y-reverse:1}.space-x-reverse>*+*{margin-left:calc(var(--spacing-0)*(1 - var(--tw-space-x-reverse, 0)));margin-right:calc(var(--spacing-0)*var(--tw-space-x-reverse, 0))}.space-y-reverse>*+*{margin-bottom:calc(var(--spacing-0)*var(--tw-space-y-reverse, 0));margin-top:calc(var(--spacing-0)*(1 - var(--tw-space-y-reverse, 0)))}.text-primary-50{color:var(--color-primary-50)}.text-primary-100{color:var(--color-primary-100)}.text-primary-200{color:var(--color-primary-200)}.text-primary-300{color:var(--color-primary-300)}.text-primary-400{color:var(--color-primary-400)}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-primary-800{color:var(--color-primary-800)}.text-primary-900{color:var(--color-primary-900)}.text-secondary-50{color:var(--color-secondary-50)}.text-secondary-100{color:var(--color-secondary-100)}.text-secondary-200{color:var(--color-secondary-200)}.text-secondary-300{color:var(--color-secondary-300)}.text-secondary-400{color:var(--color-secondary-400)}.text-secondary-500{color:var(--color-secondary-500)}.text-secondary-600{color:var(--color-secondary-600)}.text-secondary-700{color:var(--color-secondary-700)}.text-secondary-800{color:var(--color-secondary-800)}.text-secondary-900{color:var(--color-secondary-900)}.text-success-50{color:var(--color-success-50)}.text-success-100{color:var(--color-success-100)}.text-success-200{color:var(--color-success-200)}.text-success-300{color:var(--color-success-300)}.text-success-400{color:var(--color-success-400)}.text-success-500{color:var(--color-success-500)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-success-800{color:var(--color-success-800)}.text-success-900{color:var(--color-success-900)}.text-warning-50{color:var(--color-warning-50)}.text-warning-100{color:var(--color-warning-100)}.text-warning-200{color:var(--color-warning-200)}.text-warning-300{color:var(--color-warning-300)}.text-warning-400{color:var(--color-warning-400)}.text-warning-500{color:var(--color-warning-500)}.text-warning-600{color:var(--color-warning-600)}.text-warning-700{color:var(--color-warning-700)}.text-warning-800{color:var(--color-warning-800)}.text-warning-900{color:var(--color-warning-900)}.text-error-50{color:var(--color-error-50)}.text-error-100{color:var(--color-error-100)}.text-error-200{color:var(--color-error-200)}.text-error-300{color:var(--color-error-300)}.text-error-400{color:var(--color-error-400)}.text-error-500{color:var(--color-error-500)}.text-error-600{color:var(--color-error-600)}.text-error-700{color:var(--color-error-700)}.text-error-800{color:var(--color-error-800)}.text-error-900{color:var(--color-error-900)}.text-info-50{color:var(--color-info-50)}.text-info-100{color:var(--color-info-100)}.text-info-200{color:var(--color-info-200)}.text-info-300{color:var(--color-info-300)}.text-info-400{color:var(--color-info-400)}.text-info-500{color:var(--color-info-500)}.text-info-600{color:var(--color-info-600)}.text-info-700{color:var(--color-info-700)}.text-info-800{color:var(--color-info-800)}.text-info-900{color:var(--color-info-900)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-transparent{color:var(--color-transparent)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-primary-800{background-color:var(--color-primary-800)}.bg-primary-900{background-color:var(--color-primary-900)}.bg-secondary-50{background-color:var(--color-secondary-50)}.bg-secondary-100{background-color:var(--color-secondary-100)}.bg-secondary-200{background-color:var(--color-secondary-200)}.bg-secondary-300{background-color:var(--color-secondary-300)}.bg-secondary-400{background-color:var(--color-secondary-400)}.bg-secondary-500{background-color:var(--color-secondary-500)}.bg-secondary-600{background-color:var(--color-secondary-600)}.bg-secondary-700{background-color:var(--color-secondary-700)}.bg-secondary-800{background-color:var(--color-secondary-800)}.bg-secondary-900{background-color:var(--color-secondary-900)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-200{background-color:var(--color-success-200)}.bg-success-300{background-color:var(--color-success-300)}.bg-success-400{background-color:var(--color-success-400)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-success-700{background-color:var(--color-success-700)}.bg-success-800{background-color:var(--color-success-800)}.bg-success-900{background-color:var(--color-success-900)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-200{background-color:var(--color-error-200)}.bg-error-300{background-color:var(--color-error-300)}.bg-error-400{background-color:var(--color-error-400)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-error-700{background-color:var(--color-error-700)}.bg-error-800{background-color:var(--color-error-800)}.bg-error-900{background-color:var(--color-error-900)}.bg-info-50{background-color:var(--color-info-50)}.bg-info-100{background-color:var(--color-info-100)}.bg-info-200{background-color:var(--color-info-200)}.bg-info-300{background-color:var(--color-info-300)}.bg-info-400{background-color:var(--color-info-400)}.bg-info-500{background-color:var(--color-info-500)}.bg-info-600{background-color:var(--color-info-600)}.bg-info-700{background-color:var(--color-info-700)}.bg-info-800{background-color:var(--color-info-800)}.bg-info-900{background-color:var(--color-info-900)}.bg-accent-50{background-color:var(--color-accent-50)}.bg-accent-100{background-color:var(--color-accent-100)}.bg-accent-200{background-color:var(--color-accent-200)}.bg-accent-300{background-color:var(--color-accent-300)}.bg-accent-400{background-color:var(--color-accent-400)}.bg-accent-500{background-color:var(--color-accent-500)}.bg-accent-600{background-color:var(--color-accent-600)}.bg-accent-700{background-color:var(--color-accent-700)}.bg-accent-800{background-color:var(--color-accent-800)}.bg-accent-900{background-color:var(--color-accent-900)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-transparent{background-color:var(--color-transparent)}.border-primary-50{border-color:var(--color-primary-50)}.border-primary-100{border-color:var(--color-primary-100)}.border-primary-200{border-color:var(--color-primary-200)}.border-primary-300{border-color:var(--color-primary-300)}.border-primary-400{border-color:var(--color-primary-400)}.border-primary-500{border-color:var(--color-primary-500)}.border-primary-600{border-color:var(--color-primary-600)}.border-primary-700{border-color:var(--color-primary-700)}.border-primary-800{border-color:var(--color-primary-800)}.border-primary-900{border-color:var(--color-primary-900)}.border-secondary-50{border-color:var(--color-secondary-50)}.border-secondary-100{border-color:var(--color-secondary-100)}.border-secondary-200{border-color:var(--color-secondary-200)}.border-secondary-300{border-color:var(--color-secondary-300)}.border-secondary-400{border-color:var(--color-secondary-400)}.border-secondary-500{border-color:var(--color-secondary-500)}.border-secondary-600{border-color:var(--color-secondary-600)}.border-secondary-700{border-color:var(--color-secondary-700)}.border-secondary-800{border-color:var(--color-secondary-800)}.border-secondary-900{border-color:var(--color-secondary-900)}.border-success-50{border-color:var(--color-success-50)}.border-success-100{border-color:var(--color-success-100)}.border-success-200{border-color:var(--color-success-200)}.border-success-300{border-color:var(--color-success-300)}.border-success-400{border-color:var(--color-success-400)}.border-success-500{border-color:var(--color-success-500)}.border-success-600{border-color:var(--color-success-600)}.border-success-700{border-color:var(--color-success-700)}.border-success-800{border-color:var(--color-success-800)}.border-success-900{border-color:var(--color-success-900)}.border-warning-50{border-color:var(--color-warning-50)}.border-warning-100{border-color:var(--color-warning-100)}.border-warning-200{border-color:var(--color-warning-200)}.border-warning-300{border-color:var(--color-warning-300)}.border-warning-400{border-color:var(--color-warning-400)}.border-warning-500{border-color:var(--color-warning-500)}.border-warning-600{border-color:var(--color-warning-600)}.border-warning-700{border-color:var(--color-warning-700)}.border-warning-800{border-color:var(--color-warning-800)}.border-warning-900{border-color:var(--color-warning-900)}.border-error-50{border-color:var(--color-error-50)}.border-error-100{border-color:var(--color-error-100)}.border-error-200{border-color:var(--color-error-200)}.border-error-300{border-color:var(--color-error-300)}.border-error-400{border-color:var(--color-error-400)}.border-error-500{border-color:var(--color-error-500)}.border-error-600{border-color:var(--color-error-600)}.border-error-700{border-color:var(--color-error-700)}.border-error-800{border-color:var(--color-error-800)}.border-error-900{border-color:var(--color-error-900)}.border-info-50{border-color:var(--color-info-50)}.border-info-100{border-color:var(--color-info-100)}.border-info-200{border-color:var(--color-info-200)}.border-info-300{border-color:var(--color-info-300)}.border-info-400{border-color:var(--color-info-400)}.border-info-500{border-color:var(--color-info-500)}.border-info-600{border-color:var(--color-info-600)}.border-info-700{border-color:var(--color-info-700)}.border-info-800{border-color:var(--color-info-800)}.border-info-900{border-color:var(--color-info-900)}.border-white{border-color:var(--color-white)}.border-black{border-color:var(--color-black)}.border-transparent{border-color:var(--color-transparent)}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.border-0{border-width:var(--border-width-0)}.border{border-width:var(--border-width-1)}.border-2{border-width:var(--border-width-2)}.border-4{border-width:var(--border-width-4)}.border-8{border-width:var(--border-width-8)}.border-x-0{border-left-width:var(--border-width-0);border-right-width:var(--border-width-0)}.border-x{border-left-width:var(--border-width-1);border-right-width:var(--border-width-1)}.border-x-2{border-left-width:var(--border-width-2);border-right-width:var(--border-width-2)}.border-x-4{border-left-width:var(--border-width-4);border-right-width:var(--border-width-4)}.border-x-8{border-left-width:var(--border-width-8);border-right-width:var(--border-width-8)}.border-y-0{border-bottom-width:var(--border-width-0);border-top-width:var(--border-width-0)}.border-y{border-bottom-width:var(--border-width-1);border-top-width:var(--border-width-1)}.border-y-2{border-bottom-width:var(--border-width-2);border-top-width:var(--border-width-2)}.border-y-4{border-bottom-width:var(--border-width-4);border-top-width:var(--border-width-4)}.border-y-8{border-bottom-width:var(--border-width-8);border-top-width:var(--border-width-8)}.border-t-0{border-top-width:var(--border-width-0)}.border-t{border-top-width:var(--border-width-1)}.border-t-2{border-top-width:var(--border-width-2)}.border-t-4{border-top-width:var(--border-width-4)}.border-t-8{border-top-width:var(--border-width-8)}.border-r-0{border-right-width:var(--border-width-0)}.border-r{border-right-width:var(--border-width-1)}.border-r-2{border-right-width:var(--border-width-2)}.border-r-4{border-right-width:var(--border-width-4)}.border-r-8{border-right-width:var(--border-width-8)}.border-b-0{border-bottom-width:var(--border-width-0)}.border-b{border-bottom-width:var(--border-width-1)}.border-b-2{border-bottom-width:var(--border-width-2)}.border-b-4{border-bottom-width:var(--border-width-4)}.border-b-8{border-bottom-width:var(--border-width-8)}.border-l-0{border-left-width:var(--border-width-0)}.border-l{border-left-width:var(--border-width-1)}.border-l-2{border-left-width:var(--border-width-2)}.border-l-4{border-left-width:var(--border-width-4)}.border-l-8{border-left-width:var(--border-width-8)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded{border-radius:var(--border-radius-base)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-3xl{border-radius:var(--border-radius-3xl)}.rounded-full{border-radius:var(--border-radius-full)}.rounded-t-none{border-top-left-radius:var(--border-radius-none);border-top-right-radius:var(--border-radius-none)}.rounded-t-sm{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.rounded-t{border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base)}.rounded-t-md{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.rounded-t-lg{border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.rounded-t-xl{border-top-left-radius:var(--border-radius-xl);border-top-right-radius:var(--border-radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl)}.rounded-t-3xl{border-top-left-radius:var(--border-radius-3xl);border-top-right-radius:var(--border-radius-3xl)}.rounded-t-full{border-top-left-radius:var(--border-radius-full);border-top-right-radius:var(--border-radius-full)}.rounded-r-none{border-bottom-right-radius:var(--border-radius-none);border-top-right-radius:var(--border-radius-none)}.rounded-r-sm{border-bottom-right-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.rounded-r{border-bottom-right-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base)}.rounded-r-md{border-bottom-right-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.rounded-r-lg{border-bottom-right-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.rounded-r-xl{border-bottom-right-radius:var(--border-radius-xl);border-top-right-radius:var(--border-radius-xl)}.rounded-r-2xl{border-bottom-right-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl)}.rounded-r-3xl{border-bottom-right-radius:var(--border-radius-3xl);border-top-right-radius:var(--border-radius-3xl)}.rounded-r-full{border-bottom-right-radius:var(--border-radius-full);border-top-right-radius:var(--border-radius-full)}.rounded-b-none{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.rounded-b-sm{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.rounded-b{border-bottom-left-radius:var(--border-radius-base);border-bottom-right-radius:var(--border-radius-base)}.rounded-b-md{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.rounded-b-lg{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.rounded-b-xl{border-bottom-left-radius:var(--border-radius-xl);border-bottom-right-radius:var(--border-radius-xl)}.rounded-b-2xl{border-bottom-left-radius:var(--border-radius-2xl);border-bottom-right-radius:var(--border-radius-2xl)}.rounded-b-3xl{border-bottom-left-radius:var(--border-radius-3xl);border-bottom-right-radius:var(--border-radius-3xl)}.rounded-b-full{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.rounded-l-none{border-bottom-left-radius:var(--border-radius-none);border-top-left-radius:var(--border-radius-none)}.rounded-l-sm{border-bottom-left-radius:var(--border-radius-sm);border-top-left-radius:var(--border-radius-sm)}.rounded-l{border-bottom-left-radius:var(--border-radius-base);border-top-left-radius:var(--border-radius-base)}.rounded-l-md{border-bottom-left-radius:var(--border-radius-md);border-top-left-radius:var(--border-radius-md)}.rounded-l-lg{border-bottom-left-radius:var(--border-radius-lg);border-top-left-radius:var(--border-radius-lg)}.rounded-l-xl{border-bottom-left-radius:var(--border-radius-xl);border-top-left-radius:var(--border-radius-xl)}.rounded-l-2xl{border-bottom-left-radius:var(--border-radius-2xl);border-top-left-radius:var(--border-radius-2xl)}.rounded-l-3xl{border-bottom-left-radius:var(--border-radius-3xl);border-top-left-radius:var(--border-radius-3xl)}.rounded-l-full{border-bottom-left-radius:var(--border-radius-full);border-top-left-radius:var(--border-radius-full)}.rounded-tl-none{border-top-left-radius:var(--border-radius-none)}.rounded-tl-sm{border-top-left-radius:var(--border-radius-sm)}.rounded-tl{border-top-left-radius:var(--border-radius-base)}.rounded-tl-md{border-top-left-radius:var(--border-radius-md)}.rounded-tl-lg{border-top-left-radius:var(--border-radius-lg)}.rounded-tl-xl{border-top-left-radius:var(--border-radius-xl)}.rounded-tl-2xl{border-top-left-radius:var(--border-radius-2xl)}.rounded-tl-3xl{border-top-left-radius:var(--border-radius-3xl)}.rounded-tl-full{border-top-left-radius:var(--border-radius-full)}.rounded-tr-none{border-top-right-radius:var(--border-radius-none)}.rounded-tr-sm{border-top-right-radius:var(--border-radius-sm)}.rounded-tr{border-top-right-radius:var(--border-radius-base)}.rounded-tr-md{border-top-right-radius:var(--border-radius-md)}.rounded-tr-lg{border-top-right-radius:var(--border-radius-lg)}.rounded-tr-xl{border-top-right-radius:var(--border-radius-xl)}.rounded-tr-2xl{border-top-right-radius:var(--border-radius-2xl)}.rounded-tr-3xl{border-top-right-radius:var(--border-radius-3xl)}.rounded-tr-full{border-top-right-radius:var(--border-radius-full)}.rounded-br-none{border-bottom-right-radius:var(--border-radius-none)}.rounded-br-sm{border-bottom-right-radius:var(--border-radius-sm)}.rounded-br{border-bottom-right-radius:var(--border-radius-base)}.rounded-br-md{border-bottom-right-radius:var(--border-radius-md)}.rounded-br-lg{border-bottom-right-radius:var(--border-radius-lg)}.rounded-br-xl{border-bottom-right-radius:var(--border-radius-xl)}.rounded-br-2xl{border-bottom-right-radius:var(--border-radius-2xl)}.rounded-br-3xl{border-bottom-right-radius:var(--border-radius-3xl)}.rounded-br-full{border-bottom-right-radius:var(--border-radius-full)}.rounded-bl-none{border-bottom-left-radius:var(--border-radius-none)}.rounded-bl-sm{border-bottom-left-radius:var(--border-radius-sm)}.rounded-bl{border-bottom-left-radius:var(--border-radius-base)}.rounded-bl-md{border-bottom-left-radius:var(--border-radius-md)}.rounded-bl-lg{border-bottom-left-radius:var(--border-radius-lg)}.rounded-bl-xl{border-bottom-left-radius:var(--border-radius-xl)}.rounded-bl-2xl{border-bottom-left-radius:var(--border-radius-2xl)}.rounded-bl-3xl{border-bottom-left-radius:var(--border-radius-3xl)}.rounded-bl-full{border-bottom-left-radius:var(--border-radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.opacity-0{opacity:var(--opacity-0)}.opacity-5{opacity:var(--opacity-5)}.opacity-10{opacity:var(--opacity-10)}.opacity-20{opacity:var(--opacity-20)}.opacity-25{opacity:var(--opacity-25)}.opacity-30{opacity:var(--opacity-30)}.opacity-40{opacity:var(--opacity-40)}.opacity-50{opacity:var(--opacity-50)}.opacity-60{opacity:var(--opacity-60)}.opacity-70{opacity:var(--opacity-70)}.opacity-75{opacity:var(--opacity-75)}.opacity-80{opacity:var(--opacity-80)}.opacity-90{opacity:var(--opacity-90)}.opacity-95{opacity:var(--opacity-95)}.opacity-100{opacity:var(--opacity-100)}.text-current{color:currentColor}.text-inherit{color:inherit}.bg-current{background-color:currentColor}.bg-inherit{background-color:inherit}.border-current{border-color:currentColor}.border-inherit{border-color:inherit}.text-primary{color:var(--text-color)}.text-secondary{color:var(--text-color-secondary)}.text-muted{color:var(--text-color-muted)}.text-heading{color:var(--text-color-heading)}.bg-base{background-color:var(--bg-color)}.bg-surface{background-color:var(--surface-color)}.border-base{border-color:var(--border-color)}.border-light{border-color:var(--border-color-light)}.border-strong{border-color:var(--border-color-strong)}.fill-current{fill:currentColor}.fill-primary-500{fill:var(--color-primary-500)}.fill-primary-600{fill:var(--color-primary-600)}.fill-secondary-400{fill:var(--color-secondary-400)}.fill-secondary-500{fill:var(--color-secondary-500)}.fill-white{fill:var(--color-white)}.fill-black{fill:var(--color-black)}.stroke-current{stroke:currentColor}.stroke-primary-500{stroke:var(--color-primary-500)}.stroke-primary-600{stroke:var(--color-primary-600)}.stroke-secondary-400{stroke:var(--color-secondary-400)}.stroke-secondary-500{stroke:var(--color-secondary-500)}.stroke-white{stroke:var(--color-white)}.stroke-black{stroke:var(--color-black)}.stroke-0{stroke-width:0}.stroke-1{stroke-width:1}.stroke-2{stroke-width:2}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.min-h-0{min-height:0}.w-3{width:.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-64{width:16rem}.w-full{width:100%}.w-auto{width:auto}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-16{height:4rem}.h-full{height:100%}.h-auto{height:auto}.bg-opacity-50{--tw-bg-opacity:.5}.transition{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cursor-pointer{cursor:pointer}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:w-64{width:16rem}.lg\:pl-64{padding-left:16rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.xl\:px-12{padding-left:3rem;padding-right:3rem}}@media(min-width:1536px){.\32xl\:px-16{padding-left:4rem;padding-right:4rem}}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-700{background-color:var(--gray-700)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-900{background-color:var(--gray-900)}.text-gray-100{color:var(--gray-100)}.text-gray-200{color:var(--gray-200)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.border-gray-200{border-color:var(--gray-200)}.border-gray-700{border-color:var(--gray-700)}.dark .dark\:bg-gray-700,[data-theme=dark] .dark\:bg-gray-700{background-color:var(--gray-700)}.dark .dark\:bg-gray-800,[data-theme=dark] .dark\:bg-gray-800{background-color:var(--gray-800)}.dark .dark\:bg-gray-900,[data-theme=dark] .dark\:bg-gray-900{background-color:var(--gray-900)}.dark .dark\:text-gray-100,[data-theme=dark] .dark\:text-gray-100{color:var(--gray-100)}.dark .dark\:text-gray-200,[data-theme=dark] .dark\:text-gray-200{color:var(--gray-200)}.dark .dark\:text-gray-300,[data-theme=dark] .dark\:text-gray-300{color:var(--gray-300)}.dark .dark\:text-gray-400,[data-theme=dark] .dark\:text-gray-400{color:var(--gray-400)}.dark .dark\:border-gray-700,[data-theme=dark] .dark\:border-gray-700{border-color:var(--gray-700)}.dark .dark\:hover\:bg-gray-700:hover,[data-theme=dark] .dark\:hover\:bg-gray-700:hover{background-color:var(--gray-700)}.dark .dark\:hover\:text-gray-300:hover,[data-theme=dark] .dark\:hover\:text-gray-300:hover{color:var(--gray-300)}.hover\:bg-gray-100:hover{background-color:var(--gray-100)}.hover\:text-gray-700:hover{color:var(--gray-700)}@media(prefers-color-scheme:dark){.dark\:bg-gray-700{background-color:var(--gray-700)}.dark\:bg-gray-800{background-color:var(--gray-800)}.dark\:bg-gray-900{background-color:var(--gray-900)}.dark\:text-gray-100{color:var(--gray-100)}.dark\:text-gray-200{color:var(--gray-200)}.dark\:text-gray-300{color:var(--gray-300)}.dark\:text-gray-400{color:var(--gray-400)}.dark\:border-gray-700{border-color:var(--gray-700)}.dark\:hover\:bg-gray-700:hover{background-color:var(--gray-700)}.dark\:hover\:text-gray-300:hover{color:var(--gray-300)}}.responsive-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media(min-width:768px){.responsive-grid.md-2-cols{grid-template-columns:repeat(2,1fr)}.responsive-grid.md-3-cols{grid-template-columns:repeat(3,1fr)}.responsive-grid.md-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}#sync-status{display:block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.data-controls{flex-direction:row}.card{padding:var(--spacing-xl)}}@media(min-width:1024px){.responsive-grid.lg-2-cols{grid-template-columns:repeat(2,1fr)}.responsive-grid.lg-3-cols{grid-template-columns:repeat(3,1fr)}.responsive-grid.lg-4-cols{grid-template-columns:repeat(4,1fr)}.responsive-grid.lg-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(min-width:1280px){.responsive-grid.xl-auto-fit{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media(min-width:1024px){#daily-games-container{flex-direction:row;max-width:none}main#main-content{max-width:none;padding-left:16rem;width:100%}.section-header{border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.section-header h2{font-size:2rem;font-weight:700}.today-games{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--spacing-xl)}.today-game-card{padding:var(--spacing-lg);transition:all .3s ease}.today-game-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-4px)}.game-icon{font-size:2rem;height:56px;width:56px}.game-info h4{font-size:1.2rem}.game-score{font-size:1.3rem;min-width:80px;padding:var(--spacing-sm) var(--spacing-md)}.streak-cards{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.streak-card{padding:var(--spacing-lg)}.streak-number{font-size:2.2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}.section-container{margin:0 auto var(--spacing-xl) auto;max-width:none;width:100%}@media screen and (max-width:1023px){.section-container{padding:0}.sections-container{padding-top:var(--spacing-sm)}.comparison-grid,.today-games{gap:var(--spacing-sm);grid-template-columns:1fr}.comparison-row,.today-game-card{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.mobile-nav-header{padding:var(--spacing-sm) var(--spacing-md)}.mobile-nav{gap:var(--spacing-xs)}.mobile-nav-item{font-size:1rem;height:2rem;width:2rem}}@media screen and (min-width:1024px){.section-container{max-width:none;padding:0;width:100%}.today-games{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.comparison-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.comparison-controls,.comparison-row,.today-game-card{padding:var(--spacing-lg)}.comparison-controls{max-width:none;width:100%}}@media screen and (min-width:1400px){.today-games{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.comparison-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.calendar-responsive{width:100%}@media screen and (max-width:1023px){.calendar-grid{margin:var(--spacing-sm)}.calendar-day{min-height:60px;padding:var(--spacing-xs)}.calendar-game-icon{font-size:8px;height:12px;width:12px}.calendar-comparison-controls{flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-sm);padding:var(--spacing-md)}}@media screen and (min-width:1024px){.calendar-day{min-height:100px;padding:var(--spacing-md)}.calendar-game-icon{font-size:10px;height:20px;width:20px}.calendar-comparison-controls{flex-direction:row;padding:var(--spacing-lg)}}@media screen and (max-width:1023px){.profile-stats{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.profile-card{padding:var(--spacing-md)}}@media screen and (min-width:1024px){.profile-stats{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-card{padding:var(--spacing-lg)}}@media screen and (max-width:1023px){.game-comparison-visualization{margin:var(--spacing-sm);padding:var(--spacing-md)}.histogram-chart,.opposing-histogram-chart{margin:0;padding:0 var(--spacing-sm)}.chart-stats{gap:var(--spacing-sm);grid-template-columns:1fr 1fr}}@media screen and (min-width:1024px){.game-comparison-visualization{margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.chart-stats{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.expanded-details{overflow:visible;width:100%}@media screen and (max-width:767px){.expanded-details{gap:var(--spacing-sm);grid-template-columns:1fr;padding:var(--spacing-sm)}}@media screen and (min-width:768px){.expanded-details{gap:var(--spacing-md);grid-template-columns:1fr 1fr;padding:var(--spacing-md)}}@media screen and (max-width:1023px){#sections-container{margin-top:0;padding-top:var(--spacing-sm)}}@media screen and (min-width:1024px){#sections-container{padding-top:var(--spacing-md)}}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}@media(max-width:768px){.mobile-small-text{font-size:.875rem}.mobile-medium-text{font-size:1rem}.mobile-large-text{font-size:1.125rem}}.full-width{max-width:none;width:100%}.container-fluid{padding-left:var(--spacing-md);padding-right:var(--spacing-md);width:100%}@media(min-width:1024px){.container-fluid{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media(hover:none)and (pointer:coarse){.nav-tab:active{background:rgba(0,123,255,.1);transform:scale(.95)}.sync-btn:active{background:var(--accent-hover)}.control-btn:active{background:var(--border-color)}.mobile-nav-item:active{background:var(--accent-color);transform:scale(.95)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideInFromRight{animation:slideInFromRight .3s ease-out}.animate-slideInFromLeft{animation:slideInFromLeft .3s ease-out}.animate-bounce{animation:bounce 1s ease-in-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover{box-shadow:0 0 20px var(--accent-color)}.transition-all{transition:all .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.transition-transform{transition:transform .2s ease}.transition-opacity{transition:opacity .2s ease}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-bounce,.animate-fadeIn,.animate-pulse,.animate-slideInFromLeft,.animate-slideInFromRight,.animate-spin,.animate-wiggle{animation:none}}.color-picker-section{padding:1rem}.color-picker-label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:1rem}.color-palette{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));margin-bottom:1.5rem;max-width:400px}.color-option{border:3px solid transparent;border-radius:50%;cursor:pointer;height:48px;position:relative;transition:all .2s ease;width:48px}.color-option:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.5)}.color-option.selected:after{color:#fff;content:"✓";font-size:1.25rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.color-preview{align-items:center;background:var(--surface-secondary);border-radius:.5rem;display:flex;gap:1rem;padding:.75rem}.current-color-display{border:2px solid var(--border-primary);border-radius:50%;height:40px;width:40px}.user-avatar-clickable{cursor:pointer;transition:transform .2s ease}.user-avatar-clickable:hover{transform:scale(1.1)}.color-picker-modal{background:var(--surface-primary);border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:none;left:50%;max-width:400px;padding:1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.color-picker-modal.active{display:block}.color-picker-backdrop{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.color-picker-backdrop.active{display:block}.color-picker-modal h3{margin-bottom:1rem;margin-top:0}.color-picker-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.color-picker-modal-close:hover{color:var(--text-primary)}:root{--user-primary-color:#3b82f6;--user-secondary-color:#ec4899;--user-tertiary-color:#10b981;--user-quaternary-color:#f59e0b;--user-quinary-color:#6366f1;--user-senary-color:#8b5cf6;--user-default-color:#6b7280;--brendon-color:var(--user-primary-color);--emily-color:var(--user-secondary-color);--user-color-opacity-10:.1;--user-color-opacity-20:.2;--user-color-opacity-50:.5;--user-color-opacity-80:.8}.dark{--user-primary-color:#60a5fa;--user-secondary-color:#f472b6;--user-tertiary-color:#34d399;--user-quaternary-color:#fbbf24;--user-quinary-color:#818cf8;--user-senary-color:#a78bfa;--user-default-color:#9ca3af}.user-primary{color:var(--user-primary-color);--user-color:var(--user-primary-color)}.user-secondary{color:var(--user-secondary-color);--user-color:var(--user-secondary-color)}.user-tertiary{color:var(--user-tertiary-color);--user-color:var(--user-tertiary-color)}.user-quaternary{color:var(--user-quaternary-color);--user-color:var(--user-quaternary-color)}.user-quinary{color:var(--user-quinary-color);--user-color:var(--user-quinary-color)}.user-senary{color:var(--user-senary-color);--user-color:var(--user-senary-color)}.user-default{color:var(--user-default-color);--user-color:var(--user-default-color)}.bg-user-primary{background-color:var(--user-primary-color)}.bg-user-secondary{background-color:var(--user-secondary-color)}.bg-user-tertiary{background-color:var(--user-tertiary-color)}.bg-user-quaternary{background-color:var(--user-quaternary-color)}.bg-user-quinary{background-color:var(--user-quinary-color)}.bg-user-senary{background-color:var(--user-senary-color)}.bg-user-default{background-color:var(--user-default-color)}.bg-user-primary-light{background-color:rgba(var(--user-primary-color),var(--user-color-opacity-10))}.bg-user-secondary-light{background-color:rgba(var(--user-secondary-color),var(--user-color-opacity-10))}.border-user-primary{border-color:var(--user-primary-color)}.border-user-secondary{border-color:var(--user-secondary-color)}.border-user-tertiary{border-color:var(--user-tertiary-color)}.border-user-quaternary{border-color:var(--user-quaternary-color)}.border-user-quinary{border-color:var(--user-quinary-color)}.border-user-senary{border-color:var(--user-senary-color)}.border-user-default{border-color:var(--user-default-color)}.user-badge{align-items:center;background-color:rgba(var(--user-color),.1);border:1px solid rgba(var(--user-color),.2);border-radius:.375rem;color:var(--user-color);display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.125rem .5rem}.user-badge .user-emoji{font-size:1rem}.user-avatar,.user-badge .user-name{font-weight:600}.user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-avatar.avatar-small{font-size:.625rem;height:24px;width:24px}.user-avatar.avatar-medium{font-size:.875rem;height:32px;width:32px}.user-avatar.avatar-large{font-size:1.25rem;height:48px;width:48px}.brendon,.player-brendon,.score-brendon,.stat-brendon{color:var(--brendon-color);--user-color:var(--brendon-color)}.emily,.player-emily,.score-emily,.stat-emily{color:var(--emily-color);--user-color:var(--emily-color)}.game-winner{background-color:rgba(var(--user-color),.1);border:1px solid rgba(var(--user-color),.2);border-radius:.375rem;color:var(--user-color);font-weight:600;padding:.25rem .75rem}.legend-color{background-color:var(--user-color);border-radius:2px;height:12px;width:12px}.legend-color.user-primary{background-color:var(--user-primary-color)}.legend-color.user-secondary{background-color:var(--user-secondary-color)}.legend-color.user-tertiary{background-color:var(--user-tertiary-color)}.legend-color.user-quaternary{background-color:var(--user-quaternary-color)}.legend-color.user-quinary{background-color:var(--user-quinary-color)}.legend-color.user-senary{background-color:var(--user-senary-color)}.legend-color.user-default{background-color:var(--user-default-color)}.legend-color.brendon{background-color:var(--brendon-color)}.legend-color.emily{background-color:var(--emily-color)}.score-display,.stat-value{color:var(--user-color);font-weight:600}.score-display.user-primary,.stat-value.user-primary{color:var(--user-primary-color)}.score-display.user-secondary,.stat-value.user-secondary{color:var(--user-secondary-color)}.comparison-user{background-color:rgba(var(--user-color),.05);border:2px solid rgba(var(--user-color),.2);border-radius:.5rem;padding:1rem}.comparison-user:hover{background-color:rgba(var(--user-color),.1);border-color:rgba(var(--user-color),.3)}.user-select option{padding:.5rem}.user-select option.user-primary{color:var(--user-primary-color)}.user-select option.user-secondary{color:var(--user-secondary-color)}.user-select option.user-tertiary{color:var(--user-tertiary-color)}.player-card{background:var(--bg-secondary);border:2px solid rgba(var(--user-color),.3);border-radius:.5rem;padding:1rem;position:relative}.player-card.user-primary{background:linear-gradient(135deg,rgba(var(--user-primary-color),.05) 0,transparent 100%);border-color:rgba(var(--user-primary-color),.3)}.player-card.user-secondary{background:linear-gradient(135deg,rgba(var(--user-secondary-color),.05) 0,transparent 100%);border-color:rgba(var(--user-secondary-color),.3)}.head-to-head-score{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:1rem;justify-content:center;margin:1rem 0}.head-to-head-score .score-user-primary{color:var(--user-primary-color)}.head-to-head-score .score-user-secondary{color:var(--user-secondary-color)}.chart-line.user-primary{stroke:var(--user-primary-color)}.chart-line.user-secondary{stroke:var(--user-secondary-color)}.chart-line.user-tertiary{stroke:var(--user-tertiary-color)}.chart-bar.user-primary{fill:var(--user-primary-color)}.chart-bar.user-secondary{fill:var(--user-secondary-color)}.chart-bar.user-tertiary{fill:var(--user-tertiary-color)}.user-transition{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.user-status{border-radius:50%;display:inline-block;height:8px;margin-left:.25rem;width:8px}.user-status.online{background-color:#10b981}.user-status.offline{background-color:#6b7280}.user-status.away{background-color:#f59e0b}@media(max-width:640px){.user-badge{font-size:.75rem;padding:.125rem .375rem}.user-badge .user-emoji{font-size:.875rem}}@media print{.user-primary,.user-secondary{color:#000}.user-badge{background:#fff;border:1px solid #000}}