@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--gray-950: #0d0d0d;--gray-900: #141414;--gray-850: #1a1a1a;--gray-800: #222;--gray-700: #333;--gray-600: #444;--gray-500: #666;--gray-400: #888;--gray-300: #aaa;--pink: #e91e8c;--pink-light: #ff4aa2;--pink-dark: #b8176f;--pink-muted: #a0467a}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;background:var(--gray-950);color:#ddd}.app{min-height:100vh;display:flex;flex-direction:column}.app.dark{--bg-primary: var(--gray-950);--bg-secondary: var(--gray-900);--bg-card: var(--gray-850);--text-primary: #e0e0e0;--text-secondary: var(--gray-400);--accent: var(--pink);--accent-hover: var(--pink-light);--border: var(--gray-700)}.main-nav{display:flex;align-items:center;justify-content:space-between;padding:.875rem 2rem;background:var(--gray-900);border-bottom:1px solid var(--gray-800);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center}.brand-text{font-size:1.1rem;font-weight:700;letter-spacing:3px;color:var(--pink)}.main-content{flex:1;padding:1.5rem 2rem;max-width:1400px;margin:0 auto;width:100%}.main-footer{padding:1rem 2rem;background:var(--gray-900);border-top:1px solid var(--gray-800);text-align:center;color:var(--gray-500);font-size:.8rem}.footer-divider{margin:0 .5rem;color:var(--gray-600)}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.page-subtitle{color:var(--gray-400);font-size:.9rem}input,select{background:var(--gray-800);border:1px solid var(--gray-600);border-radius:4px;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;transition:border-color .15s}input:focus,select:focus{outline:none;border-color:var(--pink)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--gray-400)}.spinner{width:36px;height:36px;border:3px solid var(--gray-700);border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.table-container{overflow-x:auto;border-radius:6px;border:1px solid var(--gray-700)}table{width:100%;border-collapse:collapse;background:var(--gray-900)}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-800)}th{font-weight:600;color:var(--pink);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;background:var(--gray-850)}tr:hover{background:var(--gray-850)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-900)}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::selection{background:var(--pink);color:#fff}.gameflow-page{max-width:1400px}.gameflow-layout{display:grid;grid-template-columns:260px 1fr;gap:1.5rem}@media(max-width:900px){.gameflow-layout{grid-template-columns:1fr}.main-nav{flex-direction:column;gap:.75rem;padding:.75rem 1rem}}.sidebar{background:var(--gray-850);border:1px solid var(--gray-700);border-radius:6px;padding:1rem;height:fit-content}.filter-mode-toggle{display:flex;gap:0;margin-bottom:1rem;border-radius:4px;overflow:hidden;border:1px solid var(--gray-600)}.mode-btn{flex:1;padding:.5rem;background:var(--gray-800);border:none;color:var(--gray-400);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.mode-btn:first-child{border-right:1px solid var(--gray-600)}.mode-btn:hover{background:var(--gray-700);color:#fff}.mode-btn.active{background:var(--pink-dark);color:#fff}.date-picker{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-700)}.date-picker label{display:block;font-size:.75rem;color:var(--gray-400);margin-bottom:.5rem}.date-nav{display:flex;gap:.375rem;align-items:center}.date-nav button{padding:.4rem .6rem;background:var(--gray-800);border:1px solid var(--gray-600);border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer;line-height:1}.date-nav button:hover:not(:disabled){border-color:var(--pink)}.date-nav button:disabled{opacity:.3;cursor:default}.date-nav input[type=date]{flex:1;min-width:0;padding:.4rem .5rem;background:var(--gray-800);border:1px solid var(--gray-600);border-radius:4px;color:#fff;font-size:.8rem;color-scheme:dark}.date-nav input[type=date]:focus{border-color:var(--pink);outline:none}.team-picker{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-700)}.team-picker label{display:block;font-size:.75rem;color:var(--gray-400);margin-bottom:.5rem}.team-picker select{width:100%;padding:.5rem;background:var(--gray-800);border:1px solid var(--gray-600);border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer}.team-picker select:hover{border-color:var(--pink)}.game-date{font-size:.7rem;color:var(--gray-400);font-weight:500}.no-games{color:var(--gray-500);font-size:.875rem;text-align:center;padding:1rem}.game-selector h3{font-size:.875rem;color:var(--pink);margin-bottom:.75rem}.game-list{display:flex;flex-direction:column;gap:.5rem}.game-option{display:flex;flex-direction:column;padding:.75rem;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:4px;cursor:pointer;text-align:left;color:var(--gray-300)}.game-option:hover{border-color:var(--gray-600)}.game-option.selected{border-color:var(--pink);background:var(--gray-800)}.game-teams{font-weight:500;color:#fff}.game-status{font-size:.75rem;color:var(--gray-500)}.game-score{font-size:.8rem;color:var(--pink);margin-top:.25rem}.main-panel{background:var(--gray-850);border:1px solid var(--gray-700);border-radius:6px;padding:1.25rem;min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--gray-500);text-align:center}.empty-state span{font-size:2rem;margin-bottom:.5rem}.gameflow-container{width:100%}.gameflow-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:1rem;background:var(--gray-800);border-radius:6px}.team-badge{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;border-radius:6px;border:3px solid;background:var(--gray-900)}.team-badge .team-abbrev{font-size:1.5rem;font-weight:700;color:#fff}.game-summary{text-align:center;color:var(--gray-400);font-size:.85rem}.game-summary strong{color:var(--pink)}.stint-bar{position:absolute;top:2px;bottom:2px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:.65rem;color:#fff;transition:opacity .15s,transform .1s;overflow:hidden}.stint-bar:hover{opacity:.85;transform:scaleY(1.1);z-index:10}.gameflow-legend{display:flex;gap:1.5rem;flex-wrap:wrap;padding:1rem;background:var(--gray-800);border-radius:6px;margin-top:1rem;font-size:.75rem;color:var(--gray-400)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:12px;height:12px;border-radius:2px}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--gray-400)}.loading-overlay .spinner{margin-bottom:1rem}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:6px;color:#fca5a5}.error-message span{font-size:1.25rem}