/* BayesAI cube identity: yellow tiles, black isometric letterforms, flat surfaces.
 * Also harmonises the arena region (the reference register) with the terminal relayout
 * without touching arena.css or arena.js — radius and shadow only.
 */
.brand-logo{
  display:block;width:36px;height:36px;flex:0 0 36px;
  border-radius:5px;object-fit:contain;
}

.footer-brand-logo{
  display:inline-block;width:28px;height:28px;border-radius:4px;
  margin-right:8px;vertical-align:middle;object-fit:contain;
}

.tape-cell--chain .tape-val--text{display:inline-flex;align-items:center;gap:7px}
.tape-cell--chain .tape-val--text::before{display:none}
.chain-logo{display:block;width:14px;height:16px;flex:0 0 14px;object-fit:contain}

/* ---------- arena region: flat, square, no glow ---------- */
.arena-shell{border-radius:0;box-shadow:none}
.arena-panel{border-radius:0}

.arena-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,520px);
  grid-template-areas:"copy banner" "actions banner";
  align-items:center;
  gap:16px 32px;
  margin-bottom:18px;
}

.arena-heading__copy{grid-area:copy;min-width:0}

.arena-heading__actions{
  grid-area:actions;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:10px 18px;
}

.arena-brand-banner{
  grid-area:banner;
  width:100%;max-width:520px;min-width:0;justify-self:end;
  overflow:hidden;
  border:1px solid var(--line, #2b3139);
  border-radius:0;
  background:#12161c;
  box-shadow:none;
}

.arena-brand-banner img{
  display:block;width:100%;height:auto;
  aspect-ratio:3 / 1;object-fit:contain;
}

@media (max-width:1100px){
  .arena-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 22px}
  .arena-heading__actions{gap:10px 14px}
}

@media (max-width:800px){
  .arena-heading{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"copy" "actions" "banner";
    gap:16px;
    margin-bottom:16px;
  }
  .arena-heading__actions{justify-content:flex-start}
  .arena-brand-banner{justify-self:start}
}

@media (max-width:700px){
  .brand-logo{width:30px;height:30px;flex-basis:30px}
}

/* ---------- X / social ---------- */

/* 导航里的 X 图标：方形终端控件，和语言切换同等视觉重量 */
.nav-x{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;flex:0 0 auto;
  border:1px solid var(--line-strong, #5e6673);
  border-radius:0;
  color:var(--muted, #b7bdc6);
  text-decoration:none;
  transition:color .15s,border-color .15s,background .15s;
}

.nav-x:hover{
  color:var(--yes, #f0b90b);
  border-color:var(--line3, rgba(240,185,11,.5));
  background:#1e2026;
}

/* 导航靠右成组：X 图标贴着语言切换 */
.nav .nav-links{margin-right:auto}
.nav .nav-x{margin-left:0}
.nav .lang{margin-left:8px}

/* 页脚的文字版链接 */
.foot-x{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--muted, #b7bdc6);
  text-decoration:none;
  transition:color .15s;
}

.foot-x:hover{color:var(--yes, #f0b90b)}

@media (max-width:940px){
  /* 主导航在窄屏换行，X 图标保留在第一行 */
  .nav .nav-x{margin-left:auto}
  /* X 入口暂时撤下（等新账号）：没有它，语言切换得自己靠右。
     X 回来时 .nav-x 的 margin-left:auto 会接管，这条随即不起作用 */
  .nav .lang{margin-left:auto}
  .nav .nav-x+.lang{margin-left:8px}
}

/* Launchpad row: names where the token is launched, next to the contract address. */
.launchpad{
  display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;
  padding:9px 12px;
  border:1px solid var(--line, #2b3139);border-radius:0;
  background:#181a20;color:var(--text, #eaecef);text-decoration:none;
  transition:border-color .15s,background .15s;
}
.launchpad:hover{border-color:#f0b90b;background:#1e2026}
.launchpad img{display:block;border-radius:0;flex:0 0 26px;width:26px;height:26px}
.launchpad span{display:flex;flex-direction:column;gap:2px;min-width:0}
.launchpad strong{font:600 11.5px/1.35 var(--sans)}
.launchpad em{font-style:normal;color:var(--dim, #848e9c);font:400 10px/1.4 var(--mono);overflow-wrap:anywhere;letter-spacing:.04em}
.launchpad__go{color:#f0b90b;font-size:12px;margin-left:auto;flex:0 0 auto}

/* U+2019 is full-width in Noto Sans SC, so English text that fell back to it rendered
   "round's" with a gap after the apostrophe. English never needs the CJK faces. */
html[data-lang="en"]{
  --disp:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* The banner uses the same yellow-and-black cube identity as the navigation mark. */
.arena-brand-banner{
  position:relative;
  max-width:480px;
  border-color:#f0b90b66;
  background:#f0b90b;
  box-shadow:none;
}
.arena-brand-banner::before{
  content:none;
}
.arena-brand-banner::after{
  content:none;
}
.arena-brand-banner img{aspect-ratio:3 / 1;object-fit:cover}