:root{--bg:#0a0d12;--bg-panel:#10141b;--bg-input:#0d1117;--bg-hover:#151b24;--border:#1f2733;--border-strong:#2d3746;--text:#c3ccd7;--text-h:#e8eef5;--muted:#7b8696;--faint:#4f5a69;--accent:#39c5cf;--accent-dim:#39c5cf1f;--win:#3fb950;--loss:#f85149;--warn:#d29922;--danger:#f85149;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;font:14px/1.6 var(--mono);font-variant-ligatures:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{color:var(--text-h);margin:0 0 8px;font-weight:500}input,select,button{font:inherit}button{cursor:pointer}::selection{background:var(--accent);color:var(--bg)}.app{max-width:1040px;margin:0 auto;padding:0 16px 64px}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:24px;padding:18px 0 0;display:flex}.app-header h1{color:var(--text-h);letter-spacing:.2px;margin:0;padding-bottom:14px;font-size:16px;font-weight:700}.prompt{color:var(--accent)}.cursor{vertical-align:-2px;background:var(--accent);width:8px;height:15px;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}.app-header nav{flex-wrap:wrap;gap:4px;display:flex}.app-header nav button{color:var(--muted);text-transform:lowercase;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:4px 10px 14px}.app-header nav button:before{content:"./";color:var(--faint)}.app-header nav button:hover:not(:disabled){color:var(--text-h);border-bottom-color:var(--border-strong)}.app-header nav button.active{color:var(--text-h);border-bottom-color:var(--accent)}.app-header nav button.active:before{color:var(--accent)}.user-info{color:var(--muted);align-items:center;gap:14px;margin-left:auto;padding-bottom:14px;font-size:13px;display:flex}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}@media (width<=1000px){.user-email{display:none}}main{padding-top:28px}.link-button{color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0}.link-button:hover:not(:disabled){text-decoration:underline}.error,.notice{border:1px solid;border-radius:4px;margin:14px 0;padding:10px 14px;font-size:13px}.error{color:#ffa198;background:#f8514914;border-color:#f8514966}.error:before{content:"error: ";color:var(--loss);font-weight:700}.notice{color:#7ee787;background:#3fb95014;border-color:#3fb95066}.hint{color:var(--muted);font-size:13px}button{background:var(--bg-panel);border:1px solid var(--border-strong);color:var(--text-h);border-radius:4px;padding:7px 14px;transition:border-color .12s,color .12s,background .12s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}button[type=submit]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:500}button[type=submit]:hover:not(:disabled){background:var(--accent);color:var(--bg)}input,select{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-h);border-radius:4px;padding:7px 10px}input::placeholder{color:var(--faint)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}input[type=checkbox]{accent-color:var(--accent);padding:0}.matchup-form label,.lobby-form label,.overview-form label,.auth-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.wr-good{color:var(--win);font-weight:500}.wr-bad{color:var(--loss);font-weight:500}.wr-none{color:var(--faint)}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-form{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px 24px 24px;display:flex}.auth-form h1{font-size:18px;font-weight:700}.auth-form .subtitle{color:var(--muted);margin:-4px 0 8px;font-size:13px}.auth-form .subtitle:before{content:"# ";color:var(--faint)}.auth-form .checkbox-label{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:13px}.auth-form button[type=submit]{margin-top:4px;padding:9px}.riot-key-panel,.invites-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;margin-bottom:20px;padding:14px 16px}.riot-key-panel h3,.invites-panel h3{font-size:13px;font-weight:700}.riot-key-form{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.riot-key-form input{flex:1;min-width:220px}.invite-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.invite-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.invite-code{background:var(--bg-input);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:3px 8px;font-size:13px}.db-stats:before{content:"$ ";color:var(--faint)}.add-account-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.add-account-form .hash{color:var(--faint)}.bulk-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.account-list{border:1px solid var(--border);border-radius:6px;flex-direction:column;margin-top:16px;display:flex;overflow:hidden}.account-list>.hint{margin:0;padding:14px 16px}.account-row{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.account-row:last-child{border-bottom:none}.account-name{color:var(--text-h);min-width:220px;font-weight:500}.account-name .tag{color:var(--muted);margin-left:2px;font-weight:400}.platform-badge{border:1px solid var(--border-strong);color:var(--muted);border-radius:3px;margin-left:10px;padding:1px 6px;font-size:11px}.sync-status{color:var(--muted);flex:1;font-size:12px}.sync-status.sync-syncing{color:var(--warn)}.sync-status.sync-error{color:var(--loss)}.account-actions{gap:8px;display:flex}.matchup-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.matchup-form .vs{color:var(--faint);padding-bottom:8px}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:28px 0;display:grid}.stat-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:18px 20px}.stat-card h3{color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:400}.big-number{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1.1}.stat-card .sub{color:var(--muted);margin-top:6px;font-size:12px}.matchup-result>h3{margin-bottom:10px;font-size:13px;font-weight:700}.recent-list{border:1px solid var(--border);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.recent-row{background:var(--bg-panel);border-bottom:1px solid var(--border);border-left:3px solid var(--border);align-items:center;gap:18px;padding:8px 14px;font-size:13px;display:flex}.recent-row:last-child{border-bottom:none}.recent-row.win{border-left-color:var(--win)}.recent-row.loss{border-left-color:var(--loss)}.result-badge{min-width:64px;font-weight:500}.recent-row.win .result-badge{color:var(--win)}.recent-row.loss .result-badge{color:var(--loss)}.position{color:var(--muted);text-transform:lowercase}.queue{color:var(--faint);margin-left:auto}.lobby-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.lobby-enemies{flex-wrap:wrap;gap:8px;display:flex}.lobby-enemies input,.lobby-enemies select{width:150px}.lobby-slots{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.lobby-slots-label{color:var(--muted);min-width:90px;font-size:12px}.lobby-overall,.overview-overall{color:var(--muted);font-size:13px}.lobby-overall{margin:20px 0 0}.overview-overall{margin:0 0 14px}.lobby-overall:before,.overview-overall:before{content:"> ";color:var(--accent)}.fiddle-tips{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;margin-top:22px;overflow:hidden}.fiddle-tips-head{color:var(--muted);border-bottom:1px solid var(--border);background:var(--bg-input);padding:7px 14px;font-size:12px}.fiddle-tips-head:before{content:"● ";color:var(--warn)}.fiddle-tips ol{counter-reset:line;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:10px 0;list-style:none;display:grid}.fiddle-tips li{counter-increment:line;color:var(--text-h);gap:14px;padding:4px 16px;font-size:15px;display:flex}.fiddle-tips li:before{content:counter(line, decimal-leading-zero);color:var(--faint);-webkit-user-select:none;user-select:none;font-size:13px;line-height:23px}.lobby-table,.overview-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.lobby-table{margin-top:18px}.lobby-table th,.overview-table th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:1px solid var(--border-strong);padding:8px 12px;font-size:11px;font-weight:500}.lobby-table td,.overview-table td{border-bottom:1px solid var(--border);padding:9px 12px}.lobby-table tr:hover td,.overview-table tr:hover td{background:var(--bg-hover)}.lobby-champ,.overview-champ{color:var(--text-h);font-weight:500}.lobby-count,.overview-count{color:var(--faint);font-size:12px;font-weight:400}.overview-games{color:var(--muted)}.overview-form{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.sort-header{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.sort-header:hover:not(:disabled){color:var(--accent);border:none}.sort-arrow{color:var(--faint);font-size:11px}.schedule-disclaimer{max-width:680px;margin:0 0 22px;line-height:1.65}.schedule-grid{grid-template-columns:110px repeat(7,minmax(0,1fr));align-items:center;gap:4px;display:grid}.schedule-col-head{text-align:center;color:var(--muted);padding-bottom:6px;font-size:12px}.schedule-row-head{color:var(--text-h);flex-direction:column;padding-right:10px;font-size:12px;line-height:1.35;display:flex}.schedule-row-range{color:var(--faint);font-size:11px}.schedule-cell{aspect-ratio:2;border:none;border-radius:3px;width:100%;padding:0;position:relative}.schedule-cell:hover,.schedule-cell:focus-visible{outline:1px solid var(--text-h);outline-offset:1px}.schedule-cell:hover:after,.schedule-cell:focus-visible:after{content:attr(data-tooltip);background:var(--bg-panel);border:1px solid var(--border-strong);color:var(--text-h);white-space:nowrap;z-index:10;pointer-events:none;border-radius:4px;padding:5px 9px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000080}.schedule-legend{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:12px;display:flex}.schedule-swatch{vertical-align:-1px;border-radius:2px;width:11px;height:11px;margin-right:6px;display:inline-block}.schedule-tips{max-width:680px;margin-top:30px}.schedule-tips h3{font-size:13px;font-weight:700}.schedule-tips h3:before{content:"## ";color:var(--faint)}.schedule-tips ul{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.schedule-tips li:before{content:"- ";color:var(--accent)}@media (width<=600px){.app-header{gap:6px 12px}.app-header h1{width:100%;padding-bottom:4px}.app-header nav button{padding:4px 8px 10px}.user-info{margin-left:0;padding-bottom:10px}.schedule-cell{aspect-ratio:1}.schedule-grid{grid-template-columns:80px repeat(7,minmax(0,1fr))}}