:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e7eb;background:#0f172a;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0f172a 0%,#111827 48%,#172554 100%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid #94a3b82e;padding:24px}.brand{align-items:center;gap:12px;margin-bottom:32px;font-weight:700;display:flex}.brand-mark{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#6366f1 0%,#2563eb 50%,#06b6d4 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 8px 24px #2563eb59}nav{gap:4px;display:grid}nav a{color:#cbd5e1;border-left:2px solid #0000;border-radius:12px;padding:12px 14px;transition:background-color .14s,color .14s,border-color .14s,transform .14s;display:block}nav a:hover{color:#fff;background:#2563eb2e;transform:translate(2px)}nav a.active{color:#fff;background:#2563eb47;border-left-color:#60a5fa}.content{padding:32px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{color:#0000;background:linear-gradient(135deg,#f8fafc 0%,#93c5fd 70%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.page-header p{color:#cbd5e1;margin:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:700;color:#93c5fd!important;margin-bottom:10px!important}.card,.stat-card{background:radial-gradient(120% 80% at 0 0,#2563eb1f,#0000 60%),#0f172ab8;border:1px solid #94a3b82e;border-radius:20px;padding:22px;transition:border-color .16s,transform .16s,box-shadow .16s;box-shadow:0 20px 60px #0000003d}.stat-card:hover{border-color:#60a5fa73;transform:translateY(-2px)}.card+.card{margin-top:20px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card span,.stat-card small,.muted,.match-row span,.rank-row span,.recent-player span{color:#94a3b8}.stat-card strong{margin-top:10px;font-size:2rem;display:block}.search-card{margin-bottom:20px}.form-grid{grid-template-columns:1fr 220px auto;align-items:end;gap:16px;display:grid}label{color:#cbd5e1;gap:8px;display:grid}.input{color:#fff;background:#0f172ae6;border:1px solid #94a3b84d;border-radius:12px;min-height:44px;padding:0 14px}.primary-button,.secondary-button,.link-button{cursor:pointer;border:0;border-radius:12px;font-weight:700;transition:background-color .12s,box-shadow .12s,transform .12s}.primary-button{color:#fff;background:#2563eb;min-height:44px;padding:0 20px}.primary-button:hover{background:#1d4ed8;box-shadow:0 12px 30px #2563eb4d}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{color:#fecaca;background:#f871712e;min-height:44px;padding:0 20px}.secondary-button:hover{background:#f8717147;box-shadow:0 12px 30px #f8717129}.link-button{color:#dbeafe;background:#94a3b81f;padding:10px 14px}.link-button:hover{background:#94a3b838}.accent-positive{color:#bbf7d0;background:#22c55e2e}.accent-positive:hover{background:#22c55e47;box-shadow:0 10px 26px #22c55e2e}.primary-button.accent-positive{color:#f0fdf4;background:#16a34a}.primary-button.accent-positive:hover{background:#15803d;box-shadow:0 12px 30px #16a34a52}.accent-danger{color:#fecaca;background:#f871712e}.accent-danger:hover{background:#f8717147;box-shadow:0 10px 26px #f871712e}.accent-info{color:#bfdbfe;background:#60a5fa29}.accent-info:hover{background:#60a5fa42;box-shadow:0 10px 26px #60a5fa2e}.primary-button:active,.secondary-button:active,.link-button:active{transform:translateY(1px)scale(.98)}.primary-button:focus-visible,.secondary-button:focus-visible,.link-button:focus-visible{outline-offset:3px;outline:2px solid #93c5fd}.primary-button:disabled:hover,.secondary-button:disabled:hover,.link-button:disabled:hover{box-shadow:none}.actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.toast{color:#eff6ff;z-index:10;background:#2563ebeb;border:1px solid #93c5fd73;border-radius:14px;padding:12px 16px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000047}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title h2{align-items:center;gap:10px;margin:0;font-size:1.2rem;display:inline-flex}.section-title h2:before{content:"";background:linear-gradient(#60a5fa 0%,#6366f1 100%);border-radius:4px;width:4px;height:18px;display:inline-block}.recent-list,.match-list,.rank-list{gap:10px;display:grid}.recent-player,.match-row,.rank-row{background:#1e293b99;border-radius:14px;justify-content:space-between;align-items:center;padding:14px;display:flex}.recent-player{flex-direction:column;align-items:flex-start}.match-stats{gap:14px;display:flex}.live-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.live-teams{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin-top:18px;display:grid}.live-team{background:#0f172a80;border:1px solid #94a3b81f;border-radius:16px;gap:12px;padding:14px;display:grid}.live-team.team-blue{border-color:#3b82f666}.live-team.team-orange{border-color:#f9731666}.live-team-header{align-items:center;gap:10px;display:flex}.team-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.team-blue .team-dot{background:#3b82f6}.team-orange .team-dot{background:#f97316}.team-unknown .team-dot{background:#94a3b8}.live-player-card{background:#1e293b99;border-left:4px solid #0000;border-radius:16px;gap:14px;padding:16px;display:grid}.live-player-card.team-blue{border-left-color:#3b82f6}.live-player-card.team-orange{border-left-color:#f97316}.live-player-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-match-guid{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.75rem;overflow:hidden}.live-player-card span,.player-row span,.player-row code{color:#94a3b8}.head-to-head{background:#0f172a8c;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;display:flex}.record-text{color:#f8fafc;font-variant-numeric:tabular-nums}.team-record{background:#1e293b99;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;display:flex}.mini-stats{flex-wrap:wrap;gap:8px;display:flex}.mini-stats span{background:#0f172acc;border-radius:999px;padding:6px 10px}.player-table,.averages-table{gap:8px;display:grid}.averages-row{background:#1e293b99;border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(180px,1.4fr) repeat(13,minmax(0,1fr));align-items:center;gap:12px;padding:14px;transition:background-color .14s,border-color .14s;display:grid}.averages-row:not(.averages-row-header):hover{background:#1e293bd9;border-color:#60a5fa38}.session-table .averages-row{grid-template-columns:minmax(180px,1.4fr) 60px 80px repeat(12,minmax(0,1fr))}.mode-chips{flex-wrap:wrap;gap:8px;margin:8px 0 14px;display:flex}.mode-chip{color:#cbd5e1;cursor:pointer;letter-spacing:.02em;background:#0f172ab3;border:1px solid #94a3b82e;padding:5px 12px;font-size:.78rem;transition:background-color .14s,border-color .14s,color .14s}.mode-chip:hover{color:#e2e8f0;background:#1e293be6;border-color:#60a5fa52}.mode-chip.chip-selected{color:#e0f2fe;background:#38bdf82e;border-color:#38bdf88c}.rematch-card{background:#1e293b99;border:1px solid #94a3b82e;border-radius:14px;gap:10px;margin-top:14px;padding:14px 16px;display:grid}.rematch-title{align-items:baseline;gap:8px;display:flex}.rematch-rows{gap:6px;display:grid}.rematch-row{grid-template-columns:110px auto 1fr;align-items:center;gap:10px;display:grid}.session-stat{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.chip{border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:700}.chip-up{color:#86efac;background:#22c55e2e}.chip-down{color:#fca5a5;background:#ef44442e}.chip-me{color:#e9d5ff;background:linear-gradient(135deg,#a855f738,#38bdf838);border:1px solid #a855f773;margin-left:8px;padding:2px 9px}.averages-row-header{color:#cbd5e1;background:0 0;padding-bottom:4px;font-weight:700}.averages-row>span{color:#e2e8f0;font-variant-numeric:tabular-nums}.averages-row>div{gap:2px;display:grid}.player-row{background:#1e293b99;border:1px solid #0000;border-radius:14px;grid-template-columns:1fr 140px 180px;align-items:center;gap:12px;padding:14px;transition:background-color .14s,border-color .14s;display:grid}.player-row-button{color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%}.player-row:not(.player-row-header):hover{background:#1e293bd9;border-color:#60a5fa40}.player-row-header{color:#cbd5e1;background:0 0;padding-bottom:4px;font-weight:700}.player-row-header:hover{background:0 0!important;border-color:#0000!important}.player-search{align-items:center;gap:10px;margin-bottom:14px;display:flex}.player-search .input{flex:1}.chip-tracked{color:#bbf7d0;background:#22c55e2e;border:1px solid #22c55e59;padding:2px 9px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#020617b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:radial-gradient(120% 80% at 0 0,#2563eb2e,#0000 60%),#0f172af5;border:1px solid #94a3b83d;border-radius:20px;gap:18px;width:100%;max-width:720px;max-height:calc(100vh - 48px);padding:24px;display:grid;overflow-y:auto;box-shadow:0 30px 80px #0000008c}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-title{gap:6px;display:grid}.modal-title h2{margin:0}.modal-chips{flex-wrap:wrap;gap:8px;display:flex}.modal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.modal-meta{margin-left:auto}.modal-section{border-top:1px solid #94a3b824;gap:12px;padding-top:16px;display:grid}.modal-section h3{margin:0;font-size:1rem}.modal-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.modal-stats-grid>div{background:#1e293b99;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.modal-stats-grid strong{font-variant-numeric:tabular-nums;font-size:1.15rem}.modal-h2h{background:#1e293b99;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}@media (max-width:720px){.modal-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.toggle-label{align-items:center;gap:8px;display:flex}code{font-family:Cascadia Code,Consolas,monospace}.alert{color:#fecaca;background:#7f1d1d73;border:1px solid #f8717173;border-radius:16px;margin-top:14px;margin-bottom:20px;padding:16px}.form-grid-me{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end}.form-grid-config{grid-template-columns:minmax(260px,1fr) 140px 120px auto;align-items:end;gap:14px;margin-top:14px;display:grid}.form-grid-config .path-label{grid-column:1/-1}.config-actions{grid-column:1/-1;justify-content:flex-end;align-items:end;gap:10px;display:flex}.candidate-paths{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.candidate-chip{padding:6px 10px;font-family:Cascadia Code,Consolas,monospace;font-size:.78rem}.config-status{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.me-status{align-items:center;gap:8px;margin-top:14px;display:inline-flex}@media (max-width:900px){.form-grid-config,.form-grid-me{grid-template-columns:1fr}}.live-dot{vertical-align:middle;background:#22c55e;border-radius:999px;width:8px;height:8px;margin-right:6px;animation:1.6s ease-out infinite live-pulse;display:inline-block;box-shadow:0 0 #22c55e99}@keyframes live-pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.games-list{gap:12px;display:grid}.game-row{background:#1e293b99;border-radius:14px;grid-template-columns:minmax(180px,220px) 1fr minmax(160px,auto);align-items:stretch;gap:14px;padding:14px;display:grid}.game-meta{gap:4px;display:grid}.game-teams{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.game-team{background:#0f172a80;border:1px solid #94a3b81f;border-left-width:4px;border-radius:12px;gap:6px;padding:10px;display:grid}.game-team.team-blue{border-left-color:#3b82f6}.game-team.team-orange{border-left-color:#f97316}.game-team-winner{background:#22c55e14}.game-team-header{align-items:center;gap:8px;display:flex}.game-player{gap:2px;display:grid}.game-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.skeleton div{background:#94a3b82e;border-radius:12px;height:24px;margin:12px 0;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #94a3b82e;border-right:0}.grid,.form-grid,.live-player-grid,.live-teams,.player-row,.averages-row,.game-row,.game-teams{grid-template-columns:1fr}.content{padding:20px}}