:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0b120e;color:#e8f1ea}
body.light{background:#f4f7f4;color:#122019}
#topbar{position:sticky;top:0;z-index:5}
header{background:#0b120e;padding:6px 14px;border-bottom:1px solid #1e3328}
body.light header{background:#f4f7f4;border-color:#cfe0d4}
h1{font-size:17px;margin:0}
.head-meta .sub,.head-meta .muted{font-size:11px}
header button{padding:5px 10px}
.sub{font-size:13px;color:#9db8a8}
body.light .sub{color:#4a6355}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
button{border:1px solid #2e7d5b;background:#14532d;color:#fff;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer}
body.light button{background:#1e7a4c}
button.secondary{background:transparent;color:#7fd6a8;border-color:#2e7d5b}
body.light button.secondary{background:#1e7a4c;color:#fff}
nav{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#0b120e;border-bottom:1px solid #1e3328}
nav a{color:#7fd6a8;text-decoration:none;font-size:14px}
body.light nav{background:#f4f7f4;border-color:#cfe0d4}
body.light nav a{color:#1e7a4c}
main{padding:0 14px 90px}
section{margin:18px 0;scroll-margin-top:220px}
h2{font-size:17px;margin:0 0 8px}
.card{background:#122019;border:1px solid #1e3328;border-radius:12px;padding:12px;margin:10px 0}
body.light .card{background:#fff;border-color:#cfe0d4}
.top5card{display:flex;gap:12px;align-items:flex-start}
.rank-num{font-size:28px;font-weight:800;color:#2fae6e;line-height:1;min-width:32px;text-align:center;padding-top:2px}
.top5main{flex:1;min-width:0}
.section-bar{height:8px;border-radius:4px;background:#2fae6e;margin:18px 0}
.range-btn.active{box-shadow:0 0 0 2px #4ade80;font-weight:800}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}
.yes{background:#14532d;color:#bff0d2}
.no{background:#7f1d1d;color:#fecaca}
.hit{background:#14532d;color:#bff0d2}
.miss{background:#7f1d1d;color:#fecaca}
.left{background:#854d0e;color:#fde68a}
.muted{color:#9db8a8;font-size:13px}
body.light .muted{color:#4a6355}
.big{font-size:22px;font-weight:800}
input{padding:9px;border-radius:8px;border:1px solid #2e7d5b;background:#0b120e;color:#e8f1ea;font-size:15px;width:100%;max-width:320px}
body.light input{background:#fff;color:#122019}
footer{position:fixed;left:0;right:0;bottom:0;background:#0b120e;border-top:1px solid #1e3328;padding:10px 14px;font-size:12px;color:#9db8a8}
body.light footer{background:#f4f7f4;color:#4a6355}
#news{display:none}
#discFooter{cursor:pointer}
#discFooter.collapsed{padding:6px 14px}
#discFooter.collapsed #discText{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.4}
#discFooter.expanded #discText{font-size:13px;line-height:1.5}
#discFootRow{display:flex;align-items:center;margin-top:4px}
#discHint{font-size:10px;color:#9db8a8}
body.light #discHint{color:#4a6355}
#discFooter.expanded #discHint{display:none}
#discCloseBtn{margin-left:auto;padding:4px 12px;font-size:13px}
#discFooter.collapsed #discCloseBtn{display:none}
.err{background:#3f1d1d;border:1px solid #7f1d1d;border-radius:10px;padding:10px}
.up{color:#4ade80}.down{color:#f87171}
table{width:100%;border-collapse:collapse;font-size:14px}
td,th{padding:6px 4px;text-align:left;border-bottom:1px solid #1e3328}
.float-search{position:fixed;right:12px;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;font-size:24px;line-height:1;z-index:10;background:#14532d;color:#fff;border:1px solid #2e7d5b;box-shadow:0 2px 10px rgba(0,0,0,.4);padding:0}
body.light .float-search{background:#1e7a4c}
@media (max-width:600px){main{padding:0 60px 90px 14px}}
.run-card{cursor:pointer}