:root{--color-bg: #FEFEFE;--color-text: #252322;--color-gray: #4E4E4E;--color-red: #ff0000;--color-red-hover: #cc0000;--color-border: #ddd;--color-row-even: #f2f2f2;--color-row-odd: #ffffff;--color-row-hover: #e0e0e0;--font-family: "Roboto", sans-serif;--transition-speed: .3s;--border-radius: 5px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{background-color:var(--color-bg);font-family:var(--font-family);margin:0;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.app{min-height:100vh}.app-section-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin:1.5rem 0}@media(min-width:768px){.app-section-header{flex-direction:row;justify-content:center;gap:24px}.app-section-header h1{margin:0}}h1,h2,h3,h4{color:var(--color-text);text-align:center;text-transform:lowercase;font-weight:700;margin:1rem 0}h1{font-size:clamp(1.5rem,4vw,2rem);margin:1.5rem 0}h2{font-size:clamp(1.25rem,3vw,1.5rem)}h4{font-size:clamp(1rem,2.5vw,1.25rem);text-align:left;margin:.5rem 0}.header{display:flex;justify-content:center;align-items:center;background-color:var(--color-bg);padding:clamp(15px,3vw,25px) 0;border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:100;background:var(--color-bg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-speed)}.header-inner{width:min(1200px,94vw);display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,32px);padding:0 clamp(12px,3vw,24px);position:relative}.header-branding{display:flex;align-items:center;gap:clamp(8px,2vw,16px)}.header-toggle{position:absolute;right:clamp(12px,5vw,32px);display:flex;align-items:center;justify-content:center}.logo img{width:clamp(100px,20vw,150px);height:auto;margin-right:0;transition:transform var(--transition-speed)}.logo img:hover{transform:scale(1.05)}.title{font-size:clamp(24px,5vw,32px);font-weight:700;color:var(--color-gray);letter-spacing:-.5px}@media(max-width:640px){.header-inner{flex-direction:column;gap:16px}.header{padding:clamp(12px,4vw,20px) 0}.header-branding{flex-direction:column}.header-toggle{position:static}}.view-toggle{display:flex;align-items:center;gap:8px;color:var(--color-gray);text-transform:uppercase;letter-spacing:.6px;font-weight:600;font-size:.75rem}.view-toggle-track{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;background:linear-gradient(135deg,#f2f4f6,#e4e6e8);border-radius:999px;padding:4px;min-width:160px;box-shadow:var(--shadow-sm)}.view-toggle-slider{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:999px;background:var(--color-red);box-shadow:0 3px 8px #ff00004d;transition:transform var(--transition-speed)}.view-toggle-slider.is-card{transform:translate(0)}.view-toggle-slider.is-list{transform:translate(100%)}.view-toggle-option{position:relative;z-index:1;border:none;background:transparent;padding:8px 12px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--color-gray);cursor:pointer;transition:color var(--transition-speed)}.view-toggle-option.active{color:#fff}.view-toggle-option:focus-visible{outline:2px solid var(--color-red);outline-offset:2px}.view-toggle-option svg{width:18px;height:18px;display:block}@media(max-width:480px){.view-toggle{width:100%;justify-content:center}}.buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:clamp(15px,3vw,25px) 0;padding:0 10px}button{background-color:var(--color-gray);color:#fff;font-size:clamp(14px,2.5vw,16px);padding:clamp(8px,2vw,12px) clamp(15px,3vw,20px);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);font-family:var(--font-family);font-weight:500;min-height:44px;min-width:120px;box-shadow:var(--shadow-sm)}button:hover{background-color:var(--color-red);transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button.active{background-color:var(--color-red);color:#fff;box-shadow:var(--shadow-md)}button:focus{outline:2px solid var(--color-red);outline-offset:2px}.games-table{display:none}.games-table th,.games-table td{padding:clamp(8px,1.5vw,12px);text-align:center;border:1px solid var(--color-border);font-size:clamp(12px,1.5vw,14px);vertical-align:middle;background-color:inherit}.games-table td{position:relative;background-color:inherit}.games-table th{background:linear-gradient(to bottom,#5a5a5a,#4e4e4e,#3a3a3a);color:#fff;font-size:clamp(12px,1.5vw,14px);text-transform:capitalize;font-weight:600;position:sticky;top:0;z-index:10;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -1px #0003,0 2px 4px #00000026;text-shadow:0 1px 3px rgba(0,0,0,.5);border-bottom:2px solid rgba(0,0,0,.2)}.games-table tbody>tr.game-row.row-odd{background-color:#fff!important}.games-table tbody>tr.game-row.row-odd>td{background-color:#fff!important}.games-table tbody>tr.game-row.row-even{background-color:#f2f2f2!important}.games-table tbody>tr.game-row.row-even>td{background-color:#f2f2f2!important}.games-table tbody>tr.expanded-row{background-color:#f9f9f9!important}.games-table tbody>tr.expanded-row>td{background-color:#f9f9f9!important}.games-table tbody tr{border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s ease}.games-table tbody tr:last-child{border-bottom:none}.games-table tbody tr:hover{background-color:#e0e0e0!important}.games-table tbody tr:hover td{background-color:#e0e0e0!important;transition:background-color var(--transition-speed)}.games-table tr.incomplete{opacity:.7}.games-table th:first-child,.games-table td:first-child{width:150px;min-width:120px;max-width:200px;font-size:clamp(11px,1.5vw,12px);white-space:normal;word-break:break-word;text-align:center}.games-table th:nth-child(2),.games-table td:nth-child(2){min-width:180px;width:180px}.games-table th:nth-child(3),.games-table td:nth-child(3){min-width:180px;width:180px}.team-cell{position:relative;cursor:pointer;transition:background-color var(--transition-speed);white-space:nowrap;text-align:center}.team-cell .team-logo{vertical-align:middle;margin-right:8px}.team-cell .team-name{vertical-align:middle}.team-name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.team-cell:hover{background-color:#ff00001a!important}.team-logo{width:clamp(24px,4vw,30px);height:clamp(24px,4vw,30px);object-fit:contain;vertical-align:middle}.chuck-says,.austin-says{padding:6px 12px;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:700;border-radius:4px;text-align:center;text-transform:uppercase;position:relative;z-index:1}.chuck-says:not(.highlight),.austin-says:not(.highlight){background-color:transparent;color:inherit}.chuck-says.highlight,.austin-says.highlight{background-color:var(--color-red)!important;color:#fff!important;box-shadow:var(--shadow-sm)}.electric-glow{display:inline-block;position:relative;z-index:1}.custom-ou-container{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.custom-over-under{width:100px;height:36px;text-align:center;font-size:16px;font-weight:600;padding:8px 12px;border:2px solid var(--color-border);border-radius:6px;font-family:var(--font-family);transition:all var(--transition-speed);background:#fff}.custom-over-under:focus{outline:none;border-color:var(--color-red);box-shadow:0 0 0 3px #ff000026;transform:scale(1.02)}.update-button{height:30px;padding:0 10px;font-size:12px;background-color:var(--color-gray);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all var(--transition-speed);font-family:var(--font-family);min-height:30px}.update-button:hover{background-color:var(--color-red);transform:translateY(-1px)}.ai-img{height:15px;width:auto;max-width:15px}.expanded-row{background-color:#f9f9f9!important}.expanded-row.collapsed td{padding:0!important;border:none}.expanded-row.expanded{animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expanded-row.expanded td{padding:20px;overflow:hidden;border-top:2px solid var(--color-border)}.expanded-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:10px}.history-table{background:#fff;border-radius:var(--border-radius);padding:15px;box-shadow:var(--shadow-sm)}.history-table h4{margin-top:0;margin-bottom:10px;color:var(--color-gray)}.history-table table{width:100%;border-collapse:collapse;font-size:12px}.history-table th,.history-table td{padding:8px;text-align:center;border:1px solid var(--color-border)}.history-table th{background-color:var(--color-gray);color:#fff;text-transform:capitalize}.history-table tbody tr:nth-child(odd){background-color:#fff!important}.history-table tbody tr:nth-child(odd) td{background-color:#fff!important}.history-table tbody tr:nth-child(2n){background-color:#f2f2f2!important}.history-table tbody tr:nth-child(2n) td{background-color:#f2f2f2!important}.modern-games-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:20px;max-width:1600px;margin:0 auto}@media(min-width:768px){.modern-games-container{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;padding:24px}}@media(min-width:1200px){.modern-games-container{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}}.modern-game-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000001f;overflow:hidden;transition:all .3s ease;border:1px solid rgba(0,0,0,.08);position:relative}.modern-game-card:hover{box-shadow:0 4px 16px #0000001f,0 2px 6px #00000029;transform:translateY(-2px)}.modern-game-card.highlight-match,.list-highlight-match{border:2px solid var(--color-red);box-shadow:0 4px 16px #f003,0 2px 6px #ff00004d;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 4px 16px #f003,0 2px 6px #ff00004d,0 0 #f006;border-color:var(--color-red)}50%{box-shadow:0 4px 16px #f006,0 2px 6px #ff000080,0 0 0 20px #f000;border-color:#f33}}@keyframes pulse-inner{0%,to{box-shadow:inset 0 0 #f000,0 0 #f003}50%{box-shadow:inset 0 0 15px 5px #ff00004d,0 0 10px 3px #f006}}.recommendation-item.pulse-inner{animation:pulse-inner 2s ease-in-out infinite}.modern-game-card.incomplete{opacity:.85}.game-card-header-modern{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid var(--color-border)}.game-date-time-modern{display:flex;flex-direction:column;gap:4px}.game-date-modern{font-size:13px;font-weight:600;color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px}.game-time-modern{font-size:12px;font-weight:500;color:var(--color-gray);opacity:.8}.incomplete-badge{font-size:11px;padding:4px 8px;background:#ffc107;color:#000;border-radius:4px;font-weight:600;text-transform:uppercase}.game-teams-modern{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;gap:16px;background:#fff}.team-section-modern{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer;padding:12px;border-radius:8px;transition:all .2s ease}.team-section-modern:hover{background:#f8f9fa;transform:scale(1.02)}.team-logo-modern{width:48px;height:48px;object-fit:contain;flex-shrink:0}.team-info-modern{display:flex;flex-direction:column;flex:1;min-width:0}.team-name-modern{font-size:16px;font-weight:700;color:var(--color-text);line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.team-label{font-size:11px;color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-weight:500}.vs-divider-modern{font-size:12px;font-weight:700;color:var(--color-gray);text-transform:uppercase;letter-spacing:1px;padding:0 8px;flex-shrink:0}.game-stats-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-border);margin:0 16px;border-radius:8px;overflow:hidden}.stat-item-modern{background:#f8f9fa;padding:12px 8px;text-align:center;transition:background .2s ease}.stat-item-modern:hover{background:#e9ecef}.stat-label{font-size:11px;color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.stat-value{font-size:18px;font-weight:700;color:var(--color-text)}.stat-value.score-value{color:var(--color-red)}.custom-ou-modern{padding:16px;background:#f8f9fa;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-ou-label{display:block;font-size:12px;font-weight:600;color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.custom-ou-input-wrapper{display:flex;justify-content:center}.recommendations-modern{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-border)}.recommendation-item{background:#fff;padding:16px;text-align:center;transition:all .2s ease}.recommendation-item.highlight{background:var(--color-red);color:#fff}.recommendation-item.highlight .recommendation-label,.recommendation-item.highlight .recommendation-value{color:#fff}.recommendation-label{display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px}.recommendation-name{font-weight:700}.ai-icon-small{width:14px;height:14px;opacity:.7}.recommendation-value{font-size:16px;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.recommendation-value.highlight-text{color:var(--color-red);font-size:18px}.recommendation-item.highlight .recommendation-value.highlight-text{color:#fff}.expanded-history-modern{border-top:2px solid var(--color-border);background:#f8f9fa}.game-list-container{display:flex;flex-direction:column;gap:8px;padding:10px 12px 20px;max-width:900px;margin:0 auto}.game-list-item{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06);display:grid;gap:8px;padding:12px;transition:box-shadow var(--transition-speed),transform var(--transition-speed);box-shadow:var(--shadow-sm)}.game-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-list-primary{display:flex;flex-direction:column;gap:4px}.game-list-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.68rem;letter-spacing:.35px;text-transform:uppercase;color:var(--color-gray)}.game-list-badge{background:#ffc107;color:#000;border-radius:999px;padding:2px 8px;font-weight:600;font-size:.65rem}.game-list-teams{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.92rem;font-weight:700;color:var(--color-text);text-transform:capitalize}.game-list-divider{font-size:.68rem;letter-spacing:.5px;text-transform:uppercase;color:var(--color-gray)}.game-list-team{display:inline-flex;align-items:center;gap:6px;max-width:48%}.game-list-logo{width:22px;height:22px;object-fit:contain;flex-shrink:0}.game-list-secondary{display:flex;gap:6px;flex-wrap:nowrap}.game-list-line{background:#f8f9fa;border-radius:8px;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;flex:1}.game-list-line-label{font-size:.66rem;letter-spacing:.5px;font-weight:600;text-transform:uppercase;color:var(--color-gray)}.game-list-line-value{font-size:.85rem;font-weight:700;color:var(--color-text)}.game-list-recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.game-list-chip{background:#f4f4f5;border-radius:8px;padding:6px 8px;text-align:center;display:flex;flex-direction:column;gap:2px;text-transform:uppercase;letter-spacing:.4px;font-size:.65rem;color:var(--color-gray);font-weight:600;transition:background var(--transition-speed),color var(--transition-speed)}.game-list-chip.active{background:var(--color-red);color:#fff;box-shadow:var(--shadow-sm)}.game-list-chip-label{font-size:.58rem}.game-list-chip-value{font-size:.75rem;font-weight:700}@media(min-width:768px){.game-list-item{grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,.9fr);align-items:center}.game-list-primary{gap:6px}.game-list-teams{gap:10px;font-size:1rem}.game-list-secondary{justify-content:flex-end}}@media(max-width:480px){.game-list-container{padding:10px 10px 20px}.game-list-item{padding:12px;gap:10px}.game-list-recommendations{grid-template-columns:1fr;gap:8px}}.shopify-merch-section{max-width:1600px;margin:60px auto 40px;padding:40px 20px 0;border-top:2px solid var(--color-border)}.shopify-merch-header{text-align:center;margin-bottom:30px}.shopify-merch-header h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--color-text);text-transform:lowercase;margin:0;letter-spacing:-.5px}#shopify-merch-container{width:100%}#shopify-merch-container .shopify-buy__product{border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000001f;transition:all .3s ease;overflow:hidden}#shopify-merch-container .shopify-buy__product:hover{box-shadow:0 4px 16px #0000001f,0 2px 6px #00000029;transform:translateY(-2px)}#shopify-merch-container .shopify-buy__btn{font-family:var(--font-family)!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;transition:all var(--transition-speed)!important}#shopify-merch-container .shopify-buy__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:768px){.shopify-merch-section{margin:40px auto 20px;padding:30px 15px 0}.shopify-merch-header{margin-bottom:20px}}.game-cards-container{display:none}.game-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.game-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.game-card-header{padding:15px;cursor:pointer;background:linear-gradient(135deg,var(--color-bg) 0%,#f8f8f8 100%);border-bottom:2px solid var(--color-border)}.game-card-teams{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.game-card-teams .team-logo{width:32px;height:32px}.game-card-teams .away-team,.game-card-teams .home-team{font-weight:600;font-size:clamp(14px,3vw,16px);color:var(--color-text)}.game-card-teams .vs{color:var(--color-gray);font-size:12px}.game-card-time{text-align:center;font-size:12px;color:var(--color-gray);margin-top:5px}.game-card-details{padding:15px}.game-card-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.game-card-row:last-child{border-bottom:none}.game-card-row .label{font-weight:600;color:var(--color-gray);font-size:14px}.game-card-row .value{color:var(--color-text);font-size:14px}.game-card-custom-ou{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:1px solid var(--color-border)}.game-card-custom-ou .label{font-weight:600;color:var(--color-gray);font-size:14px}.game-card-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border)}.score-item{display:flex;flex-direction:column;gap:4px}.score-item .label{font-size:12px;color:var(--color-gray)}.score-item .value{font-size:18px;font-weight:700;color:var(--color-text)}.game-card-bets{display:grid;grid-template-columns:1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border)}.bet-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:4px;background:transparent;transition:all var(--transition-speed)}.bet-item.highlight{background-color:var(--color-red);color:#fff}.bet-item.electric-effect:before{content:"";position:absolute;inset:-4px;z-index:2;pointer-events:none;background:transparent;border-radius:4px;animation:electric 1s infinite alternate}.bet-item .label{font-weight:600;font-size:14px}.bet-item .value{font-weight:700;font-size:14px;text-transform:uppercase}.game-card-actions{padding:10px 0}.history-button{width:100%;background-color:var(--color-gray);color:#fff;border:none;border-radius:var(--border-radius);padding:10px;font-size:14px;cursor:pointer;transition:all var(--transition-speed);font-family:var(--font-family)}.history-button:hover{background-color:var(--color-red)}.game-card-history{margin-top:15px;padding-top:15px;border-top:2px solid var(--color-border)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-red);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{margin-top:15px;color:var(--color-gray);font-size:16px}.error-message{text-align:center;padding:40px 20px;color:var(--color-red)}.error-message h2{color:var(--color-red);font-size:clamp(1.25rem,3vw,1.5rem)}@media(max-width:768px){.games-table{display:none}.game-cards-container{display:grid}.buttons{gap:8px}button{min-width:100px;font-size:13px;padding:10px 15px}.expanded-history{grid-template-columns:1fr}}@media(min-width:769px){.game-cards-container{display:none}}@media(max-width:480px){.header{padding:10px 0}.title{font-size:20px}.logo img{width:80px}.buttons{gap:5px}button{min-width:90px;font-size:12px;padding:8px 12px}.game-card-header,.game-card-details{padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.buttons,.game-card-actions,.custom-ou-container{display:none}.games-table{box-shadow:none}}