.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 18px;border-radius:10px;border:1px solid transparent;font:500 1rem var(--body);text-decoration:none;cursor:pointer;color:var(--text);background:none}
.btn--amber{background:var(--amber);color:#05030A}
.btn--violet{background:var(--violet)}
.btn--ghost{border-color:var(--violet)}
.hero__logo{width:230px;height:230px;object-fit:cover;border-radius:16px;box-shadow:0 0 60px #6A33D666}
.hero__title{font-size:2.75rem;letter-spacing:.18em;margin:20px 0 4px;color:var(--lilac)}
.hero__sub{margin:0 0 22px;color:var(--muted)}
.hero__when{font:.8rem var(--mono);color:var(--amber);margin:0 0 10px}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cd{border:1px solid #6A33D6;border-radius:10px;padding:12px 0}
.cd b{display:block;font:700 1.75rem var(--display)}
.cd span{font-size:.7rem;color:var(--muted)}
.steps{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid #6A33D6;display:flex;flex-direction:column;gap:16px}
.step b{display:block}
.step span{display:block;font-size:.9rem;color:var(--muted)}
.step--done b{color:var(--lilac)}
.step--now b{color:var(--amber)}
.step--next b,.step--next span{color:var(--dim)}
body[data-state="revealed"] .step--now b{color:var(--lilac)}
body[data-state="revealed"] .step--next b{color:var(--amber)}
body[data-state="revealed"] .step--next span{color:var(--muted)}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}
.tile span{display:block;font-size:.75rem;color:var(--muted)}
.tile b{font:700 1.6rem var(--display)}
.contract{margin-top:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}
.contract span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:6px}
.contract code{display:block;font:.8rem var(--mono);word-break:break-all;margin-bottom:10px}
.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.gallery .dim{opacity:.5}
.lookup label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}
.lookup__row{display:flex;gap:8px}
.lookup input{flex:1;min-width:0;min-height:48px;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:0 12px;font:1rem var(--body)}
.module{border:1px dashed #3B2B66;border-radius:12px;padding:14px;color:var(--dim);margin-bottom:10px}
.module--live{border-style:solid;border-color:var(--violet);color:var(--text)}