:root{--bg:#0e1116;--panel:#161b22;--line:#2b3340;--text:#eef3f8;--muted:#9aa5b1;
--accent:#12b886;--up:#28c76f;--down:#ff5c5c;}
*{box-sizing:border-box}html{font-size:18px}
body{margin:0;font-family:"Segoe UI","Meiryo UI",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:96vw;max-width:2200px;margin:0 auto;padding:24px 2vw 70px}
h1{font-size:2rem;margin:.2em 0}h2{font-size:1.5rem;margin-top:1.4em;border-left:5px solid var(--accent);padding-left:12px}
.muted{color:var(--muted);font-size:.9rem}
table{width:100%;border-collapse:collapse;font-size:1.05rem;margin:10px 0}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
th{color:var(--muted);font-size:.9rem;background:#11161d;position:sticky;top:0}
td.name{white-space:normal;font-weight:600}
.num{text-align:right;font-variant-numeric:tabular-nums}.rnk{color:var(--accent);font-weight:700}
.up{color:var(--up)}.down{color:var(--down)}
.legend{background:#11161d;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:8px 0 14px;font-size:.95rem;color:var(--muted)}
.legend b{color:var(--text)}.legend span{display:inline-block;margin:2px 18px 2px 0}
.sum{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0}
.sum div{background:#0d1117;border:1px solid var(--line);border-radius:10px;padding:10px 16px}.sum b{font-size:1.4rem}
.entry{display:inline-block;min-width:260px;padding:8px 12px;margin:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:.95rem}
.notice{color:var(--muted);font-size:.85rem;margin-top:26px;border-top:1px solid var(--line);padding-top:14px}
.badge{padding:2px 9px;border-radius:20px;font-size:.85rem}
.badge.win{background:rgba(40,199,111,.16);color:var(--up)}.badge.lose{background:rgba(255,92,92,.16);color:var(--down)}
.section-tables{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hero{background:#11161d;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0;overflow-x:auto}
details{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:8px 0;padding:6px 12px}
summary{cursor:pointer;font-weight:600;padding:6px}
.scroll{max-height:520px;overflow:auto}
.btn{display:inline-block;padding:9px 18px;border-radius:8px;border:1px solid var(--accent);
background:var(--accent);color:#04150f;font-weight:700;cursor:pointer;font-size:1rem}
input[type=date],input[type=number]{padding:8px;border-radius:7px;border:1px solid var(--line);
background:#0d1117;color:var(--text);font-size:1rem}
.nav{display:flex;gap:10px;margin:6px 0 16px}
.nav a{padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.nav a.on{border-color:var(--accent);color:var(--accent);font-weight:700}
.warn{background:rgba(255,92,92,.10);border:1px solid rgba(255,92,92,.4);color:#ffb3b3;
border-radius:12px;padding:14px 18px;margin:10px 0}
.chartwrap{position:relative}
.charttip{position:absolute;transform:translate(-50%,-125%);background:#0d1117;border:1px solid var(--accent);
border-radius:6px;padding:5px 9px;font-size:12px;line-height:1.4;pointer-events:none;opacity:0;white-space:nowrap;color:var(--text);z-index:5}
.sum div{cursor:help}
svg rect:hover{opacity:.8}
@media(max-width:900px){.section-tables{grid-template-columns:1fr}html{font-size:16px}}
.floatnav{position:fixed;bottom:24px;right:20px;display:flex;flex-direction:column;gap:6px;z-index:200}
.floatnav a{display:block;padding:10px 16px;background:var(--panel);border:2px solid var(--line);border-radius:10px;font-weight:700;text-align:center;font-size:1.05rem;min-width:52px;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.floatnav a.on{border-color:var(--accent);color:var(--accent);background:#0a2b20}
.floatnav a:hover{border-color:var(--accent);text-decoration:none}