:root{--bg:#f6f7f9;--surface:#fff;--ink:#17202b;--ink-soft:#5b6673;--line:#e5e8ec;--primary:#2563eb;--primary-soft:#eaf0fe;--indoor:#2563eb;--beach:#d97e18;--beach-soft:#fdf1e2;--good:#16a34a;--good-soft:#e8f7ee;--bad:#dc2626;--bad-soft:#fdecec;--radius:10px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814}*{box-sizing:border-box}html{height:100%}body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Segoe UI,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;margin:.2rem 0 1rem;font-size:1.5rem;font-weight:700}h2{margin:1.6rem 0 .6rem;font-size:1.05rem;font-weight:700}nav.top{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:.2rem;height:56px;padding:0 1.2rem;display:flex;position:sticky;top:0}nav.top .brand{color:var(--ink);align-items:center;gap:.45rem;margin-right:1.4rem;font-size:1.05rem;font-weight:800;display:flex}nav.top .brand:hover{text-decoration:none}nav.top .tab{color:var(--ink-soft);border-bottom:2px solid #0000;align-items:center;height:56px;margin-bottom:-1px;padding:0 .9rem;font-size:.92rem;font-weight:600;display:inline-flex}nav.top .tab:hover{color:var(--ink);text-decoration:none}nav.top .tab.active{color:var(--primary);border-bottom-color:var(--primary)}nav.top .spacer{flex:1}nav.top .who{color:var(--ink-soft);margin-right:.6rem;font-size:.84rem}main.page{max-width:76rem;margin:0 auto;padding:1.6rem 1.4rem 4rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:.8rem 0;padding:1.1rem 1.3rem}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.grid .card{margin:0}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.92rem;font-weight:600}button:hover,.btn:hover{filter:brightness(1.06);text-decoration:none}button.ghost,.btn.ghost{color:var(--primary);background:0 0}button.subtle,.btn.subtle{background:var(--surface);color:var(--ink);border-color:var(--line)}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:.5rem .7rem}input:focus,select:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}label{color:var(--ink-soft);margin:.8rem 0 .25rem;font-size:.8rem;font-weight:600;display:block}.muted{color:var(--ink-soft);font-size:.86rem}table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .75rem}th{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);font-size:.7rem}.table-card{padding:0;overflow:hidden}.table-card table{margin:0}.num{font-variant-numeric:tabular-nums}.tag{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.14rem .55rem;font-size:.66rem;font-weight:700;display:inline-flex}.tag.indoor{color:var(--indoor);background:var(--primary-soft)}.tag.beach{color:var(--beach);background:var(--beach-soft)}.badge{border-radius:6px;align-items:center;padding:.12rem .5rem;font-size:.74rem;font-weight:700;display:inline-flex}.badge.win{color:var(--good);background:var(--good-soft)}.badge.loss{color:var(--bad);background:var(--bad-soft)}.badge.neutral{color:var(--ink-soft);background:var(--bg)}.disc-tabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.disc-tabs a{color:var(--ink-soft);border-radius:999px;padding:.35rem 1.1rem;font-size:.88rem;font-weight:600}.disc-tabs a:hover{color:var(--ink);text-decoration:none}.disc-tabs a.active{background:var(--primary);color:#fff}.disc-tabs a.active.beach{background:var(--beach)}.toolbar{flex-wrap:wrap;align-items:center;gap:.8rem;margin:0 0 1.2rem;display:flex}.toolbar .search{flex:1;min-width:200px;max-width:22rem}.match-card{color:var(--ink);padding:0;display:block;overflow:hidden}.match-card:hover{border-color:var(--primary);text-decoration:none}.match-card .thumb{background:linear-gradient(135deg,#1e3a8a,#2563eb);justify-content:center;align-items:center;height:108px;font-size:2.2rem;display:flex}.match-card .thumb.beach{background:linear-gradient(135deg,#b45309,#f59e0b)}.match-card .thumb-img{object-fit:cover;width:100%;height:108px;display:block}.match-card .body{padding:.75rem .95rem .9rem}.match-card .title{margin:.3rem 0 .2rem;font-size:.95rem;font-weight:700}.match-card .meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.viewer{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:1rem;display:grid}@media (max-width:900px){.viewer{grid-template-columns:1fr}}.viewer video{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#000}.rail{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;max-height:78vh;display:flex}.rail .filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.4rem;padding:.6rem;display:flex}.rail-tabs{border-bottom:1px solid var(--line);display:flex}.rail-tabs button{color:var(--ink-soft);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:.55rem .4rem;font-size:.86rem;font-weight:600}.rail-tabs button:hover{color:var(--ink);filter:none}.rail-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.rail-tabs button:last-child{flex:0 0 3rem}.rally-set-head{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);background:var(--bg);border-bottom:1px solid var(--line);padding:.35rem .75rem;font-size:.7rem;font-weight:700;position:sticky;top:0}.rail .list{flex:1;overflow-y:auto}.evt{border-bottom:1px solid var(--line);cursor:pointer;align-items:baseline;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.evt:hover{background:var(--primary-soft)}.evt .t{color:var(--ink-soft);font-variant-numeric:tabular-nums;min-width:3.2rem}.evt .g3{color:var(--good);font-weight:700}.evt .g0{color:var(--bad);font-weight:700}.evt .del{color:var(--bad);visibility:hidden;margin-left:auto;font-size:.75rem}.evt:hover .del{visibility:visible}.tagbar{margin-top:.9rem}.keys{flex-wrap:wrap;gap:.4rem;margin:.45rem 0;display:flex}.key{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:.35rem .65rem;font-size:.84rem;font-weight:500}.key.active{border-color:var(--primary);background:var(--primary);color:#fff}.key kbd{background:#0000001a;border-radius:4px;margin-right:.32rem;padding:0 .28rem;font-family:Consolas,monospace;font-size:.72rem}.key.active kbd{background:#ffffff40}.scoreline{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.7rem;margin:.5rem 0 .9rem;display:flex}.scoreline .set-chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:.25rem .75rem;font-size:.9rem}.flash{color:var(--good);font-size:.86rem;font-weight:600}.auth-wrap{max-width:25rem;margin:4.5rem auto}.auth-wrap h1{text-align:center;font-size:1.7rem}.auth-wrap .sub{text-align:center;margin:-.5rem 0 1.4rem}.oauth-btn{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:.6rem;margin-bottom:.6rem;padding:.6rem;font-weight:600;display:flex}.oauth-btn:hover{border-color:var(--primary);text-decoration:none}.divider{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.8rem;margin:1rem 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.err{color:var(--bad);font-size:.88rem}