.quick-recaps-section{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:.875rem 1.25rem;background:var(--surface-1, #ffffff);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:12px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;position:relative;overflow:hidden}.quick-recaps-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--flipt-primary, var(--theme-primary, #00A69C)) 0%,var(--flipt-secondary, var(--theme-secondary, #0068ba)) 100%);border-radius:3px 0 0 3px}.quick-recaps-header{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding-right:.75rem;border-right:1px solid var(--border-color, rgba(0, 0, 0, .1));color:var(--text-secondary, #64748b);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.quick-recaps-header i{font-size:.875rem;color:var(--flipt-primary, var(--theme-primary, #00A69C))}.quick-recaps-list{display:flex;align-items:center;gap:.625rem;overflow-x:auto;overflow-y:hidden;padding:.25rem 0;margin:-.25rem 0;scrollbar-width:thin;scrollbar-color:var(--border-color, rgba(0, 0, 0, .15)) transparent;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.quick-recaps-list::-webkit-scrollbar{height:4px}.quick-recaps-list::-webkit-scrollbar-track{background:transparent}.quick-recaps-list::-webkit-scrollbar-thumb{background:var(--border-color, rgba(0, 0, 0, .15));border-radius:4px}.quick-recaps-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted, rgba(0, 0, 0, .25))}.quick-recap-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--surface-2, #f8fafc);border:1px solid var(--border-color, rgba(0, 0, 0, .06));border-radius:100px;text-decoration:none;color:var(--text-primary, #1e293b);font-size:.8125rem;font-weight:500;white-space:nowrap;flex-shrink:0;scroll-snap-align:start;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.quick-recap-item:hover{background:var(--surface-1, #ffffff);border-color:var(--flipt-primary, var(--theme-primary, #00A69C));box-shadow:0 2px 8px #00a69c1f,0 1px 3px #0000000f;transform:translateY(-1px);color:var(--text-primary, #1e293b);text-decoration:none}.quick-recap-item:active{transform:translateY(0);box-shadow:0 1px 4px #00a69c1a}.quick-recap-emoji{font-size:1rem;line-height:1;flex-shrink:0}.quick-recap-league{font-weight:600;color:var(--text-primary, #1e293b);max-width:160px;overflow:hidden;text-overflow:ellipsis}.quick-recap-at{color:var(--text-secondary, #64748b);font-weight:500;font-size:.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis}.quick-recap-week{color:var(--text-muted, #94a3b8);font-weight:500;font-size:.75rem;padding-left:.375rem;border-left:1px solid var(--border-color, rgba(0, 0, 0, .08));margin-left:.125rem}[data-bs-theme=dark] .quick-recaps-section{background:var(--surface-1, #1e293b);border-color:var(--border-color, rgba(255, 255, 255, .08));box-shadow:0 1px 3px #0003,0 4px 12px #00000026}[data-bs-theme=dark] .quick-recaps-header{color:var(--text-secondary, #94a3b8);border-color:var(--border-color, rgba(255, 255, 255, .1))}[data-bs-theme=dark] .quick-recaps-list{scrollbar-color:var(--border-color, rgba(255, 255, 255, .15)) transparent}[data-bs-theme=dark] .quick-recaps-list::-webkit-scrollbar-thumb{background:var(--border-color, rgba(255, 255, 255, .15))}[data-bs-theme=dark] .quick-recaps-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted, rgba(255, 255, 255, .25))}[data-bs-theme=dark] .quick-recap-item{background:var(--surface-2, #334155);border-color:var(--border-color, rgba(255, 255, 255, .06));color:var(--text-primary, #e2e8f0)}[data-bs-theme=dark] .quick-recap-item:hover{background:var(--surface-3, #475569);border-color:var(--flipt-primary, var(--theme-primary, #00A69C));box-shadow:0 2px 8px #00a69c33,0 1px 3px #0000004d;color:var(--text-primary, #f1f5f9)}[data-bs-theme=dark] .quick-recap-league{color:var(--text-primary, #f1f5f9)}[data-bs-theme=dark] .quick-recap-at{color:var(--text-secondary, #94a3b8)}[data-bs-theme=dark] .quick-recap-week{color:var(--text-muted, #64748b);border-color:var(--border-color, rgba(255, 255, 255, .1))}@media (max-width: 767px){.quick-recaps-section{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.quick-recaps-header{border-right:none;padding-right:0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .08));width:100%}.quick-recaps-list{width:100%;padding-bottom:.25rem;margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem}.quick-recap-item{padding:.625rem 1rem}.quick-recap-league{max-width:150px}[data-bs-theme=dark] .quick-recaps-header{border-bottom-color:var(--border-color, rgba(255, 255, 255, .08))}}@media (max-width: 479px){.quick-recaps-section{padding:.625rem .875rem;border-radius:10px}.quick-recaps-header{font-size:.75rem}.quick-recap-item{padding:.5rem .75rem;font-size:.75rem}.quick-recap-emoji{font-size:.9375rem}.quick-recap-league{max-width:120px}.quick-recap-week{font-size:.6875rem}}@keyframes quickRecapSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quick-recaps-section{animation:quickRecapSlideIn .35s ease-out}.quick-recap-item:nth-child(1){animation-delay:.05s}.quick-recap-item:nth-child(2){animation-delay:.1s}.quick-recap-item:nth-child(3){animation-delay:.15s}.quick-recap-item:nth-child(4){animation-delay:.2s}.quick-recap-item:nth-child(5){animation-delay:.25s}@keyframes quickRecapItemFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.quick-recap-item{animation:quickRecapItemFadeIn .3s ease-out both}.quick-recap-item:focus{outline:none;box-shadow:0 0 0 2px var(--surface-1, #ffffff),0 0 0 4px var(--flipt-primary, var(--theme-primary, #00A69C))}.quick-recap-item:focus:not(:focus-visible){box-shadow:none}.quick-recap-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-1, #ffffff),0 0 0 4px var(--flipt-primary, var(--theme-primary, #00A69C))}[data-bs-theme=dark] .quick-recap-item:focus-visible{box-shadow:0 0 0 2px var(--surface-1, #1e293b),0 0 0 4px var(--flipt-primary, var(--theme-primary, #00A69C))}