.theme-toggle{background:transparent;color:var(--muted);border:1px solid var(--border);padding:6px 10px;border-radius:8px;cursor:pointer}.theme-toggle:hover{color:var(--text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,rgba(245,243,255,.6),var(--bg))}@media (min-width: 768px){.login-page{background:var(--surface);background-color:var(--bg)}}.login-card{width:100%;max-width:680px}@media (min-width: 768px){.login-card{max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 45px #00000040;padding:40px 32px}}@media (max-width: 767px){.login-card{padding:24px 16px;background:transparent}}.logo{width:64px;height:64px;background:#000;border-radius:12px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;position:relative}.logo-inner{width:16px;height:16px;background:#60a5fa;border-radius:50%}.title{margin:8px 0 24px;text-align:center;font-size:28px;line-height:32px;font-weight:600;color:var(--text)}.form{display:grid;grid-template-columns:1fr;row-gap:14px}.label{font-size:13px;color:var(--muted)}.input{height:44px;border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 12px;font-size:14px;color:var(--text)}:root[data-theme=dark] .input{background:#0f172a;border-color:#243244;color:var(--text)}.input::-moz-placeholder{color:#94a3b8}.input::placeholder{color:#94a3b8}.input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.button{height:44px;border:0;border-radius:8px;background:var(--brand-dark);color:#fff;font-weight:600;cursor:pointer}.button:hover{background:var(--brand-dark-hover)}.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 10px;border-radius:8px;font-size:13px;text-align:center}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.remember{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.link{color:var(--link);text-decoration:none}.link:hover{text-decoration:underline}.signup{text-align:center;color:var(--muted)}.app-header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border)}.app-header .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}.app-header .title{margin:0;line-height:1.1;font-size:20px;font-weight:700;color:var(--text)}@media (min-width: 768px){.app-header .bar{padding:10px 16px}.app-header .title{font-size:22px;padding:5px}}.settings{position:relative}.gear-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.gear-btn:hover{background:#94a3b81f}.menu{position:absolute;right:0;top:40px;z-index:50;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 28px #00000059,0 1px #ffffff0d inset;min-width:220px;max-width:calc(100vw - 20px);padding:6px}:root[data-theme=dark] .menu{background:#1f2937;border-color:#334155;box-shadow:0 14px 34px #0009}.menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item:hover{background:#94a3b82e}.menu-sep{height:1px;background:var(--border);margin:6px 0}:root[data-theme=dark] .menu-sep{background:#ffffff29}.footer-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:6px 4px 10px;border-top:1px solid var(--border);background:var(--surface)}.footer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 2px;text-decoration:none;color:var(--muted);border-radius:10px}.footer-item.active,.footer-item:hover{color:var(--text);background:#64748b1f}.footer-item .icon{display:none}.footer-item .label{font-size:12px;line-height:16px;text-align:center}@media (max-width: 480px){.footer-nav{padding:5px;gap:1px}.footer-item{padding:12px 1px;gap:2px}.footer-item .label{font-size:11px;line-height:14px}}@media (min-width: 768px){.footer-nav{padding:10px 12px 18px}.footer-item{gap:6px;padding:10px 8px}.footer-item .label{font-size:12px}}@media (min-width: 1200px){.footer-item .icon{display:block;font-size:20px;line-height:20px}}.pov-section{display:grid;gap:12px}.player-overview-filters-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;gap:8px}.player-overview-filters-container>*{flex:1;min-width:0}@media (max-width: 767px){.player-overview-filters-container{border:none;background:transparent;padding:0;margin-top:5px;margin-bottom:0}}@media (min-width: 768px){.player-overview-filters-container{padding:14px;gap:10px}}.input,.select,.button-ghost{height:38px;border:1px solid var(--border);border-radius:8px;padding:0 10px;color:var(--text);background:#fff}:root[data-theme=dark] .input,:root[data-theme=dark] .select,:root[data-theme=dark] .button-ghost{background:#0f172a;border-color:#243244}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table{width:100%;border-collapse:collapse}@media (min-width: 768px){.table{min-width:600px}}.table thead{background:#94a3b81f;color:var(--muted);font-size:12px}.caps{text-transform:uppercase;letter-spacing:.04em;font-weight:600}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}.table th.center,.table td.center{text-align:center}.table tbody tr:hover{background:#94a3b814}@media (max-width: 767px){.player-row-clickable{cursor:pointer;transition:background-color .2s;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.player-row-clickable:active{background-color:#94a3b826!important}}@media (min-width: 768px){.player-row-clickable{cursor:default}.player-row-clickable:hover{background-color:#94a3b814}}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;background:#dbeafe;color:#1d4ed8}:root[data-theme=dark] .badge{background:#0b2a55;color:#93c5fd}.link-btn{background:transparent;border:0;color:#2563eb;cursor:pointer;padding:4px 8px;border-radius:6px}.link-btn:hover{text-decoration:underline}.avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#e5e7eb;overflow:hidden}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:999px;display:block}@media (max-width: 1100px){.avatar{display:none}}@media (max-width: 767px){.hide-mobile{display:none!important}}.show-mobile-only{display:none}@media (max-width: 767px){.show-mobile-only{display:block!important}}@media (max-width: 1100px){.hide-1100{display:none}}.full-label{display:inline}.short-label{display:none}@media (max-width: 767px){.full-label{display:none}.short-label{display:inline}}.badge-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.select-container{position:relative;width:100%}.select-input{display:flex;align-items:center;gap:8px;height:38px;border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 10px;cursor:text}:root[data-theme=dark] .select-input{background:#0f172a;border-color:#243244}.select-input input{all:unset;flex:1;color:var(--text);font-size:14px}.select-input .right-hint{color:var(--muted);font-size:12px}.clear-btn{all:unset;cursor:pointer;width:22px;height:22px;border-radius:999px;background:#94a3b840;color:var(--text);display:flex;align-items:center;justify-content:center}.clear-btn:hover{background:#94a3b873}.select-dropdown{position:absolute;top:42px;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040;max-height:280px;overflow:auto;z-index:20}.option{padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:8px}.option:hover{background:#94a3b81f}.option.muted{color:var(--muted);cursor:default}.pill{width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:11px;background:#e5e7eb;color:#111827}:root[data-theme=dark] .pill{background:#1f2a3a;color:#cbd5e1}.simple-select{position:relative}.simple-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:38px;border:1px solid var(--border);border-radius:8px;padding:0 34px 0 10px;background:#fff;color:var(--text)}:root[data-theme=dark] .simple-select select{background:#0f172a;border-color:#243244;color:var(--text)}.simple-select .clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.depth-charts-page{padding:24px;background:var(--bg);min-height:calc(100vh - var(--header-height) - var(--footer-height));width:100%;max-width:100%;overflow-x:hidden}.depth-charts-filters-container{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:12px}@media (max-width: 767px){.depth-charts-filters-container{border:none;background:transparent;padding:0;margin-bottom:16px}}.section-title{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--muted)}.depth-charts-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 1024px){.depth-charts-grid{grid-template-columns:1fr 2fr 3fr}}.column{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}.player-list{display:grid;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--avatar-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.jersey-number{font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;background:var(--badge-bg);color:var(--badge-text)}.empty-state{padding:24px;text-align:center;color:var(--muted)}.mobile-only{display:block}.desktop-only{display:none}.desktop-row{display:none;gap:10px;align-items:center}@media (min-width: 1024px){.mobile-only{display:none}.desktop-only{display:block}.desktop-row{display:flex}}@media (max-width: 1023.98px){.depth-charts-grid{grid-template-columns:1fr 1fr}.column.forwards{order:1;grid-column:1 / -1}.column.goalies,.column.defensemen{order:2}}.player-profile-section{display:grid;gap:12px}.player-profile-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.player-profile-title{font-size:24px;font-weight:600;color:var(--text);margin:0}.player-profile-done-btn{background:transparent;border:0;color:#2563eb;cursor:pointer;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s}.player-profile-done-btn:hover{background:#2563eb1a}:root[data-theme=dark] .player-profile-done-btn{color:#8b5cf6}:root[data-theme=dark] .player-profile-done-btn:hover{background:#8b5cf61a}.player-profile-content{display:grid;gap:12px}.player-profile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}@media (min-width: 768px){.player-profile-card{padding:24px}}.player-profile-card-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 16px}.player-profile-info{display:flex;align-items:center;gap:16px}.player-profile-avatar{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;background:#e5e7eb;overflow:hidden;flex-shrink:0}:root[data-theme=dark] .player-profile-avatar{background:#1f2937}.player-profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:999px;display:block}.player-profile-number{font-size:24px;font-weight:600;color:#334155}:root[data-theme=dark] .player-profile-number{color:#9aa4b2}.player-profile-details{flex:1;min-width:0}.player-profile-name{font-size:24px;font-weight:600;color:var(--text);margin:0 0 4px}.player-profile-meta{font-size:14px;color:var(--muted)}.player-profile-card-content{display:grid;gap:16px}.player-profile-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.player-profile-notes-row{align-items:flex-start}.player-profile-label{font-size:14px;color:var(--muted);font-weight:500}.player-profile-value{font-size:14px;color:var(--text);font-weight:500;text-align:right}.player-profile-notes{text-align:right;font-weight:400;line-height:1.5;max-width:60%}@media (max-width: 767px){.player-profile-notes{max-width:100%;text-align:left}.player-profile-notes-row{flex-direction:column;align-items:flex-start;gap:8px}}.layout-container{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden;position:relative}.layout-main{flex:1;padding:16px 16px 60px;width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 480px){.layout-main{padding:4px 4px 50px}}@media (min-width: 481px) and (max-width: 767px){.layout-main{padding:4px 4px 55px}}@media (min-width: 768px){.layout-main{padding:16px 16px 70px}}@media (min-width: 1200px){.layout-main{padding:16px 16px 75px}}@media (min-width: 1600px){.layout-main{padding:16px 16px 85px}}@media (min-width: 1920px){.layout-main{padding:16px 16px 95px}}.App{text-align:center}.App-header{background-color:#282c34;padding:20px;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-header h1{margin-bottom:20px;color:#61dafb}.card{background-color:#20232a;padding:20px;border-radius:8px;margin:20px 0;max-width:400px}.card button{background-color:#61dafb;border:none;color:#282c34;padding:12px 24px;font-size:16px;font-weight:700;border-radius:4px;cursor:pointer;margin-bottom:16px;transition:background-color .2s}.card button:hover{background-color:#21a0c4}.card p{margin:0;font-size:14px;color:#888}.card code{background-color:#f1f1f1;color:#333;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace}:root{--brand-dark: #112a57;--brand-dark-hover: #0e244c;--bg: #ffffff;--surface: #ffffff;--border: #e5e7eb;--text: #0f172a;--muted: #64748b;--link: #6d28d9}:root[data-theme=dark]{--bg: #0b1220;--surface: #111827;--border: #1f2937;--text: #e5e7eb;--muted: #9aa4b2;--link: #8b5cf6;--brand-dark: #1e3a8a;--brand-dark-hover: #1e40af}*{box-sizing:border-box;max-width:100%}*:not(html):not(body):not(#root){max-width:100%}html,body,#root{height:100%;width:100%;max-width:100vw;overflow-x:hidden}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);width:100%;max-width:100vw;overflow-x:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){html,body{overflow-x:hidden!important;position:relative}*{max-width:100vw!important}}