:root{--bg: #0b0a09;--bg2: #12100e;--steel: #1c1917;--line: #2e2823;--ink: #f4ede4;--dim: #a2988b;--hot: #ff8a00;--hot2: #ffd166;--red: #ff4d4d;--green: #46d17a;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: "Helvetica Neue", Arial, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(255,138,0,.13),transparent 60%),radial-gradient(800px 500px at 0% 100%,rgba(255,77,77,.08),transparent 60%),var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}main{max-width:980px;margin:0 auto;padding:0 18px 60px}.ticker{position:sticky;top:0;z-index:20;background:var(--hot);color:#1a1206;border-bottom:3px solid #1a1206;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-block;padding:6px 0;font:700 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;animation:slide 46s linear infinite}.ticker-track span{padding:0 26px}.ticker-track span:before{content:"◆ "}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}}.hero{padding:40px 0 22px;border-bottom:1px dashed var(--line)}.kicker{font:700 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--hot2);margin:0 0 14px}h1{font:900 clamp(44px,11vw,104px)/.86 var(--sans);letter-spacing:-.04em;margin:0;text-transform:uppercase}h1 span{color:var(--hot);display:block}.sub{color:var(--dim);margin:16px 0 18px;font-size:15px;max-width:62ch}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);background:var(--bg2);color:var(--ink);padding:7px 10px;border-radius:999px}.pill.live{border-color:var(--green);color:var(--green)}.pill.stale{border-color:var(--red);color:var(--red)}.pill b{color:var(--hot2)}button.refresh{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--hot);color:#1a1206;border:0;padding:9px 12px;border-radius:999px;cursor:pointer}button.refresh:hover{background:var(--hot2)}.card{background:linear-gradient(180deg,var(--bg2),#0d0b0a);border:1px solid var(--line);border-radius:14px;padding:20px;margin:22px 0}.card h2{font:800 15px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card h2 em{color:var(--dim);font:400 11px/1 var(--mono);letter-spacing:.04em;text-transform:none}.tag{background:var(--hot);color:#1a1206;border-radius:6px;padding:3px 7px;font-size:11px}.skeleton{color:var(--dim);font:400 14px/1.5 var(--mono)}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.kv div{border:1px solid var(--line);border-radius:10px;padding:12px;background:#ffffff04}.kv dt{font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.kv dd{margin:0;font:600 15px/1.35 var(--mono);word-break:break-all}.kv dd.big{font-size:20px;color:var(--hot2)}.meter-quote{font:800 clamp(18px,3.4vw,27px)/1.25 var(--sans);letter-spacing:-.01em;margin:0 0 18px}.meter-quote small{display:block;font:400 12px/1.5 var(--mono);color:var(--dim);margin-top:10px;letter-spacing:0}.meter{position:relative;height:46px;border:2px solid var(--line);border-radius:10px;background:#0a0908;overflow:hidden}.meter-fill{position:absolute;inset:0 auto 0 0;background:repeating-linear-gradient(115deg,var(--hot) 0 12px,#e07000 12px 24px);transition:width .9s cubic-bezier(.2,.7,.2,1)}.meter-needle{position:absolute;top:-6px;bottom:-6px;width:3px;background:var(--ink);box-shadow:0 0 12px #ffffff8c;transition:left .9s cubic-bezier(.2,.7,.2,1)}.meter-labels{display:flex;justify-content:space-between;gap:10px;font:700 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:10px}.meter-labels span:nth-child(2){text-align:center}.meter-labels span:last-child{text-align:right}.holder{display:grid;grid-template-columns:34px 1fr 96px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.holder:last-child{border-bottom:0}.holder .rank{font:800 15px/1 var(--mono);color:var(--dim)}.holder .who{min-width:0}.holder .label{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holder .owner{font:400 11px/1.5 var(--mono);color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holder .share{font:800 15px/1 var(--mono);text-align:right;color:var(--hot2)}.holder .bar{grid-column:2 / 4;height:7px;background:#0a0908;border:1px solid var(--line);border-radius:999px;overflow:hidden}.holder .bar i{display:block;height:100%;background:var(--hot)}.holder.me{background:#ff8a0012;border-radius:10px;padding:12px}.holder.me .label:after{content:" ← that's me, chat";color:var(--hot);font:700 11px/1 var(--mono)}.chip{display:inline-block;font:700 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--dim);padding:3px 6px;border-radius:999px;margin-left:8px;vertical-align:1px}ul.twists{margin:0;padding:0;list-style:none}ul.twists li{padding:12px 14px;margin-bottom:10px;border-left:3px solid var(--hot);background:#ffffff05;border-radius:0 10px 10px 0;font-size:15px}ul.twists li b{color:var(--hot2);font-family:var(--mono)}.lore{margin:26px 0;border-top:1px dashed var(--line);padding-top:22px}.lore h2{font:800 15px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;display:flex;gap:10px;align-items:center}.lorelist{color:var(--dim);font-size:14px;padding-left:22px}.lorelist li{margin-bottom:8px}.lorelist li:last-child{color:var(--ink)}footer{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:var(--dim);font-size:13px}footer strong{color:var(--ink)}.fine{font:400 11px/1.6 var(--mono)}.mono{font-family:var(--mono);color:var(--hot2)}.banner{border:1px solid var(--red);background:#ff4d4d1a;color:#ffd9d9;border-radius:12px;padding:14px 16px;margin:20px 0 0;font-size:14px}.banner b{font-family:var(--mono)}@media (max-width: 520px){.holder{grid-template-columns:26px 1fr 76px}.card{padding:16px}}
