:root{--bg:#f3f4f6;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--head:#f9fafb;--link:#2563eb;--hover:#f3f4f6;--win:#15803d;--loss:#b91c1c;--accent:#eab308}
.dark{--bg:#111827;--card:#1f2937;--text:#f3f4f6;--muted:#9ca3af;--border:#374151;--head:#111827;--link:#60a5fa;--hover:#374151;--win:#4ade80;--loss:#f87171}
*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text)}
.wrap{max-width:1200px;margin:0 auto;padding:24px 16px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
h1{font-size:1.6rem;margin:0;font-weight:800}.sub{color:var(--muted);font-size:.9rem}
.btn{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);cursor:pointer;font-weight:600;font-size:.9rem}
.btn.on{background:#2563eb;color:#fff;border-color:#2563eb}
.card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:16px;margin-bottom:16px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:end}label{font-size:.8rem;color:var(--muted);display:block;margin-bottom:4px;font-weight:600}
input,select{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:.95rem}
input.name{width:340px;max-width:100%}
table{width:100%;border-collapse:collapse;font-size:.88rem}th{background:var(--head);text-align:left;padding:8px;border-bottom:2px solid var(--border);position:sticky;top:0;cursor:pointer;white-space:nowrap}
td{padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:top}tr:hover td{background:var(--hover)}
.W{color:var(--win);font-weight:700}.L{color:var(--loss);font-weight:700}.tag{font-size:.72rem;padding:1px 6px;border-radius:10px;border:1px solid var(--border);color:var(--muted)}
.big{font-size:1.4rem;font-weight:800}.muted{color:var(--muted)}.clickable{color:var(--link);cursor:pointer;font-weight:600}.clickable:hover{text-decoration:underline}
.scroll{max-height:70vh;overflow:auto}
nav.site{display:flex;gap:8px;flex-wrap:wrap}nav.site a{text-decoration:none}