:root{--active-expanded-bg: rgba(56, 189, 248, .16)}.page{max-width:1100px;margin:0 auto;padding:32px 20px 64px;display:flex;flex-direction:column;gap:32px}.hero{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#0f172a,#1e293b);color:#f8fafc;border-radius:22px;padding:6px 18px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:8px;opacity:.7;margin-bottom:4px}.hero h1{font-size:21px;margin-bottom:3px}.hero-image{width:50px;max-width:100%;height:auto;display:block;opacity:.55;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}.subheading{max-width:480px;line-height:1.6;color:#cbd5f5}.status-panel{display:grid;gap:8px;background:#0f172a66;padding:10px;border-radius:16px;min-width:140px}.status-row{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:14px}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.status-dot--active{background:#22c55e}.status-dot--idle{background:#38bdf8}.status-dot--offline{background:#ef4444}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}.controls-stack{display:flex;flex-direction:column;gap:5px}.toolbar-info h2{font-size:22px}.toolbar-info p{color:#94a3b8;margin-top:4px}.toolbar-info{display:flex;flex-wrap:wrap;gap:12px}.toolbar-filter{display:flex;flex-direction:column;gap:8px}.toolbar-info label{font-size:14px;color:#94a3b8}.toolbar-info select,.toolbar-actions input{padding:10px 14px;border:1px solid #1f2937;border-radius:10px;min-width:220px;background:#0f172a;color:#e2e8f0}.toolbar-actions{display:flex;gap:10px;align-items:center}.toolbar-actions input::placeholder{color:#94a3b8}.group-panel{background:#0f172a;border-radius:16px;padding:16px 20px;border:1px solid #1f2937}.group-panels{display:flex;flex-direction:column;gap:5px}.group-panel h3{font-size:16px;margin-bottom:10px}.group-list{display:flex;flex-wrap:wrap;gap:8px}.group-item{padding:6px 10px;border-radius:999px;font-size:13px;color:#cbd5f5;background:#94a3b81f;border:1px solid rgba(148,163,184,.2);cursor:pointer}.group-item--active{background:#38bdf82e;border-color:#38bdf873;color:#7dd3fc}.group-empty{color:#94a3b8}.group-table-header,.group-table-row{display:grid;grid-template-columns:.7fr 2fr repeat(8,minmax(0,1fr));gap:10px;align-items:center;padding:14px 20px}.group-table-header{background:#111827;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.group-table-row{border-top:1px solid #1f2937}.group-table-row--button{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit}.group-table-header--no-win-points,.group-table-row--no-win-points{grid-template-columns:.7fr 2fr repeat(7,minmax(0,1fr))}.list--group-table .group-table-header,.list--group-table .group-table-row,.list--group-table .group-table-details{min-width:820px}.list-body .group-table-row:nth-child(2n){background:#94a3b80d}.list-body .group-table-row.group-table-row--button:hover{background:#38bdf814}.list-body .group-table-row.group-table-row--active{background:var(--active-expanded-bg)}.group-table-details{border-top:1px solid rgba(56,189,248,.35);background:var(--active-expanded-bg);padding:14px 20px;display:flex;flex-direction:column;gap:10px}.group-table-details-section{display:flex;flex-direction:column;gap:6px}.group-table-details-section h5{margin:0;font-size:12px;color:#e2e8f0;text-transform:uppercase;letter-spacing:.06em}.group-table-details h4{font-size:14px;margin:0;color:#e2e8f0}.group-table-details-list{display:flex;flex-direction:column;overflow-x:auto}.group-table-details-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr 1fr;gap:10px;padding:8px 0;color:#cbd5f5;min-width:640px}.group-table-players-row{display:grid;grid-template-columns:1.2fr repeat(6,minmax(0,1fr));gap:10px;padding:8px 0;color:#cbd5f5;min-width:720px}.group-table-players-row--button{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit}.group-table-players-row--active{background:#22c55e24}.group-table-player-item+.group-table-player-item{border-top:1px solid #1f2937}.group-table-player-details{border-top:1px solid rgba(34,197,94,.35);padding:8px 0 0}.group-table-player-name{display:inline-flex;align-items:center;gap:6px}.group-table-player-expand-icon{color:#94a3b8;font-size:10px;line-height:1}.group-table-details-row--header{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:11px;padding-top:0}.group-table-details-row+.group-table-details-row{border-top:1px solid #1f2937}.group-table-details-empty{color:#94a3b8;margin:0}.meeting-round-header,.meeting-table-header,.meeting-table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:14px 20px}.meeting-round-header{background:#111827;color:#e2e8f0;font-size:14px;font-weight:600;border-bottom:1px solid #1f2937}.meeting-table-header{background:#111827;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #1f2937}.meeting-table-item+.meeting-table-item{border-top:1px solid #1f2937}.list-body .meeting-table-item:nth-child(2n) .meeting-table-row{background:#94a3b80d}.meeting-table-row{width:100%;color:#e2e8f0;background:transparent}.meeting-table-row--button{border:0;cursor:pointer;text-align:left;font:inherit}.meeting-table-details{padding:0;border-top:1px solid rgba(56,189,248,.35);background:var(--active-expanded-bg);color:#cbd5f5;display:flex;flex-direction:column}.meeting-table-detail-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:10px 20px;font-style:italic}.meeting-table-detail-row+.meeting-table-detail-row{border-top:1px solid #1f2937}.list--meetings .meeting-round-header,.list--meetings .meeting-table-header,.list--meetings .meeting-table-row,.list--meetings .meeting-table-detail-row{min-width:700px}.meeting-table-empty-cell{visibility:hidden}.players-table-header,.players-table-row{display:grid;grid-template-columns:1.6fr repeat(6,minmax(0,1fr));gap:10px;align-items:center;padding:14px 20px}.players-table-header{background:#111827;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.players-table-row{color:#cbd5f5;border-top:1px solid #1f2937}.players-table-row--button{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.players-table-row--active{background:var(--active-expanded-bg)}.players-table-item+.players-table-item{border-top:1px solid #1f2937}.player-games-panel{border-top:1px solid rgba(56,189,248,.35);background:var(--active-expanded-bg);padding:12px 20px 14px;display:flex;flex-direction:column;gap:10px}.player-game-card{border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#0f172a73;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.player-game-card--best{border-color:#22c55e8c;background:#22c55e1f}.player-game-card--worst{border-color:#facc158c;background:#facc1524}.player-game-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#e2e8f0;font-size:12px}.player-game-grid-stack{display:flex;flex-direction:column;gap:0}.player-game-pin-grid{--pin-circle-size: clamp(6px, .9vw, 9px);--pin-gap-x: clamp(2px, .7vw, 6px);--pin-gap-y: clamp(1px, .35vw, 2px);display:grid;grid-template-columns:repeat(21,minmax(0,1fr));gap:0}.player-game-pin-cell{grid-column:span 2;border:1px solid rgba(148,163,184,.28);border-radius:6px;min-height:clamp(38px,6.8vw,54px);display:flex;align-items:center;justify-content:center;background:#0f172a59}.player-game-pin-cell--last{grid-column:span 3}.player-pin-triangle{display:flex;flex-direction:column;gap:var(--pin-gap-y);align-items:center}.player-pin-triangle-row{display:flex;gap:var(--pin-gap-x);justify-content:center}.player-pin-circle{width:var(--pin-circle-size);height:var(--pin-circle-size);border-radius:999px;border:1px solid rgba(148,163,184,.7);display:inline-flex;align-items:center;justify-content:center;position:relative}.player-pin-circle--first{background:#475569f2;border-color:#94a3b8f2;color:#0f172a}.player-pin-circle--second{background:#facc15eb;border-color:#fef08afa;color:#0f172a}.player-pin-circle--standing{background:#f8fafc;border-color:#e2e8f0f2}.player-pin-circle-inner{width:clamp(3px,.45vw,5px);height:clamp(3px,.45vw,5px);border-radius:999px;background:#ef4444}@media(max-width:640px){.player-game-pin-grid{--pin-circle-size: 6px;--pin-gap-x: 2px;--pin-gap-y: 1px}.player-game-pin-cell{min-height:34px}}.player-game-frames-grid{display:grid;grid-template-columns:repeat(21,minmax(0,1fr));gap:0}.player-game-frame-cell,.player-game-score-cell{border:1px solid rgba(148,163,184,.28);border-radius:6px;min-height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#cbd5f5;background:#0f172a59}.player-game-scores-grid{display:grid;grid-template-columns:repeat(21,minmax(0,1fr));gap:0}.player-game-score-cell{grid-column:span 2;font-weight:600;color:#e2e8f0}.player-game-score-cell--last{grid-column:span 3}.player-game-score-cell--best{background:#22c55e33;border-color:#22c55e8c;color:#bbf7d0}.player-game-score-cell--worst{background:#facc1538;border-color:#facc158c;color:#fef08a}.list-body .players-table-row:nth-child(2n){background:#94a3b80d}.players-sort-button{border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;padding:0}.players-sort-button--active{color:#7dd3fc}.list--players .players-table-header,.list--players .players-table-row,.list--players .player-games-panel{min-width:760px}.content{display:flex;flex-direction:column;gap:16px}.state-card{background:#0f172a;border-radius:16px;padding:20px;border:1px solid #1f2937;box-shadow:0 8px 30px #02061799}.state-card--error{border-color:#7f1d1d;background:#2a0e13}.list{background:#0f172a;border-radius:18px;border:1px solid #1f2937;overflow:hidden;box-shadow:0 8px 30px #02061799}.list-header,.list-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:16px 20px}.list-header{background:#111827;color:#94a3b8;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.list-row{border-top:1px solid #1f2937}.list-col--name{display:flex;flex-direction:column;gap:4px}.list-col--actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;height:100%}.list-row>.list-col{display:flex;justify-content:space-between;height:100%}.list-title{font-weight:600;font-size:16px}.list-subtitle{font-size:14px;color:#94a3b8}.status-badge{padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600;text-align:center;display:inline-block}.link-button{padding:10px 12px;border-radius:999px;font-size:14px;font-weight:600;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;border:1px solid transparent;color:inherit;background:#94a3b81f}.link-button:hover,.link-button:focus-visible{border-color:#94a3b859;box-shadow:0 0 0 2px #94a3b833}.link-button--muted{color:#cbd5f5;background:#94a3b814;border-color:#94a3b81f}.link-button--gray{background:#363f4b!important;color:#e2e8f0!important;border-color:#475569!important}.status-badge--active{background:#22c55e2e;color:#4ade80;border-color:#62f2962e}.status-badge--idle{background:#38bdf82e;color:#38bdf8}.status-badge--offline{background:#ef44442e;color:#f87171}.status-badge--unknown{background:#94a3b833;color:#cbd5f5}@media(min-width:850px){.list-row>.list-col:not(.list-col--name){justify-content:stretch;align-items:stretch}.list-row>.list-col:not(.list-col--name) .link-button{width:100%}}@media(max-width:820px){.list-header{display:none}}@media(max-width:850px){.list--group-table,.list--meetings,.list--players{overflow-x:auto}.list--group-table .group-table-header,.list--group-table .group-table-row,.list--group-table .group-table-details{min-width:640px}.list--meetings .meeting-round-header,.list--meetings .meeting-table-header,.list--meetings .meeting-table-row,.list--meetings .meeting-table-detail-row,.list--players .players-table-header,.list--players .players-table-row,.list--players .player-games-panel{min-width:620px}.list-row{justify-items:stretch;align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.list-col--name{grid-column:1 / -1}.list-row>.list-col{display:block;justify-content:flex-start;align-items:stretch;width:100%;align-self:stretch}.list-row .link-button{display:block;width:100%;max-width:100%;box-sizing:border-box}.group-table-details{padding:12px 14px}.group-table-details-row,.group-table-players-row{gap:8px;font-size:12px}}@media(max-width:680px){.list--group-table .group-table-header,.list--group-table .group-table-row,.list--group-table .group-table-details,.group-table-details-row,.group-table-players-row,.list--players .players-table-header,.list--players .players-table-row,.list--players .player-games-panel,.list--meetings .meeting-round-header,.list--meetings .meeting-table-header,.list--meetings .meeting-table-row,.list--meetings .meeting-table-detail-row{min-width:360px}.group-table-header{font-size:11px}.group-table-row{font-size:12px}.group-table-details h4{font-size:13px}.group-table-details-row{font-size:11px;gap:6px}.meeting-round-header{font-size:13px}.meeting-table-header{font-size:11px}.meeting-table-row,.meeting-table-detail-row{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e2e8f0;background-color:#0b1120}body{min-height:100vh;background:#0b1120;color:#e2e8f0}#root{min-height:100vh}input,button{font:inherit}