:root{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--win: #3fb950;--loss: #f85149;--calibration: #d29922;--milestone: #a371f7}html{font-size:115%}*{box-sizing:border-box}body{margin:0;font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#app{min-height:100vh}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}nav{background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 1rem}nav h1{font-size:1rem;margin:0 0 1.5rem;font-weight:700;letter-spacing:.02em}nav ul{list-style:none;padding:0;margin:0}nav li{margin-bottom:.25rem}nav a{display:block;padding:.5rem .75rem;border-radius:6px;color:var(--muted);text-decoration:none}nav a.router-link-active{background:#58a6ff26;color:var(--accent)}main{padding:2rem;max-width:1100px}.medal-display{display:inline-flex;align-items:center;gap:.75rem;vertical-align:middle}.medal-badge{position:relative;width:88px;height:88px;background-size:contain;background-position:center;background-repeat:no-repeat}.medal-badge--small{width:64px;height:64px}.medal-badge--xs{width:40px;height:40px}.medal-badge img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.medal-display.small{gap:.5rem}.goal-current{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.75rem}.goal-current-label{font-weight:600;white-space:nowrap}.goal-current-mmr{color:var(--muted)}.goal-heading{margin-top:1.5rem}.rank-card-layout{display:flex;align-items:flex-start;gap:1.5rem}.rank-current-section{flex:1;min-width:0}.rank-goal-section{flex-shrink:0}.rank-section-heading{margin:0 0 .5rem;font-size:1rem}.rank-empty{margin:0}.goal-display{display:flex;align-items:center;gap:.75rem}.rank-progression-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.rank-progression-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:52px}.rank-progression-medal{font-weight:600;font-size:.75rem;text-align:center}.rank-progression-date{color:var(--muted);font-size:.7rem;line-height:1.2;text-align:center;white-space:nowrap}.rank-event{font-size:.65rem;font-weight:700;line-height:1;padding:.1rem .3rem;border-radius:3px}.rank-event--up{color:var(--win);background:#3fb95026}.rank-event--down{color:var(--loss);background:#f8514926}.rank-event--calibration{color:var(--calibration);background:#d2992226}h2{margin-top:0;font-size:1.5rem}.match-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.grid-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.stat{text-align:center}.stat .value{font-size:1.75rem;font-weight:700;font-family:JetBrains Mono,monospace}.stat .label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;padding:.15rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.badge.win{background:#3fb95033;color:var(--win)}.badge.loss{background:#f8514933;color:var(--loss)}.badge.calibration{background:#d2992233;color:var(--calibration)}.badge.clip{background:#58a6ff33;color:var(--accent)}.badge.milestone{background:#a371f733;color:var(--milestone)}.badge.diary{background:#58a6ff14;color:var(--accent)}.value-success{color:var(--win)}.value-danger{color:var(--loss)}.value-muted{color:#9ea7b8}table{width:100%;border-collapse:collapse;font-size:.9rem}.dashboard-actions button{display:none}.match-actions{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover,.sortable-th.active{color:var(--text)}.sortable-th-label{margin-right:.35rem}.sort-indicator{display:inline-block;font-size:.65rem;opacity:.45}.sortable-th.active .sort-indicator,.sortable-th:hover .sort-indicator{opacity:1}.btn{font-family:inherit;font-size:.875rem;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0d1117;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.35rem}input,select,textarea{width:100%;font-family:inherit;font-size:.9rem;padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}.pagination .btn{min-width:5.5rem}textarea{min-height:120px;resize:vertical}.timeline-item{border-left:3px solid var(--border);padding-left:1rem;margin-bottom:1.25rem;padding-bottom:.25rem}.hero-cell{display:inline-flex;align-items:center;gap:.5rem}.hero-icon{width:64px;height:36px;object-fit:contain;border-radius:6px;background:#ffffff0a}.timeline-item.rank-up{border-left-color:var(--milestone)}.timeline-item.rank-down{border-left-color:var(--loss)}.timeline-item.milestone{background:#a371f70f;border-radius:0 8px 8px 0;padding:.75rem 1rem}.timeline-item h3{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;align-items:center}.filters label{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;font-size:.85rem;color:var(--muted);min-width:auto;white-space:nowrap;text-align:left;flex:0 0 auto}.filters-toggle{display:none;width:100%;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:600}.filters-count{font-size:.8rem;font-weight:400;color:var(--accent)}.filters-chevron{color:var(--muted);font-size:.85rem}.error{color:var(--loss);padding:.75rem;background:#f851491a;border-radius:6px;margin-bottom:1rem}.goal-card{border-color:var(--accent);background:linear-gradient(135deg,rgba(88,166,255,.08),transparent)}.match-windows-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.match-window-input{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem}.match-window-input input{width:5rem}.match-windows-controls{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:stretch}.match-windows-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.65rem}.timeline-window-item{border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;background:#ffffff05}.timeline-window-range{color:var(--muted);font-size:.78rem;margin-bottom:.35rem}.timeline-window-record{font-size:1rem;font-weight:600;margin-bottom:.2rem}.timeline-window-rate{font-size:.85rem}@media (max-width: 740px){.match-windows-controls{grid-template-columns:1fr}.match-windows-controls>.btn{width:100%}.match-windows-timeline{grid-template-columns:1fr}}video{width:100%;max-width:640px;border-radius:8px;margin-top:.5rem;background:#000}.muted{color:var(--muted);font-size:.85rem}.row{display:flex;gap:1rem;flex-wrap:wrap}.row .form-group{flex:1;min-width:120px}.checkbox-row{display:flex;gap:1.5rem;flex-wrap:wrap}.checkbox-row label{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);font-size:.9rem;cursor:pointer;margin-bottom:0}.checkbox-row input[type=checkbox]{width:auto;flex-shrink:0;margin:0;padding:0;accent-color:var(--accent)}.nav-tagline{margin-top:2rem;font-size:.75rem}.mobile-header,.nav-overlay,.nav-toggle{display:none}.desktop-only{display:block!important}.mobile-only{display:none!important}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:520px}.match-cards{flex-direction:column;gap:.75rem}.match-card{display:block;color:inherit;text-decoration:none;transition:border-color .15s ease}.match-card:hover{border-color:var(--accent);text-decoration:none}.match-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.match-card-meta{font-size:.8rem;margin-bottom:.5rem}.match-card-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.875rem}.match-card-ranks{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.8rem}.match-card-rank{display:inline-flex;align-items:center;gap:.35rem}.password-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:1000;min-height:100vh}.password-prompt{text-align:center;color:var(--text)}.password-prompt h1{font-size:2rem;margin-bottom:2rem;font-weight:700}.password-prompt form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.password-prompt input{padding:.75rem;font-size:1rem;border:2px solid var(--accent);background:var(--bg);color:var(--text);border-radius:6px;text-align:center}.password-prompt input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #58a6ff1a}.password-prompt button{padding:.75rem 2rem;font-size:1rem;background:var(--accent);color:#000;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.password-prompt button:hover:not(:disabled){opacity:.85}.password-prompt button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:var(--loss);margin-top:1rem;font-size:.9rem}@media (max-width: 768px){html{font-size:100%}.desktop-only{display:none!important}.mobile-only.match-cards,.mobile-only.filters-toggle{display:flex!important}.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.mobile-header{display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:30;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.mobile-header-title{font-weight:700;font-size:.95rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;flex-shrink:0;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);cursor:pointer}.nav-toggle-bar{display:block;width:1.1rem;height:2px;margin:0 auto;background:currentColor;border-radius:1px;transition:transform .2s ease,opacity .2s ease}.layout.nav-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.layout.nav-open .nav-toggle-bar:nth-child(2){opacity:0}.layout.nav-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000008c}nav{position:fixed;top:0;left:0;bottom:0;z-index:50;width:min(280px,85vw);padding-top:1rem;border-right:1px solid var(--border);transform:translate(-100%);transition:transform .2s ease;overflow-y:auto}.layout.nav-open nav{transform:translate(0)}nav h1{display:none}main{padding:1rem;max-width:none;min-width:0}h2{font-size:1.25rem}.card{padding:1rem}.grid-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat .value{font-size:1.35rem}.medal-badge{width:56px;height:56px}.medal-badge--small{width:48px;height:48px}.medal-badge--xs{width:36px;height:36px}.rank-card-layout{flex-direction:column;gap:1rem}.rank-goal-section{display:flex;align-items:center;gap:.75rem}.rank-goal-section .rank-section-heading{margin:0}.hero-icon{width:48px;height:27px}.hero-cell .hero-name{display:none}.filters:not(.filters--open){display:none}.filters.filters--open{display:flex}.filters{flex-direction:column;align-items:stretch}.filters label{flex-direction:column;align-items:stretch;white-space:normal}.filters select{width:100%}.row .form-group{flex:1 1 100%;min-width:0}.checkbox-row{flex-direction:column;gap:.75rem}.pagination{flex-wrap:wrap}.match-header{flex-direction:column;align-items:flex-start}.table-scroll--wide table{min-width:640px}}