@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible{outline:2px solid var(--gold, #ffd700);outline-offset:2px}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary, #16213e)}::-webkit-scrollbar-thumb{background:var(--gold-dim, #b8860b);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold, #ffd700)}:root{--bg-primary: #12181c;--bg-secondary: #1a1f23;--bg-tertiary: #232b2f;--bg-elevated: #2a3238;--accent-red: #c53030;--accent-red-hover: #e53e3e;--gold: #c49250;--gold-light: #f0dcb4;--text-primary: #ecedee;--text-secondary: #a8b3b9;--text-muted: #6c7a82;--border-color: #3a4349;--available: #48bb78;--available-bg: rgba(72, 187, 120, .15);--unavailable: #e53e3e;--unavailable-bg: rgba(229, 62, 62, .1);--unset: #4a5568;--unset-bg: rgba(74, 85, 104, .2);--font-display: "JetBrains Mono", monospace;--font-heading: "JetBrains Mono", monospace;--font-body: "JetBrains Mono", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-secondary);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-container{text-align:center;padding:var(--spacing-xl);max-width:400px}.title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--gold-light);margin-bottom:var(--spacing-xs);letter-spacing:.15em;text-transform:uppercase}.subtitle{font-family:var(--font-body);font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);letter-spacing:.05em;text-transform:uppercase}.tagline{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);margin-bottom:var(--spacing-xl);font-style:italic}.login-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:#fff;background:var(--accent-red);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.login-button:hover{background:var(--accent-red-hover)}.google-icon{flex-shrink:0}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header .title{font-size:1.25rem;margin:0;letter-spacing:.1em}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-color)}.user-name{font-family:var(--font-body);color:var(--text-secondary);font-size:.875rem}.sign-out-button{padding:6px 12px;font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.sign-out-button:hover{color:var(--text-primary);border-color:var(--text-secondary)}.main{flex:1;padding:var(--spacing-xl);overflow-x:auto}.schedule-container{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.schedule-grid{display:grid;grid-template-columns:180px repeat(var(--date-columns, 16),64px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;width:fit-content}.grid-header{display:contents}.grid-header>*{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.player-label{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-heading);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.date-header{padding:var(--spacing-sm);text-align:center;border-left:1px solid var(--border-color)}.day-of-week{display:block;font-family:var(--font-heading);font-size:.65rem;color:var(--gold);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.date-display{display:block;font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary);margin:2px 0}.available-count{display:block;font-family:var(--font-body);font-size:.7rem;color:var(--available)}.date-header.all-available{background:#48bb7826}.date-header.all-available .day-of-week{color:var(--available)}.date-header.all-available .date-display{color:var(--text-primary);font-weight:500}.date-header.all-available .available-count{color:var(--available);font-weight:700}.availability-cell.all-available-column.available{background:#48bb7840!important}.player-row{display:contents}.player-row>*{border-bottom:1px solid var(--border-color)}.player-row:last-child>*{border-bottom:none}.player-row:hover>*{background:var(--bg-elevated)}.player-row.current-user>*{background:#c4925014}.player-row.current-user:hover>*{background:#c492501f}.player-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);min-width:0;overflow:hidden}.avatar{width:24px;height:24px;min-width:24px;border-radius:50%;border:1px solid var(--border-color);object-fit:cover}.player-name{font-family:var(--font-body);font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.you-badge{font-family:var(--font-body);font-size:.7rem;color:var(--gold);margin-left:var(--spacing-xs)}.availability-cell{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);font-size:1rem;font-weight:600;background:transparent;border:none;border-left:1px solid var(--border-color);cursor:default;transition:background .1s ease}.availability-cell.clickable{cursor:pointer}.availability-cell.clickable:hover{background:var(--bg-elevated)}.availability-cell.available{color:var(--available);background:var(--available-bg)}.availability-cell.unavailable{color:var(--unavailable);background:var(--unavailable-bg)}.availability-cell.unset{color:var(--unset);background:var(--unset-bg)}.legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.75rem;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:2px}.legend-dot.available{background:var(--available)}.legend-dot.unavailable{background:var(--unavailable)}.legend-dot.unset{background:var(--unset)}.footer{padding:var(--spacing-md) var(--spacing-xl);text-align:center;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.footer p{font-family:var(--font-body);color:var(--text-muted);font-size:.75rem;margin:var(--spacing-xs) 0}.footer .hint{color:var(--text-secondary)}.footer a{color:var(--gold);text-decoration:none}.footer a:hover{text-decoration:underline}.github-link{display:inline-flex;align-items:center;gap:4px}.loading,.error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);font-family:var(--font-body);color:var(--text-muted);font-size:.875rem}.error{color:var(--unavailable)}.loading-spinner{border-top-color:var(--accent-red)}.admin-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-md);font-family:var(--font-body);font-size:.75rem;color:var(--gold);background:#c4925026;border:1px solid var(--gold);border-radius:var(--radius-sm)}.avatar-placeholder{width:24px;height:24px;min-width:24px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.7rem;font-weight:700;color:var(--text-secondary)}.pending-badge{font-family:var(--font-body);font-size:.6rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);margin-left:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.player-row.unlinked{opacity:.7}.player-row.unlinked .player-name{color:var(--text-secondary)}@media(max-width:1024px){.schedule-grid{grid-template-columns:minmax(120px,160px) repeat(var(--date-columns, 16),minmax(44px,64px))}}@media(max-width:768px){.title{font-size:1.75rem}.header{flex-direction:column;gap:var(--spacing-md);text-align:center;padding:var(--spacing-md)}.header-right{flex-direction:column;gap:var(--spacing-sm)}.main{padding:var(--spacing-md)}.schedule-grid{grid-template-columns:minmax(100px,140px) repeat(var(--date-columns, 16),minmax(40px,56px))}.player-name{font-size:.75rem}.avatar,.avatar-placeholder{width:20px;height:20px}.avatar-placeholder,.day-of-week{font-size:.6rem}.date-display{font-size:.7rem}.available-count{font-size:.65rem}.legend{flex-wrap:wrap;gap:var(--spacing-md)}}@media(max-width:480px){.title{font-size:1.5rem;letter-spacing:.08em}.subtitle{font-size:.75rem}.main{padding:var(--spacing-sm)}.schedule-grid{grid-template-columns:minmax(80px,100px) repeat(var(--date-columns, 16),minmax(36px,48px))}.player-info{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.player-name{font-size:.7rem}.you-badge,.pending-badge{display:none}.avatar,.avatar-placeholder{width:18px;height:18px}.availability-cell{font-size:.85rem;padding:var(--spacing-xs)}.admin-badge{font-size:.65rem;padding:2px 6px}.legend-item{font-size:.65rem}.legend-dot{width:8px;height:8px}.footer p{font-size:.65rem}}.profile-page{max-width:500px;margin:0 auto}.profile-header{margin-bottom:var(--spacing-xl)}.back-link{display:inline-block;font-family:var(--font-body);font-size:.875rem;color:var(--gold);text-decoration:none;margin-bottom:var(--spacing-md)}.back-link:hover{text-decoration:underline}.profile-header h2{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin:0}.profile-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl)}.profile-error{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--unavailable-bg);border:1px solid var(--unavailable);border-radius:var(--radius-sm);color:var(--unavailable);font-size:.875rem}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl)}.avatar-upload-button{position:relative;width:120px;height:120px;border-radius:50%;border:3px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;overflow:hidden;padding:0}.avatar-upload-button:hover{border-color:var(--gold)}.avatar-upload-button:disabled{cursor:wait;opacity:.7}.profile-avatar{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:3rem;font-weight:700;color:var(--text-secondary)}.avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-family:var(--font-body);font-size:.75rem;font-weight:500;opacity:0;transition:opacity .15s ease}.avatar-upload-button:hover .avatar-overlay,.avatar-upload-button:disabled .avatar-overlay{opacity:1}.avatar-hint{margin-top:var(--spacing-sm);font-family:var(--font-body);font-size:.75rem;color:var(--text-muted)}.hidden-input{display:none}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-label{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-label span:first-child{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.profile-input{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease}.profile-input:focus{border-color:var(--gold)}.profile-input.disabled{opacity:.6;cursor:not-allowed}.input-hint{font-size:.7rem;color:var(--text-muted)}.save-button{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:#fff;background:var(--accent-red);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease;align-self:flex-start}.save-button:hover:not(:disabled){background:var(--accent-red-hover)}.save-button:disabled{opacity:.5;cursor:not-allowed}.user-info{text-decoration:none;color:inherit}.user-info:hover{opacity:.9}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.75rem;font-weight:700;color:var(--text-secondary)}