:root{--ink:#0e1422;--panel:#141c2e;--line:#243049;--text:#eef2fa;--dim:#9aa6bd;--faint:#65708a;--sun:#ffb26b;--coral:#ff7a59}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--ink)}
body{margin:0;color:var(--text);font:16px/1.5 "Outfit",system-ui,sans-serif;background:var(--ink)}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.top{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding:18px 24px 14px}
.mark{margin:0;font:900 clamp(30px,5vw,42px)/1 "Big Shoulders Stencil Display",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.mark span{color:var(--sun)}
.tag{margin:0;color:var(--dim)}
.status{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim)}
.status i{width:8px;height:8px;border-radius:50%;background:var(--faint)}
.status.live i{background:#4ade80;box-shadow:0 0 8px #4ade80}
.scene-wrap{position:relative}
#scene{display:block;width:100%;height:min(620px,72vh);cursor:default}
.tip{position:absolute;pointer-events:none;background:rgba(10,14,26,.94);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;min-width:200px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.tip b{display:block;font-size:14px;margin-bottom:4px}
.tip div{display:flex;justify-content:space-between;gap:14px;color:var(--dim)}
.tip div span:last-child{color:var(--text);font-family:"JetBrains Mono",monospace}
.panel{width:min(1100px,100%);margin:0 auto;padding:22px 24px 8px}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.stats div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.stats span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.stats b{font-size:20px}
.legend{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:18px 0 0;padding:0;font-size:14px;color:var(--dim)}
.legend li{display:flex;align-items:center;gap:7px}
.legend i{width:11px;height:11px;border-radius:50%;background:var(--c)}
.note{color:var(--faint);font-size:14px;margin:14px 0 0}
.foot{text-align:center;color:var(--faint);font-size:13px;padding:18px 24px 28px}
@media (max-width:900px){.stats{grid-template-columns:repeat(3,1fr)}}
.token{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:0 24px 14px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(90deg,rgba(255,178,107,.12),rgba(255,122,89,.04)),var(--panel)}
.tk-id{display:flex;align-items:baseline;gap:10px}
.tk-sym{font:900 30px/1 "Big Shoulders Stencil Display",sans-serif;letter-spacing:.04em;color:var(--sun)}
.tk-sup{color:var(--dim);font-size:14px}
.tk-ca{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:7px 8px 7px 12px;color:var(--text);font-size:13px;cursor:pointer}
.tk-ca:hover{border-color:var(--sun)}
.tk-ca #caText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-lbl{color:var(--faint);font-weight:700}
.tk-copy{background:var(--sun);color:var(--ink);border-radius:7px;padding:2px 9px;font-weight:700;font-family:"Outfit",sans-serif;flex:none}
.tk-links{display:flex;gap:8px;margin-left:auto}
.tk-links a{border:1px solid var(--line);border-radius:10px;padding:7px 14px;color:var(--text);text-decoration:none;font-weight:600;font-size:14px}
.tk-links a:hover{border-color:var(--sun);color:var(--sun)}
.tk-ca:focus-visible,.tk-links a:focus-visible{outline:2px solid var(--sun);outline-offset:2px}
@media (max-width:760px){.token{margin:0 16px 12px}.tk-links{margin-left:0;width:100%}.tk-links a{flex:1;text-align:center}.tk-ca{width:100%}}
@media (max-width:520px){.stats{grid-template-columns:repeat(2,1fr)}.status{margin-left:0}}