:root{--bg:#000;--fg:#e7e9ea;--mut:#71767b;--line:#2f3336;--acc:#1d9bf0;--card:#16181c;--ok:#00ba7c;--bad:#f4212e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.4 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:260px minmax(0,600px) 350px;justify-content:center;min-height:100vh}
nav.side{position:sticky;top:0;height:100vh;padding:8px 16px;display:flex;flex-direction:column;gap:4px}
.logo{font-size:1.6rem;font-weight:800;padding:12px;display:flex;align-items:center;gap:8px}.logo b{color:var(--acc)}
nav.side a.i{display:flex;gap:16px;align-items:center;font-size:1.2rem;padding:12px;border-radius:999px}nav.side a.i:hover{background:#181818}nav.side a.on{font-weight:700}
.cta{margin-top:12px;background:var(--acc);color:#fff;text-align:center;padding:14px;border-radius:999px;font-weight:700}
main{border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100vh}
.top{position:sticky;top:0;background:rgba(0,0,0,.75);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5}
.top h1{margin:0;padding:14px 16px 6px;font-size:1.25rem}.tabs{display:flex}.tabs a{flex:1;text-align:center;padding:12px;color:var(--mut);font-weight:600}.tabs a.on{color:var(--fg);box-shadow:inset 0 -4px 0 var(--acc)}
.post{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.post:hover{background:#080808}
.av{width:44px;height:44px;border-radius:50%;background:#fff;padding:5px;flex:none}.av img{width:100%;height:100%;object-fit:contain}
.pb{flex:1;min-width:0}.ph{display:flex;gap:6px;color:var(--mut);flex-wrap:wrap}.ph b{color:var(--fg)}
.vs{display:flex;align-items:center;gap:8px;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:16px;justify-content:space-between}
.vs .t{display:flex;align-items:center;gap:8px;flex:1;font-weight:700}.vs .t.r{justify-content:flex-end;text-align:right}.vs img{width:30px;height:30px}.vs .c{color:var(--mut);text-align:center;font-size:.85rem}
.txt{font-size:1.05rem;margin:4px 0}.txt strong{color:var(--acc)}.why{color:#c4c8cc;margin:4px 0 6px;font-size:.93rem}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.chip{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.8rem;color:#c4c8cc}
.eng{display:flex;justify-content:space-between;color:var(--mut);font-size:.85rem;margin-top:8px;max-width:440px}.eng span{display:flex;gap:5px;align-items:center}
.hit{color:var(--ok)}.miss{color:var(--bad)}.pend{color:#ffd400}
aside{padding:12px 20px}.box{background:var(--card);border-radius:16px;margin-bottom:16px;overflow:hidden}.box h3{margin:0;padding:12px 16px;font-size:1.2rem}
.tr{padding:10px 16px;display:block}.tr:hover{background:#1d1f23}.tr small{color:var(--mut);display:block}.big{font-size:2.4rem;font-weight:800;padding:0 16px}.meter{height:8px;background:#333;border-radius:9px;margin:8px 16px 14px;overflow:hidden}.meter i{display:block;height:100%;background:var(--ok)}
.warn{margin:16px;padding:12px;border:1px solid #67400c;background:#1f1405;color:#ffb35c;border-radius:12px;font-size:.85rem}
.sec{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:800;font-size:1.1rem;display:flex;gap:8px;align-items:center}.sec img{width:22px;height:22px;background:#fff;border-radius:5px;padding:2px}
table{width:100%;border-collapse:collapse}td{padding:8px 16px;border-bottom:1px solid var(--line)}
.bar{display:flex;height:8px;border-radius:6px;overflow:hidden;margin:6px 0}.f{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:4px;font-size:.7rem;font-weight:700;margin-right:2px}.V{background:#00ba7c}.E{background:#536471}.D{background:#f4212e}
nav.bot{display:none}
@media(max-width:1100px){.app{grid-template-columns:80px minmax(0,600px)}aside{display:none}nav.side a.i span,.cta,.logo span{display:none}}
@media(max-width:640px){.app{display:block}nav.side{display:none}main{border:0;padding-bottom:64px}
nav.bot{display:flex;position:fixed;bottom:0;left:0;right:0;background:#000;border-top:1px solid var(--line);justify-content:space-around;padding:10px 0;z-index:9;font-size:1.4rem}}