.detail-token { margin-bottom: 14px; }

.mint-address {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  background: #090d0b;
  color: #75827a;
  padding: 10px 11px;
  cursor: pointer;
}

.mint-address span {
  font: 9px ui-monospace, SFMono-Regular, Consolas, monospace;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mint-address b {
  margin-left: auto;
  color: var(--green);
  font-size: 9px;
}

.token-links h3 {
  font-size: 10px;
  letter-spacing: .13em;
  color: #758078;
  margin: 24px 0 12px;
}

.token-links > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.token-links a {
  min-width: 0;
  padding: 12px 8px;
  background: #111714;
  border: 1px solid var(--line);
  text-decoration: none;
  color: #9ba69f;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
}

.token-links a:hover { border-color: #3f7652; color: white; }
.token-links a i { font-style: normal; color: var(--green); font-size: 13px; }
.token-links a b { margin-left: auto; color: #56635b; }

.curve { display: block; margin-top: 5px; color: #69766e; font-size: 7px; letter-spacing: .08em; }
.curve-detail { border: 1px solid var(--line); padding: 14px; margin: 10px 0 20px; }
.curve-detail header { display: flex; justify-content: space-between; font-size: 9px; color: #758078; }
.curve-detail header b { color: var(--green); }
.curve-detail > div { height: 5px; background: #202923; margin: 11px 0 8px; }
.curve-detail > div i { display: block; height: 100%; background: var(--green); }
.curve-detail small { color: #657168; font-size: 8px; }
.empty small { display: block; margin-top: 10px; color: #59655e; }
.feed-wait { width: 100%; display: flex; align-items: center; gap: 10px; padding: 0 18px; color: #657168; font-size: 9px; letter-spacing: .06em; }
.feed-wait i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.feed-wait b { color: var(--green); }
.no-links { grid-column: 1/-1; color: #657168; font-size: 9px; }
footer i.offline { background: var(--amber); box-shadow: none; }

.audio-control {
  height: 38px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  border: 1px solid var(--line);
  background: #0b100e;
}

.audio-control button {
  width: 23px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--green);
  cursor: pointer;
  font-size: 16px;
}

.audio-control button.muted { color: #66736c; }
.audio-control input { width: 68px; height: 3px; accent-color: var(--green); cursor: pointer; }

.brand-mark {
  padding: 0;
  overflow: hidden;
  border: 1px solid #38463f;
  border-radius: 7px;
  clip-path: none;
  background: #050706;
  box-shadow: 0 0 18px rgba(68, 241, 139, .12);
}

.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero { position: relative; }

.dance-stage {
  position: absolute;
  z-index: 4;
  left: -26px;
  bottom: 0;
  width: 195px;
  transform: none;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.55));
}

.hero-copy { padding-left: 155px; }

.identity-gate {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  background: #020403;
  overflow: hidden;
  transition: opacity .7s ease, filter .7s ease, transform .7s ease;
}

.identity-gate[hidden] { display: none; }
.gate-vignette { position: absolute; inset: 0; background: radial-gradient(circle at 50% 42%,rgba(29,56,40,.48),transparent 32%),radial-gradient(circle at 50% 50%,transparent 25%,#010201 78%); }
.gate-vignette:after { content:"";position:absolute;inset:0;opacity:.08;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#8effb0 4px); }
.gate-content { position: relative; width: min(900px,90vw); text-align: center; }
.gate-kicker { color:#557263;font-size:9px;letter-spacing:.3em;font-weight:800; }
.gate-content h1 { margin:17px 0 5px;font-family:Georgia,serif;font-size:55px;letter-spacing:-.04em;font-weight:500;color:#eef5f0;text-shadow:0 0 34px rgba(68,241,139,.2); }
.gate-content>p { margin:0 0 28px;color:#627067;font-size:11px;letter-spacing:.16em;text-transform:uppercase; }
.identity-options { display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin:auto; }
.identity-choice { position:relative;height:305px;padding:0;border:1px solid #26312c;background:#090d0b;color:white;overflow:hidden;cursor:pointer;transition:.25s; }
.identity-choice:before { content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(transparent 35%,rgba(2,4,3,.96)); }
.identity-choice:hover { transform:translateY(-5px);border-color:#4c7d5f;box-shadow:0 15px 55px rgba(0,0,0,.65); }
.bear-choice:hover { border-color:#71665f;filter:saturate(.7); }
.choice-image { position:absolute;inset:0; }
.choice-image img { width:100%;height:100%;object-fit:cover; }
.choice-label { position:absolute;z-index:3;left:20px;right:20px;bottom:18px;text-align:left; }
.choice-label b { display:block;font-family:Georgia,serif;font-size:24px;font-weight:500; }
.choice-label small { display:block;margin-top:5px;color:#718078;font-size:9px;letter-spacing:.12em;text-transform:uppercase; }
.bull-choice .choice-label b { color:var(--green); }
.gate-response { height:28px;margin-top:18px;color:#ff5d68;font-family:Georgia,serif;font-size:17px;font-style:italic; }
.gate-rejected { animation:gateShake .34s ease; }
.gate-opening { opacity:0;filter:blur(12px);transform:scale(1.035);pointer-events:none; }
@keyframes gateShake { 0%,100%{transform:translateX(0)}25%{transform:translateX(-9px)}55%{transform:translateX(8px)}75%{transform:translateX(-4px)} }

.dance-stage video {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.dance-stage canvas {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}

.table-wrap {
  height: 515px;
  min-height: 515px;
  overflow-y: auto;
  overflow-x: auto;
  scrollbar-color: #315c43 #0b0f0e;
  scrollbar-width: thin;
}

.table-wrap thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #0b0f0e;
}

.table-wrap::-webkit-scrollbar { width: 8px; height: 8px; }
.table-wrap::-webkit-scrollbar-track { background: #0b0f0e; }
.table-wrap::-webkit-scrollbar-thumb { background: #315c43; border: 2px solid #0b0f0e; }