/* ==========================================================
   STYLE.CSS — SPX1 schizo shrine
   Main retro styles, marquees, bordered tables, blink, chaos.
   ========================================================== */

/* Ticker: tech / terminal vibe, still legible at a glance (not 7-segment) */
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");

* { box-sizing: border-box; }

:root {
  --spx1-bg-tile: url("../assets/img/backgroundspx1.png");
  --spx1-cursor: url("../assets/img/cursor-big.png") 0 0, auto;
}

html,
body,
* {
  cursor: var(--spx1-cursor);
}

a,
button,
input,
label,
select,
textarea,
[role="button"] {
  cursor: url("../assets/img/cursor-big.png") 0 0, pointer;
}

/* Old Windows-ish scrollbars for browsers that expose scrollbar styling. */
* {
  scrollbar-width: auto;
  scrollbar-color: #8b8578 #d4d0c8;
}
::-webkit-scrollbar {
  width: 19px;
  height: 19px;
}
::-webkit-scrollbar-track {
  background:
    linear-gradient(#ede7d3, #d4d0c8);
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
::-webkit-scrollbar-thumb {
  background:
    linear-gradient(135deg, #fffdf4 0 22%, #d4d0c8 22% 78%, #b8b4aa 78% 100%);
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  box-shadow: inset 1px 1px 0 #ede7d3, inset -1px -1px 0 #8b8578;
}
::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(135deg, #fff 0 22%, #ede7d3 22% 78%, #c0c0c0 78% 100%);
}
::-webkit-scrollbar-button:single-button {
  display: block;
  width: 19px;
  height: 19px;
  background: #d4d0c8;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
}
::-webkit-scrollbar-corner {
  background: #d4d0c8;
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.cursor-star {
  position: fixed;
  z-index: 2147483647;
  pointer-events: none;
  color: #ff0;
  font-family: "Times New Roman", serif;
  font-size: 16px;
  line-height: 1;
  text-shadow: 1px 1px 0 #000, 0 0 7px #fff, 0 0 12px #ff0;
  animation: cursor-star-fade 720ms linear forwards;
  will-change: transform, opacity;
}
@keyframes cursor-star-fade {
  0% { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  100% { opacity: 0; transform: translate(-50%, -120%) scale(0.25) rotate(180deg); }
}
@media (prefers-reduced-motion: reduce) {
  .cursor-star {
    display: none;
  }
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  color: #000;
  /* Sitewide tile at ~50% through silver overlay */
  background:
    linear-gradient(rgba(192,192,192,0.72), rgba(192,192,192,0.72)),
    var(--spx1-bg-tile) left top / 1520px auto repeat;
  min-height: 100%;
}

a {
  color: #0000ee;
  text-decoration: underline;
}
a:visited { color: #551a8b; }
a:hover { background: yellow; color: #ff0000; }

h1, h2, h3, h4 {
  font-family: "Impact", "Arial Black", sans-serif;
  text-transform: uppercase;
  margin: 18px 0 8px 0;
}
h1 { font-size: 32px; color: #c00; text-shadow: 2px 2px 0 #ff0; }
h2 { font-size: 24px; color: #008000; text-shadow: 1px 1px 0 #ff0; }
h3 { font-size: 18px; color: #800080; }
h4 { font-size: 14px; color: #000; }

hr {
  border: 0;
  border-top: 2px dashed #c0c0c0;
  margin: 14px 0;
}

/* ---------- layout wrappers ---------- */
.site-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 8px;
  padding: 8px;
  background:
    linear-gradient(rgba(212,208,200,0.74), rgba(212,208,200,0.74)),
    var(--spx1-bg-tile) left top / 1440px auto repeat,
    repeating-linear-gradient(135deg, rgba(0,0,0,0.08) 0 2px, transparent 2px 8px),
    #d4d0c8;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  align-items: start;
}
.page {
  min-width: 0;
  padding: 12px 14px 22px;
  font-family: "Times New Roman", Times, serif;
  color: #000;
  background:
    linear-gradient(rgba(255,255,255,0.82), rgba(255,255,255,0.82)),
    var(--spx1-bg-tile) left top / 1400px auto repeat,
    linear-gradient(rgba(255,255,210,0.84), rgba(255,255,230,0.9)),
    #fff;
  border: 2px inset #808080;
  box-shadow: inset 0 0 0 1px #fff;
}
.page p {
  margin: 10px 0;
  line-height: 1.45;
  font-size: 13px;
}
.main-pane {
  width: 100%;
}
.site-sidebar {
  position: sticky;
  top: 8px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: "Tahoma", "MS Sans Serif", Verdana, sans-serif;
  font-size: 11px;
}
.side-panel {
  background:
    linear-gradient(rgba(192,192,192,0.78), rgba(192,192,192,0.78)),
    var(--spx1-bg-tile) left top / 1280px auto repeat,
    #c0c0c0;
  border: 3px ridge #fff;
  box-shadow: 2px 2px 0 #404040;
  padding: 7px;
  color: #000;
}
.side-title {
  margin: -7px -7px 8px;
  padding: 4px 6px;
  background: #000;
  color: #ff0;
  border-bottom: 2px ridge #808080;
  font-family: "Courier New", monospace;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.04em;
}
.pink-title {
  background: linear-gradient(90deg, #fff0f6, #ffd8a8);
  color: #800040;
  text-shadow: 1px 1px 0 #fff;
}
.contract-box {
  margin: 6px 0 10px;
  padding: 8px 6px;
  background: #000;
  color: #0f0;
  border: 1px solid #806000;
  font-family: "Courier New", monospace;
  font-size: 9px;
  line-height: 1.35;
  text-align: center;
  word-break: break-all;
}
.side-row {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 5px;
  padding: 3px 4px;
  border: 1px inset #808080;
  background: #efefef;
  line-height: 1.25;
}
.side-row + .side-row {
  margin-top: 3px;
}
.side-row span {
  color: #404040;
}
.side-row a,
.links-panel a {
  color: #0000ee;
  font-weight: bold;
  text-decoration: underline;
  overflow-wrap: anywhere;
}
.important-links-panel {
  position: relative;
  overflow: hidden;
  min-height: 238px;
  padding: 7px;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,0.14), transparent 36%),
    linear-gradient(rgba(20,0,40,0.26), rgba(0,0,0,0.36)),
    url("../assets/img/sidebar-flower-bg.png") center center / 100% auto no-repeat,
    #120019;
  border-color: #f5b8ff #6a2cff #120019 #ff8bd9;
  box-shadow: 2px 2px 0 #000, inset 0 0 24px rgba(255,184,255,0.62), 0 0 10px rgba(255,139,217,0.45);
}
.important-links-panel .side-title {
  background: rgba(34,0,52,0.82);
  color: #fff;
  border-color: #f5b8ff;
  font-family: "Comic Sans MS", Impact, "Arial Black", sans-serif;
  font-size: 13px;
  text-shadow: 2px 2px 0 #000, 0 0 8px #ff8bd9;
}
.important-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 7px;
  align-content: start;
  min-height: 192px;
  padding-top: 18px;
}
.important-link-grid a {
  display: block;
  padding: 5px 4px;
  color: #fff;
  border: 3px outset #fff;
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000;
  box-shadow: 2px 2px 0 #000;
}
.important-link-grid a:hover {
  color: #ff0;
  filter: brightness(1.2) saturate(1.35);
  transform: translate(-1px, -1px);
}
.important-link-grid .il-chart { background: #004cc9; }
.important-link-grid .il-whitepaper { background: #008a22; }
.important-link-grid .il-expansion { background: #7e1cb7; }
.important-link-grid .il-brain { background: #c95f00; }
.important-link-grid .il-rewards { background: #8b0000; }
.important-link-grid .il-sitemap { background: #3d3d3d; }
.important-link-grid .il-twitter { background: #00a6d6; }
.important-link-grid .il-telegram { background: #1264ff; }
.important-link-grid .il-tokenomics { background: #c00078; }
.important-link-grid .il-buy {
  grid-column: 1 / -1;
  background: linear-gradient(180deg, #ff0, #ff3b00);
  color: #000;
  font-size: 12px;
  text-shadow: 1px 1px 0 #fff;
}
.game-panel,
.schizo-panel {
  position: relative;
  overflow: hidden;
  font-family: "Comic Sans MS", "Trebuchet MS", "SimHei", sans-serif;
}
.game-panel p,
.schizo-panel p {
  margin: 5px 0;
  line-height: 1.25;
}
.game-panel button,
.schizo-panel button {
  cursor: pointer;
  border: 3px outset #fff;
  font-family: "Arial Black", Impact, sans-serif;
  text-transform: uppercase;
  box-shadow: 2px 2px 0 #000;
}
.game-score {
  margin-top: 6px;
  padding: 3px 5px;
  background: #000;
  color: #0f0;
  border: 1px inset #0f0;
  font-family: "Courier New", monospace;
  text-align: center;
}
.click-one-game {
  background:
    radial-gradient(circle at 76% 16%, rgba(255,255,255,0.5), transparent 18%),
    linear-gradient(135deg, #ff0, #ff4db8 52%, #33f3ff);
  border-color: #ff0 #ff00cc #000 #00ffff;
}
.game-big-one {
  width: 100%;
  min-height: 62px;
  background: #000;
  color: #ff0;
  font-size: 46px;
  line-height: 1;
  text-shadow: 2px 2px 0 #c00, 0 0 12px #ff0;
}
.slot-game {
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.18) 0 4px, transparent 4px 8px),
    linear-gradient(135deg, #280041, #ff0066 52%, #ffcc00);
  color: #fff;
  border-color: #ff99ff #6600ff #000 #ff0;
}
.slot-reels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin: 7px 0;
}
.slot-reels span {
  display: block;
  padding: 8px 0;
  background: #fff;
  color: #c00;
  border: 3px inset #ff0;
  font-family: Impact, sans-serif;
  font-size: 30px;
  text-align: center;
}
.slot-game button {
  width: 100%;
  background: #ff0;
  color: #000;
}
.whack-game {
  background:
    radial-gradient(circle at 18% 16%, rgba(255,0,0,0.4), transparent 18%),
    linear-gradient(135deg, #001f12, #00e05f 48%, #b7ff00);
  border-color: #00ff66 #003300 #000 #ccff00;
}
.whack-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}
.whack-grid button {
  min-height: 32px;
  background: #ffd6f2;
  color: #4b004b;
  font-size: 10px;
}
.whack-grid button.active-indexer {
  background: #c00;
  color: #ff0;
  transform: rotate(-3deg) scale(1.05);
}
.oracle-panel {
  background: #000;
  color: #0f0;
  border-color: #0f0;
  font-family: "Courier New", monospace;
}
.notice-panel {
  min-height: 250px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,0,0.42), transparent 30%),
    linear-gradient(180deg, #ff0 0%, #f00 18%, #080000 100%);
  color: #ff0;
  border-color: #ff0 #700 #000 #ff0;
  text-shadow: 2px 2px 0 #000, 0 0 6px #c00;
}
.notice-panel .side-title {
  background: #000;
  color: #ff0;
  border-bottom-color: #f00;
  font-family: "Comic Sans MS", "MS Gothic", sans-serif;
  text-shadow: 2px 2px 0 #c00, 0 0 8px #ff0;
}
.notice-crawl-window {
  position: relative;
  height: 194px;
  overflow: hidden;
  perspective: 170px;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,0,0.22), transparent 30%),
    linear-gradient(180deg, rgba(255,0,0,0.2), rgba(0,0,0,0.82));
  border: 2px inset #ff0;
}
.notice-crawl {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 100%;
  color: #ff0;
  font-family: "MS Gothic", "SimHei", "Comic Sans MS", sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.55;
  text-align: justify;
  transform-origin: 50% 100%;
  animation: notice-star-crawl 28s linear infinite;
}
.notice-crawl p {
  margin: 0 0 11px;
}
@keyframes notice-star-crawl {
  0% {
    top: 100%;
    transform: rotateX(23deg) translateY(0) scale(1.18);
  }
  100% {
    top: -190%;
    transform: rotateX(23deg) translateY(-80px) scale(0.42);
  }
}
.trade-panel {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(rgba(255,255,255,0.28), rgba(0,0,0,0.16)),
    url("../assets/img/moonspingif.gif") center center / cover no-repeat,
    #000;
  border-color: #9ff #1e3c72 #000 #6cf;
  box-shadow: 2px 2px 0 #000, inset 0 0 28px rgba(102,204,255,0.72), 0 0 10px rgba(153,255,255,0.85);
}
.trade-panel .pink-title {
  background: linear-gradient(90deg, #020024, #1e3c72, #6cf);
  color: #eafcff;
  text-shadow: 1px 1px 0 #000, 0 0 7px #9ff;
}
.trade-panel::before {
  content: "";
  position: absolute;
  inset: 27px 0 0;
  z-index: 0;
  background:
    radial-gradient(circle at 50% 35%, rgba(180,240,255,0.34), transparent 44%),
    linear-gradient(180deg, rgba(0,0,40,0.08), rgba(0,0,0,0.36));
  mix-blend-mode: screen;
  pointer-events: none;
}
.trade-panel::after {
  content: "";
  position: absolute;
  inset: 27px 0 0;
  z-index: 0;
  background:
    radial-gradient(circle at 22% 26%, rgba(255,255,255,0.6) 0 1px, transparent 2px),
    radial-gradient(circle at 71% 38%, rgba(180,240,255,0.5) 0 1px, transparent 2px),
    radial-gradient(circle at 46% 76%, rgba(255,255,255,0.42) 0 1px, transparent 2px),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.1) 0 1px, transparent 1px 7px);
  background-size: 53px 41px, 67px 49px, 79px 61px, auto;
  mix-blend-mode: screen;
  pointer-events: none;
}
.trade-body {
  position: relative;
  z-index: 1;
  min-height: 155px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Courier New", monospace;
  font-weight: bold;
  color: #eafcff;
  text-shadow: 2px 2px 0 #000, 0 0 8px #6cf;
}
.trade-body p {
  margin: 0 0 12px;
  padding: 2px 7px;
  background: rgba(0,0,32,0.72);
  border: 1px inset #bff;
  font-size: 13px;
}
.trade-body button {
  padding: 12px 22px;
  background:
    radial-gradient(circle at 50% 16%, rgba(255,255,255,0.7), transparent 28%),
    linear-gradient(180deg, #c9f7ff 0%, #5d67ff 42%, #24006b 72%, #050012 100%);
  color: #f6ffff;
  border: 4px outset #bff;
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 15px;
  cursor: pointer;
  text-shadow: 2px 2px 0 #000, 0 0 6px #9ff;
  box-shadow: 0 0 14px #9ff, 3px 3px 0 #010024;
}
.trade-body button:active {
  border-style: inset;
}
.trade-body small {
  display: block;
  margin-top: 12px;
  padding: 2px 5px;
  background: rgba(0,0,32,0.76);
  border: 1px solid #9ff;
  font-size: 9px;
}
.whitepaper-panel {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(rgba(255,255,255,0.76), rgba(255,255,210,0.86)),
    repeating-linear-gradient(0deg, rgba(0,0,128,0.18) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(90deg, rgba(192,0,0,0.08) 0 1px, transparent 1px 11px),
    #eef2ff;
  border-color: #000080;
}
.whitepaper-panel::after {
  content: "TOP SECRET 1";
  position: absolute;
  right: -24px;
  top: 43px;
  padding: 2px 24px;
  color: rgba(192,0,0,0.72);
  border: 2px double rgba(192,0,0,0.72);
  font-family: Impact, sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  transform: rotate(18deg);
  pointer-events: none;
}
.doc-box {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  padding: 8px;
  background: #fff;
  border: 2px outset #fff;
  color: #000;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px #d4d0c8;
}
.doc-box:hover {
  background: #ff0;
  color: #c00;
}
.doc-icon {
  grid-row: span 2;
  width: 34px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #fff 0 72%, #c0c0c0 72% 100%);
  border: 1px solid #000080;
  color: #000080;
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 24px;
  box-shadow: 2px 2px 0 #808080;
}
.doc-main {
  display: block;
  font-family: "Courier New", monospace;
  font-weight: bold;
  font-size: 11px;
  overflow-wrap: anywhere;
}
.doc-sub {
  display: block;
  color: #606;
  font-size: 9px;
  text-transform: uppercase;
}
.doc-stamp {
  position: relative;
  z-index: 1;
  margin: 7px 0 4px;
  padding: 3px 5px;
  border: 2px dashed #c00;
  color: #c00;
  background: rgba(255,255,0,0.75);
  font-family: Impact, sans-serif;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1px;
}
.doc-noise {
  position: relative;
  z-index: 1;
  color: #000080;
  font-family: "Courier New", monospace;
  font-size: 9px;
  text-align: center;
}
.burn-panel {
  background:
    linear-gradient(rgba(0,0,0,0.42), rgba(0,0,0,0.58)),
    url("../assets/img/flames-top.png") center bottom / cover no-repeat,
    repeating-linear-gradient(0deg, rgba(0,255,0,0.08) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(90deg, rgba(255,0,0,0.09) 0 1px, transparent 1px 13px),
    #050505;
  color: #0f0;
  border-color: #0f0;
  font-family: "Courier New", monospace;
  box-shadow: 2px 2px 0 #001800, inset 0 0 18px rgba(0,255,0,0.2);
}
.burn-panel .burn-title {
  background: linear-gradient(90deg, #300000, #800, #300000);
  color: #ff0;
  border-bottom-color: #f00;
  text-shadow: 1px 1px 0 #000, 0 0 6px #f00;
}
.burn-counter {
  margin: 6px 0 8px;
  padding: 8px 6px;
  background:
    repeating-linear-gradient(0deg, rgba(0,255,0,0.1) 0 1px, transparent 1px 4px),
    rgba(0,0,0,0.42);
  border: 2px inset #0f0;
  text-align: center;
  box-shadow: inset 0 0 12px rgba(0,255,0,0.22), 0 0 10px rgba(255,0,0,0.3);
}
.burn-counter strong {
  display: block;
  margin: 5px 0;
  color: #ff0;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 1px;
  text-shadow: 0 0 5px #f00, 2px 2px 0 #000;
}
.burn-label,
.burn-sub {
  display: block;
  font-size: 9px;
  letter-spacing: 0.06em;
}
.burn-sub {
  color: #9f9;
}
.burn-percent {
  display: inline-block;
  margin: 1px 0 5px;
  padding: 2px 7px;
  background: #400;
  border: 1px solid #f00;
  color: #fff;
  font-family: Impact, "Arial Black", sans-serif;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-shadow: 1px 1px 0 #000, 0 0 6px #ff0;
}
.burn-detail-btn {
  display: block;
  margin-top: 8px;
  padding: 6px 7px;
  background: linear-gradient(180deg, #ff0, #ff8c00 48%, #800 100%);
  border: 3px outset #ff0;
  color: #000;
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  box-shadow: 2px 2px 0 #200;
}
.burn-detail-btn:hover {
  background: #ff0;
  color: #c00;
}
.burn-detail-btn:active {
  border-style: inset;
}
.community-panel {
  background: #111;
}
.community-join-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  min-height: 190px;
  padding: 14px 10px;
  border: 3px outset #fff;
  text-decoration: none;
  color: #ff0;
  background:
    linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0.85)),
    url("../assets/img/community-join-girl.png") center 20% / cover no-repeat,
    #000;
  box-shadow: inset 0 0 0 1px #000;
}
.community-join-btn:hover {
  background:
    linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0.85)),
    url("../assets/img/community-join-girl.png") center 20% / cover no-repeat,
    #000;
  color: #ff0;
  filter: saturate(1.08) contrast(1.04);
}
.community-join-btn:hover .community-main,
.community-join-btn:hover .community-sub {
  background: #ff0;
  color: #000;
  text-shadow: none;
}
.community-join-btn:active {
  border-style: inset;
}
.community-main {
  display: inline-block;
  padding: 4px 6px;
  background: rgba(0,0,0,0.78);
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 16px;
  letter-spacing: 0.06em;
  text-shadow: 1px 1px 0 #c00;
}
.community-sub {
  display: inline-block;
  padding: 3px 6px;
  background: rgba(0,0,0,0.82);
  color: #fff;
  font-family: "Courier New", monospace;
  font-size: 10px;
  letter-spacing: 0.06em;
}
.response-panel {
  text-align: center;
  font-family: "Courier New", monospace;
  background: #f8f0f8;
}
.response-number {
  color: #800000;
  font-size: 24px;
  font-weight: bold;
}
.response-label,
.response-panel span {
  display: block;
  color: #666;
  font-size: 9px;
  letter-spacing: 0.08em;
}
.response-panel p {
  margin: 6px 0;
  color: #777;
  font-size: 9px;
}
.response-panel strong,
.response-panel b {
  display: block;
  margin: 5px 0;
  color: #c00;
  font-size: 14px;
}
.terminal-panel {
  background: #101010;
  color: #0f0;
  border-color: #0f0;
  font-family: "Courier New", monospace;
}
.terminal-panel .side-title {
  background: #003000;
  color: #0f0;
  border-bottom-color: #0f0;
}
.terminal-line {
  padding: 3px 0;
  border-bottom: 1px dotted #0a0;
}
.terminal-line span {
  color: #ff0;
}
.links-panel {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background:
    radial-gradient(circle at 85% 12%, rgba(255,255,0,0.36), transparent 26%),
    linear-gradient(135deg, #d6fff0, #ffdbff 52%, #fff7a8);
  border-color: #00b8ff #800080 #ff0066 #00ff88;
  font-family: "Comic Sans MS", "Trebuchet MS", sans-serif;
}

/* ---------- the top header ---------- */
.sp-header {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 14px;
  min-height: 98px;
  padding: 8px 160px 0 14px;
  background: #000;
  color: #ff0;
  border-bottom: 4px ridge #c0c0c0;
  flex-wrap: wrap;
  overflow: hidden;
}
.sp-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../assets/img/stars-top.png");
  background-repeat: repeat-x;
  background-position: left top;
  background-size: auto 90px;
  pointer-events: none;
  z-index: 0;
}
.sp-header > * {
  position: relative;
  z-index: 1;
}
.sp-header .logo-slot {
  width: 90px;
  height: 90px;
  align-self: center;
  background: transparent;
  color: #c00;
  font-family: "Impact", sans-serif;
  font-size: 56px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  box-shadow: none;
  letter-spacing: -4px;
  overflow: hidden;
}
.sp-header .logo-slot img,
.sp-header .logo-slot video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.sp-header .sp-hello {
  font-family: "Comic Sans MS", cursive;
  display: inline-block;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 22px;
  font-weight: bold;
  color: #7cff7c;
  letter-spacing: 0.04em;
  text-shadow: 1px 1px 0 #000, 0 0 8px #0f0, 0 0 4px #ff0;
  box-shadow: none;
}
.sp-header .sp-cycle {
  font-family: "Courier New", monospace;
  font-size: 14px;
  color: #0f0;
  background: #000;
  padding: 4px 8px;
  border: 1px inset #0f0;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.35;
  box-sizing: border-box;
}
/* Let the green totals strip shrink/wrap instead of overflowing the IE header */
.sp-header > div:has(.sp-cycle) {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
.sp-header .sp-ticker {
  font-family: "Impact", sans-serif;
  font-size: 42px;
  line-height: 1;
  align-self: center;
  color: #ff0;
  text-shadow: 2px 2px 0 #c00, 4px 4px 0 #000;
  letter-spacing: 4px;
  margin-left: auto;
}
.sp-header > div:not(.sp-ticker) {
  align-self: center;
}
.sp-header .sp-gunner {
  position: absolute;
  right: 14px;
  bottom: 0;
  width: 132px;
  height: auto;
  display: block;
  flex: 0 0 auto;
  filter: drop-shadow(2px 2px 0 #000) drop-shadow(0 0 5px #ff0);
  image-rendering: auto;
}

.sp-announce {
  padding: 0;
  background: #ff0;
  color: #000;
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  overflow: hidden;
}
.sp-announce .announce-viewport {
  overflow: hidden;
  padding: 6px 0;
}
.announce-track {
  display: flex;
  width: max-content;
  animation: announce-scroll calc(var(--announce-sec, 42) * 1s) linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}
.announce-set {
  flex-shrink: 0;
  padding-right: 3rem;
  white-space: nowrap;
}
@keyframes announce-scroll {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .announce-track {
    animation-duration: calc(var(--announce-sec, 42) * 3 * 1s);
  }
}

/* ---------- slim nav row ---------- */
.sp-nav {
  display: flex;
  gap: 6px;
  padding: 6px 12px;
  background: #c0c0c0;
  border-bottom: 2px groove #808080;
  font-family: "MS Sans Serif", Verdana, sans-serif;
  font-size: 12px;
  flex-wrap: wrap;
}
.sp-nav a {
  padding: 5px 9px;
  background: #000080;
  color: #fff;
  font-family: "Tahoma", "MS Sans Serif", Verdana, sans-serif;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.1;
  text-decoration: none;
  border: 1px outset #fff;
  text-shadow: 1px 1px 0 #000;
  box-shadow: 1px 1px 0 #000;
}
.sp-nav a:hover { filter: brightness(1.15) saturate(1.2); color: #fff; }
.sp-nav .nav-chart { background: #003e7a; }
.sp-nav .nav-docs { background: #1f4e00; }
.sp-nav .nav-expansion { background: #5b1b7e; }
.sp-nav .nav-brain { background: #7a2f00; }
.sp-nav .nav-sitemap { background: #4a4a4a; }
.sp-nav .nav-twitter { background: #0087bd; }
.sp-nav .nav-telegram { background: #0a58ca; }
.sp-nav .nav-tokenomics { background: #7a0051; }
.sp-nav .nav-wallet {
  margin-left: auto;
  background: #d4d0c8;
  color: #000;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  text-shadow: none;
}
.sp-nav .nav-buy {
  background: #c00;
  color: #ff0;
}

/* ---------- warning band + scrolling stock tape ---------- */
.warning-band {
  background: transparent;
  padding: 0;
  overflow: hidden;
}
.warning-band .inner {
  background:
    radial-gradient(circle at 12% 28%, rgba(0, 255, 102, 0.18) 0 1px, transparent 2px),
    radial-gradient(circle at 38% 62%, rgba(255, 255, 255, 0.12) 0 1px, transparent 2px),
    radial-gradient(circle at 71% 34%, rgba(0, 200, 80, 0.14) 0 1px, transparent 2px),
    repeating-linear-gradient(0deg, rgba(0, 255, 80, 0.08) 0 1px, transparent 1px 4px),
    linear-gradient(180deg, #030906 0%, #000 48%, #04130a 100%);
  background-size: 19px 17px, 31px 23px, 43px 29px, 100% 4px, 100% 100%;
  padding: 0;
  overflow: hidden;
}
.warning-band .inner.ticker-viewport {
  padding: 6px 0;
  position: relative;
}
.warning-band .inner.ticker-viewport::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 3px),
    radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.45) 78%, rgba(0,0,0,0.72) 100%);
  box-shadow: inset 0 0 18px rgba(0,255,80,0.18), inset 0 0 4px #000;
  pointer-events: none;
  z-index: 2;
}
.warning-band .inner.ticker-viewport::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.18) 0 1px, transparent 1px),
    radial-gradient(circle, rgba(0,255,80,0.12) 0 1px, transparent 1px);
  background-position: 0 0, 9px 6px;
  background-size: 17px 13px, 23px 19px;
  opacity: 0.34;
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 3;
}
.ticker-track {
  display: flex;
  width: max-content;
  position: relative;
  z-index: 1;
  /* duration set in seconds by js/ticker.js from tape width (constant px/sec) */
  animation: ticker-roll calc(var(--ticker-sec, 55) * 1s) linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}
.ticker-set {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  flex-shrink: 0;
}
.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 5px 10px 5px 10px;
  font-family: "Share Tech Mono", Consolas, "Lucida Console", "Courier New", monospace;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.03em;
  white-space: nowrap;
  text-transform: uppercase;
}
.ticker-item.down {
  color: #ff2a2a;
  text-shadow: 0 0 4px #800, 0 0 12px #400;
}
.ticker-item.down .sym {
  color: #ff6b6b;
  min-width: 0;
}
/* Solid triangles (LED-style), sized ~ to digit cap height */
.ticker-arrow {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: 0;
  height: 0;
  margin: 0 0.38em 0 0.22em;
  line-height: 0;
}
.ticker-arrow-down {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 14px solid #ff2222;
}
.ticker-arrow-up {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 14px solid #12dd66;
}
.ticker-item.down .pct {
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #ff5555;
}
.ticker-item.up {
  color: #0aeb72;
}
.ticker-item.up .sym {
  color: #2cff80;
}
.ticker-item.up .pct {
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #56ffa8;
}
.ticker-zh {
  font-family: "MS Gothic", "SimHei", "Heiti SC", sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.1em;
  opacity: 0.9;
  margin-left: 0.15em;
}
.ticker-item.down .ticker-zh {
  color: #faa;
}
.ticker-item.up .ticker-zh {
  color: #38c978;
}
@keyframes ticker-roll {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}
.zh-slider {
  overflow: hidden;
  width: calc(100% - 2px);
  margin-left: 1px;
  margin-right: 1px;
  border-top: 3px solid #000;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  font-family: "SimHei", "MS Gothic", "Comic Sans MS", sans-serif;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: 0.18em;
  white-space: nowrap;
}
.zh-slider-neon {
  background:
    radial-gradient(circle at 12% 45%, #ff0 0 4px, transparent 5px),
    radial-gradient(circle at 68% 55%, #0ff 0 3px, transparent 4px),
    linear-gradient(90deg, #1b0036, #ff00cc 34%, #00f0ff 68%, #00ff66);
  color: #fff;
  text-shadow: 2px 2px 0 #000, 0 0 8px #ff0, 0 0 14px #0ff;
}
.zh-slider-danger {
  margin: 0 1px 10px;
  background:
    repeating-linear-gradient(45deg, rgba(0,0,0,0.22) 0 6px, transparent 6px 12px),
    linear-gradient(90deg, #ff0, #ff3b00 40%, #ff00cc 72%, #000);
  color: #101;
  text-shadow: 1px 1px 0 #fff, 0 0 7px #ff0;
}
.zh-slider-track {
  display: flex;
  width: max-content;
  animation: zh-slide 25s linear infinite;
}
.zh-slider-track.reverse {
  animation-name: zh-slide-reverse;
  animation-duration: 21s;
}
.zh-slider-track span {
  display: inline-block;
  padding: 8px 18px;
  flex-shrink: 0;
}
@keyframes zh-slide {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}
@keyframes zh-slide-reverse {
  0% { transform: translate3d(-50%, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  /* still a crawl, ~3× slower — not a frozen wall of text */
  .ticker-track {
    animation-duration: calc(var(--ticker-sec, 55) * 3 * 1s);
    flex-wrap: nowrap;
    width: max-content;
  }
  .ticker-set {
    flex-wrap: nowrap;
  }
  .zh-slider-track {
    animation-duration: 70s;
  }
}

/* ---------- subpage special treatments ---------- */
.flash-title {
  animation: title-flash 0.72s steps(2, end) infinite;
}
@keyframes title-flash {
  0% {
    color: #ff0;
    background: #c00;
    text-shadow: 2px 2px 0 #000, 0 0 12px #ff0;
  }
  50% {
    color: #00ffff;
    background: #2600ff;
    text-shadow: 2px 2px 0 #000, 0 0 12px #ff00ff;
  }
  100% {
    color: #ff0;
    background: #c00;
    text-shadow: 2px 2px 0 #000, 0 0 12px #ff0;
  }
}
.expansion-page {
  background:
    radial-gradient(circle at 15% 7%, rgba(255,0,204,0.22), transparent 22%),
    radial-gradient(circle at 88% 20%, rgba(0,255,255,0.2), transparent 24%),
    linear-gradient(135deg, rgba(12,0,34,0.96), rgba(0,38,33,0.94));
  border: 4px ridge #0ff;
  box-shadow: inset 0 0 22px rgba(0,255,255,0.28), 0 0 0 2px #000;
}
.expansion-console {
  margin: 12px 4px 18px;
  padding: 12px;
  background:
    repeating-linear-gradient(0deg, rgba(0,255,128,0.08) 0 1px, transparent 1px 5px),
    linear-gradient(135deg, #050812, #011c16 58%, #1b0025);
  color: #d9fff4;
  border: 4px double #00ff99;
  box-shadow: 5px 5px 0 #000, inset 0 0 18px rgba(0,255,128,0.22);
  font-family: "Share Tech Mono", "Courier New", "MS Gothic", monospace;
}
.expansion-console p,
.expansion-console li {
  font-size: 13px;
}
.expansion-console .strategy,
.expansion-console .strategy li {
  color: #050018;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.82);
}
.expansion-console .strategy em {
  color: #4b006b;
  font-weight: bold;
}
.expansion-console .strategy li strong {
  color: #000;
  background: #fff200;
}
.expansion-console .console-title {
  margin: -12px -12px 12px;
  padding: 8px 10px;
  border-bottom: 3px ridge #ff0;
  font-family: Impact, "Arial Black", sans-serif;
  font-size: 30px;
  letter-spacing: 0.07em;
  text-align: center;
}
.expansion-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 0.78fr);
  gap: 12px;
  align-items: stretch;
}
.expansion-console .roadmap-card {
  margin: 0;
  background: linear-gradient(135deg, #fff200, #ff66cc, #59fff4);
  color: #000;
  border-color: #ff0 #f0f #000 #0ff;
}
.tech-chart-panel {
  padding: 10px;
  background:
    linear-gradient(rgba(0,0,0,0.12), rgba(0,0,0,0.25)),
    repeating-linear-gradient(90deg, rgba(0,255,128,0.15) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(0deg, rgba(0,255,128,0.15) 0 1px, transparent 1px 18px),
    #00120a;
  border: 3px inset #0f0;
  color: #0f0;
}
.chart-title {
  margin-bottom: 8px;
  color: #ff0;
  font-family: Impact, sans-serif;
  font-size: 18px;
  letter-spacing: 0.08em;
  text-align: center;
}
.chart-axes {
  position: relative;
  min-height: 190px;
  border-left: 3px solid #0f0;
  border-bottom: 3px solid #0f0;
  overflow: hidden;
}
.axis-y,
.axis-x {
  position: absolute;
  color: #9ff;
  font-size: 10px;
}
.axis-y {
  top: 8px;
  left: 8px;
}
.axis-x {
  right: 8px;
  bottom: 8px;
}
.chart-line {
  position: absolute;
  left: 9%;
  right: 7%;
  top: 48%;
  border-top: 7px solid #ff0;
  box-shadow: 0 0 12px #ff0;
}
.chart-dot {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #c00;
  color: #ff0;
  border: 3px ridge #ff0;
  font-family: Impact, sans-serif;
  font-size: 23px;
  line-height: 27px;
  text-align: center;
}
.dot-a { left: 13%; top: 39%; }
.dot-b { left: 48%; top: 39%; }
.dot-c { right: 9%; top: 39%; }
.chart-caption {
  margin-top: 8px;
  padding: 5px;
  background: #000;
  border: 1px solid #0f0;
  font-size: 11px;
}
.tech-schematic {
  display: grid;
  grid-template-columns: 1fr 34px 1fr 34px 1fr;
  gap: 6px;
  align-items: center;
  margin: 2px 0 16px;
  padding: 10px;
  background:
    repeating-linear-gradient(45deg, rgba(255,255,0,0.12) 0 4px, transparent 4px 10px),
    #080016;
  border: 3px inset #ff0;
}
.schem-box {
  padding: 10px 6px;
  background: #002d21;
  color: #0f0;
  border: 2px outset #0f0;
  font-family: Impact, sans-serif;
  font-size: 16px;
  text-align: center;
}
.schem-box.danger {
  background: #3a0000;
  color: #ff0;
  border-color: #f00;
}
.schem-wire {
  height: 6px;
  background: repeating-linear-gradient(90deg, #ff0 0 6px, #f00 6px 12px);
  box-shadow: 0 0 8px #ff0;
}
.doc-a4-page {
  max-width: 820px;
  margin: 14px auto 22px;
  padding: 38px 54px 48px;
  background:
    repeating-linear-gradient(0deg, transparent 0 27px, rgba(0,0,0,0.08) 27px 28px),
    #fff;
  color: #000;
  border: 1px solid #000;
  box-shadow: 7px 7px 0 rgba(0,0,0,0.45);
  font-family: "Courier New", "Lucida Console", monospace;
}
.doc-a4-page h1,
.doc-a4-page h2,
.doc-a4-page h3 {
  color: #000;
  background: none;
  text-shadow: none;
  font-family: "Courier New", "Lucida Console", monospace;
  text-transform: uppercase;
}
.doc-a4-page .doc-title {
  margin: 0 0 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #000;
  font-size: 25px;
  letter-spacing: 0;
  text-align: left;
}
.doc-a4-page h2 {
  margin-top: 22px;
  border-top: 1px solid #000;
  padding-top: 8px;
  font-size: 17px;
}
.doc-a4-page p,
.doc-a4-page li {
  font-size: 13px;
  line-height: 1.58;
}
.doc-a4-page .specs-table {
  margin: 14px 0;
  width: 100%;
  background: #fff;
  font-family: "Courier New", monospace;
}
.doc-a4-page .specs-table caption {
  color: #000;
  text-shadow: none;
  font-family: "Courier New", monospace;
  font-size: 16px;
}
.doc-a4-page .specs-table th,
.doc-a4-page .specs-table td,
.doc-a4-page .specs-table tr:nth-child(odd) td,
.doc-a4-page .specs-table tr:nth-child(even) td {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
.doc-a4-page .oplog,
.doc-a4-page .warning-card,
.doc-a4-page .strategy {
  margin: 14px 0;
  background: #fff;
  color: #000;
  border: 2px solid #000;
  box-shadow: none;
  font-family: "Courier New", monospace;
}
.doc-a4-page .warning-card .card-title,
.doc-a4-page .warning-card .stars,
.doc-a4-page .oplog h3,
.doc-a4-page .oplog .stamp {
  color: #000;
  background: none;
  text-shadow: none;
}
.doc-a4-page strong {
  background: #000;
  color: #fff;
  padding: 0 2px;
}
.burn-page {
  position: relative;
  overflow: hidden;
  color: #ffeccc;
  background:
    linear-gradient(rgba(0,0,0,0.42), rgba(0,0,0,0.82)),
    url("../assets/img/flames-top.png") left top / 640px auto repeat-x,
    url("../assets/img/flames-top.png") left bottom / 640px auto repeat-x,
    radial-gradient(circle at 50% 18%, rgba(255,110,0,0.22), transparent 28%),
    #000;
  border: 4px ridge #ff6400;
  box-shadow: inset 0 0 44px rgba(255,80,0,0.36), 0 0 0 2px #000;
  font-family: "Share Tech Mono", "Courier New", "MS Gothic", monospace;
}
.burn-page h1 {
  color: #ff0;
  text-shadow: 2px 2px 0 #c00, 0 0 14px #ff6400;
}
.burn-page a {
  color: #9ff;
  font-weight: bold;
}
.burn-hero,
.burn-ledger,
.burn-tech-explainer,
.burn-method-box {
  position: relative;
  z-index: 1;
  margin: 14px 6px;
  padding: 14px;
  background: rgba(0,0,0,0.78);
  border: 3px ridge #ff6400;
  box-shadow: inset 0 0 18px rgba(255,100,0,0.2), 3px 3px 0 #1a0000;
}
.burn-kicker,
.burn-section-title {
  margin: -14px -14px 12px;
  padding: 7px 10px;
  background: linear-gradient(90deg, #300, #c00, #ff8c00, #300);
  color: #ff0;
  border-bottom: 2px solid #ff0;
  font-family: Impact, "Arial Black", sans-serif;
  font-size: 18px;
  letter-spacing: 0.07em;
  text-align: center;
  text-shadow: 2px 2px 0 #000, 0 0 10px #ff0;
}
.burn-live-counter {
  margin: 16px auto 4px;
  width: 100%;
  max-width: min(560px, 100%);
  padding: 12px 10px;
  box-sizing: border-box;
  container-type: inline-size;
  container-name: burn-counter;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 5px),
    #080000;
  border: 4px inset #ff6400;
  text-align: center;
}
.burn-live-counter span,
.burn-live-counter small {
  display: block;
  color: #ffb36b;
  font-family: "Courier New", monospace;
  letter-spacing: 0.08em;
}
.burn-live-counter strong {
  display: block;
  margin: 6px 0;
  color: #ff0;
  font-family: Impact, "Arial Black", sans-serif;
  /* vw fallback when container query units are unavailable */
  font-size: clamp(1.1rem, 4.2vw + 0.85rem, 3.75rem);
  line-height: 1.05;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-shadow: 3px 3px 0 #c00, 0 0 18px #ff6400;
}
@supports (font-size: 1cqi) {
  .burn-live-counter strong {
    font-size: clamp(1.1rem, 10cqi + 0.35rem, 4.25rem);
  }
}
.burn-live-counter .burn-live-supply-pct {
  display: block;
  margin: 4px 0 10px;
  color: #9f6;
  font-family: Impact, "Arial Black", sans-serif;
  font-size: clamp(0.7rem, 1.8vw + 0.45rem, 1.55rem);
  letter-spacing: 0.02em;
  line-height: 1.25;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-shadow: 1px 1px 0 #060;
}
@supports (font-size: 1cqi) {
  .burn-live-counter .burn-live-supply-pct {
    font-size: clamp(0.7rem, 4.5cqi + 0.25rem, 1.65rem);
  }
}
.burn-tx-grid {
  display: grid;
  grid-template-columns:
    minmax(40px, 48px)
    minmax(96px, 1.05fr)
    minmax(120px, 1.15fr)
    minmax(0, 2fr)
    minmax(104px, 1fr);
  gap: 1px;
  overflow-x: auto;
  overflow-y: hidden;
  border: 2px solid #ff6400;
  background: #ff6400;
}
.burn-tx-grid > * {
  min-width: 0;
  padding: 7px 8px;
  background: #070707;
  color: #ffeccc;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.burn-tx-grid .burn-tx-head {
  background: #310000;
  color: #ff0;
  font-family: Impact, sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
}
.burn-tx-grid a {
  background: #00151a;
  color: #6ff;
  text-decoration: underline;
}
.burn-tx-grid a:hover {
  background: #ff0;
  color: #000;
}
.burn-event-type {
  display: inline-block;
  padding: 2px 6px;
  border: 1px solid #ff6400;
  background: #170000;
  color: #ffb000;
  font-family: "Courier New", monospace;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.burn-event-buyback {
  border-color: #6ff;
  color: #6ff;
}
.burn-event-burn {
  border-color: #ff6400;
  color: #ffb000;
}
.burn-event-vaultbuy {
  border-color: #6f6;
  color: #6f6;
}
.burn-event-claim {
  border-color: #ff0;
  color: #ff0;
}
.burn-event-taxdispatch {
  border-color: #6ff;
  color: #6ff;
}
.burn-tech-explainer p {
  padding: 9px 10px;
  background: rgba(55,8,0,0.72);
  border-left: 5px solid #ff6400;
  color: #ffeccc;
  font-size: 13px;
}
.burn-tech-explainer strong {
  color: #ff0;
  background: #900;
  padding: 0 3px;
}
.burn-spec-table {
  width: 100%;
  border-collapse: collapse;
  background: #000;
  color: #ffeccc;
}
.burn-spec-table th,
.burn-spec-table td {
  border: 1px solid #ff6400;
  padding: 8px 10px;
  text-align: left;
}
.burn-spec-table th {
  width: 170px;
  background: #3a0000;
  color: #ff0;
}
@media (max-width: 768px) {
  .expansion-grid,
  .tech-schematic {
    grid-template-columns: 1fr;
  }
  .schem-wire {
    height: 22px;
    width: 6px;
    margin: 0 auto;
  }
  .doc-a4-page {
    padding: 22px 18px 28px;
  }
  .burn-tx-grid {
    grid-template-columns:
      36px
      minmax(76px, 0.95fr)
      minmax(96px, 1fr)
      minmax(0, 1.6fr);
  }
  /* Hide STATUS column on small screens; keep TYPE + AMOUNT + TX */
  .burn-tx-grid > *:nth-child(5n+5) {
    display: none;
  }
}

/* ---------- brand spam rows ---------- */
.brand-spam {
  padding: 10px 14px;
  font-family: "Arial Black", "Impact", sans-serif;
  font-size: 16px;
  color: #c0c0c0;
  background: #fff;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.9;
  word-spacing: 10px;
}
.brand-spam .big-one {
  display: inline-block;
  font-size: 40px;
  color: gold;
  background: #000;
  padding: 0 12px;
  border-radius: 50%;
  text-shadow: 0 0 8px #ff0;
  vertical-align: middle;
  margin: 0 10px;
}

/* ---------- full-width hero image (replaces old flip-poster stack) ---------- */
.hero-banner {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  background:
    radial-gradient(circle at 48% 18%, rgba(255,255,255,0.4), transparent 18%),
    linear-gradient(180deg, #1d73ff 0%, #6ec8ff 44%, #4dba1e 45%, #10830d 100%);
  overflow: hidden;
}
.hero-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  vertical-align: top;
  aspect-ratio: 1024 / 409;
  height: auto;
  object-fit: cover;
}
.hero-banner .hero-coin {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: clamp(72px, 12vw, 152px);
  height: auto;
  transform: translate(-50%, -50%);
  filter: drop-shadow(3px 3px 0 #000) drop-shadow(0 0 14px #ff0);
  pointer-events: none;
}

/* ---------- rant blocks ---------- */
.rant {
  margin: 18px 8px;
  padding: 14px 16px;
  background:
    radial-gradient(circle at 96% 12%, rgba(255,255,0,0.58), transparent 18%),
    repeating-linear-gradient(135deg, rgba(255,0,128,0.12) 0 8px, rgba(0,255,255,0.12) 8px 16px),
    linear-gradient(135deg, #fff49e, #ffb4e6 45%, #bffcff);
  border-left: 8px solid #ff00a8;
  border-right: 8px solid #00a2ff;
  font-family: "Comic Sans MS", Verdana, "SimHei", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 600;
  color: #000;
}
.rant.alt {
  border-left-color: #00cc44;
  border-right-color: #a000ff;
  background:
    radial-gradient(circle at 8% 20%, rgba(0,255,80,0.42), transparent 24%),
    linear-gradient(135deg, #e7ff8b, #89ffd5 50%, #f7b6ff);
  font-family: "Trebuchet MS", "Comic Sans MS", "MS Gothic", sans-serif;
}
.rant.alt2 {
  border-left-color: #001aff;
  border-right-color: #ff6b00;
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,0.06) 0 2px, transparent 2px 7px),
    linear-gradient(135deg, #c6cbff, #ffdf7a 48%, #ff98c9);
  font-family: Georgia, "Times New Roman", "SimHei", serif;
}
.intro-rant {
  position: relative;
  margin: 22px 8px;
  padding: 18px 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 14%, rgba(0,255,80,0.14), transparent 25%),
    repeating-linear-gradient(0deg, rgba(0,255,80,0.08) 0 1px, transparent 1px 5px),
    linear-gradient(135deg, #020802 0%, #001400 48%, #030303 100%);
  color: #92ff8f;
  border: 4px ridge #00ff66;
  border-left: 12px solid #00aa44;
  border-right: 12px solid #003b17;
  box-shadow: 5px 5px 0 #000, inset 0 0 28px rgba(0,255,80,0.22), 0 0 12px rgba(0,255,80,0.38);
  font-family: "Courier New", "MS Gothic", monospace;
  text-shadow: 1px 1px 0 #000;
}
.intro-rant::before {
  content: "MANIFESTO // 一号宣言";
  display: block;
  margin: -18px -22px 12px;
  padding: 7px 12px;
  background: #001f0b;
  color: #ccffcc;
  border-bottom: 3px double #00ff66;
  font-family: "Comic Sans MS", "Trebuchet MS", sans-serif;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-shadow: 2px 2px 0 #000, 0 0 8px #00ff66;
}
.intro-rant p {
  position: relative;
  z-index: 1;
  font-size: 13px;
}
.intro-rant strong {
  background: #063b12;
  color: #d9ffd9;
  padding: 0 3px;
  border: 1px solid #00ff66;
}
.intro-rant em {
  color: #d6ff75;
  font-weight: bold;
}
.rant .emoji { white-space: nowrap; font-weight: bold; }
.rant img.inline-brand {
  vertical-align: middle;
  height: 14px;
}
.rant strong { background: #ff0; }
.rant em { color: #800080; font-style: italic; }
.rant a { color: #c00; }

.inline-brand-list {
  display: inline;
  color: #808080;
  font-family: Arial Black, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  word-spacing: 6px;
  margin: 0 6px;
}

/* ---------- production swap desk ---------- */
.spx1-swap-desk {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  column-gap: 8px;
  row-gap: 0;
  margin: 18px 8px 22px;
  padding: 7px;
  background: #c0c0c0;
  border: 2px solid #000;
  box-shadow: 3px 3px 0 #404040;
  color: #000;
  font-family: "Tahoma", "MS Sans Serif", Verdana, sans-serif;
  font-size: 12px;
}
.swap-window-toolbar {
  grid-column: 1 / -1;
  border: 1px solid #000;
  background: #d4d0c8;
  box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #808080;
}
.swap-window-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 2px 5px;
  background: linear-gradient(to right, #0a246a, #3a6ea5);
  border-bottom: 1px solid #808080;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.25;
  text-shadow: 1px 1px 0 #000;
}
.swap-window-ctrls {
  white-space: nowrap;
  letter-spacing: 2px;
}
.swap-window-menubar {
  padding: 2px 6px;
  background: #c0c0c0;
  border-top: 1px solid #fff;
  color: #000;
  font-size: 10px;
  line-height: 1.35;
}
.swap-panel,
.swap-chart-panel {
  min-width: 0;
  background: #f5f0df;
  border: 3px inset #808080;
  box-shadow: inset 1px 1px 0 #fff, 2px 2px 0 #404040;
}
.swap-panel {
  padding: 8px;
}
.swap-panel-head,
.swap-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: -8px -8px 8px;
  padding: 3px 6px;
  color: #000;
  font-weight: bold;
  letter-spacing: 1px;
  background: #d4d0c8;
  border-bottom: 1px solid #808080;
  text-shadow: 1px 1px 0 #fff;
}
.swap-chart-head {
  margin: 0;
}
.swap-row,
.swap-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.swap-panel h2 {
  margin: 0;
  color: #000;
  font-family: "Tahoma", "MS Sans Serif", Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-shadow: 1px 1px 0 #fff;
}
.swap-kicker,
.swap-row span,
.swap-route-card span,
.swap-disclaimer {
  color: #404040;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.swap-wallet-btn,
.swap-approve-btn,
.swap-execute-btn,
.swap-flip-btn,
.swap-token-pill {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
  background: #d4d0c8;
  color: #000;
  font-family: "Tahoma", "MS Sans Serif", Verdana, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
  box-shadow: 1px 1px 0 #000;
}
.swap-wallet-btn,
.swap-approve-btn,
.swap-execute-btn {
  padding: 5px 9px;
}
.swap-wallet-btn:hover,
.swap-approve-btn:hover,
.swap-execute-btn:hover,
.swap-flip-btn:hover,
.swap-token-pill:hover {
  background: #fff;
  color: #000;
}
.swap-wallet-btn:disabled,
.swap-approve-btn:disabled,
.swap-execute-btn:disabled {
  color: #666;
  background: #d4d0c8;
  text-shadow: none;
}
.swap-status-line {
  margin: 8px 0;
  padding: 5px 7px;
  min-height: 26px;
  border: 1px inset #808080;
  background: #fff;
  color: #000;
  font-family: "Courier New", monospace;
  font-size: 11px;
}
.swap-status-line[data-tone="ok"] { color: #000; }
.swap-status-line[data-tone="warn"] { color: #404040; }
.swap-status-line[data-tone="error"] { color: #900; }
.swap-mev-warning {
  margin: 0 0 8px;
  padding: 5px 7px;
  border: 1px inset #808080;
  background: #fffdf4;
  color: #000;
  font-family: "Courier New", monospace;
  font-size: 10px;
  line-height: 1.35;
}
.swap-box {
  padding: 7px;
  border: 1px inset #808080;
  background: #fffdf4;
}
.swap-box + .swap-box {
  margin-top: 4px;
}
.swap-row {
  margin-bottom: 7px;
}
.swap-row label {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.swap-token-input,
.swap-token-output {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 8px;
  align-items: center;
}
.swap-token-input input,
.swap-token-output output,
.swap-settings-grid input {
  width: 100%;
  border: 2px inset #808080;
  background: #fff;
  color: #000;
  font-family: "Courier New", monospace;
  box-shadow: none;
}
.swap-token-input input,
.swap-token-output output {
  min-height: 48px;
  padding: 8px 10px;
  font-size: 24px;
}
.swap-token-input input:focus,
.swap-settings-grid input:focus {
  outline: 2px solid #404040;
  outline-offset: 1px;
}
.swap-token-output output {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.swap-token-pill {
  min-height: 42px;
  padding: 0 10px;
  border-radius: 0;
}
.spx1-pill {
  color: #000;
}
.swap-flip-btn {
  display: block;
  width: 44px;
  height: 34px;
  margin: -2px auto;
  border-radius: 0;
  font-size: 18px;
}
.swap-advanced {
  margin: 8px 0;
  border: 1px solid #000;
  background: #c0c0c0;
}
.swap-advanced summary {
  padding: 5px 7px;
  color: #000;
  font-weight: bold;
  cursor: var(--spx1-cursor);
}
.swap-settings-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 0 9px 9px;
}
.swap-settings-grid label {
  color: #000;
  font-size: 11px;
  text-transform: uppercase;
}
.swap-settings-grid input {
  display: block;
  margin-top: 4px;
  padding: 7px 8px;
  font-size: 12px;
}
.recipient-field {
  grid-column: 1 / -1;
}
.swap-route-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  margin: 8px 0;
}
.swap-route-card div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 8px;
  padding: 4px 6px;
  border: 1px inset #808080;
  background: #efefef;
}
.swap-route-card strong {
  min-width: 0;
  color: #000;
  font-size: 12px;
  overflow-wrap: anywhere;
  text-align: right;
}
.swap-actions {
  align-items: stretch;
}
.swap-actions button {
  flex: 1;
}
.swap-disclaimer {
  margin: 8px 0 0;
  line-height: 1.4;
  text-transform: none;
}
.swap-chart-panel {
  display: flex;
  min-height: 472px;
  flex-direction: column;
}
.swap-chart-head span {
  color: #000;
  font-size: 12px;
  letter-spacing: 0.12em;
}
.swap-chart-pair {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  text-align: right;
}
.swap-chart-head strong {
  color: #000;
  font-size: 14px;
}
.swap-chart-network {
  font-family: "Courier New", monospace;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #0a7a0a;
}
.swap-chart-frame {
  position: relative;
  flex: 1;
  min-height: 440px;
  background: #fffdf4;
}
.swap-chart-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 440px;
  border: 0;
}
.swap-chart-loading,
.swap-chart-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px;
  color: #000;
  text-align: center;
}
.swap-chart-fallback strong {
  color: #000;
  font-size: 22px;
}
.swap-chart-fallback span {
  max-width: 360px;
  color: #000;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .spx1-swap-desk {
    grid-template-columns: 1fr;
  }
  .swap-panel-head,
  .swap-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .swap-settings-grid {
    grid-template-columns: 1fr;
  }
  .recipient-field {
    grid-column: auto;
  }
}

/* ---------- dense fake-browser window (repeating chrome) ---------- */
.island-window,
.win98-window {
  margin: 18px 8px;
  border: 2px solid #000;
  background: #c0c0c0;
  box-shadow: 3px 3px 0 #404040;
  font-family: "Tahoma", "MS Sans Serif", Verdana, sans-serif;
  font-size: 12px;
}
.island-titlebar,
.win98-titlebar {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 3px 6px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  background: linear-gradient(to right, #0a246a, #3a6ea5);
  text-shadow: 1px 1px 0 #000;
}
.island-ctrls,
.win98-ctrls {
  white-space: nowrap;
  letter-spacing: 2px;
}
.island-menubar,
.win98-menubar {
  padding: 2px 6px;
  background: #c0c0c0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #808080;
  color: #000;
  font-size: 11px;
}
.island-body,
.win98-body {
  display: grid;
  grid-template-columns: 156px minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
  background:
    repeating-linear-gradient(135deg, rgba(0,0,0,0.08) 0 2px, transparent 2px 8px),
    #d4d0c8;
}
.win98-body.solo {
  grid-template-columns: 1fr;
}
.island-sidebar,
.win98-sidebar {
  padding: 7px;
  border: 2px inset #808080;
  background: #efefef;
  font-family: "Courier New", monospace;
}
.island-sidebar .side-head,
.win98-sidebar .side-head {
  margin: -7px -7px 7px;
  padding: 3px 5px;
  background: #000080;
  color: #fff;
  font-weight: bold;
}
.island-sidebar a,
.island-sidebar .side-status,
.win98-sidebar a,
.win98-sidebar .side-status {
  display: block;
  margin: 5px 0;
  padding: 3px 4px;
  border: 1px outset #fff;
  background: #fff;
  color: #0000ee;
  text-decoration: underline;
}
.island-sidebar .side-status,
.win98-sidebar .side-status {
  margin-top: 10px;
  background: #000;
  color: #0f0;
  text-decoration: none;
  border-style: inset;
}
.island-copy,
.win98-copy {
  min-width: 0;
  padding: 10px 12px;
  border: 3px inset #ff00cc;
  background:
    radial-gradient(circle at 92% 8%, rgba(255,255,0,0.55), transparent 18%),
    linear-gradient(135deg, rgba(198,255,249,0.95), rgba(255,214,244,0.95) 48%, rgba(255,243,153,0.95));
  color: #000;
  font-family: "Comic Sans MS", Verdana, "SimHei", sans-serif;
  font-weight: 700;
  line-height: 1.55;
}
.island-copy h2,
.win98-copy h2 {
  margin: 0 0 8px;
  padding-bottom: 6px;
  border-bottom: 3px double #000080;
  color: #0044cc;
  font-size: 24px;
  text-align: center;
  text-shadow: 2px 2px 0 #ff0;
}
.island-copy p,
.win98-copy p {
  margin: 10px 0;
}
.island-copy strong,
.win98-copy strong {
  background: #ff0;
  color: #c00;
}
.island-copy em,
.win98-copy em {
  color: #800080;
}
.win98-copy ol {
  margin: 8px 0 8px 22px;
  padding: 0;
}
.win98-copy li {
  margin: 8px 0;
}
.gif-badge {
  display: inline-block;
  margin: 0 5px;
  padding: 1px 5px;
  border: 2px outset #fff;
  background: #00ff00;
  color: #000;
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 10px;
  line-height: 1.2;
  vertical-align: middle;
  box-shadow: 1px 1px 0 #000;
}
.gif-badge.hot {
  background: #ff0;
  color: #c00;
}
.island-footer,
.win98-footer {
  margin-top: 10px;
  padding: 5px 7px;
  border: 1px inset #808080;
  background: #000;
  color: #0f0;
  font-family: "Courier New", monospace;
  font-size: 11px;
}

/* ---------- filler images (user-supplied, replaceable) ---------- */
.filler {
  display: block;
  margin: 14px auto;
  max-width: 360px;
  border: 3px dashed #ff00cc;
  padding: 4px;
  background: linear-gradient(135deg, #fff700, #ff9df2, #7affff);
  cursor: help;
}
.filler img {
  display: block;
  width: 100%;
  height: auto;
}
.filler .filler-label {
  display: block;
  text-align: center;
  font-family: "Courier New", monospace;
  font-size: 10px;
  color: #c00;
  padding: 3px 0 1px;
  letter-spacing: 1px;
}
.filler.right { float: right; max-width: 260px; margin: 6px 0 10px 14px; }
.filler.left  { float: left;  max-width: 260px; margin: 6px 14px 10px 0; }
.filler.wide  { max-width: 560px; }

/* ---------- warning cards ---------- */
.warning-card {
  margin: 20px 8px;
  border: 4px double #ff00cc;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,0.09) 0 2px, transparent 2px 8px),
    linear-gradient(135deg, #fff200, #ff81d8 52%, #65ffe4);
  padding: 16px;
  font-family: "Courier New", "MS Gothic", monospace;
  font-size: 13px;
  line-height: 1.55;
}
.warning-card .card-title {
  font-family: "Impact", sans-serif;
  font-size: 22px;
  color: #c00;
  text-shadow: 1px 1px 0 #ff0;
  border-bottom: 3px double #c00;
  padding-bottom: 6px;
  margin-bottom: 10px;
  text-align: center;
}
.warning-card .stars { text-align: center; color: gold; letter-spacing: 4px; font-size: 16px; margin: 8px 0; }

/* ---------- the Big Take / POG / Jerome Printone meme cards ---------- */
.meme-card {
  margin: 18px 8px;
  padding: 16px;
  background:
    radial-gradient(circle at 88% 18%, rgba(0,255,128,0.36), transparent 22%),
    linear-gradient(135deg, #ffe5fb, #fff07a 48%, #d9ffb2);
  border: 3px solid #4c007a;
  box-shadow: 4px 4px 0 #000, inset 0 0 0 2px rgba(255,255,255,0.5);
  font-family: Georgia, "Times New Roman", "SimHei", serif;
}
.meme-card.alt { background: linear-gradient(135deg, #fff36e, #8effc6); border-color: #806000; }
.meme-card.alt2 { background: linear-gradient(135deg, #ffb0df, #c5b8ff 52%, #faff7a); border-color: #800040; }
.meme-card h2 {
  margin-top: 0;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 26px;
  color: #000;
  text-transform: none;
  text-shadow: none;
  border-bottom: 2px solid #000;
  padding-bottom: 6px;
}
.meme-card .byline {
  font-family: "Georgia", serif;
  font-style: italic;
  font-size: 13px;
  color: #606;
  margin: 4px 0 10px;
}
.meme-card p { font-size: 15px; line-height: 1.6; }

/* ---------- netscape footer strip ---------- */
.netscape-strip {
  margin: 18px 0 6px;
  padding: 8px 10px;
  background: #000;
  color: #0f0;
  font-family: "Courier New", monospace;
  font-size: 12px;
  text-align: center;
  border-top: 1px solid #0f0;
  border-bottom: 1px solid #0f0;
}

/* ---------- ops log / strategy lists ---------- */
.oplog {
  margin: 14px 8px;
  padding: 10px 14px;
  background: #000;
  color: #0f0;
  font-family: "Courier New", monospace;
  font-size: 13px;
  border: 2px inset #0f0;
  line-height: 1.6;
}
.oplog h3 { color: #0f0; text-shadow: 1px 1px 0 #050; }
.oplog .stamp { color: #ff0; font-weight: bold; }

.strategy {
  margin: 14px 8px;
  padding: 12px 16px;
  background:
    radial-gradient(circle at 16% 22%, rgba(255,0,0,0.22), transparent 20%),
    linear-gradient(135deg, #d7ff54, #8bd3ff 50%, #ff95f8);
  border: 4px ridge #ff00cc;
  font-family: "Trebuchet MS", "Comic Sans MS", "SimHei", sans-serif;
}
.strategy ol { padding-left: 28px; }
.strategy li { margin: 8px 0; font-size: 14px; line-height: 1.55; }
.strategy li strong { background: #ff0; }

/* ---------- specs table ---------- */
.specs-table {
  margin: 14px 8px;
  border-collapse: collapse;
  width: calc(100% - 16px);
  font-family: "Tahoma", Verdana, sans-serif;
  font-size: 13px;
  background: #fdff9c;
}
.specs-table caption {
  font-family: "Impact", sans-serif;
  font-size: 22px;
  color: #c00;
  text-shadow: 1px 1px 0 #ff0;
  padding: 10px 0;
  caption-side: top;
}
.specs-table td, .specs-table th {
  border: 1px solid #000;
  padding: 6px 10px;
  vertical-align: top;
}
.specs-table th { background: #000080; color: #fff; text-align: left; width: 160px; }
.specs-table .specs-title-row th {
  width: auto;
  padding: 10px 12px;
  background: #ff0;
  color: #c00;
  border: 3px double #000;
  font-family: Impact, "Arial Black", sans-serif;
  font-size: 22px;
  text-align: center;
  text-shadow: 1px 1px 0 #fff;
}
.specs-table tr:nth-child(odd) td { background: #fff06b; }
.specs-table tr:nth-child(even) td { background: #cbfff8; }
.specs-warning-strip {
  margin: 0 8px 14px;
  padding: 6px 10px;
  background: #ff0;
  border: 2px solid #000;
  border-top: 0;
  font-family: Impact, sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  color: #000;
  overflow: hidden;
}

/* ---------- tonight changelog ---------- */
.changelog {
  margin: 18px 8px;
  padding: 14px 16px;
  background: #000;
  color: #0f0;
  font-family: "Courier New", monospace;
  font-size: 13px;
  line-height: 1.55;
  border: 3px outset #0f0;
}
.changelog h3 { color: #ff0; text-shadow: 1px 1px 0 #500; }
.changelog ul { padding-left: 22px; }
.changelog .addr { color: #ff0; word-break: break-all; }

/* ---------- deplatforming table ---------- */
.deplatform {
  margin: 18px 8px;
}
.deplatform table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-family: Tahoma, sans-serif;
  font-size: 13px;
}
.deplatform th {
  background: #c00;
  color: #fff;
  padding: 6px 8px;
  border: 1px solid #000;
}
.deplatform td { border: 1px solid #000; padding: 6px 8px; }
.deplatform td.bad { color: #c00; font-weight: bold; }

/* ---------- leaked old-internet email string ---------- */
.dm-window {
  margin: 18px 8px;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,0.18) 0 3px, transparent 3px 9px),
    linear-gradient(135deg, #4dfcff, #ff8bef 45%, #ffef5e);
  color: #000;
  font-family: "Tahoma", "MS Sans Serif", sans-serif;
  font-size: 13px;
  border: 3px ridge #ff0;
  padding: 8px;
}
.dm-window .dm-header {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 3px 6px;
  background: linear-gradient(to right, #0a246a, #3a6ea5);
  border-bottom: 1px solid #808080;
  margin: -8px -8px 0;
  text-shadow: 1px 1px 0 #000;
}
.email-toolbar {
  margin: 0 -8px 8px;
  padding: 3px 6px;
  background: #c0c0c0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #808080;
  font-size: 11px;
}
.dm-msg {
  margin: 8px 0;
  padding: 8px 10px;
  background: #fff4a6;
  border: 1px solid #808080;
  box-shadow: inset 1px 1px 0 #fff;
}
.email-meta {
  margin: -8px -10px 7px;
  padding: 5px 8px;
  background: #eef2ff;
  border-bottom: 1px solid #808080;
  color: #000080;
  font-family: "Courier New", monospace;
  font-size: 11px;
  line-height: 1.45;
}
.dm-msg .body {
  display: block;
  margin-top: 2px;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 1.5;
}
.dm-window .dm-footer {
  margin-top: 10px;
  padding: 6px 8px;
  border: 1px inset #808080;
  background: #efefef;
  color: #606;
  font-size: 11px;
  font-style: italic;
}

/* ---------- flashbots bundling rant ---------- */
.bundling {
  margin: 20px 8px;
  border: 4px ridge #ff6b00;
  background:
    radial-gradient(circle at 80% 20%, rgba(0,0,0,0.18), transparent 20%),
    linear-gradient(135deg, #ffec33, #ff8b00 42%, #ff4dc4);
  padding: 14px;
  font-family: "Arial Black", "Trebuchet MS", "SimHei", sans-serif;
}
.bundling h3 { color: #32004d; text-shadow: 1px 1px 0 #ff0; }
.bundling .block { margin: 14px 0; font-size: 14px; line-height: 1.55; }

.mini-window {
  margin: 18px 8px;
  border: 4px ridge #00f0ff;
  background: linear-gradient(135deg, #050035, #29116b 48%, #00b894);
  color: #fff;
  box-shadow: 5px 5px 0 #000;
  font-family: "Comic Sans MS", "Trebuchet MS", "SimHei", sans-serif;
}
.mini-title {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 7px;
  background: linear-gradient(90deg, #ff0080, #5500ff, #00e5ff);
  color: #fff;
  font-family: Impact, "Arial Black", sans-serif;
  letter-spacing: 0.08em;
  text-shadow: 2px 2px 0 #000;
}
.mini-menu {
  padding: 3px 7px;
  background: #ff0;
  color: #000;
  border-bottom: 2px solid #000;
  font-family: "Courier New", monospace;
  font-size: 11px;
}
.mini-body {
  padding: 10px;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,255,0,0.35), transparent 22%),
    linear-gradient(135deg, rgba(255,0,180,0.3), rgba(0,255,200,0.25));
}

/* ---------- number tier list ---------- */
.tier-list {
  margin: 18px 8px;
  border: 4px solid #111;
  background: #111;
  box-shadow: 5px 5px 0 #000;
}
.tier-row {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 3px;
  border: 0;
  background: #111;
}
.tier-row + .tier-row { margin-top: 3px; }
.tier-letter {
  min-height: 92px;
  font-family: "Impact", sans-serif;
  font-size: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-shadow: 2px 2px 0 #fff;
  border: 3px solid #000;
  box-shadow: inset 2px 2px 0 rgba(255,255,255,0.38);
}
.tier-row.tier-s .tier-letter { background: #ff5252; color: #fff; }
.tier-row.tier-a .tier-letter { background: #ff9900; color: #fff; }
.tier-row.tier-b .tier-letter { background: #ffee00; color: #000; }
.tier-row.tier-c .tier-letter { background: #8cff66; color: #000; }
.tier-row.tier-d .tier-letter { background: #4080ff; color: #fff; }
.tier-row.tier-f .tier-letter { background: #801080; color: #fff; }
.tier-row.tier-skull .tier-letter { background: #000; color: #fff; font-size: 42px; }
.tier-body {
  min-width: 0;
  padding: 10px 14px 10px 12px;
  background: #fffbd1;
  border: 3px solid #000;
  font-family: "Trebuchet MS", Verdana, "SimHei", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #000;
}
.tier-body strong { background: #ff0; }
.tier-body .tier-sub { display: block; color: #666; font-size: 11px; margin-top: 4px; }
.tier-chip {
  display: inline-block;
  min-width: 54px;
  margin: 0 8px 4px 0;
  padding: 4px 8px;
  background: #000;
  color: #ff0;
  border: 2px outset #fff;
  font-family: Impact, "Arial Black", sans-serif;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  text-shadow: 1px 1px 0 #c00;
}

/* ---------- hall of fame ---------- */
.hall {
  margin: 18px 8px;
  padding: 14px;
  background: linear-gradient(#fff, #eef);
  border: 3px ridge gold;
}
.hall h2 {
  text-align: center;
  color: #c08000;
  text-shadow: 1px 1px 0 #ff0;
}
.hall-banner {
  text-align: center;
  font-family: Impact, sans-serif;
  font-size: 16px;
  color: #802000;
  margin-bottom: 12px;
  letter-spacing: 2px;
}
.hall-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.hall-card {
  background: #fff;
  border: 2px solid #000;
  box-shadow: 3px 3px 0 #000;
  padding: 10px;
}
.hall-card .hc-name {
  font-family: Impact, sans-serif;
  font-size: 18px;
  color: #800;
  border-bottom: 2px solid #800;
  padding-bottom: 4px;
}
.hall-card .hc-role {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  color: #444;
  margin: 4px 0 6px;
  letter-spacing: 1px;
}
.hall-card p { font-size: 13px; margin: 6px 0; line-height: 1.5; }

/* ---------- footer card ---------- */
.footer-card {
  position: relative;
  overflow: hidden;
  margin: 24px 8px 14px;
  padding: 14px;
  background:
    linear-gradient(rgba(0,0,0,0.38), rgba(0,0,0,0.72)),
    url("../assets/img/footer-grid-orb.png") center center / contain no-repeat,
    #000;
  color: #fff;
  border: 4px ridge #d8e85a;
  font-family: "Comic Sans MS", "Times New Roman", "SimHei", serif;
  font-size: 13px;
  line-height: 1.55;
  box-shadow: inset 0 0 34px rgba(220,240,80,0.32), 4px 4px 0 #000;
}
.footer-card > * {
  position: relative;
  z-index: 1;
}
.footer-card em { color: #ff9; }
.footer-card strong { background: #c00; color: #ff0; padding: 0 4px; }
.footer-contract {
  margin: 14px auto 10px;
  max-width: 560px;
  padding: 8px 10px;
  background: rgba(0,0,0,0.82);
  color: #d8e85a;
  border: 2px inset #d8e85a;
  font-family: "Courier New", monospace;
  font-weight: bold;
  text-align: center;
  overflow-wrap: anywhere;
  text-shadow: 1px 1px 0 #000, 0 0 8px #d8e85a;
}
.footer-contract span {
  color: #fff;
}
.footer-socials {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin: 12px 0 14px;
}
.footer-btn {
  display: inline-block;
  padding: 6px 12px;
  color: #fff;
  border: 3px outset #fff;
  font-family: Impact, "Arial Black", sans-serif;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000;
  box-shadow: 2px 2px 0 #000;
}
.footer-btn:hover {
  color: #ff0;
  filter: brightness(1.18) saturate(1.3);
}
.footer-twitter { background: #0087bd; }
.footer-telegram { background: #0a58ca; }
.footer-chart { background: #003e7a; }
.footer-docs { background: #1f4e00; }
.footer-buy {
  background: #c00;
  color: #ff0;
}

/* ---------- welcome popup (fake IE modal) ---------- */
.welcome-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 40;
  display: none;
  align-items: center;
  justify-content: center;
}
.welcome-backdrop.active { display: flex; }
.welcome-modal {
  width: min(560px, 92vw);
  background: #c0c0c0;
  border: 3px outset #fff;
  box-shadow: 6px 6px 0 #000;
  font-family: Tahoma, sans-serif;
}
.welcome-modal .wm-title {
  display: flex;
  justify-content: space-between;
  padding: 3px 6px;
  color: #fff;
  font-weight: bold;
  background: linear-gradient(to right, #0a246a, #3a6ea5);
}
.welcome-modal .wm-body {
  padding: 14px 16px;
  background: #fff;
  font-size: 13px;
  line-height: 1.5;
}
.welcome-modal .wm-body marquee { font-weight: bold; color: #c00; }
.welcome-modal .wm-buttons {
  padding: 8px 10px;
  text-align: right;
  background: #c0c0c0;
}
.welcome-modal button {
  padding: 3px 10px;
  margin-left: 4px;
  background: #c0c0c0;
  border: 1px outset #fff;
  font-family: Tahoma, sans-serif;
  cursor: pointer;
}
.welcome-modal .wm-status {
  display: flex;
  gap: 6px;
  padding: 3px 6px;
  background: #c0c0c0;
  border-top: 1px solid #808080;
  font-size: 11px;
}
.welcome-modal .wm-status span {
  padding: 1px 6px;
  border: 1px inset #808080;
}
.welcome-modal .wm-status span:first-child { flex: 1; }

/* ---------- blink ---------- */
@keyframes blink { 50% { visibility: hidden; } }
.blink { animation: blink 1s steps(2) infinite; }

/* ---------- Konami flash ---------- */
.konami-flash {
  position: fixed;
  inset: 0;
  background: #ff0;
  color: #c00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Impact, sans-serif;
  font-size: 40vw;
  z-index: 9999;
  animation: blink 0.2s steps(2) 14;
}

/* ---------- installed-wallet picker ---------- */
.wallet-picker-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wallet-picker-backdrop[hidden] { display: none; }
.wallet-picker {
  width: min(420px, 92vw);
  background: #c0c0c0;
  border: 3px outset #fff;
  box-shadow: 6px 6px 0 #000;
  font-family: Tahoma, sans-serif;
}
.wallet-picker-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 6px;
  color: #fff;
  font-weight: bold;
  background: linear-gradient(to right, #0a246a, #3a6ea5);
}
.wallet-picker-x {
  appearance: none;
  width: 22px;
  height: 18px;
  border: 2px outset #fff;
  background: #c0c0c0;
  color: #000;
  font-weight: bold;
  line-height: 12px;
  cursor: pointer;
}
.wallet-picker-body {
  padding: 12px;
  background: #fff;
}
.wallet-picker-copy {
  margin: 0 0 10px;
  font-size: 12px;
  color: #222;
}
.wallet-picker-list {
  display: grid;
  gap: 6px;
}
.wallet-picker-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 2px outset #fff;
  background: #d4d0c8;
  padding: 8px 10px;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.wallet-picker-item:hover { background: #efe9d8; }
.wallet-picker-item img {
  width: 28px;
  height: 28px;
  image-rendering: pixelated;
}
.wallet-picker-mark {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  background: #041004;
  color: #00c805;
  font-family: Impact, sans-serif;
}
.wallet-picker-empty {
  font-size: 12px;
  color: #600;
  border: 1px inset #808080;
  padding: 10px;
  background: #fff8f8;
}
.wallet-picker-foot {
  padding: 8px 12px;
  background: #c0c0c0;
  text-align: right;
}
.wallet-picker-foot button {
  border: 2px outset #fff;
  background: #d4d0c8;
  padding: 4px 14px;
  font-family: Tahoma, sans-serif;
  cursor: pointer;
}

/* ---------- mobile ---------- */
@media (max-width: 980px) {
  .site-shell {
    grid-template-columns: 1fr;
  }
  .site-sidebar {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .contract-panel,
  .trade-panel,
  .community-panel,
  .whitepaper-panel,
  .burn-panel {
    grid-column: 1 / -1;
  }
}
@media (max-width: 768px) {
  .ie-window { margin: 0; box-shadow: inset 1px 1px 0 #dfdfdf; }
  .sp-header { flex-direction: column; align-items: flex-start; padding-right: 14px; }
  .sp-header .sp-ticker { margin-left: 0; font-size: 32px; }
  .sp-header .sp-gunner { position: static; align-self: flex-end; }
  .site-shell { padding: 5px; gap: 5px; }
  .page { padding: 8px; }
  .site-sidebar { display: flex; }
  .island-body,
  .win98-body { grid-template-columns: 1fr; }
  .island-sidebar,
  .win98-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
  .island-sidebar .side-head,
  .island-sidebar .side-status,
  .win98-sidebar .side-head,
  .win98-sidebar .side-status { grid-column: 1 / -1; }
  .filler.right, .filler.left { float: none; max-width: 100%; margin: 10px auto; }
}