:root{color-scheme:light;font-family:Inter,Segoe UI,sans-serif;--bg: #f5f7fb;--card: #ffffff;--primary: #1d4ed8;--primary-dark: #1e40af;--accent: #f97316;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--danger: #dc2626;--shadow: 0 10px 30px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{font-size:2rem}.brand-title{font-weight:700}.brand-subtitle{font-size:.85rem;color:var(--muted)}.nav{display:flex;gap:1rem}.nav-link{padding:.35rem .75rem;border-radius:999px;color:var(--muted);font-weight:500}.nav-link-active{background:#1d4ed81a;color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:.75rem}.user-pill{background:#0f172a0f;padding:.4rem .75rem;border-radius:999px;font-size:.85rem}.app-content{padding:2rem;max-width:1200px;width:100%;margin:0 auto}.page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.details-box{border:1px solid var(--border);border-radius:.9rem;padding:1rem;background:var(--card)}.details-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.details-title{font-weight:700}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.details-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.details-display h1{margin:0 0 .35rem}.details-meta{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted)}.pill-live{border-color:#1d4ed866;background:#1d4ed81a;color:var(--primary-dark)}.pill-live.reconnecting{border-color:#f59e0b80;background:#f59e0b1f;color:#92400e}.pill-live.connecting{border-color:#64748b66;background:#64748b1a;color:var(--muted)}.pill-live.paused{border-color:#94a3b899;background:#94a3b81f;color:var(--muted)}.live-timestamp{margin-top:-.5rem;margin-left:.25rem}.scoreboard{display:flex;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.scoreboard-team{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;border-radius:.75rem;border:1px solid var(--border);background:#eef2ff}.scoreboard-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.scoreboard-score{font-size:1.75rem;font-weight:700;color:var(--primary-dark)}.card{background:var(--card);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);max-width:100%}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-header-actions{display:inline-flex;align-items:center;gap:.5rem}.section-header h2{margin:0}.section-header .muted{margin-top:.1rem}.merge-modal{margin-top:1rem;border-color:var(--primary)}.merge-modal .section-header{flex-wrap:wrap;gap:.5rem}.merge-modal-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.field input,.field select{padding:.6rem .75rem;border-radius:.6rem;border:1px solid var(--border);font-size:.95rem}.button{border:none;padding:.65rem 1rem;border-radius:.6rem;font-weight:600;cursor:pointer;transition:.2s ease}.button-small{padding:.35rem .6rem;font-size:.8rem}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark)}.button-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.button-outline:hover{border-color:var(--primary);color:var(--primary)}.button-danger{background:var(--danger);color:#fff}.button-icon-danger{background:transparent;border:1px solid rgba(220,38,38,.35);color:var(--danger);padding:.35rem .55rem;line-height:1;min-width:2rem;display:inline-flex;align-items:center;justify-content:center}.button-icon-danger:hover{background:#dc262614;border-color:var(--danger)}.button-action{background:#1d4ed81f;color:var(--primary);border:1px solid rgba(29,78,216,.25)}.button:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted);font-size:.9rem}.pill{padding:.3rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.pill-owner,.pill-edit,.pill-view{background:#1d4ed826;color:var(--primary)}.pill-view{background:#6366f126;color:#4f46e5}.pill-neutral{background:#64748b26;color:var(--muted)}.pill-group{display:flex;gap:.5rem;flex-wrap:wrap}.banner{background:#0f172a0a;padding:.75rem 1rem;border-radius:.6rem}.banner-error{background:#dc26261a;color:var(--danger)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,320px));gap:1rem;margin-top:1rem;justify-content:start}.game-card{background:#0f172a14;border:1px solid var(--border);border-radius:.8rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.game-card-clickable{cursor:pointer}.game-card-clickable:hover{border-color:#1d4ed859;background:#1d4ed80f}.game-card-header{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}.game-card-meta{font-size:.85rem;color:var(--muted);display:grid;gap:.25rem}.game-controls{display:flex;flex-direction:column;gap:1rem}.control-group{display:flex;flex-wrap:wrap;gap:1rem}.control-actions{display:flex;gap:.75rem;flex-wrap:wrap}.game-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.card-stack{display:flex;flex-direction:column;gap:1.5rem}.action-live-grid{display:grid;gap:1.5rem;width:100%}@media(min-width:960px){.action-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-bottom:1rem;align-items:stretch}.roster-button{background:#fff;border:2px solid rgba(15,23,42,.15);border-radius:.9rem;padding:.85rem .9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;text-align:center;min-height:86px;box-shadow:0 1px 2px #0f172a14;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.roster-button.compact{padding:.55rem;gap:.2rem;align-items:center;text-align:center}.roster-button.compact .roster-name{font-size:.85rem}.roster-button.compact .roster-number{font-size:.95rem}.roster-display-toggle{display:inline-flex;gap:.75rem;font-size:.85rem;flex-wrap:wrap;align-items:center}.roster-button-active{border-color:var(--primary);background:#1d4ed81f;box-shadow:0 2px 6px #1d4ed840}.roster-button:hover{border-color:#0f172a4d;box-shadow:0 4px 10px #0f172a1f;transform:translateY(-1px)}.roster-button:active{transform:translateY(0);box-shadow:0 2px 6px #0f172a1f}.roster-button:focus-visible{outline:3px solid rgba(29,78,216,.4);outline-offset:2px}.roster-number{font-weight:700;font-size:1.05rem}.roster-name{font-weight:600}.roster-position{font-size:.8rem;color:var(--muted)}.action-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1rem;width:100%}.action-column{display:flex;flex-direction:column;gap:.5rem}.opponent-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem;flex-wrap:wrap;width:100%}.opponent-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}.toggle-row{margin-top:.75rem}.toggle{display:flex;align-items:center;gap:.5rem}.inline-toggle{font-size:.85rem}.stats-table{display:grid;gap:.35rem;min-width:0}.stats-table.full{min-width:560px}.stats-table.full .stats-row{grid-template-columns:minmax(80px,1fr) repeat(10,minmax(40px,1fr))}.stats-split{display:grid;grid-template-columns:fit-content(220px) minmax(0,1fr);gap:.5rem;align-items:start}.stats-fixed-column{min-width:0;max-width:220px}.stats-scroll-column{min-width:0}.stats-scroll{overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.stats-controls{display:flex;align-items:center;gap:.75rem}.stats-row{display:grid;gap:.5rem;align-items:center;font-size:.85rem;padding:.35rem .5rem;border-radius:.4rem;min-height:2.6rem}.stats-row-player{grid-template-columns:minmax(0,1fr)}.stats-row-values{grid-template-columns:repeat(10,minmax(40px,1fr))}.stats-table .stats-row:not(.stats-header):nth-child(2n){background:silver}.stats-row.inactive .stats-player{text-decoration:line-through;color:var(--muted)}.stats-player{display:-webkit-box;max-width:100%;white-space:normal;word-break:break-word;line-height:1.15;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stats-header{font-weight:600;color:var(--muted)}.stats-header-button{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.stats-header-player{justify-content:flex-start;text-align:left}.stats-header-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.list{display:flex;flex-direction:column;gap:.75rem}.live-actions-list{max-width:640px}.roster-group-item{align-items:flex-start}.roster-player-chips{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.roster-player-chip{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:.2rem .55rem;font-size:.8rem;cursor:pointer}.roster-player-chip.active{border-color:var(--primary);background:#1d4ed81f;color:var(--primary-dark)}.roster-unassigned{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--border)}.list-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border-radius:.8rem;border:1px solid var(--border)}.list-item.selectable{background:#0f172a08}.list-item.selectable.selected{border-color:var(--primary);background:#1d4ed81a}.list-item.selected{border-color:var(--primary);background:#1d4ed814}.list-item.filter-match{border-color:#facc1599;background:#fef9c3b3}.player-teams{margin-top:.15rem}.player-team-link{color:var(--primary);text-decoration:none}.player-team-link:hover{text-decoration:underline}.player-stats-list{align-items:flex-start;--player-main-width: 280px}.player-list-item{justify-content:flex-start;width:100%;max-width:100%;display:grid;grid-template-columns:minmax(220px,var(--player-main-width)) auto;column-gap:.5rem;align-items:start}.player-list-main{width:100%;max-width:var(--player-main-width);min-width:220px;padding-right:.25rem}.player-list-actions{flex-shrink:0}.live-filters-header{display:flex;align-items:center;justify-content:space-between}.live-filters-title{font-size:.9rem;font-weight:600;color:var(--muted)}.pill-score{background:#1d4ed81f;color:var(--primary-dark);border:1px solid rgba(29,78,216,.2)}.action-edit-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.75rem 0;padding:.5rem .75rem;border-radius:.6rem;background:#1d4ed814;border:1px solid rgba(29,78,216,.2);font-weight:600}.action-menu{position:relative}.action-menu-popover{position:absolute;right:0;top:calc(100% + .35rem);display:grid;gap:.35rem;padding:.5rem;border-radius:.6rem;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);z-index:5}.list-actions{display:flex;gap:.5rem}.merge-inline{margin-top:.6rem;display:grid;gap:.5rem;align-items:start}.merge-multi-select{display:grid;gap:.35rem;max-height:140px;overflow:auto;padding:.45rem .55rem;border:1px solid var(--border);border-radius:.45rem;background:var(--bg)}.merge-multi-option{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.compare-game-breakdown{margin-top:.75rem;display:grid;gap:1rem}.compare-player-games h3{margin:0 0 .5rem;font-size:1rem}.focused-view-stack{margin-top:1rem;display:grid;gap:1rem}.focused-view-stack h3{margin:0 0 .5rem;font-size:1rem}.live-filters{margin-top:.75rem;padding:.75rem;border-radius:.6rem;border:1px solid var(--border);display:grid;gap:.75rem}.live-filter-group{display:grid;gap:.35rem}.live-filter-title{font-size:.85rem;font-weight:600;color:var(--muted)}.live-filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.35rem .75rem;align-items:center}.live-filter-options label{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.list-edit{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;width:100%}.share-link{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.share-link-box{display:flex;gap:.5rem;align-items:center}.share-link-box input{min-width:280px}.share-link-actions{display:flex;gap:.5rem}.centered-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{max-width:480px;width:100%;display:grid;gap:1.5rem}.auth-header{display:flex;gap:1rem}.auth-actions{display:grid;gap:.75rem}.divider{text-align:center;color:var(--muted);font-size:.9rem}.auth-note{font-size:.85rem;color:var(--muted)}.empty-state{padding:1rem;border-radius:.8rem;background:#0f172a0a;color:var(--muted);text-align:center}.hint{margin-top:.75rem;color:var(--muted);font-size:.85rem}.admin-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.2fr);gap:1.5rem}.search-input{padding:.5rem .75rem;border-radius:.6rem;border:1px solid var(--border)}.admin-data-section{margin-top:1.5rem}.admin-data-section h3{margin-top:1rem;margin-bottom:.5rem;font-size:1rem}.admin-data-list{list-style:none;padding:0;margin:0}.admin-data-item{padding:.5rem 0;border-bottom:1px solid var(--border)}.admin-data-item:last-child{border-bottom:none}.admin-shares{margin-top:.25rem;font-size:.875rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.stat-pill{background:#0f172a0a;border-radius:.8rem;padding:.75rem 1rem;font-weight:600}@media(max-width:900px){.app-header{flex-direction:column;align-items:flex-start}.nav-actions{width:100%;justify-content:space-between}.stats-split{grid-template-columns:fit-content(180px) minmax(0,1fr)}.stats-fixed-column{max-width:180px}.stats-row-values{grid-template-columns:repeat(5,minmax(40px,1fr));gap:.35rem}.stats-row-values>:nth-child(n+7){display:none}.stats-table.full{min-width:720px}.stats-table.full .stats-row-values{grid-template-columns:repeat(10,minmax(40px,1fr))}.stats-table.full .stats-row-values>:nth-child(n+7){display:inline}.stats-table.full .stats-row-values .stats-header-button:nth-child(n+7){display:inline-flex}.admin-layout{grid-template-columns:1fr}}.share-stats-controls{margin-bottom:1rem}.share-stats-controls .control-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.button-group{display:flex;gap:.35rem;flex-wrap:wrap}.button-active{background:var(--primary);color:#fff;border-color:var(--primary)}.share-stats-table-wrap{overflow-x:auto}.share-stats-table{width:100%;border-collapse:collapse}.share-stats-table th,.share-stats-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.share-stats-table th{font-weight:600;color:var(--muted);font-size:.85rem}.share-stats-num{text-align:right;font-variant-numeric:tabular-nums}.share-stats-game-link{color:inherit;text-decoration:none;display:block}.share-stats-game-link:hover{text-decoration:underline}.share-stats-game-link:hover .share-stats-game-title{color:var(--primary)}.share-stats-game-title{font-weight:500}.share-stats-game-opp{font-size:.9rem;margin-top:.15rem}.share-stats-link-cell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.share-stats-link-code{font-size:.85rem;background:var(--bg);padding:.2rem .4rem;border-radius:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-stats-chart-row td{padding:0;border-bottom:1px solid var(--border);vertical-align:top}.share-stats-chart-card{padding:1rem 1rem 1.25rem;background:var(--bg);margin:0 1rem 1rem;border-radius:8px}.share-stats-chart{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.share-stats-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:.9rem}.share-stats-chart-bars{display:flex;align-items:flex-end;gap:2px;height:100px;min-height:100px}.share-stats-chart-bar-wrap{flex:1;min-width:4px;height:100%;display:flex;align-items:flex-end}.share-stats-chart-bar{width:100%;min-height:2px;background:var(--primary);border-radius:2px 2px 0 0;transition:height .15s ease}.share-stats-chart-labels{display:flex;justify-content:space-between;gap:2px;font-size:.7rem;color:var(--muted);overflow-x:auto}.share-stats-chart-label{flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.stats-player{font-size:.8rem}.app-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.app-header{position:static}}