.patterns-page{color:#fff;background:#0a0a0f;max-width:960px;min-height:100vh;margin:0 auto;padding:80px 20px 60px}.patterns-loading{color:#6b7280;justify-content:center;align-items:center;gap:10px;padding:60px 0;font-size:14px;display:flex}.patterns-spinner{border:2px solid #00e59b4d;border-top-color:#00e59b;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.patterns-locked,.patterns-empty{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.patterns-search{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:10px 10px 10px 36px;font-size:13px;transition:border-color .2s}.patterns-search:focus{border-color:#a78bfa4d}.patterns-search::placeholder{color:#4b5563}.patterns-refresh-btn{color:#9ca3af;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.patterns-refresh-btn:hover{color:#fff;background:#ffffff14}.patterns-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.patterns-paywall{max-width:560px;margin:0 auto;position:relative}.pw-urgency-banner{color:#ef4444;text-transform:uppercase;letter-spacing:.04em;background:#ef44440f;border:1px solid #ef444426;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;font-size:11px;font-weight:700;animation:.5s ease-out urgencyFadeIn;display:flex}.pw-urgency-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.6;box-shadow:0 0 0 6px #ef444400}}@keyframes urgencyFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pw-hero{text-align:center;margin-bottom:24px}.pw-badge{color:#a78bfa;letter-spacing:.06em;background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.pw-title{color:#fff;font-size:28px;font-weight:900;line-height:1.2;font-family:var(--font-display);margin:0 0 12px}.pw-title-accent{background:linear-gradient(135deg,#a78bfa,#c4b5fd,#00e59b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pw-subtitle{color:#9ca3af;max-width:440px;margin:0 auto;font-size:14px;line-height:1.6}.pw-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.pw-stat{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:14px 8px}.pw-stat-value{font-size:20px;font-weight:900;font-family:var(--font-display)}.pw-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:10px;font-weight:600}.pw-preview-section{margin-bottom:24px}.pw-preview-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.pw-preview-glass{background:#ffffff03;border:1px solid #ffffff0f;border-radius:12px;position:relative;overflow:hidden}.pw-preview-row{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none;border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:12px 14px;display:flex}.pw-preview-row:last-of-type{border-bottom:none}.pw-preview-name{color:#fff;min-width:70px;font-size:13px;font-weight:700}.pw-preview-dots{color:#a78bfa;letter-spacing:1px;flex:1;font-family:monospace;font-size:11px}.pw-preview-pct{color:#00e59b;text-align:right;min-width:36px;font-size:13px;font-weight:800}.pw-preview-badge{color:#a78bfa;white-space:nowrap;background:#a78bfa1a;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.pw-preview-fade{pointer-events:none;background:linear-gradient(#0000,#040810);height:60px;position:absolute;bottom:0;left:0;right:0}.pw-cta-card{text-align:center;background:linear-gradient(135deg,#a78bfa0f,#00e59b08);border:1px solid #a78bfa26;border-radius:16px;padding:28px 24px}.pw-cta-title{color:#fff;margin:0 0 8px;font-size:20px;font-weight:800}.pw-price-row{justify-content:center;align-items:baseline;gap:4px;margin-bottom:20px;display:flex}.pw-price{color:#fff;font-size:40px;font-weight:900;font-family:var(--font-display)}.pw-price-period{color:#6b7280;font-size:15px}.pw-features{text-align:left;flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.pw-feature{color:#d1d5db;align-items:center;gap:10px;font-size:13px;display:flex}.pw-cta-btn{color:#0a0f1e;cursor:pointer;background:linear-gradient(135deg,#00e59b,#00b377);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #00e59b33}.pw-cta-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s ease-in-out infinite ctaShimmer;position:absolute;top:0;left:-100%}@keyframes ctaShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.pw-cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 36px #00e59b4d}.pw-trust{color:#4b5563;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:11px;display:flex}.patterns-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.patterns-title{color:#fff;align-items:center;gap:8px;margin-bottom:4px;font-size:24px;font-weight:800;display:flex}.patterns-subtitle{color:#6b7280;font-size:13px}.patterns-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.patterns-summary-card{text-align:center;border-radius:10px;padding:14px}.patterns-summary-card .value{font-size:28px;font-weight:800}.patterns-summary-card .label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.patterns-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.patterns-filter-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.patterns-sort-group{gap:4px;margin-left:auto;display:flex}.patterns-sort-btn{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.patterns-list{flex-direction:column;gap:6px;display:flex}.pattern-row{border-radius:10px;transition:border-color .2s;overflow:hidden}.pattern-row-btn{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}.pattern-team-info{flex-shrink:0;align-items:center;gap:10px;min-width:130px;display:flex}.pattern-team-logo{flex-shrink:0;width:28px;height:28px}.pattern-team-name{color:#fff;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.pattern-team-division{color:#4b5563;font-size:10px}.pattern-next-game{color:#fbbf24;letter-spacing:.2px;margin-top:1px;font-size:10px;font-weight:600}.pattern-today-badge{color:#00e59b;white-space:nowrap;background:#00e59b26;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.pattern-dots{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:3px;display:flex;overflow:hidden}.pattern-dot{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:800;transition:all .3s;display:flex;position:relative}.pattern-dot.dimmed{opacity:.3;transform:scale(.85)}.pattern-dot.streak{z-index:1;transform:scale(1.1)}.pattern-dot.streak.win{animation:2s ease-in-out infinite streakPulse;box-shadow:0 0 6px #00e59b66,0 0 16px #00e59b26,inset 0 0 4px #00e59b1a}.pattern-dot.streak.loss{animation:2s ease-in-out infinite streakPulse;box-shadow:0 0 6px #ef444466,0 0 16px #ef444426,inset 0 0 4px #ef44441a}.pattern-streak-connector{opacity:.6;border-radius:1px;flex-shrink:0;width:6px;height:2px}.pattern-streak-divider{background:#ffffff1a;border-radius:1px;flex-shrink:0;width:2px;height:18px;margin:0 2px}.pattern-break-dot{z-index:2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:900;animation:1.5s ease-in-out infinite breakPulse;display:flex;position:relative}.pattern-break-dot.break-mode{animation:1.2s ease-in-out infinite breakGlow}.pattern-break-wrapper{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.pattern-break-label{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:7px;font-weight:800}.pattern-break-arrow{flex-shrink:0;font-size:10px;animation:1.5s ease-in-out infinite arrowPulse}@keyframes streakPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}@keyframes breakPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes breakGlow{0%,to{transform:scale(1);box-shadow:0 0 8px #fb923c4d,0 0 20px #fb923c1a}50%{transform:scale(1.15);box-shadow:0 0 14px #fb923c80,0 0 30px #fb923c33}}@keyframes arrowPulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}.pattern-metrics{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-width:100px;display:flex}.pattern-alt-score{text-align:center}.pattern-alt-score .value{font-size:14px;font-weight:800}.pattern-alt-score .label{color:#4b5563;text-transform:uppercase;font-size:8px}.pattern-streak-badge{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:flex}.pattern-streak-badge span{font-size:11px;font-weight:700}.pattern-prediction{flex-direction:column;align-items:center;gap:2px;display:flex}.pattern-prediction-box{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:flex}.pattern-prediction-label{text-transform:uppercase;letter-spacing:.05em;font-size:7px;font-weight:800}.pattern-expanded{border-top:1px solid #ffffff0a;padding:0 14px 14px}.pattern-games-grid{flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.pattern-game-card{background:#ffffff08;border-radius:8px;flex:1;min-width:120px;padding:8px 10px}.pattern-game-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pattern-game-result{font-size:11px;font-weight:700}.pattern-game-date{color:#4b5563;font-size:10px}.pattern-game-opponent{color:#9ca3af;font-size:11px}.pattern-game-score{color:#fff;font-size:13px;font-weight:700}.patterns-alerts{background:#ffffff05;border:1px solid #fbbf241f;border-radius:12px;margin-bottom:16px;padding:14px 16px;animation:.4s ease-out alertFadeIn}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.patterns-alerts-header{color:#fbbf24;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.patterns-alerts-count{color:#fbbf24;background:#fbbf2426;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:800}.patterns-alert-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.patterns-alert-item:last-child{margin-bottom:0}.patterns-alert-icon{flex-shrink:0;margin-top:1px;font-size:16px}.patterns-alert-text{color:#d1d5db}.patterns-alert-text strong{color:#fff;font-weight:700}.patterns-alert-milestone{border-color:#22d3ee1f}.patterns-alert-walkoff{border-color:#fb923c1f}.pattern-milestone-badge{color:#22d3ee;white-space:nowrap;background:#22d3ee1f;border:1px solid #22d3ee33;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.pattern-walkoff-badge{color:#fb923c;white-space:nowrap;background:#fb923c1f;border:1px solid #fb923c33;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700;animation:2s ease-in-out infinite walkoffPulse}@keyframes walkoffPulse{0%,to{opacity:1}50%{opacity:.7}}.pattern-alert-detail{color:#d1d5db;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:10px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.pattern-alert-detail strong{color:#fff}.pattern-alert-detail.milestone{background:#22d3ee0a;border:1px solid #22d3ee1a}.pattern-alert-detail.walkoff{background:#fb923c0a;border:1px solid #fb923c1a}@media (max-width:768px){.patterns-page{padding:80px 12px 60px}.patterns-title{font-size:18px}.patterns-summary{grid-template-columns:repeat(3,1fr);gap:6px}.patterns-summary-card{padding:10px 6px}.patterns-summary-card .value{font-size:22px}.patterns-summary-card .label{font-size:9px}.pattern-row-btn{flex-wrap:wrap;gap:8px;padding:10px 12px}.pattern-team-info{min-width:unset;flex:1}.pattern-dots{flex-wrap:wrap;order:3;justify-content:flex-start;gap:3px;width:100%}.pattern-dot{width:22px;height:22px;font-size:9px}.pattern-metrics{min-width:unset;gap:8px}.patterns-sort-group{width:100%;margin-left:0}.patterns-filter-btn{padding:6px 10px;font-size:11px}.pattern-game-card{flex:0 0 calc(50% - 3px);min-width:calc(50% - 3px)}.pw-urgency-banner{padding:8px 12px;font-size:10px}.pw-title{font-size:24px}.pw-subtitle{font-size:13px}.pw-stat-value{font-size:18px}.pw-preview-name{min-width:60px;font-size:12px}.pw-preview-dots{font-size:10px}.pw-cta-card{padding:24px 18px}.pw-price{font-size:36px}.patterns-alerts{padding:10px 12px}.patterns-alert-item{padding:8px 10px;font-size:12px}}@media (max-width:480px){.patterns-title{font-size:16px}.patterns-summary-card .value{font-size:20px}.pattern-dot{border-radius:4px;width:20px;height:20px;font-size:8px}.pattern-team-logo{width:24px;height:24px}.pattern-team-name,.pattern-alt-score .value{font-size:12px}.pattern-streak-badge{padding:3px 6px}.pattern-streak-badge span{font-size:10px}.pattern-prediction-box{width:24px;height:24px;font-size:9px}.pattern-game-card{flex:0 0 100%;min-width:100%}.pattern-expanded{padding:0 10px 10px}.patterns-controls{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:4px;padding-bottom:4px;overflow-x:auto}.patterns-controls::-webkit-scrollbar{display:none}.patterns-filter-btn{flex-shrink:0;padding:6px 10px;font-size:11px}.patterns-sort-btn{padding:3px 8px;font-size:10px}.patterns-alert-item{gap:8px;font-size:11px}.pattern-milestone-badge,.pattern-walkoff-badge{padding:1px 4px;font-size:8px}.pw-urgency-banner{gap:6px;font-size:9px}.pw-title{font-size:22px}.pw-subtitle{font-size:12px}.pw-stats{gap:6px}.pw-stat{padding:10px 6px}.pw-stat-value{font-size:16px}.pw-stat-label{font-size:9px}.pw-preview-row{gap:6px;padding:10px}.pw-preview-name{min-width:50px;font-size:11px}.pw-preview-dots{font-size:9px}.pw-preview-badge{padding:1px 4px;font-size:8px}.pw-cta-card{padding:20px 16px}.pw-price{font-size:32px}.pw-feature{gap:8px;font-size:12px}.pw-cta-btn{padding:14px 20px;font-size:15px}.pw-trust{font-size:10px}}