:root{
  --bg:#0b0d10; --bg-2:#14171c;
  --ink:#e8eaed; --ink-2:#a8adb5; --ink-3:#6b7280;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.18);
  --acc:#5b8dee; --acc-2:#8fa3b8;
  --ok:#4ade80; --warn:#f5b942; --bad:#f87171;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;}
body{font-size:13px;line-height:1.5}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
code{font-family:inherit;background:var(--bg-2);padding:1px 5px;border-radius:3px;font-size:12px}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}

/* topbar */
.topbar{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:var(--bg)}
.topbar .wrap{display:flex;align-items:center;gap:24px;padding:14px 20px}
.logo{font-weight:700;letter-spacing:.06em;color:var(--ink);font-size:15px}
.logo sup{color:var(--acc);font-size:9px}
.logo .crumb{color:var(--ink-3);font-weight:400}
.topnav{display:flex;gap:18px;flex:1}
.topnav a{color:var(--ink-2);font-size:12px}
.topnav a:hover{color:var(--ink)}
.topnav a.hot{color:var(--acc)}
.utc{color:var(--ink-3);font-size:11px;white-space:nowrap}

/* masthead */
.mast{border-bottom:1px solid var(--line);padding:34px 0 26px}
.kicker{display:flex;justify-content:space-between;color:var(--ink-3);font-size:11px;margin-bottom:10px}
.kicker b{color:var(--ok)}
.mast h1{margin:0 0 14px;font-size:30px;letter-spacing:.02em}
.mast .sub{color:var(--ink-3);font-weight:400;font-size:18px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chips span{border:1px solid var(--line-2);border-radius:3px;padding:3px 9px;font-size:10px;letter-spacing:.06em;color:var(--ink-2)}
.chips .st{background:var(--ok);color:#06240f;border:none;font-weight:700}
.intro{color:var(--ink-2);font-size:13px;max-width:760px}
.intro .it{color:var(--acc);font-weight:700}

/* tabs */
.tabsbar{position:sticky;top:49px;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
.tabsbar .wrap{display:flex;gap:26px;overflow-x:auto}
.tabbtn{appearance:none;background:none;border:none;cursor:pointer;color:var(--ink-2);
  font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.03em;
  padding:12px 2px 11px;white-space:nowrap;border-bottom:1px solid transparent;margin-bottom:-1px}
.tabbtn:hover{color:var(--ink)}
.tabbtn.on{color:var(--acc);border-bottom-color:var(--acc)}

/* sections */
.sec{padding:34px 0;border-bottom:1px solid var(--line)}
.sec.pb{border-bottom:none}
.sec-head{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}
.sec-num{color:var(--ink-3);font-size:11px}
.sec-head h2{margin:0;font-size:16px;font-weight:700;letter-spacing:.02em}
.sec-head .fill{flex:1;border-bottom:1px dashed var(--line-2);margin-bottom:5px}
.sec-head .idx{color:var(--ink-3);font-size:10px;letter-spacing:.08em}

/* cards / stat rows */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:720px){.cards{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:4px;padding:14px 16px;background:var(--bg-2)}
.ct{font-weight:700;margin-bottom:10px;font-size:12px;letter-spacing:.03em}
.ct b{color:var(--acc);margin-right:6px}
.rows{display:flex;flex-direction:column;gap:7px}
.stat-row{display:flex;justify-content:space-between;gap:14px;font-size:12px}
.stat-row .k{color:var(--ink-3)}
.stat-row .v{color:var(--ink);text-align:right}
.v.ok{color:var(--ok)}
.v.acc{color:var(--acc)}
.v.warn{color:var(--warn)}
.infobox{color:var(--ink-3);font-size:11px;margin-top:14px}
.infobox .it{color:var(--acc)}

/* how-to-mine box */
.gsbox{border:1px solid var(--acc);border-radius:4px;padding:18px;margin:16px 0;background:var(--bg-2)}
.gsbox>.k{color:var(--acc);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.gsbox h3{margin:4px 0 8px;font-size:17px}
.gsbox p{color:var(--ink-2);font-size:12px;line-height:1.7}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.btn{display:inline-block;background:var(--acc);color:#06101f;font-weight:700;
  padding:9px 16px;border-radius:4px;font-size:12px}
.btn:hover{opacity:.88;text-decoration:none}
.btn.ghost{background:none;border:1px solid var(--line-2);color:var(--ink)}
pre{margin:14px 0 0;padding:14px;background:#090a0c;border:1px solid var(--line);
  overflow-x:auto;font-size:12px;line-height:1.7;border-radius:4px}

/* download tier list */
.tierlist{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.tierrow{display:flex;align-items:center;gap:14px;border:1px solid var(--line-2);
  border-radius:4px;padding:10px 14px;background:var(--bg);position:relative}
.tierrow:hover{border-color:var(--acc);text-decoration:none}
.tierrow.rec{border-color:var(--acc);background:rgba(91,141,238,.08)}
.tname{font-weight:700;font-size:12px;min-width:150px}
.texample{color:var(--ink-3);font-size:11px;flex:1}
.tdl{color:var(--acc);font-size:12px;font-weight:600;white-space:nowrap}
.trec{position:absolute;top:-9px;left:12px;background:var(--acc);color:#06101f;
  font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:3px}
@media (max-width:640px){.tierrow{flex-wrap:wrap}.tname{min-width:0}}

/* tables */
.tblwrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:12px}
.tbl th{text-align:left;color:var(--ink-3);font-weight:400;font-size:10px;
  letter-spacing:.06em;padding:6px 10px;border-bottom:1px solid var(--line-2)}
.tbl td{padding:7px 10px;border-bottom:1px solid var(--line)}
.tbl .r{text-align:right}
.tbl .dim{color:var(--ink-3)}
.b-kept{color:var(--ok)}

/* tiles */
.wtiles{display:grid;gap:12px;margin:0 0 16px}
.tile{border:1px solid var(--line);border-radius:4px;padding:12px;text-align:center}
.tile.hero{border-color:var(--acc)}
.tile dfn{display:block;color:var(--ink-3);font-size:10px;font-style:normal;margin-bottom:5px}
.tile dd{margin:0;font-size:17px;font-weight:700}
.tile small{color:var(--ink-3);font-size:10px;margin-left:4px;font-weight:400}

/* calculator */
.calc{display:grid;grid-template-columns:320px 1fr;gap:20px}
@media (max-width:720px){.calc{grid-template-columns:1fr}}
.calcbox{border:1px solid var(--line);border-radius:4px;padding:16px;background:var(--bg-2)}
.calcbox label{color:var(--ink-3);font-size:11px;display:block;margin-bottom:8px}
.calcrow{display:flex;gap:8px}
.calcrow input,.calcrow select{background:var(--bg);border:1px solid var(--line-2);
  color:var(--ink);padding:7px 9px;border-radius:3px;font-family:inherit;font-size:12px}
.calcrow input{flex:1;min-width:0}
.calcmeta{margin-top:14px;color:var(--ink-3);font-size:11px;line-height:1.9}
.calcmeta em{color:var(--ink-2);font-style:normal;font-weight:600}
.earn{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:560px){.earn{grid-template-columns:1fr 1fr}}

/* pool list (index) */
.poolgrid{display:grid;gap:14px;margin-top:20px}
.poolcard{display:flex;align-items:center;gap:16px;border:1px solid var(--line);
  border-radius:5px;padding:18px;background:var(--bg-2);transition:border-color .15s}
.poolcard:hover{border-color:var(--acc);text-decoration:none}
.poolcard .tick{font-size:22px;font-weight:700;color:var(--ink);min-width:70px}
.poolcard .pinfo{flex:1}
.poolcard .pname{font-weight:700;font-size:14px;margin-bottom:3px}
.poolcard .pdesc{color:var(--ink-3);font-size:11px}
.poolcard .pgo{color:var(--acc);font-size:12px}
.poolcard.soon{opacity:.45;pointer-events:none}

footer{color:var(--ink-3);font-size:11px;padding:24px 0;text-align:center}