:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0b0f13;--bg-secondary: #14191f;--bg-tertiary: #1c2127;--bg-elevated: #242a31;--text-primary: #f0f0f0;--text-secondary: #9a9fa6;--text-muted: #6b7280;--border-color: #2d333b;--border-subtle: #21262d;--accent-orange: #ed713a;--accent-green: #57a773;--accent-red: #e15759;--accent-blue: #4e79a7;--accent-yellow: #edc949}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:1200px;margin:0 auto;padding:24px 20px;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.subtitle{color:var(--text-secondary);font-size:.925rem;margin-top:6px;font-weight:400}.about-toggle{margin-top:14px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.about-toggle:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--accent-orange)}.about-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px 25px;margin-bottom:25px;text-align:left}.about-section h2{font-size:1.1rem;margin-bottom:12px;color:var(--text-primary)}.about-section h3{font-size:.95rem;margin-top:18px;margin-bottom:10px;color:var(--text-primary)}.about-section p{color:var(--text-secondary);font-size:.9rem;margin-bottom:12px}.about-section ul{list-style:none;padding:0}.about-section li{color:var(--text-secondary);font-size:.9rem;padding:6px 0 6px 16px;position:relative}.about-section li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--border-color)}.about-section li strong{color:var(--text-primary)}.controls-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:20px}.date-toggle{display:flex;background:var(--bg-secondary);border-radius:10px;padding:4px;border:1px solid var(--border-color);gap:4px}.date-toggle-btn{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;color:var(--text-secondary);padding:10px 24px;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:52px;min-width:110px}.date-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-toggle-btn.active{background:var(--accent-orange);color:#fff}.date-toggle-btn .date-label{font-size:.85rem;font-weight:600;line-height:1.2;letter-spacing:-.01em}.date-toggle-btn .date-value{font-size:.7rem;opacity:.7;line-height:1.2;font-weight:500}.date-toggle-btn.active .date-value{opacity:.95}@media(max-width:600px){.controls-row{flex-direction:column;align-items:stretch}.date-toggle{width:100%}.date-toggle-btn{flex:1;min-width:0;padding:12px 16px}.view-toggle{width:100%}.view-btn{flex:1;text-align:center}}.view-toggle{display:flex;background:var(--bg-secondary);border-radius:10px;padding:4px;border:1px solid var(--border-color)}.view-btn{background:transparent;border:none;color:var(--text-secondary);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.view-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.view-btn.active{background:var(--accent-orange);color:#fff}.main{flex:1}.loading-main,.error-main,.no-games{text-align:center;padding:40px;color:var(--text-secondary)}.error-main{color:var(--accent-red)}.games-list{display:flex;flex-direction:column;gap:15px}.game-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.game-card:hover{border-color:var(--border-color);box-shadow:0 4px 24px #0003}.game-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s ease}.game-header:hover{background:var(--bg-tertiary)}.teams{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;letter-spacing:.02em}.team.away{color:var(--text-secondary)}.team.home{color:var(--text-primary)}.at{color:var(--text-muted);font-weight:400;font-size:.9rem}.game-time{color:var(--text-secondary);font-size:.9rem;font-weight:500;font-variant-numeric:tabular-nums}.expand-icon{font-size:1.25rem;color:var(--text-muted);width:28px;text-align:center;transition:color .2s ease}.game-header:hover .expand-icon{color:var(--text-secondary)}.game-content{padding:20px;border-top:1px solid var(--border-color)}.teams-container{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width:900px){.teams-container{grid-template-columns:1fr}}.player-table-container{background:var(--bg-tertiary);border-radius:10px;padding:16px;overflow:hidden;position:relative}.player-table-container h3{font-size:1rem;font-weight:600;margin-bottom:4px;letter-spacing:-.01em}.opponent-stat{font-size:.8rem;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.matchup-quality{font-size:.7rem;padding:3px 8px;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.matchup-quality.soft{background:#57a77326;color:var(--accent-green)}.matchup-quality.tough{background:#e1575926;color:var(--accent-red)}.matchup-quality.average{background:#6b728026;color:var(--text-secondary)}.player-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;position:relative}.player-table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg-tertiary));pointer-events:none;opacity:1;transition:opacity .3s ease}@media(min-width:500px){.player-table-container:after{display:none}}.scroll-hint{display:none;align-items:center;justify-content:flex-end;gap:4px;font-size:.65rem;color:var(--text-muted);margin-bottom:6px;padding-right:4px}.scroll-hint span{animation:bounce-right 1.5s ease-in-out infinite}@keyframes bounce-right{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@media(max-width:500px){.scroll-hint{display:flex}}.player-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:420px}.player-table th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.player-table th.sortable{cursor:pointer;transition:color .15s ease}.player-table th.sortable:hover{color:var(--text-primary)}.player-table td{padding:10px 8px;border-bottom:1px solid var(--border-subtle);font-variant-numeric:tabular-nums}.player-table tr:last-child td{border-bottom:none}.player-name{display:flex;align-items:center;gap:6px;white-space:nowrap;font-weight:500}.form-badge{font-size:.65rem;padding:2px 5px;border-radius:4px;font-weight:600}.form-badge.up{background:#57a77333;color:var(--accent-green)}.form-badge.down{background:#e1575933;color:var(--accent-red)}.projection{font-weight:600;color:var(--accent-blue)}.line-input{width:54px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px 8px;color:var(--text-primary);font-size:.8rem;font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease}.line-input:focus{outline:none;border-color:var(--accent-orange)}.line-input::placeholder{color:var(--text-muted)}.edge-value span.over{color:var(--accent-green);font-weight:600}.edge-value span.under{color:var(--accent-red);font-weight:600}tr.edge-over{background:#57a7731f}tr.edge-under{background:#e157591f}.loading{text-align:center;padding:30px;color:var(--text-secondary)}.error{text-align:center;padding:30px;color:var(--accent-red)}.footer{text-align:center;padding:20px;margin-top:30px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem}.top-picks-container{padding:10px 0}.loading-picks,.no-picks{text-align:center;padding:60px 20px;color:var(--text-secondary)}.loading-picks{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:32px;height:32px;border:2px solid var(--border-color);border-top-color:var(--accent-orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.picks-header{text-align:center;margin-bottom:28px}.picks-header h2{font-size:1.25rem;font-weight:600;margin-bottom:6px;letter-spacing:-.02em}.picks-subtitle{color:var(--text-secondary);font-size:.85rem}.picks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pick-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.pick-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000040}.pick-card.rank-1{border-color:var(--accent-orange)}.pick-card.rank-1:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-orange)}.pick-rank{position:absolute;top:14px;right:16px;font-size:1.3rem;font-weight:700;color:var(--text-muted)}.rank-1 .pick-rank{color:var(--accent-orange)}.pick-player{font-size:1.1rem;font-weight:600;margin-bottom:4px;padding-right:40px;letter-spacing:-.01em}.pick-team{color:var(--text-secondary);font-size:.85rem;margin-bottom:2px}.pick-time{color:var(--text-muted);font-size:.8rem;margin-bottom:14px;font-variant-numeric:tabular-nums}.pick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;padding:14px 12px;background:var(--bg-tertiary);border-radius:10px}.pick-stat{text-align:center}.stat-label{display:block;font-size:.65rem;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.stat-value{font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}.stat-value.projection{color:var(--accent-blue)}.pick-reasons{display:flex;flex-wrap:wrap;gap:6px}.reason-badge{font-size:.7rem;padding:4px 10px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.reason-badge.matchup.soft{background:#57a77326;color:var(--accent-green)}.reason-badge.matchup.tough{background:#e1575926;color:var(--accent-red)}.reason-badge.hot{background:#ed713a26;color:var(--accent-orange)}.picks-disclaimer{text-align:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.75rem}@media(max-width:480px){.app{padding:16px 12px}.header h1{font-size:1.5rem}.subtitle{font-size:.85rem}.game-header{padding:14px 16px}.teams{font-size:1rem;gap:10px}.game-time{font-size:.8rem}.game-content{padding:16px}.player-table-container{padding:14px}.player-table-container h3{font-size:.95rem}.opponent-stat{font-size:.75rem}.player-table-wrapper{margin:0 -14px;padding:0 14px}.picks-grid{grid-template-columns:1fr;gap:12px}.pick-card{padding:16px}.pick-player{font-size:1rem}.pick-stats{padding:12px 10px}}.player-table-wrapper::-webkit-scrollbar{height:6px}.player-table-wrapper::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.player-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.player-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.toi-cell{color:var(--text-secondary);font-size:.8rem}.pp-badge{font-size:.6rem;padding:2px 5px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-left:2px}.pp-badge.pp-elite{background:#edc94933;color:var(--accent-yellow)}.pp-badge.pp-good{background:#4e79a733;color:var(--accent-blue)}.pp-badge.pp-some{background:#6b728026;color:var(--text-muted)}.toi-badge{font-size:.55rem;padding:2px 4px;border-radius:4px;font-weight:600;margin-left:2px}.toi-badge.toi-up-strong{background:#57a77340;color:var(--accent-green)}.toi-badge.toi-up{background:#57a77326;color:var(--accent-green)}.toi-badge.toi-down-strong{background:#e1575940;color:var(--accent-red)}.toi-badge.toi-down{background:#e1575926;color:var(--accent-red)}.reason-badge.pp{background:#edc94926;color:var(--accent-yellow)}.reason-badge.toi-up{background:#57a77326;color:var(--accent-green)}