:root {
  --acid: #b7ff00;
  --acid-hot: #8dff00;
  --ink: #050505;
  --paper: #050505;
  --pink: #b7ff00;
  --blue: #b7ff00;
  --shake-x: 0px;
  --shake-y: 0px;
  --shake-r: 0deg;
  --header-h: 92px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  color: white;
  background: #020202;
  font-family: Arial Black, Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  overflow-x: hidden;
}
body::selection { background: var(--acid); color: #000; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }

#app {
  position: relative;
  z-index: 4;
  transform: translate(var(--shake-x), var(--shake-y)) rotate(var(--shake-r));
  transform-origin: center 30vh;
  will-change: transform;
}

body:not(.chaos) #app { transform: none; }
body.boost #app { animation: impact .12s steps(2) 5; }
@keyframes impact {
  0% { transform: translate(-7px, 5px) rotate(-.35deg) scale(1.002); }
  100% { transform: translate(8px, -6px) rotate(.4deg) scale(.998); }
}

#market-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .86;
}

.noise, .scanlines {
  position: fixed;
  inset: 0;
  pointer-events: none;
}
.noise {
  z-index: 8;
  opacity: .08;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  animation: noise-jump .18s steps(2) infinite;
}
.scanlines {
  z-index: 7;
  opacity: .1;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.15) 4px);
}
@keyframes noise-jump {
  0% { transform: translate(0); }
  25% { transform: translate(-2%, 1%); }
  50% { transform: translate(1%, -1%); }
  75% { transform: translate(2%, 2%); }
}

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 20;
  height: var(--header-h);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 32px;
  padding: 14px clamp(20px, 4vw, 64px);
  background: linear-gradient(180deg, rgba(0,0,0,.94), rgba(0,0,0,.62), transparent);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: max-content;
}
.brand img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 9px;
  filter: saturate(1.4) contrast(1.1);
}
.brand strong, .brand small { display: block; color: var(--acid); line-height: 1; }
.brand strong { font-size: clamp(1rem, 1.6vw, 1.45rem); letter-spacing: -.04em; }
.brand small { margin-top: 6px; font-family: Arial, sans-serif; font-weight: 900; }

.site-header nav { display: flex; gap: clamp(18px, 2.6vw, 44px); font-size: .82rem; letter-spacing: .08em; }
.site-header nav a { position: relative; }
.site-header nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 3px;
  background: var(--acid);
  transition: right .18s ease;
}
.site-header nav a:hover::after { right: 0; }

.outline-button, .secondary-button {
  color: var(--acid);
  background: rgba(0,0,0,.5);
  border: 1px solid var(--acid);
  padding: 14px 20px;
  letter-spacing: .05em;
}
.outline-button { justify-self: end; }

.hero {
  min-height: 100svh;
  position: relative;
  display: flex;
  align-items: center;
  padding: calc(var(--header-h) + 40px) clamp(24px, 7vw, 120px) 90px;
  background-image: url('assets/neon-city.png');
  background-size: cover;
  background-position: center;
  isolation: isolate;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 70% 55%, transparent 0 25%, rgba(0,0,0,.14) 43%, rgba(0,0,0,.78) 100%),
    linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.22) 58%, rgba(0,0,0,.05));
}
.hero-scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, #000 0, transparent 15%, transparent 80%, rgba(0,0,0,.75));
}
.speed-lines {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .28;
  background: repeating-linear-gradient(170deg, transparent 0 42px, rgba(183,255,0,.35) 44px, transparent 46px 91px);
  mask-image: linear-gradient(90deg, black, transparent 45%);
  animation: speed 1.2s linear infinite;
}
@keyframes speed { to { transform: translateX(-90px); } }

.hero-copy { width: min(630px, 52vw); position: relative; z-index: 2; }
.eyebrow, .section-kicker {
  color: var(--acid);
  letter-spacing: .18em;
  font-size: .78rem;
  margin: 0 0 18px;
}
.hero h1 {
  margin: 0;
  display: grid;
  width: max-content;
  transform: skew(-11deg) rotate(-3deg);
  filter: drop-shadow(0 0 22px rgba(183,255,0,.35));
}
.hero h1 span {
  color: var(--acid);
  font-size: clamp(5rem, 10.5vw, 10rem);
  line-height: .62;
  letter-spacing: -.08em;
  text-shadow: 7px 6px 0 rgba(0,0,0,.7);
  animation: word-jolt 1.15s steps(2) infinite alternate;
}
.hero h1 span:nth-child(2) { margin-left: 82px; animation-delay: -.3s; }
.hero h1 span:nth-child(3) { margin-left: 150px; animation-delay: -.65s; }
@keyframes word-jolt {
  0%, 92% { transform: translate(0); }
  94% { transform: translate(7px,-2px); }
  96% { transform: translate(-4px,3px); }
  100% { transform: translate(0); }
}
.japanese { margin: 44px 0 18px; font-family: Arial, sans-serif; font-weight: 900; font-size: clamp(1.4rem, 2.7vw, 2.3rem); }
.tagline { font-size: clamp(1.45rem, 2.4vw, 2rem); font-style: italic; letter-spacing: .13em; line-height: 1.25; margin: 0 0 26px; }
.tagline em { color: var(--acid); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.primary-button {
  min-width: 260px;
  border: 0;
  padding: 17px 26px;
  color: #000;
  background: var(--acid);
  box-shadow: 0 0 34px rgba(183,255,0,.25);
  letter-spacing: .04em;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  transition: transform .12s ease, filter .12s ease;
}
.primary-button:hover { transform: skew(-5deg) scale(1.035); filter: brightness(1.15); }
.secondary-button:hover, .outline-button:hover { background: var(--acid); color: #000; }

.micro-stats {
  display: flex;
  gap: 32px;
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid rgba(183,255,0,.35);
  font-family: Arial, sans-serif;
}
.micro-stats div { min-width: 96px; }
.micro-stats span { display: block; color: var(--acid); font-family: Impact, sans-serif; font-size: 1.7rem; }
.micro-stats small { font-weight: 900; font-size: .68rem; letter-spacing: .08em; }

.hero-badges {
  position: absolute;
  top: 27%;
  right: 3vw;
  display: grid;
  gap: 24px;
  transform: rotate(3deg);
}
.hero-badges span {
  writing-mode: vertical-rl;
  padding: 12px 8px;
  min-height: 190px;
  text-align: center;
  color: #000;
  background: var(--acid);
  border: 2px solid white;
  box-shadow: 0 0 25px rgba(183,255,0,.6);
  font-size: .8rem;
  letter-spacing: .08em;
}
.hero-badges span:nth-child(2) { background: var(--pink); color: white; transform: translateY(35px); }
.hero-badges span:nth-child(3) { background: var(--blue); transform: translateY(-25px); }
.hero-bottom {
  position: absolute;
  left: clamp(24px, 7vw, 120px);
  right: clamp(24px, 5vw, 80px);
  bottom: 24px;
  display: flex;
  justify-content: space-between;
  font-family: Arial, sans-serif;
  font-size: .72rem;
  letter-spacing: .08em;
}
.hero-bottom a { color: var(--acid); font-weight: 900; }

.ticker-strip {
  overflow: hidden;
  border-top: 4px solid #000;
  border-bottom: 4px solid #000;
  background: var(--acid);
  color: #000;
  transform: rotate(-1deg) scale(1.02);
  position: relative;
  z-index: 9;
}
.ticker-track {
  width: max-content;
  display: flex;
  gap: 44px;
  padding: 16px 0;
  font-size: clamp(1.2rem, 2vw, 2rem);
  animation: ticker 17s linear infinite;
}
.ticker-track span::after { content: " ◆"; }
@keyframes ticker { to { transform: translateX(-50%); } }

.content-section {
  position: relative;
  padding: 110px clamp(24px, 7vw, 120px);
  background:
    radial-gradient(circle at 90% 5%, rgba(183,255,0,.13), transparent 30%),
    #050505;
  border-bottom: 1px solid rgba(183,255,0,.18);
  overflow: hidden;
}
.content-section::after {
  content: "$GAS";
  position: absolute;
  right: -25px;
  bottom: -60px;
  color: transparent;
  -webkit-text-stroke: 1px rgba(183,255,0,.14);
  font-size: clamp(8rem, 23vw, 22rem);
  line-height: 1;
  pointer-events: none;
}
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 8vw, 120px); align-items: center; }
.content-section h2 {
  max-width: 950px;
  margin: 0 0 24px;
  font-size: clamp(2.4rem, 5.6vw, 6.6rem);
  letter-spacing: -.045em;
  line-height: .9;
}
.content-section p:not(.section-kicker) {
  max-width: 760px;
  font-family: Arial, sans-serif;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.55;
  color: rgba(255,255,255,.75);
}
.pill-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.pill-row span { border: 1px solid var(--acid); padding: 10px 13px; color: var(--acid); font-size: .7rem; letter-spacing: .08em; }

.reference-card {
  margin: 0;
  transform: rotate(2.5deg);
  border: 2px solid var(--acid);
  box-shadow: 18px 18px 0 var(--acid);
  background: #000;
}
.reference-card img { aspect-ratio: 3 / 2; object-fit: cover; }
.reference-card figcaption { padding: 15px; font-size: .72rem; letter-spacing: .06em; color: var(--acid); }

.wide-title { max-width: 1200px !important; }
.token-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 50px;
  position: relative;
  z-index: 1;
}
.token-grid article {
  min-height: 300px;
  padding: 26px;
  background: linear-gradient(135deg, rgba(183,255,0,.14), rgba(255,255,255,.02));
  border: 1px solid rgba(183,255,0,.4);
  clip-path: polygon(0 0, 93% 0, 100% 10%, 100% 100%, 0 100%);
}
.big-number { display: block; color: var(--acid); font-size: clamp(4rem, 8vw, 8rem); line-height: 1; }
.token-grid h3, .roadmap-line h3 { margin: 20px 0 10px; font-size: 1.5rem; }
.token-grid p { font-size: 1rem !important; }

.roadmap-line {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 60px;
  border-top: 4px solid var(--acid);
  position: relative;
  z-index: 1;
}
.roadmap-line article { position: relative; padding: 35px 24px 20px 0; }
.roadmap-line article::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--acid);
  box-shadow: 0 0 24px var(--acid);
}
.roadmap-line span { color: var(--acid); font-size: .75rem; letter-spacing: .1em; }
.roadmap-line p { font-size: .95rem !important; }

.community {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  align-items: end;
  gap: 60px;
}
.community-links { display: grid; gap: 12px; position: relative; z-index: 1; }
.community-links a {
  display: flex;
  justify-content: space-between;
  padding: 22px;
  border: 1px solid var(--acid);
  color: var(--acid);
}
.community-links a::after { content: "↗"; }
.community-links a:hover { background: var(--acid); color: #000; transform: translateX(8px); }

.final-cta {
  min-height: 360px;
  display: grid;
  grid-template-columns: 220px 1fr auto;
  gap: 40px;
  align-items: center;
  padding: 70px clamp(24px, 7vw, 120px);
  background: var(--acid);
  color: #000;
}
.final-cta img { width: 220px; border-radius: 18px; box-shadow: 14px 14px 0 #000; }
.final-cta p { margin: 0 0 10px; font-size: .8rem; letter-spacing: .12em; }
.final-cta #copy-button {
  border: 0;
  background: transparent;
  color: #000;
  padding: 0;
  font-size: clamp(1.3rem, 2.5vw, 2.7rem);
  text-align: left;
}
.massive { min-width: 280px; background: #000; color: var(--acid); box-shadow: none; }

footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 24px clamp(24px, 7vw, 120px);
  color: rgba(255,255,255,.5);
  background: #000;
  font-family: Arial, sans-serif;
  font-size: .68rem;
  letter-spacing: .08em;
}

.toast {
  position: fixed;
  z-index: 50;
  right: 22px;
  bottom: 22px;
  transform: translateY(120px) rotate(2deg);
  padding: 16px 20px;
  background: var(--acid);
  color: #000;
  border: 3px solid #000;
  box-shadow: 8px 8px 0 white;
  transition: transform .2s ease;
}
.toast.show { transform: translateY(0) rotate(-2deg); }

@media (max-width: 980px) {
  :root { --header-h: 78px; }
  .site-header { grid-template-columns: 1fr auto; }
  .site-header nav { display: none; }
  .brand img { width: 52px; height: 52px; }
  .hero { align-items: flex-end; background-position: 62% center; }
  .hero-copy { width: 100%; }
  .hero h1 span { font-size: clamp(4.6rem, 18vw, 8rem); }
  .hero-badges { display: none; }
  .split, .community { grid-template-columns: 1fr; }
  .token-grid { grid-template-columns: 1fr; }
  .roadmap-line { grid-template-columns: 1fr 1fr; }
  .final-cta { grid-template-columns: 120px 1fr; }
  .final-cta img { width: 120px; }
  .massive { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .site-header { padding-inline: 14px; }
  .brand span { display: none; }
  .outline-button { padding: 11px 12px; font-size: .72rem; }
  .hero { padding-inline: 20px; min-height: 920px; background-position: 64% center; }
  .hero h1 span:nth-child(2) { margin-left: 35px; }
  .hero h1 span:nth-child(3) { margin-left: 70px; }
  .hero-bottom { left: 20px; right: 20px; }
  .hero-bottom p { display: none; }
  .micro-stats { gap: 14px; }
  .micro-stats div { min-width: 0; flex: 1; }
  .micro-stats small { font-size: .54rem; }
  .content-section { padding: 80px 20px; }
  .roadmap-line { grid-template-columns: 1fr; }
  .final-cta { padding: 55px 20px; grid-template-columns: 1fr; }
  .final-cta img { width: 140px; }
  footer { flex-direction: column; padding-inline: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
  #app { transform: none !important; }
  #market-canvas { opacity: .35; }
}

/* MAXIMUM GAS OVERRIDES */
/* PERFORMANCE-TUNED GAS MODE */
.hero-logo-title {
  width: min(585px, 48vw) !important;
  margin: 0 0 12px !important;
  display: block !important;
  transform: rotate(-3deg) skew(-2deg) !important;
  filter: drop-shadow(0 0 12px rgba(183,255,0,.82)) drop-shadow(0 0 34px rgba(183,255,0,.34)) !important;
}
.hero-logo {
  width: 100%;
  height: auto;
  animation: logo-idle 2.8s steps(2) infinite;
  transform-origin: center;
}
@keyframes logo-idle {
  0%, 92%, 100% { transform: translate(0,0) rotate(0) scale(1); }
  95% { transform: translate(-2px,1px) rotate(-.15deg) scale(1.003); }
  98% { transform: translate(2px,-1px) rotate(.15deg) scale(.998); }
}

#market-canvas {
  opacity: .72;
  mix-blend-mode: screen;
}
.noise {
  opacity: .045;
  animation-duration: .8s;
}
.scanlines { opacity: .07; }

#pump-button {
  --pump-fill: 0%;
  position: relative;
  min-width: 230px;
  min-height: 58px;
  overflow: hidden;
  isolation: isolate;
  color: #050505;
  background: rgba(183,255,0,.94);
  border: 3px solid #050505;
  box-shadow: 7px 7px 0 #fff, 0 0 24px rgba(183,255,0,.5);
  transform: rotate(-1deg);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 14px 18px;
  user-select: none;
  touch-action: manipulation;
}
#pump-button::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 0;
  width: var(--pump-fill);
  background: #fff;
  opacity: .72;
  transition: width .18s ease;
}
#pump-button .pump-label {
  letter-spacing: .04em;
  white-space: nowrap;
}
#pump-button strong {
  min-width: 62px;
  text-align: right;
  font-size: 1.15rem;
  font-style: italic;
  font-variant-numeric: tabular-nums;
}
#pump-button:hover {
  background: var(--acid);
  color: #000;
  transform: rotate(1deg) scale(1.035);
}
#pump-button.is-pressed {
  animation: pump-tap .16s steps(2) 1;
}
#pump-button.is-maxed {
  box-shadow: 7px 7px 0 #fff, 0 0 42px rgba(183,255,0,.85);
}
@keyframes pump-tap {
  0% { transform: translate(0,0) rotate(-1deg) scale(1); }
  45% { transform: translate(3px,3px) rotate(1.5deg) scale(.94); box-shadow: 2px 2px 0 #fff, 0 0 30px rgba(183,255,0,.75); }
  100% { transform: translate(-1px,-1px) rotate(-1deg) scale(1.03); }
}

body.pump-hit #app {
  animation: efficient-impact .26s steps(3) 1 !important;
}
body.pump-hit .hero-logo {
  animation: logo-pump .26s steps(3) 1;
}
body.pump-hit #market-canvas { opacity: .9; }
@keyframes efficient-impact {
  0% { transform: translate(-5px, 3px) rotate(-.2deg); }
  33% { transform: translate(6px, -4px) rotate(.25deg); }
  66% { transform: translate(-3px, -2px) rotate(-.12deg); }
  100% { transform: translate(0, 0) rotate(0); }
}
@keyframes logo-pump {
  0% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.025) rotate(-.35deg); filter: brightness(1.35); }
  100% { transform: scale(1); filter: brightness(1); }
}

.pump-pop {
  position: fixed;
  z-index: 60;
  left: var(--pop-x);
  top: var(--pop-y);
  pointer-events: none;
  color: var(--acid);
  font-size: clamp(1.1rem, 2.2vw, 2rem);
  font-style: italic;
  text-shadow: 3px 3px 0 #000, 0 0 18px rgba(183,255,0,.9);
  animation: pump-pop .62s ease-out forwards;
}
@keyframes pump-pop {
  0% { opacity: 0; transform: translate(-50%, 5px) rotate(-8deg) scale(.65); }
  20% { opacity: 1; transform: translate(-50%, -6px) rotate(5deg) scale(1.12); }
  100% { opacity: 0; transform: translate(-50%, -72px) rotate(-3deg) scale(.95); }
}

@media (max-width: 980px) {
  .hero-logo-title { width: min(620px, 88vw) !important; }
}
@media (max-width: 620px) {
  .hero-logo-title { width: min(500px, 94vw) !important; }
  #pump-button { min-width: 205px; }
}

/* CHAOS TUNE V4 */
.hero-logo-title {
  width: min(470px, 48vw) !important;
  margin-bottom: 8px !important;
}
.hero-logo { filter: drop-shadow(0 0 18px rgba(183,255,0,.75)) contrast(1.12); }
.japanese { margin-top: 22px !important; margin-bottom: 7px !important; }
.japanese-sub {
  max-width: 670px;
  margin: 5px 0;
  color: var(--acid);
  font-family: "Arial Unicode MS", "Noto Sans JP", Arial, sans-serif;
  font-size: clamp(.78rem, 1.05vw, 1rem);
  font-weight: 900;
  letter-spacing: .13em;
  text-shadow: 0 0 11px rgba(183,255,0,.85);
}
.japanese-sub-alt { color: #fff; opacity: .82; }
.hero-badges { grid-auto-flow: column; gap: 12px !important; right: 1.5vw !important; }
.hero-badges span { min-height: 150px !important; animation: badge-jitter .22s steps(2) infinite alternate; }
.hero-badges span:nth-child(4) { background: #ff7a00; color:#000; transform: translateY(50px); }
.hero-badges span:nth-child(5) { background: var(--acid); color:#000; transform: translateY(-45px); }
@keyframes badge-jitter { to { transform: translate(2px,-3px) rotate(.8deg); filter: brightness(1.35); } }

.kanji-storm {
  position: absolute;
  inset: 12% 0 10% 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.kanji-storm b {
  position: absolute;
  color: rgba(183,255,0,.17);
  font-family: "Arial Unicode MS", "Noto Sans JP", sans-serif;
  font-size: clamp(2rem, 5vw, 6rem);
  writing-mode: vertical-rl;
  text-shadow: 0 0 20px rgba(183,255,0,.45);
  animation: kanji-drift 3.8s linear infinite;
}
.kanji-storm b:nth-child(1){left:3%;top:8%;animation-delay:-.3s}.kanji-storm b:nth-child(2){left:17%;top:53%;animation-delay:-2.1s}.kanji-storm b:nth-child(3){left:33%;top:14%;animation-delay:-1.2s}.kanji-storm b:nth-child(4){left:49%;top:60%;animation-delay:-3s}.kanji-storm b:nth-child(5){left:63%;top:5%;animation-delay:-.8s}.kanji-storm b:nth-child(6){left:76%;top:50%;animation-delay:-2.6s}.kanji-storm b:nth-child(7){left:87%;top:17%;animation-delay:-1.7s}.kanji-storm b:nth-child(8){left:94%;top:61%;animation-delay:-3.4s}
@keyframes kanji-drift { 0%{transform:translateY(35px) skewY(-5deg);opacity:.05} 45%{opacity:.28} 100%{transform:translateY(-170px) skewY(5deg);opacity:0} }

body.chaos .speed-lines { animation-duration: .18s !important; opacity: .92 !important; }
body.chaos .ticker-track { animation-duration: 5s !important; }
body.chaos .noise { opacity: .13; animation-duration: .09s; }
body.pump-hit .scanlines { opacity: .27; }

@media (max-width:980px){
  .hero-logo-title { width:min(390px,55vw) !important; }
  .hero-badges span:nth-child(n+4){display:none}
}
@media (max-width:620px){
  .hero-logo-title { width:min(300px,72vw) !important; }
  .japanese-sub{max-width:88vw;font-size:.68rem}
  .kanji-storm b{font-size:2.4rem}
}

/* PUMP-RESPONSIVE CHAOS V5 */
:root {
  --pump-chaos: 0;
  --pump-glow: 0px;
  --pump-hue: 0deg;
}
body.pumped #market-canvas {
  opacity: calc(.72 + var(--pump-chaos) * .24);
  filter: saturate(calc(1 + var(--pump-chaos) * 1.4)) brightness(calc(1 + var(--pump-chaos) * .28));
}
body.pumped .speed-lines {
  opacity: calc(.72 + var(--pump-chaos) * .28) !important;
  filter: brightness(calc(1 + var(--pump-chaos) * .9));
}
body.pumped .hero {
  box-shadow: inset 0 0 var(--pump-glow) rgba(183,255,0,.32);
}
body.pumped .hero-logo {
  filter: drop-shadow(0 0 calc(18px + var(--pump-chaos) * 44px) rgba(183,255,0,.92)) contrast(1.18) brightness(calc(1 + var(--pump-chaos) * .25));
}
body.pumped .kanji-storm {
  opacity: calc(.55 + var(--pump-chaos) * .45);
}
body.pumped .ticker-track {
  animation-duration: calc(5s - var(--pump-chaos) * 2.25s) !important;
}
body.pump-hit #app {
  animation: pump-impact-variable .24s steps(4) 1 !important;
}
@keyframes pump-impact-variable {
  0% { transform: translate(calc(-5px - var(--pump-chaos) * 18px), calc(3px + var(--pump-chaos) * 11px)) rotate(calc(-.2deg - var(--pump-chaos) * .55deg)); }
  25% { transform: translate(calc(6px + var(--pump-chaos) * 22px), calc(-4px - var(--pump-chaos) * 14px)) rotate(calc(.25deg + var(--pump-chaos) * .7deg)); }
  50% { transform: translate(calc(-3px - var(--pump-chaos) * 16px), calc(-2px - var(--pump-chaos) * 9px)) rotate(calc(-.12deg - var(--pump-chaos) * .5deg)); }
  75% { transform: translate(calc(4px + var(--pump-chaos) * 13px), calc(3px + var(--pump-chaos) * 8px)) rotate(calc(.1deg + var(--pump-chaos) * .42deg)); }
  100% { transform: translate(0,0) rotate(0); }
}
#pump-button.is-maxed {
  animation: max-pump-rattle .13s steps(2) infinite;
}
@keyframes max-pump-rattle {
  0% { transform: translate(-2px,1px) rotate(-1.5deg) scale(1.02); }
  100% { transform: translate(2px,-1px) rotate(1.5deg) scale(1.04); }
}
.final-cta #copy-button {
  overflow-wrap: anywhere;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: clamp(.9rem, 1.6vw, 1.45rem);
  font-weight: 900;
}

/* Latest requested refinements */
.reference-card .about-logo {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  padding: clamp(22px, 5vw, 70px);
  background:
    radial-gradient(circle at center, rgba(183,255,0,.2), transparent 52%),
    linear-gradient(135deg, #050505, #142000 55%, #050505);
  filter: drop-shadow(0 0 24px rgba(183,255,0,.72));
}

#copy-button {
  max-width: min(100%, 760px);
  overflow-wrap: anywhere;
  word-break: break-all;
  white-space: normal;
  line-height: 1.35;
}

/* Alternate below-hero concepts */
.machine-lab {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: clamp(36px, 7vw, 100px);
  align-items: center;
  background:
    linear-gradient(90deg, rgba(183,255,0,.05) 1px, transparent 1px),
    linear-gradient(rgba(183,255,0,.05) 1px, transparent 1px),
    #040604;
  background-size: 54px 54px;
}
.machine-lab::after { content: "機械"; }
.machine-copy h2 { max-width: 780px; }
.machine-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.machine-actions span { padding: 11px 14px; background: var(--acid); color: #000; font-size: .72rem; transform: skew(-7deg); }
.engine-console { position: relative; z-index: 1; padding: 18px; border: 2px solid var(--acid); background: rgba(0,0,0,.9); box-shadow: 18px 18px 0 rgba(183,255,0,.16), inset 0 0 50px rgba(183,255,0,.08); transform: rotate(1deg); }
.console-top { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 14px; border-bottom: 1px solid rgba(183,255,0,.35); color: var(--acid); font-size: .75rem; letter-spacing: .1em; }
.console-top b { animation: armed-blink .8s steps(2) infinite; }
@keyframes armed-blink { 50% { opacity: .25; } }
.console-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 16px 0; }
.dial { min-height: 150px; display: grid; align-content: center; justify-items: center; border: 1px solid rgba(183,255,0,.32); background: radial-gradient(circle, rgba(183,255,0,.18), transparent 64%); clip-path: polygon(0 0, 92% 0, 100% 12%, 100% 100%, 0 100%); }
.dial span, .dial small { color: rgba(255,255,255,.6); font-family: Arial, sans-serif; font-size: .65rem; letter-spacing: .12em; }
.dial strong { color: var(--acid); font-size: clamp(2.2rem, 4.5vw, 4.8rem); line-height: 1; text-shadow: 0 0 20px rgba(183,255,0,.6); }
.console-log { display: grid; gap: 7px; padding: 14px; background: #081000; color: var(--acid); font-family: ui-monospace, monospace; font-size: .72rem; }

.signal-section { background: #f0ffd2; color: #050505; }
.signal-section::after { content: "信号"; -webkit-text-stroke-color: rgba(0,0,0,.1); }
.signal-section .section-kicker, .signal-section p { color: #050505 !important; }
.signal-heading { display: grid; grid-template-columns: .45fr 1.55fr; gap: 30px; align-items: end; }
.signal-board { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 48px; position: relative; z-index: 1; }
.signal-board article { min-height: 270px; padding: 22px; display: flex; flex-direction: column; border: 3px solid #000; background: var(--acid); box-shadow: 9px 9px 0 #000; transform: rotate(-1deg); }
.signal-board article:nth-child(2) { background: #fff; transform: rotate(1.2deg); }
.signal-board article:nth-child(3) { background: var(--pink); color: #fff; transform: rotate(-.5deg); }
.signal-board .signal-wide { grid-column: 1 / -1; min-height: 190px; background: #000; color: var(--acid); transform: rotate(.3deg); }
.signal-code { font-size: .75rem; }
.signal-board h3 { margin: auto 0 10px; font-size: clamp(1.8rem, 3vw, 3.2rem); line-height: .9; }
.signal-board p { font-size: .95rem !important; color: inherit !important; }
.signal-board b { margin-top: 18px; font-size: 1.1rem; }

.pit-section { background: linear-gradient(135deg, #080808, #111 45%, #040404); }
.pit-section::after { content: "進路"; }
.pit-title-row { display: grid; grid-template-columns: 1.4fr .6fr; gap: 40px; align-items: end; }
.pit-title-row p { padding-bottom: 10px; }
.pit-lane { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: 14px; margin-top: 55px; position: relative; z-index: 1; }
.pit-lane article { min-height: 260px; padding: 24px; border: 1px solid rgba(183,255,0,.5); background: linear-gradient(180deg, rgba(183,255,0,.14), transparent); display: flex; flex-direction: column; }
.pit-lane article:nth-of-type(even) { transform: translateY(28px); }
.pit-lane span { color: var(--acid); font-size: .7rem; letter-spacing: .12em; }
.pit-lane h3 { margin: auto 0 12px; font-size: clamp(1.5rem, 2.4vw, 2.5rem); line-height: .9; }
.pit-lane p { font-size: .9rem !important; }
.lane-arrow { align-self: center; color: var(--acid); font-size: 2.2rem; animation: arrow-pulse .65s steps(2) infinite; }
@keyframes arrow-pulse { 50% { transform: translateX(7px); } }

.broadcast-section { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 7vw, 100px); align-items: center; background: radial-gradient(circle at 76% 45%, rgba(183,255,0,.12), transparent 30%), #050505; }
.broadcast-section::after { content: "電波"; }
.radio-card { position: relative; z-index: 1; border: 3px solid var(--acid); padding: 18px; background: #0b0b0b; box-shadow: -16px 16px 0 var(--pink); transform: rotate(-1deg); }
.radio-screen { padding: 24px; background: var(--acid); color: #000; display: grid; gap: 4px; }
.radio-screen small { font-size: .65rem; letter-spacing: .14em; }
.radio-screen strong { font-size: clamp(2rem, 4.5vw, 4.6rem); line-height: .86; }
.radio-screen span { font-family: Arial, sans-serif; font-weight: 900; }
.radio-eq { height: 92px; display: flex; align-items: end; gap: 5px; padding: 15px 0; overflow: hidden; }
.radio-eq i { flex: 1; min-width: 4px; background: var(--acid); height: 30%; animation: eq .55s steps(3) infinite alternate; }
.radio-eq i:nth-child(3n) { animation-delay: -.2s; }
.radio-eq i:nth-child(4n) { animation-delay: -.37s; }
.radio-eq i:nth-child(5n) { animation-delay: -.1s; }
@keyframes eq { to { height: 100%; } }
.radio-links a { background: rgba(183,255,0,.04); }

@media (max-width: 900px) {
  .machine-lab, .broadcast-section, .signal-heading, .pit-title-row { grid-template-columns: 1fr; }
  .signal-board { grid-template-columns: 1fr 1fr; }
  .signal-board .signal-wide { grid-column: 1 / -1; }
  .pit-lane { grid-template-columns: 1fr; }
  .lane-arrow { transform: rotate(90deg); justify-self: center; }
  .pit-lane article:nth-of-type(even) { transform: none; }
}
@media (max-width: 620px) {
  .console-grid, .signal-board { grid-template-columns: 1fr; }
  .signal-board .signal-wide { grid-column: auto; }
  .engine-console { box-shadow: 9px 9px 0 rgba(183,255,0,.16); }
  .radio-card { box-shadow: -9px 9px 0 var(--pink); }
}

/* MEME-COIN BELOW-HERO REBUILD */
body:not(.chaos) #market-canvas {
  opacity: 0 !important;
  visibility: hidden;
}

.meme-terminal {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: clamp(38px, 7vw, 110px);
  align-items: center;
  background:
    linear-gradient(90deg, rgba(183,255,0,.045) 1px, transparent 1px),
    linear-gradient(rgba(183,255,0,.045) 1px, transparent 1px),
    #030503;
  background-size: 42px 42px;
}
.meme-terminal::after { content: "端末"; }
.terminal-stamps { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.terminal-stamps span { border:2px solid var(--acid); padding:10px 13px; color:var(--acid); font-size:.68rem; letter-spacing:.08em; transform:rotate(-1deg); }
.meme-terminal-card { position:relative; z-index:1; border:3px solid var(--acid); background:#020202; box-shadow:15px 15px 0 rgba(183,255,0,.8); transform:rotate(1deg); }
.terminal-bar { display:flex; justify-content:space-between; padding:12px 15px; background:var(--acid); color:#000; font-size:.72rem; letter-spacing:.08em; }
.terminal-logo-wrap { min-height:300px; display:grid; place-items:center; padding:45px; background:radial-gradient(circle, rgba(183,255,0,.23), transparent 60%); }
.terminal-logo-wrap img { width:min(340px,80%); filter:drop-shadow(0 0 28px rgba(183,255,0,.7)); }
.terminal-lines { border-top:1px solid rgba(183,255,0,.4); padding:18px; font-family:ui-monospace,monospace; }
.terminal-lines p { margin:7px 0 !important; color:#dfff9d !important; font-size:.84rem !important; }
.terminal-lines span,.terminal-lines b { color:var(--acid); }

.holder-section { background:#efffca; color:#050505; }
.holder-section::after { content:"保有者"; -webkit-text-stroke-color:rgba(0,0,0,.1); }
.holder-section .section-kicker,.holder-section p { color:#050505 !important; }
.holder-heading { max-width:950px; }
.holder-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:55px; position:relative; z-index:1; }
.holder-card { min-height:355px; padding:24px; border:4px solid #000; background:#fff; box-shadow:10px 10px 0 #000; display:flex; flex-direction:column; transform:rotate(-1deg); }
.holder-card:nth-child(3){ transform:rotate(1deg); }
.holder-card.featured { background:var(--acid); transform:translateY(-18px) rotate(.7deg); box-shadow:10px 10px 0 var(--pink); }
.holder-rank { align-self:flex-start; padding:7px 9px; background:#000; color:var(--acid); font-size:.64rem; letter-spacing:.1em; }
.holder-card strong { margin:auto 0 15px; font-size:clamp(2.1rem,4vw,4rem); line-height:.86; }
.holder-card p { font-size:1rem !important; }
.holder-card small { margin-top:22px; border-top:3px solid #000; padding-top:12px; font-size:.7rem; }

.propaganda-section { background:radial-gradient(circle at 10% 10%, rgba(183,255,0,.10), transparent 24%),#050505; }
.propaganda-section::after { content:"宣伝"; }
.propaganda-wall { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:50px; position:relative; z-index:1; }
.poster { min-height:310px; padding:25px; border:3px solid #fff; display:flex; flex-direction:column; box-shadow:10px 10px 0 #fff; }
.poster span { font-size:.7rem; letter-spacing:.12em; }
.poster h3 { margin:auto 0 10px; font-size:clamp(2.5rem,5vw,5.5rem); line-height:.82; }
.poster p { font-size:1rem !important; color:inherit !important; }
.poster b { margin-top:18px; font-size:1.1rem; }
.poster-a { background:var(--acid); color:#000; transform:rotate(-1.2deg); }
.poster-b { background:var(--pink); transform:rotate(1deg); }
.poster-c { background:#fff; color:#000; transform:rotate(.7deg); }
.poster-d { background:#000; color:var(--acid); border-color:var(--acid); box-shadow:10px 10px 0 var(--acid); transform:rotate(-.6deg); }

.broadcast-section { grid-template-columns:.9fr 1.1fr; }
.radio-meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:25px; }
.radio-meta span { padding:8px 10px; border:1px solid rgba(183,255,0,.7); color:var(--acid); font-size:.65rem; }
.radio-controls { display:grid; grid-template-columns:auto auto auto 1fr; align-items:center; gap:20px; border-top:1px solid rgba(183,255,0,.35); padding:14px 8px 3px; color:var(--acid); }
.radio-controls b { width:46px; height:46px; display:grid; place-items:center; border-radius:50%; background:var(--acid); color:#000; }
.radio-controls em { text-align:right; font-size:.72rem; }

.link-hub { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(35px,7vw,100px); align-items:center; background:linear-gradient(135deg,#101900,#040404 55%); }
.link-hub::after { content:"出口"; }
.gas-links { display:grid; gap:14px; position:relative; z-index:1; }
.gas-links a { display:grid; grid-template-columns:55px 1fr auto; align-items:center; gap:18px; padding:22px; border:2px solid rgba(183,255,0,.6); background:rgba(183,255,0,.06); transition:.16s ease; }
.gas-links a::after { content:"↗"; font-size:2rem; color:var(--acid); }
.gas-links a:hover { transform:translateX(10px) rotate(-.4deg); background:var(--acid); color:#000; }
.gas-links a:hover::after { color:#000; }
.gas-links span { color:var(--acid); font-size:.7rem; }
.gas-links a:hover span { color:#000; }
.gas-links strong { font-size:clamp(1.5rem,3vw,3rem); line-height:.9; }
.gas-links small { font-family:Arial,sans-serif; font-weight:900; opacity:.7; }

@media (max-width:900px){
  .meme-terminal,.broadcast-section,.link-hub { grid-template-columns:1fr; }
  .holder-grid { grid-template-columns:1fr; }
  .holder-card.featured { transform:rotate(.7deg); }
  .propaganda-wall { grid-template-columns:1fr; }
}
@media (max-width:620px){
  .terminal-logo-wrap { min-height:230px; padding:28px; }
  .poster { min-height:250px; }
  .gas-links a { grid-template-columns:40px 1fr; }
  .gas-links a::after,.gas-links small { display:none; }
}


/* STRICT NEON GREEN + BLACK REBUILD */
:root { --acid:#b7ff00; --acid-hot:#8dff00; --ink:#030303; --paper:#050505; --pink:#b7ff00; --blue:#b7ff00; }
.hero-badges span:nth-child(n) { background:#050505; color:var(--acid); border:2px solid var(--acid); }
.broadcast-section { background:radial-gradient(circle at 76% 45%,rgba(183,255,0,.12),transparent 30%),#050505; }
.radio-card { box-shadow:-16px 16px 0 rgba(183,255,0,.35); }
.content-section { position:relative; overflow:hidden; }
.section-index { position:absolute; right:clamp(20px,5vw,70px); top:10px; font-size:clamp(7rem,17vw,18rem); line-height:1; color:transparent; -webkit-text-stroke:1px rgba(183,255,0,.12); pointer-events:none; }

.ignition-section { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,8vw,120px); align-items:center; background:linear-gradient(90deg,rgba(183,255,0,.045) 1px,transparent 1px),linear-gradient(rgba(183,255,0,.045) 1px,transparent 1px),#030303; background-size:46px 46px; }
.ignition-section::after { content:"点火"; }
.ignition-copy,.engine-core { position:relative; z-index:1; }
.protocol-list { margin-top:38px; border-top:2px solid var(--acid); }
.protocol-list div { display:grid; grid-template-columns:52px 1fr auto; gap:18px; align-items:center; padding:17px 0; border-bottom:1px solid rgba(183,255,0,.3); }
.protocol-list span,.protocol-list small { color:var(--acid); font-size:.7rem; }
.protocol-list strong { font-size:1.35rem; }
.engine-core { min-height:500px; display:grid; place-items:center; border:2px solid var(--acid); background:radial-gradient(circle,rgba(183,255,0,.17),transparent 56%),#050505; box-shadow:16px 16px 0 rgba(183,255,0,.22); }
.core-rings { position:relative; width:min(360px,70vw); aspect-ratio:1; display:grid; place-items:center; }
.core-rings i { position:absolute; inset:0; border:2px solid var(--acid); border-radius:50%; box-shadow:0 0 25px rgba(183,255,0,.2); }
.core-rings i:nth-child(2){ inset:12%; border-style:dashed; animation:spin 16s linear infinite; }
.core-rings i:nth-child(3){ inset:25%; border-width:8px; opacity:.35; }
.core-rings img { width:62%; filter:drop-shadow(0 0 26px rgba(183,255,0,.65)); }
.core-readout { position:absolute; left:18px; right:18px; bottom:18px; display:grid; grid-template-columns:auto 1fr auto; gap:15px; align-items:end; border-top:1px solid var(--acid); padding-top:14px; }
.core-readout span,.core-readout small { color:var(--acid); font-size:.65rem; }.core-readout strong{text-align:center;font-size:1.5rem;}
@keyframes spin { to { transform:rotate(360deg); } }

.allocation-section { background:#030303; color:#fff; }
.allocation-section::after { content:"燃料"; }
.allocation-heading { max-width:900px; position:relative; z-index:1; }
.allocation-console { position:relative; z-index:1; margin-top:55px; display:grid; grid-template-columns:.65fr 1.35fr; border:2px solid var(--acid); background:#070707; box-shadow:18px 18px 0 rgba(183,255,0,.18); }
.allocation-total { padding:38px; border-right:1px solid rgba(183,255,0,.45); display:flex; flex-direction:column; justify-content:center; }
.allocation-total small,.allocation-total span { color:var(--acid); letter-spacing:.12em; }
.allocation-total strong { margin:22px 0 8px; font-size:clamp(2.5rem,5vw,6rem); line-height:.82; overflow-wrap:anywhere; }
.allocation-bars { padding:30px; display:grid; gap:26px; }
.allocation-bars article div { display:flex; justify-content:space-between; gap:20px; }
.allocation-bars span { color:var(--acid); }.allocation-bars strong{font-size:1.05rem;}
.allocation-bars i { display:block; height:18px; margin:10px 0; border:1px solid var(--acid); background:linear-gradient(90deg,var(--acid) var(--bar),transparent var(--bar)); box-shadow:0 0 16px rgba(183,255,0,.22); }
.allocation-bars small { color:#b7ff00; opacity:.72; font-family:Arial,sans-serif; }

.raceplan-section { background:radial-gradient(circle at 15% 15%,rgba(183,255,0,.09),transparent 25%),#030303; }
.raceplan-section::after { content:"進路"; }
.raceplan-heading { position:relative; z-index:1; max-width:1000px; }
.race-track { position:relative; z-index:1; margin-top:60px; display:grid; grid-template-columns:repeat(4,1fr); border-top:4px solid var(--acid); }
.race-track::before { content:""; position:absolute; top:-12px; left:0; right:0; height:20px; background:repeating-linear-gradient(90deg,var(--acid) 0 42px,transparent 42px 64px); opacity:.25; }
.race-track article { min-height:360px; padding:36px 24px 24px; border-right:1px solid rgba(183,255,0,.35); background:linear-gradient(180deg,rgba(183,255,0,.08),transparent 55%); display:flex; flex-direction:column; }
.race-track article:first-child { border-left:1px solid rgba(183,255,0,.35); }
.race-track span,.race-track b { color:var(--acid); font-size:.68rem; letter-spacing:.12em; }
.race-track strong { margin:auto 0 18px; font-size:clamp(2.2rem,4vw,4.6rem); line-height:.82; }
.race-track p { font-size:.9rem !important; color:#dfff9d !important; }
.race-track b { margin-top:28px; padding-top:12px; border-top:1px solid var(--acid); }

.command-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(40px,8vw,120px); align-items:center; background:linear-gradient(135deg,#0d1700,#030303 48%); }
.command-section::after { content:"接続"; }
.command-copy,.command-links { position:relative; z-index:1; }
.network-status { margin-top:30px; display:flex; align-items:center; gap:12px; color:var(--acid); font-size:.72rem; letter-spacing:.12em; }
.network-status i { width:12px; height:12px; border-radius:50%; background:var(--acid); box-shadow:0 0 18px var(--acid); animation:pulse 1.2s infinite; }
@keyframes pulse { 50% { opacity:.35; } }
.command-links { display:grid; border-top:2px solid var(--acid); }
.command-links a { display:grid; grid-template-columns:45px 1fr auto; gap:18px; align-items:center; padding:24px 8px; border-bottom:1px solid rgba(183,255,0,.45); transition:.18s ease; }
.command-links a:hover { background:var(--acid); color:#000; padding-left:20px; }
.command-links span,.command-links b { color:var(--acid); font-size:.7rem; letter-spacing:.08em; }.command-links a:hover span,.command-links a:hover b{color:#000;}
.command-links strong { font-size:clamp(1.5rem,3vw,3rem); line-height:.9; }.command-links small{display:block;margin-top:7px;color:#dfff9d;font-family:Arial,sans-serif;font-weight:900;}.command-links a:hover small{color:#000;}

@media (max-width:900px){ .ignition-section,.command-section,.allocation-console{grid-template-columns:1fr}.allocation-total{border-right:0;border-bottom:1px solid rgba(183,255,0,.45)}.race-track{grid-template-columns:1fr 1fr}.race-track article:nth-child(3){border-left:1px solid rgba(183,255,0,.35)} }
@media (max-width:620px){ .engine-core{min-height:390px}.core-readout{grid-template-columns:1fr}.core-readout strong{text-align:left}.race-track{grid-template-columns:1fr}.race-track article{min-height:280px;border-left:1px solid rgba(183,255,0,.35)}.command-links a{grid-template-columns:34px 1fr}.command-links b{display:none}.protocol-list div{grid-template-columns:42px 1fr}.protocol-list small{display:none} }


/* HERO RADIO + FASTER PUMP REVISION */
.hero { display:block; }
.hero-layout {
  position:relative;
  z-index:2;
  width:100%;
  min-height:calc(100svh - var(--header-h) - 130px);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(310px,.72fr);
  align-items:center;
  gap:clamp(34px,6vw,100px);
}
.hero-copy { width:100%; }
.hero-radio {
  width:min(100%,520px);
  justify-self:end;
  position:relative;
  z-index:3;
  transform:translateY(10px);
}
.hero-radio-label {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin:0 0 12px;
  color:var(--acid);
  font-family:Arial,sans-serif;
  font-size:.7rem;
  letter-spacing:.14em;
}
.hero-radio-label span { display:flex; align-items:center; gap:8px; }
.hero-radio-label span::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 15px var(--acid); animation:radio-live .7s steps(2) infinite; }
@keyframes radio-live { 50% { opacity:.25; } }
.hero-radio .radio-card {
  transform:rotate(1deg);
  box-shadow:16px 16px 0 rgba(183,255,0,.24);
  background:rgba(3,3,3,.9);
  backdrop-filter:blur(6px);
}
.hero-radio .radio-screen strong { font-size:clamp(2.2rem,4vw,4.2rem); }
.hero-radio .radio-eq { height:120px; }
.hero-badges { display:none !important; }
body.pumped .hero-radio .radio-eq i {
  animation-duration:calc(.55s - var(--pump-chaos) * .42s);
}
body.pumped .hero-radio .radio-card {
  box-shadow:calc(16px + var(--pump-chaos) * 16px) calc(16px + var(--pump-chaos) * 16px) 0 rgba(183,255,0,.3);
}
@media (max-width:980px) {
  .hero { padding-top:calc(var(--header-h) + 34px); align-items:initial; }
  .hero-layout { grid-template-columns:1fr; align-content:center; padding-bottom:90px; }
  .hero-radio { justify-self:start; width:min(100%,620px); transform:none; }
}
@media (max-width:620px) {
  .hero { min-height:auto; }
  .hero-layout { padding-bottom:105px; gap:42px; }
  .hero-radio .radio-card { padding:12px; box-shadow:9px 9px 0 rgba(183,255,0,.24); }
  .hero-radio .radio-screen { padding:18px; }
  .hero-radio .radio-eq { height:82px; }
  .hero-radio .radio-controls { gap:12px; }
}

/* COMPACT HERO GLASS RADIO */
.hero-layout {
  grid-template-columns:minmax(0,1.28fr) minmax(280px,.52fr);
  gap:clamp(30px,5vw,72px);
}
.hero-radio {
  width:min(100%,390px);
  transform:none;
}
.hero-radio-label {
  margin:0 0 9px;
  padding:0 3px;
  font-size:.62rem;
  letter-spacing:.16em;
  opacity:.86;
}
.hero-radio .radio-card {
  padding:14px;
  border:1px solid rgba(183,255,0,.42);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(183,255,0,.085),rgba(0,0,0,.52) 40%,rgba(0,0,0,.72));
  box-shadow:0 18px 55px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08), 0 0 30px rgba(183,255,0,.08);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  overflow:hidden;
}
.hero-radio .radio-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.07),transparent 28%,transparent 72%,rgba(183,255,0,.055));
}
.hero-radio .radio-screen {
  position:relative;
  padding:14px 15px 12px;
  border:1px solid rgba(183,255,0,.24);
  border-radius:12px;
  background:rgba(0,0,0,.3);
  color:#fff;
  gap:2px;
}
.hero-radio .radio-screen small {
  color:var(--acid);
  opacity:.8;
  font-size:.56rem;
}
.hero-radio .radio-screen strong {
  color:var(--acid);
  font-size:clamp(1.55rem,2.7vw,2.45rem);
  letter-spacing:-.025em;
  line-height:.95;
}
.hero-radio .radio-screen span {
  color:rgba(255,255,255,.58);
  font-size:.68rem;
  letter-spacing:.08em;
}
.hero-radio .radio-eq {
  position:relative;
  height:54px;
  gap:4px;
  padding:12px 3px 8px;
  opacity:.78;
}
.hero-radio .radio-eq::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:7px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(183,255,0,.55),transparent);
}
.hero-radio .radio-eq i {
  min-width:2px;
  border-radius:99px 99px 0 0;
  background:linear-gradient(to top,rgba(183,255,0,.28),var(--acid));
  box-shadow:0 0 8px rgba(183,255,0,.18);
}
.hero-radio .radio-controls {
  grid-template-columns:28px 38px 28px 1fr;
  gap:10px;
  padding:10px 4px 0;
  border-top:1px solid rgba(183,255,0,.16);
  font-size:.72rem;
}
.hero-radio .radio-controls span {
  opacity:.68;
  text-align:center;
}
.hero-radio .radio-controls b {
  width:38px;
  height:38px;
  font-size:.76rem;
  box-shadow:0 0 18px rgba(183,255,0,.18);
}
.hero-radio .radio-controls em {
  font-size:.6rem;
  letter-spacing:.1em;
  opacity:.7;
}
body.pumped .hero-radio .radio-card {
  box-shadow:0 18px 55px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08), 0 0 calc(20px + var(--pump-chaos) * 22px) rgba(183,255,0,.13);
}
@media (max-width:980px) {
  .hero-radio { width:min(100%,430px); }
}
@media (max-width:620px) {
  .hero-radio { width:100%; }
  .hero-radio .radio-card { padding:11px; border-radius:15px; box-shadow:0 14px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07); }
  .hero-radio .radio-screen { padding:12px 13px 10px; }
  .hero-radio .radio-eq { height:46px; }
}

/* Refined hero radio: flatter panel, candlestick equalizer, solid nav hover */
.site-header nav a {
  padding: 8px 10px;
  transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}
.site-header nav a::after {
  display: none;
}
.site-header nav a:hover,
.site-header nav a:focus-visible {
  color: #000;
  background: var(--acid);
  box-shadow: 0 0 18px rgba(183,255,0,.18);
  text-decoration: none;
}

.hero-radio .radio-card {
  border-color: rgba(183,255,0,.5);
  background: rgba(4,7,3,.92);
  box-shadow: 0 14px 34px rgba(0,0,0,.36), 0 0 22px rgba(183,255,0,.06);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.hero-radio .radio-card::before {
  background: linear-gradient(120deg, rgba(183,255,0,.035), transparent 32%, transparent 75%, rgba(183,255,0,.025));
}
.hero-radio .radio-screen {
  background: rgba(0,0,0,.62);
  border-color: rgba(183,255,0,.3);
}
.hero-radio .radio-eq {
  align-items: center;
  padding-top: 9px;
  padding-bottom: 7px;
  opacity: .9;
}
.hero-radio .radio-eq::after {
  bottom: 50%;
  background: rgba(183,255,0,.14);
}
.hero-radio .radio-eq i {
  position: relative;
  flex: 1;
  min-width: 5px;
  max-width: 12px;
  border-radius: 0;
  background: var(--acid);
  box-shadow: 0 0 7px rgba(183,255,0,.16);
}
.hero-radio .radio-eq i::before,
.hero-radio .radio-eq i::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 5px;
  background: var(--acid);
  transform: translateX(-50%);
}
.hero-radio .radio-eq i::before { bottom: 100%; }
.hero-radio .radio-eq i::after { top: 100%; }
body.pumped .hero-radio .radio-card {
  box-shadow: 0 14px 34px rgba(0,0,0,.36), 0 0 calc(12px + var(--pump-chaos) * 14px) rgba(183,255,0,.11);
}


/* RADIO TRANSLUCENCY + QUIET IDLE REVISION */
.hero-radio .radio-card {
  background:rgba(3,5,3,.72);
  backdrop-filter:blur(10px) saturate(112%);
  -webkit-backdrop-filter:blur(10px) saturate(112%);
  box-shadow:0 14px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045), 0 0 24px rgba(183,255,0,.07);
}
.hero-radio .radio-card::before {
  background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 34%,transparent 78%,rgba(183,255,0,.035));
}
.hero-radio .radio-screen { background:rgba(0,0,0,.24); }
body:not(.chaos) #app {
  transform:translate(var(--shake-x,0),var(--shake-y,0)) rotate(var(--shake-r,0));
}
body:not(.chaos) .hero-radio .radio-eq i {
  animation-duration:1.8s !important;
  opacity:.5;
}

/* FINAL PUMP CONTROL + HERO RADIO COHESION */
#pump-button {
  --pump-fill: 0%;
  color:#050505;
  background:#fff;
  border:2px solid var(--acid);
  box-shadow:6px 6px 0 rgba(183,255,0,.25), 0 0 0 rgba(183,255,0,0);
  transform:none;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
#pump-button::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:#fff;
}
#pump-button::after {
  z-index:-1;
  width:var(--pump-fill);
  opacity:1;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.14) 0 8px, transparent 8px 16px),
    var(--acid);
  transition:width .22s cubic-bezier(.2,.8,.2,1);
}
#pump-button:hover,
#pump-button:focus-visible {
  color:#050505;
  background:#fff;
  transform:translateY(-2px);
  box-shadow:6px 8px 0 rgba(183,255,0,.3), 0 0 24px rgba(183,255,0,.22);
}
#pump-button.is-holding {
  transform:translateY(1px) scale(.99);
  box-shadow:2px 3px 0 rgba(183,255,0,.35), 0 0 32px rgba(183,255,0,.38);
}
#pump-button.is-maxed {
  background:var(--acid);
  box-shadow:6px 6px 0 #fff, 0 0 40px rgba(183,255,0,.72);
}
#pump-button .pump-label,
#pump-button strong { position:relative; z-index:1; }

.hero-radio .radio-card {
  background:rgba(3,5,3,.64);
  border-color:rgba(183,255,0,.48);
  backdrop-filter:blur(7px) saturate(108%);
  -webkit-backdrop-filter:blur(7px) saturate(108%);
  box-shadow:0 14px 38px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.035), 0 0 20px rgba(183,255,0,.06);
}
.hero-radio .radio-card::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  opacity:.11;
  background:repeating-linear-gradient(to bottom, transparent 0 3px, rgba(183,255,0,.18) 3px 4px);
  mix-blend-mode:screen;
}
.hero-radio .radio-screen {
  overflow:hidden;
  background:rgba(0,0,0,.3);
}
.hero-radio .radio-screen::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(100deg, transparent 0 42%, rgba(183,255,0,.055) 49%, transparent 56%);
  animation:radio-crt-sweep 4.8s linear infinite;
}
@keyframes radio-crt-sweep { from{transform:translateX(-120%)} to{transform:translateX(120%)} }
.hero-radio .radio-screen strong { animation:radio-crt-flicker 3.6s steps(2,end) infinite; }
@keyframes radio-crt-flicker { 0%,96%,100%{opacity:1} 97%{opacity:.72} 98%{opacity:.92} }

.hero-radio .radio-eq {
  gap:5px;
  height:58px;
  padding:11px 3px 8px;
}
.hero-radio .radio-eq i {
  min-width:6px;
  max-width:11px;
  border-radius:0;
  transform-origin:center;
  background:var(--acid);
  box-shadow:0 0 6px rgba(183,255,0,.18);
}
.hero-radio .radio-eq i:nth-child(2n) { animation-duration:.68s; }
.hero-radio .radio-eq i:nth-child(3n) { animation-duration:.48s; }
.hero-radio .radio-eq i::before,
.hero-radio .radio-eq i::after { height:6px; }
body:not(.chaos) .hero-radio .radio-eq i {
  animation-duration:2.2s !important;
  animation-timing-function:steps(2,end);
  opacity:.44;
}

.hero-radio .radio-controls {
  grid-template-columns:26px 36px 26px 1fr;
  gap:9px;
}
.hero-radio .volume-control {
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
}
.hero-radio .volume-control em {
  font-size:.55rem;
  letter-spacing:.12em;
  opacity:.65;
}
.hero-radio .volume-knob {
  width:28px;
  height:28px;
  display:block;
  position:relative;
  border:1px solid rgba(183,255,0,.65);
  border-radius:50%;
  background:radial-gradient(circle at 38% 34%, rgba(183,255,0,.28), rgba(0,0,0,.92) 58%);
  box-shadow:inset 0 0 0 4px rgba(183,255,0,.035), 0 0 12px rgba(183,255,0,.12);
}
.hero-radio .volume-knob::after {
  content:"";
  position:absolute;
  left:50%;
  top:3px;
  width:2px;
  height:8px;
  background:var(--acid);
  transform:translateX(-50%) rotate(38deg);
  transform-origin:50% 11px;
}
body.pumped .hero-radio .volume-knob { transform:rotate(calc(var(--pump-chaos) * 38deg)); }

.hero-layout::after {
  content:"";
  position:absolute;
  right:0;
  top:15%;
  width:min(44%,480px);
  height:68%;
  pointer-events:none;
  border:1px solid rgba(183,255,0,.08);
  background:linear-gradient(135deg,transparent,rgba(183,255,0,.025));
  z-index:-1;
}

@media (prefers-reduced-motion: reduce) {
  .hero-radio .radio-screen::after,
  .hero-radio .radio-screen strong { animation:none; }
}

/* RESTORE VOLUME MAX RADIO LABEL */
.hero-radio .radio-controls {
  grid-template-columns:auto auto auto 1fr;
}
.hero-radio .volume-max {
  justify-self:end;
  color:var(--acid);
  font-family:Arial, sans-serif;
  font-size:.68rem;
  font-style:normal;
  font-weight:900;
  letter-spacing:.12em;
  text-align:right;
  white-space:nowrap;
  opacity:.9;
}
@media (max-width:560px) {
  .hero-radio .volume-max { font-size:.6rem; letter-spacing:.08em; }
}

/* SECTION 01 — MEME COIN MARKET TERMINAL */
.meme-chart-section{display:block!important;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(183,255,0,.12),transparent 28%),linear-gradient(90deg,rgba(183,255,0,.035) 1px,transparent 1px),linear-gradient(rgba(183,255,0,.035) 1px,transparent 1px),#020302!important;background-size:auto,42px 42px,42px 42px!important;padding-top:110px!important}
.meme-chart-section::after{content:"爆上げ"!important;position:absolute;right:-.04em;bottom:-.18em;font-size:clamp(8rem,22vw,23rem);font-weight:1000;color:rgba(183,255,0,.035);line-height:1;pointer-events:none}
.meme-chart-head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.meme-chart-head h2{margin:0;max-width:850px}
.coin-quote{min-width:270px;border-left:3px solid var(--acid);padding:8px 0 8px 24px;text-align:right}
.coin-quote small{display:block;color:#fff;opacity:.65;letter-spacing:.18em;font-size:.7rem}
.coin-quote strong{display:block;color:#fff;font-size:clamp(2rem,4vw,4.4rem);line-height:1.05;font-variant-numeric:tabular-nums}
.coin-quote span{display:block;color:var(--acid);font-size:1.1rem;font-weight:1000;margin-top:8px;text-shadow:0 0 15px rgba(183,255,0,.7)}
.meme-terminal{position:relative;z-index:2;border:2px solid var(--acid);background:rgba(0,0,0,.86);box-shadow:16px 16px 0 rgba(183,255,0,.18),0 0 45px rgba(183,255,0,.1)}
.terminal-bar{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 18px;border-bottom:1px solid rgba(183,255,0,.4);background:rgba(183,255,0,.055)}
.terminal-bar>div{display:flex;align-items:center;gap:9px}.terminal-bar b{font-size:1.35rem;color:var(--acid);margin-right:14px}.terminal-bar span{padding:7px 9px;border:1px solid rgba(183,255,0,.25);font-size:.65rem}.terminal-bar span.active{background:var(--acid);color:#000}.terminal-bar p{margin:0;font-size:.65rem;letter-spacing:.1em;color:#aaa}.terminal-bar strong{color:#fff}
.chart-stage{height:min(56vw,560px);min-height:390px;position:relative;overflow:hidden;background:linear-gradient(to bottom,rgba(183,255,0,.05),transparent 40%)}
.chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(183,255,0,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(183,255,0,.085) 1px,transparent 1px);background-size:100% 20%,8% 100%}
.chart-path{position:absolute;inset:8% 3% 10% 2%;width:95%;height:82%;overflow:visible;filter:drop-shadow(0 0 12px rgba(183,255,0,.65))}.chart-path path{fill:none;stroke:rgba(183,255,0,.5);stroke-width:4;stroke-dasharray:8 8;vector-effect:non-scaling-stroke;animation:path-charge 2.5s linear infinite}@keyframes path-charge{to{stroke-dashoffset:-32}}
.candlestick-run{position:absolute;inset:8% 7% 9% 2%}.candlestick-run i{position:absolute;left:var(--x);top:var(--y);width:2.8%;height:var(--h);min-width:11px;background:var(--acid);box-shadow:0 0 12px rgba(183,255,0,.7);transform:translateY(-50%);animation:candle-rise 1.5s ease-in-out var(--d) infinite alternate}.candlestick-run i::before{content:"";position:absolute;left:50%;top:-18px;bottom:-18px;width:2px;background:var(--acid);transform:translateX(-50%)}.candlestick-run i::after{content:"";position:absolute;inset:4px;background:linear-gradient(90deg,rgba(255,255,255,.5),transparent 45%)}@keyframes candle-rise{to{transform:translateY(calc(-50% - 8px));filter:brightness(1.35)}}
.moon-line{position:absolute;left:0;right:0;top:7%;border-top:1px dashed rgba(183,255,0,.65)}.moon-line span{position:absolute;right:10px;top:-25px;color:var(--acid);font-size:.65rem;letter-spacing:.14em}
.price-axis{position:absolute;right:8px;inset-block:12% 11%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:rgba(255,255,255,.45);font-size:.62rem;font-variant-numeric:tabular-nums}
.chart-badge{position:absolute;left:5%;top:12%;display:flex;align-items:center;gap:12px;background:#050505;border:2px solid var(--acid);padding:10px 14px;box-shadow:7px 7px 0 var(--acid);transform:rotate(-2deg);animation:badge-float 1.8s ease-in-out infinite alternate}.chart-badge img{width:46px;height:46px;object-fit:contain}.chart-badge small{display:block;color:#aaa;font-size:.58rem}.chart-badge strong{display:block;color:var(--acid);font-size:1rem}@keyframes badge-float{to{transform:translateY(-8px) rotate(1deg)}}
.market-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(183,255,0,.45)}.market-cards article{padding:20px;border-right:1px solid rgba(183,255,0,.35);background:rgba(183,255,0,.025)}.market-cards article:last-child{border-right:0}.market-cards small{display:block;color:#888;font-size:.6rem;letter-spacing:.15em}.market-cards strong{display:block;color:#fff;font-size:clamp(1.35rem,2.6vw,2.6rem);margin:6px 0}.market-cards span{color:var(--acid);font-size:.68rem;font-weight:900}
@media(max-width:800px){.meme-chart-head{align-items:flex-start;flex-direction:column}.coin-quote{text-align:left;border-left:0;border-top:3px solid var(--acid);padding:14px 0 0;width:100%}.terminal-bar{align-items:flex-start;flex-direction:column}.chart-stage{height:470px}.market-cards{grid-template-columns:1fr 1fr}.market-cards article:nth-child(2){border-right:0}.market-cards article:nth-child(-n+2){border-bottom:1px solid rgba(183,255,0,.35)}}
@media(max-width:520px){.chart-stage{height:390px}.chart-badge{left:4%;top:10%;transform:scale(.82) rotate(-2deg);transform-origin:left top}.market-cards{grid-template-columns:1fr 1fr}.terminal-bar p{line-height:1.7}.candlestick-run i{min-width:8px}}

/* SECTION 01 CLEAN CHART REBUILD */
.meme-chart-section{
  display:grid!important;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(36px,6vw,88px)!important;
  align-items:center!important;
  padding-block:clamp(84px,10vw,150px)!important;
  background:#030403!important;
  background-image:linear-gradient(rgba(183,255,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(183,255,0,.035) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
}
.meme-chart-section::after{content:"01"!important;right:-.02em!important;bottom:-.16em!important;font-size:clamp(12rem,28vw,30rem)!important;color:rgba(183,255,0,.025)!important}
.chart-section-copy,.gas-chart-card{position:relative;z-index:2}
.chart-section-copy h2{margin:.35em 0 .28em;max-width:720px;font-size:clamp(3.1rem,6.2vw,7rem);line-height:.82}
.chart-intro{max-width:520px;color:rgba(255,255,255,.62)!important;font-family:Arial,sans-serif;font-size:clamp(.95rem,1.25vw,1.12rem)!important;line-height:1.65!important}
.gas-chart-card{min-width:0;border:1px solid rgba(183,255,0,.72);background:rgba(5,8,5,.96);box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 34px rgba(183,255,0,.07);overflow:hidden}
.gas-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid rgba(183,255,0,.18)}
.gas-pair{display:flex;align-items:center;gap:11px;min-width:0}.gas-pair img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(183,255,0,.42))}.gas-pair span{display:grid}.gas-pair strong{font-size:.92rem;letter-spacing:.04em}.gas-pair small{margin-top:3px;color:rgba(255,255,255,.42);font-family:Arial,sans-serif;font-size:.65rem}
.gas-timeframes{display:flex;gap:5px}.gas-timeframes span{padding:7px 9px;color:rgba(255,255,255,.42);font-size:.62rem;border-radius:2px}.gas-timeframes .active{color:#000;background:var(--acid)}
.gas-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px 22px 12px}.gas-price-row div{display:grid;gap:5px}.gas-price-row small{color:rgba(255,255,255,.42);font-size:.6rem;letter-spacing:.14em}.gas-price-row strong{font-size:clamp(2rem,4vw,4.1rem);line-height:.9;font-variant-numeric:tabular-nums}.gas-change{color:var(--acid);font-size:clamp(1rem,1.5vw,1.3rem);font-weight:1000;text-shadow:0 0 14px rgba(183,255,0,.42)}
.gas-chart-plot{position:relative;height:clamp(300px,36vw,470px);margin:0 12px 0 18px;overflow:hidden}
.gas-chart-grid{position:absolute;inset:10px 0 0;background-image:linear-gradient(rgba(183,255,0,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(183,255,0,.07) 1px,transparent 1px);background-size:100% 25%,12.5% 100%;mask-image:linear-gradient(to right,#000 88%,transparent)}
.gas-candles{position:absolute;inset:22px 58px 24px 0}.gas-candles i{position:absolute;left:var(--x);bottom:var(--bottom);width:clamp(9px,1.25vw,15px);height:var(--body);background:var(--acid);box-shadow:0 0 10px rgba(183,255,0,.5);transform:translateX(-50%);animation:gas-candle-breathe 1.8s ease-in-out infinite alternate}.gas-candles i:nth-child(3n){animation-delay:-.45s}.gas-candles i:nth-child(4n){animation-delay:-.9s}.gas-candles i::before{content:"";position:absolute;left:50%;top:50%;width:2px;height:var(--wick);background:var(--acid);transform:translate(-50%,-50%);z-index:-1}.gas-candles i::after{content:"";position:absolute;inset:2px;background:linear-gradient(90deg,rgba(255,255,255,.42),transparent 55%)}
@keyframes gas-candle-breathe{to{filter:brightness(1.24);transform:translate(-50%,-4px)}}
.gas-trend-line{position:absolute;inset:28px 54px 30px 2px;width:calc(100% - 56px);height:calc(100% - 58px);overflow:visible;pointer-events:none}.gas-trend-line path{fill:none;stroke:rgba(183,255,0,.44);stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(183,255,0,.34))}
.gas-ath{position:absolute;top:9px;right:52px;bottom:0;border-right:1px dashed rgba(183,255,0,.48)}.gas-ath span{position:absolute;top:0;right:8px;color:var(--acid);font-size:.58rem;letter-spacing:.14em}
.gas-axis{position:absolute;right:0;top:26px;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:rgba(255,255,255,.35);font-size:.56rem;font-variant-numeric:tabular-nums}
.gas-chart-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(183,255,0,.18)}.gas-chart-stats div{padding:16px 18px;border-right:1px solid rgba(183,255,0,.14)}.gas-chart-stats div:last-child{border-right:0}.gas-chart-stats small{display:block;color:rgba(255,255,255,.36);font-size:.55rem;letter-spacing:.13em}.gas-chart-stats strong{display:block;margin-top:6px;color:#fff;font-size:clamp(1.15rem,2vw,1.8rem)}
@media(max-width:900px){.meme-chart-section{grid-template-columns:1fr!important}.chart-section-copy{max-width:760px}.gas-chart-plot{height:430px}}
@media(max-width:560px){.meme-chart-section{padding-inline:18px!important}.gas-chart-toolbar{align-items:flex-start}.gas-timeframes span{padding:6px}.gas-price-row{align-items:flex-start;flex-direction:column}.gas-chart-plot{height:330px;margin-left:10px}.gas-chart-stats div{padding:13px 10px}.gas-chart-stats strong{font-size:1rem}.gas-chart-grid{background-size:100% 25%,20% 100%}.gas-candles i{width:8px}}
@media(prefers-reduced-motion:reduce){.gas-candles i{animation:none}}

/* SECTION 01 COMPACT / REALISTIC CANDLE TUNING */
.gas-chart-card{
  width:min(100%,680px);
  justify-self:end;
}
.gas-chart-plot{
  height:clamp(250px,27vw,340px);
  margin:0 10px 0 16px;
}
.gas-candles{
  inset:18px 52px 20px 18px;
}
.gas-candles i{
  width:clamp(10px,1.15vw,15px);
}
.gas-chart-grid{
  background-size:100% 25%,10% 100%;
}
.gas-trend-line{
  inset:24px 50px 26px 18px;
  width:calc(100% - 68px);
  height:calc(100% - 50px);
}
body.pumped .gas-chart-plot{
  animation:gas-chart-pump-rattle var(--chart-rattle-speed,180ms) steps(2,end) infinite;
  transform-origin:center;
}
body.pump-hit .gas-chart-card{
  animation:gas-chart-impact .24s steps(4,end) 1;
}
@keyframes gas-chart-pump-rattle{
  0%{transform:translate(var(--chart-shake-neg,-1px),var(--chart-shake,1px)) rotate(-.08deg)}
  50%{transform:translate(var(--chart-shake,1px),var(--chart-shake-neg,-1px)) rotate(.08deg)}
  100%{transform:translate(var(--chart-shake-neg,-1px),0) rotate(-.04deg)}
}
@keyframes gas-chart-impact{
  0%{transform:translate(-6px,3px) rotate(-.35deg)}
  35%{transform:translate(8px,-4px) rotate(.4deg)}
  70%{transform:translate(-4px,2px) rotate(-.2deg)}
  100%{transform:none}
}
@media(max-width:900px){
  .gas-chart-card{width:min(100%,720px);justify-self:start}
  .gas-chart-plot{height:320px}
}
@media(max-width:560px){
  .gas-chart-plot{height:260px;margin-left:8px}
  .gas-candles{inset:16px 44px 18px 8px}
  .gas-candles i{width:9px}
}
@media(prefers-reduced-motion:reduce){
  body.pumped .gas-chart-plot,body.pump-hit .gas-chart-card{animation:none}
}

/* SECTION 01 SLIGHTLY SMALLER CHART */
.gas-chart-card{
  width:min(100%,630px);
}
.gas-chart-plot{
  height:clamp(235px,25vw,315px);
}
@media(max-width:900px){
  .gas-chart-card{width:min(100%,670px)}
  .gas-chart-plot{height:295px}
}
@media(max-width:560px){
  .gas-chart-plot{height:245px}
}


/* SECTION 01 FINAL PROPORTION PASS */
.gas-chart-card{
  width:min(100%,600px);
}
.gas-chart-plot{
  height:clamp(220px,23.5vw,292px);
}
.gas-chart-toolbar{
  padding:18px 20px;
  gap:16px;
}
.gas-pair img{
  width:42px;
  height:42px;
}
.gas-pair strong{
  font-size:1.08rem;
  letter-spacing:.055em;
}
.gas-pair small{
  margin-top:4px;
  font-size:.76rem;
  color:rgba(255,255,255,.55);
}
.gas-chart-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
}
.gas-timeframes{
  gap:6px;
}
.gas-timeframes span{
  padding:8px 10px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.04em;
}
.dexscreener-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 11px;
  border:1px solid rgba(183,255,0,.72);
  background:transparent;
  color:var(--acid);
  font-size:.64rem;
  font-weight:1000;
  letter-spacing:.08em;
  text-decoration:none;
  white-space:nowrap;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.dexscreener-button:hover,
.dexscreener-button:focus-visible{
  background:var(--acid);
  color:#000;
  box-shadow:0 0 18px rgba(183,255,0,.3);
  transform:translateY(-1px);
}
@media(max-width:900px){
  .gas-chart-card{width:min(100%,640px)}
  .gas-chart-plot{height:275px}
}
@media(max-width:650px){
  .gas-chart-toolbar{align-items:flex-start;flex-direction:column}
  .gas-chart-actions{width:100%;justify-content:space-between}
}
@media(max-width:560px){
  .gas-chart-plot{height:232px}
  .gas-pair strong{font-size:1rem}
  .gas-pair small{font-size:.7rem}
  .gas-timeframes span{padding:7px 9px;font-size:.68rem}
  .dexscreener-button{font-size:.58rem;padding:7px 9px}
}


/* DEXSCREENER CTA — LEFT COPY PLACEMENT */
.chart-copy-dex{
  margin-top:24px;
  width:max-content;
  min-height:42px;
  padding:11px 16px;
  font-size:.72rem;
  box-shadow:6px 6px 0 rgba(183,255,0,.16);
}
@media(max-width:560px){
  .chart-copy-dex{margin-top:20px;min-height:40px;padding:10px 14px;font-size:.66rem}
}


/* SOCIAL ICON GROUPS */
.header-socials {
  position: fixed;
  z-index: 30;
  top: calc(var(--header-h) + 14px);
  right: clamp(18px, 4vw, 62px);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  background: rgba(0, 0, 0, .78);
  border: 1px solid rgba(183, 255, 0, .52);
  box-shadow: 8px 8px 0 rgba(183, 255, 0, .14), 0 0 24px rgba(183, 255, 0, .12);
  backdrop-filter: blur(8px);
}

.social-icon {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  color: var(--acid);
  background: #050505;
  border: 1px solid var(--acid);
  transition: transform .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.social-icon svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
  display: block;
}

.social-icon:hover,
.social-icon:focus-visible {
  color: #000;
  background: var(--acid);
  transform: translateY(-3px);
  box-shadow: 0 0 20px rgba(183, 255, 0, .38);
  outline: none;
}

.contract-details { min-width: 0; }
.contract-socials {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
.contract-socials .social-icon {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .5);
}
.contract-socials .social-icon svg {
  width: 23px;
  height: 23px;
}

@media (max-width: 980px) {
  .header-socials {
    top: calc(var(--header-h) + 10px);
    right: 14px;
  }
}

@media (max-width: 620px) {
  .header-socials {
    top: calc(var(--header-h) + 8px);
    right: 12px;
    gap: 7px;
    padding: 6px;
  }
  .header-socials .social-icon {
    width: 38px;
    height: 38px;
  }
  .header-socials .social-icon svg {
    width: 18px;
    height: 18px;
  }
}

/* SOCIAL ICON VISIBILITY + FINAL PLACEMENT */
.header-socials {
  top: calc(var(--header-h) + 12px);
  right: clamp(18px, 3.5vw, 56px);
  gap: 8px;
  padding: 9px;
  background: var(--acid);
  border: 3px solid #000;
  border-radius: 12px;
  box-shadow: 8px 8px 0 #000, 0 0 30px rgba(183,255,0,.48);
  backdrop-filter: none;
}
.header-socials::before {
  content: "FOLLOW";
  position: absolute;
  right: 0;
  bottom: calc(100% + 5px);
  padding: 4px 7px;
  color: var(--acid);
  background: #000;
  border: 1px solid var(--acid);
  font-size: .56rem;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1;
}
.header-socials .social-icon {
  width: 50px;
  height: 50px;
  color: var(--acid);
  background: #000;
  border: 2px solid #000;
  border-radius: 8px;
  box-shadow: none;
}
.header-socials .social-icon svg {
  width: 25px;
  height: 25px;
}
.header-socials .social-icon:hover,
.header-socials .social-icon:focus-visible {
  color: #000;
  background: #fff;
  box-shadow: 0 0 0 3px #000;
}

.final-cta {
  position: relative;
  padding-bottom: 112px;
}
.contract-details {
  position: static;
}
.contract-socials {
  position: absolute;
  right: clamp(24px, 4vw, 64px);
  bottom: 26px;
  z-index: 2;
  gap: 10px;
  margin: 0;
  padding: 9px;
  background: #000;
  border: 3px solid #000;
  border-radius: 12px;
  box-shadow: 7px 7px 0 rgba(0,0,0,.28);
}
.contract-socials::before {
  content: "SOCIALS";
  align-self: center;
  margin: 0 5px 0 3px;
  color: var(--acid);
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .14em;
}
.contract-socials .social-icon {
  width: 52px;
  height: 52px;
  color: #000;
  background: var(--acid);
  border: 2px solid var(--acid);
  border-radius: 8px;
}
.contract-socials .social-icon svg {
  width: 25px;
  height: 25px;
}
.contract-socials .social-icon:hover,
.contract-socials .social-icon:focus-visible {
  color: #000;
  background: #fff;
  border-color: #fff;
  box-shadow: 0 0 18px rgba(255,255,255,.52);
}

@media (max-width: 980px) {
  .header-socials {
    top: calc(var(--header-h) + 10px);
    right: 14px;
  }
  .final-cta {
    padding-bottom: 108px;
  }
}

@media (max-width: 620px) {
  .header-socials {
    top: calc(var(--header-h) + 8px);
    right: 10px;
    gap: 6px;
    padding: 7px;
    border-width: 2px;
    box-shadow: 5px 5px 0 #000;
  }
  .header-socials::before {
    display: none;
  }
  .header-socials .social-icon {
    width: 42px;
    height: 42px;
  }
  .header-socials .social-icon svg {
    width: 21px;
    height: 21px;
  }
  .final-cta {
    padding-bottom: 124px;
  }
  .contract-socials {
    right: 16px;
    bottom: 18px;
    padding: 7px;
    gap: 7px;
  }
  .contract-socials::before {
    display: none;
  }
  .contract-socials .social-icon {
    width: 46px;
    height: 46px;
  }
}

/* SOCIAL ICONS: SITE-NATIVE NEON TREATMENT */
.header-socials {
  padding: 7px;
  gap: 7px;
  background: rgba(0,0,0,.82);
  border: 1px solid rgba(183,255,0,.72);
  border-radius: 3px;
  box-shadow: 0 0 22px rgba(183,255,0,.16), inset 0 0 18px rgba(183,255,0,.045);
}
.header-socials::before {
  color: #050505;
  background: var(--acid);
  border: 0;
  padding: 4px 8px;
  box-shadow: 3px 3px 0 rgba(0,0,0,.7);
}
.header-socials .social-icon {
  width: 46px;
  height: 46px;
  color: var(--acid);
  background: rgba(183,255,0,.055);
  border: 1px solid rgba(183,255,0,.38);
  border-radius: 2px;
  box-shadow: inset 0 0 14px rgba(183,255,0,.035);
  transition: transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.header-socials .social-icon:hover,
.header-socials .social-icon:focus-visible {
  color: #050505;
  background: var(--acid);
  border-color: var(--acid);
  box-shadow: 0 0 18px rgba(183,255,0,.34);
  transform: translateY(-2px);
}

.contract-socials {
  padding: 7px;
  gap: 7px;
  background: rgba(0,0,0,.88);
  border: 1px solid rgba(183,255,0,.62);
  border-radius: 3px;
  box-shadow: 0 0 22px rgba(183,255,0,.12), inset 0 0 16px rgba(183,255,0,.04);
}
.contract-socials::before {
  margin-right: 7px;
  color: rgba(183,255,0,.74);
  font-size: .55rem;
}
.contract-socials .social-icon {
  width: 48px;
  height: 48px;
  color: var(--acid);
  background: rgba(183,255,0,.06);
  border: 1px solid rgba(183,255,0,.42);
  border-radius: 2px;
  box-shadow: none;
  transition: transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.contract-socials .social-icon:hover,
.contract-socials .social-icon:focus-visible {
  color: #050505;
  background: var(--acid);
  border-color: var(--acid);
  box-shadow: 0 0 18px rgba(183,255,0,.3);
  transform: translateY(-2px);
}

@media (max-width: 620px) {
  .header-socials,
  .contract-socials {
    border-width: 1px;
    box-shadow: 0 0 16px rgba(183,255,0,.14);
  }
  .header-socials .social-icon {
    width: 40px;
    height: 40px;
  }
  .contract-socials .social-icon {
    width: 44px;
    height: 44px;
  }
}


/* SOCIAL POSITIONING: CENTERED WITH HERO RADIO + CONTRACT SECTION */
.hero-radio-stack {
  justify-self: end;
  width: min(100%, 510px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.hero-radio-stack .hero-radio {
  width: 100%;
  justify-self: auto;
}

.header-socials {
  position: relative;
  inset: auto;
  display: flex;
  width: max-content;
  margin: 0 auto;
  z-index: 5;
}

.header-socials::before {
  right: 50%;
  transform: translateX(50%);
}

.final-cta {
  padding-bottom: 118px;
}

.contract-socials {
  left: 50%;
  right: auto;
  bottom: 24px;
  transform: translateX(-50%);
  justify-content: center;
  width: max-content;
}

.contract-socials .social-icon:hover,
.contract-socials .social-icon:focus-visible {
  transform: translateY(-2px);
}

@media (max-width: 980px) {
  .hero-radio-stack {
    justify-self: start;
    width: min(100%, 620px);
  }
  .header-socials {
    inset: auto;
  }
  .contract-socials {
    left: 50%;
    right: auto;
  }
}

@media (max-width: 620px) {
  .hero-radio-stack {
    width: 100%;
    gap: 10px;
  }
  .header-socials {
    inset: auto;
    margin-inline: auto;
  }
  .contract-socials {
    left: 50%;
    right: auto;
    bottom: 18px;
  }
}


/* SOCIAL PLACEMENT REFINEMENT: integrated, not floating */
.hero-radio-stack {
  align-items: stretch;
  gap: 10px;
}

.header-socials {
  position: static;
  inset: auto;
  width: 100%;
  margin: 0;
  padding: 0 4px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}
.header-socials::before {
  content: "CONNECT";
  position: static;
  transform: none;
  align-self: center;
  margin-right: 4px;
  padding: 0;
  color: rgba(183,255,0,.62);
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: .52rem;
  letter-spacing: .16em;
}
.header-socials .social-icon {
  width: 34px;
  height: 34px;
  color: rgba(183,255,0,.9);
  background: rgba(3,5,3,.58);
  border: 1px solid rgba(183,255,0,.28);
  border-radius: 3px;
  box-shadow: none;
}
.header-socials .social-icon svg {
  width: 17px;
  height: 17px;
}
.header-socials .social-icon:hover,
.header-socials .social-icon:focus-visible {
  color: #050505;
  background: var(--acid);
  border-color: var(--acid);
  box-shadow: 0 0 14px rgba(183,255,0,.22);
  transform: translateY(-1px);
}

.final-cta {
  padding-bottom: 70px;
}
.contract-details {
  position: relative;
}
.contract-socials {
  position: static;
  inset: auto;
  transform: none;
  width: max-content;
  justify-content: flex-start;
  margin: 18px 0 0;
  padding: 0;
  gap: 8px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.contract-socials::before {
  content: "FOLLOW $GAS";
  margin-right: 5px;
  color: rgba(0,0,0,.62);
  font-size: .55rem;
  letter-spacing: .15em;
}
.contract-socials .social-icon {
  width: 38px;
  height: 38px;
  color: var(--acid);
  background: #050505;
  border: 1px solid #050505;
  border-radius: 3px;
  box-shadow: none;
}
.contract-socials .social-icon svg {
  width: 18px;
  height: 18px;
}
.contract-socials .social-icon:hover,
.contract-socials .social-icon:focus-visible {
  color: #050505;
  background: transparent;
  border-color: #050505;
  box-shadow: none;
  transform: translateY(-1px);
}

@media (max-width: 980px) {
  .hero-radio-stack { align-items: flex-start; }
  .header-socials { width: min(100%,430px); }
  .final-cta { padding-bottom: 55px; }
}
@media (max-width: 620px) {
  .header-socials {
    width: 100%;
    justify-content: flex-start;
    padding: 0;
  }
  .header-socials::before { display: inline-block; }
  .header-socials .social-icon { width: 34px; height: 34px; }
  .contract-socials { flex-wrap: wrap; }
  .contract-socials::before { display: inline-block; }
  .contract-socials .social-icon { width: 38px; height: 38px; }
  .final-cta { padding-bottom: 55px; }
}

/* FINAL SOCIAL PLACEMENT: integrated into the primary header */
.site-header {
  grid-template-columns: auto 1fr auto auto;
}
.site-header > .header-socials {
  position: static;
  width: auto;
  margin: 0 2px 0 10px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: rgba(5,5,5,.72);
  border: 1px solid rgba(183,255,0,.24);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), 0 0 18px rgba(183,255,0,.08);
}
.site-header > .header-socials::before {
  content: none;
}
.site-header > .header-socials .social-icon {
  width: 34px;
  height: 34px;
  color: var(--acid);
  background: transparent;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
}
.site-header > .header-socials .social-icon svg {
  width: 17px;
  height: 17px;
}
.site-header > .header-socials .social-icon:hover,
.site-header > .header-socials .social-icon:focus-visible {
  color: #050505;
  background: var(--acid);
  border-color: transparent;
  box-shadow: 0 0 14px rgba(183,255,0,.24);
  transform: translateY(-1px);
}

@media (max-width: 900px) {
  .site-header {
    grid-template-columns: 1fr auto auto;
  }
  .site-header > .header-socials {
    margin-left: 0;
  }
}

@media (max-width: 620px) {
  .site-header > .header-socials {
    gap: 2px;
    padding: 3px;
  }
  .site-header > .header-socials .social-icon {
    width: 30px;
    height: 30px;
  }
  .site-header > .header-socials .social-icon svg {
    width: 15px;
    height: 15px;
  }
}

/* Preserve the original centered navigation while keeping social icons in the header */
.site-header {
  grid-template-columns: 1fr auto 1fr;
}
.site-header > nav {
  grid-column: 2;
  justify-self: center;
}
.site-header > .outline-button {
  grid-column: 3;
  justify-self: end;
}
.site-header > .header-socials {
  position: absolute;
  right: calc(clamp(20px, 4vw, 64px) + 138px);
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: auto;
}
.site-header > .header-socials .social-icon:hover,
.site-header > .header-socials .social-icon:focus-visible {
  transform: translateY(-1px);
}

@media (max-width: 1100px) {
  .site-header {
    gap: 18px;
  }
  .site-header > .header-socials {
    right: calc(clamp(20px, 4vw, 64px) + 126px);
  }
  .site-header > .header-socials .social-icon {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 900px) {
  .site-header {
    grid-template-columns: 1fr auto 1fr;
  }
  .site-header > nav {
    grid-column: 2;
  }
  .site-header > .outline-button {
    grid-column: 3;
  }
  .site-header > .header-socials {
    position: absolute;
    right: calc(clamp(20px, 4vw, 64px) + 118px);
    margin: 0;
  }
}

@media (max-width: 760px) {
  .site-header > .header-socials {
    display: none;
  }
}

/* Header social overlap fix: shift icons left without changing any other layout */
.site-header > .header-socials {
  right: calc(clamp(20px, 4vw, 64px) + 188px);
}

@media (max-width: 1100px) {
  .site-header > .header-socials {
    right: calc(clamp(20px, 4vw, 64px) + 176px);
  }
}

@media (max-width: 900px) {
  .site-header > .header-socials {
    right: calc(clamp(20px, 4vw, 64px) + 168px);
  }
}

/* =========================================================
   FINAL MOBILE RESPONSIVE LAYER
   Keeps desktop unchanged and normalizes phones/tablets.
   ========================================================= */
@media (max-width: 760px) {
  :root { --header-h: 72px; }

  html { scroll-padding-top: 78px; }
  body { overflow-x: hidden; }
  #app,
  body.chaos #app,
  body.boost #app { transform: none !important; animation: none !important; }
  #market-canvas { opacity: .42; }
  .noise { opacity: .025; }
  .scanlines { opacity: .045; }

  .site-header {
    height: var(--header-h);
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    padding: 9px 12px;
    background: rgba(0,0,0,.94);
    border-bottom: 1px solid rgba(183,255,0,.18);
    backdrop-filter: blur(12px);
  }
  .site-header > .brand {
    grid-column: 1;
    min-width: 0;
  }
  .brand img {
    width: 46px;
    height: 46px;
    border-radius: 7px;
  }
  .brand span,
  .site-header > nav { display: none !important; }

  .site-header > .header-socials {
    display: flex !important;
    position: static !important;
    grid-column: 2;
    justify-self: end;
    align-self: center;
    width: auto;
    margin: 0;
    padding: 2px;
    gap: 1px;
    transform: none !important;
    background: rgba(183,255,0,.035);
    border: 1px solid rgba(183,255,0,.16);
    box-shadow: none;
  }
  .site-header > .header-socials .social-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
  .site-header > .header-socials .social-icon svg {
    width: 14px;
    height: 14px;
  }
  .site-header > .outline-button {
    position: static !important;
    grid-column: 3;
    justify-self: end;
    min-width: 0;
    padding: 10px 9px;
    font-size: .62rem;
    line-height: 1;
    letter-spacing: .02em;
    white-space: nowrap;
  }

  .hero {
    min-height: auto;
    display: block;
    padding: calc(var(--header-h) + 34px) 18px 70px;
    background-position: 64% center;
  }
  .hero::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.75) 48%, #000 100%),
      linear-gradient(90deg, rgba(0,0,0,.8), rgba(0,0,0,.08));
  }
  .hero-layout {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    align-items: start;
    padding: 0 !important;
  }
  .hero-copy { width: 100%; max-width: none; }
  .hero-logo-title {
    width: min(100%, 410px) !important;
    margin: 0 0 10px !important;
    transform: rotate(-2deg) !important;
  }
  .eyebrow {
    margin-bottom: 14px;
    font-size: .64rem;
    line-height: 1.45;
    letter-spacing: .13em;
  }
  .japanese {
    margin: 24px 0 10px;
    font-size: 1.25rem;
  }
  .japanese-sub,
  .japanese-sub-alt {
    max-width: 100%;
    font-size: .68rem;
    line-height: 1.55;
    letter-spacing: .06em;
  }
  .tagline {
    margin: 18px 0 20px;
    font-size: clamp(1.35rem, 7vw, 1.8rem);
    letter-spacing: .08em;
  }
  .hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
  }
  .hero-actions .primary-button,
  .hero-actions .secondary-button,
  #pump-button {
    width: 100%;
    min-width: 0;
    min-height: 54px;
    padding: 14px 13px;
    font-size: .78rem;
  }
  #pump-button strong { font-size: 1rem; }

  .micro-stats {
    width: 100%;
    gap: 8px;
    margin-top: 24px;
    padding-top: 15px;
  }
  .micro-stats div { min-width: 0; flex: 1; }
  .micro-stats span { font-size: 1.25rem; }
  .micro-stats small {
    font-size: .48rem;
    line-height: 1.25;
    letter-spacing: .04em;
  }

  .hero-radio-stack {
    width: 100%;
    display: block;
    margin: 0;
  }
  .hero-radio {
    width: 100% !important;
    max-width: 470px;
    margin: 0 auto;
    transform: none !important;
  }
  .hero-radio .radio-card {
    width: 100%;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(0,0,0,.4), 0 0 22px rgba(183,255,0,.08);
  }
  .hero-radio .radio-screen { padding: 13px 14px 11px; }
  .hero-radio .radio-screen strong {
    font-size: clamp(1.65rem, 8vw, 2.5rem);
    overflow-wrap: anywhere;
  }
  .hero-radio .radio-screen span { font-size: .72rem; }
  .hero-radio .radio-eq { height: 58px; gap: 3px; }
  .hero-radio .radio-controls {
    grid-template-columns: auto auto auto 1fr;
    gap: 10px;
    padding-inline: 4px;
  }
  .hero-radio .radio-controls b { width: 40px; height: 40px; }
  .hero-radio .volume-max {
    font-size: .55rem;
    letter-spacing: .05em;
    white-space: nowrap;
  }

  .kanji-storm { opacity: .18; pointer-events: none; }
  .hero-bottom {
    position: static;
    margin-top: 36px;
    display: flex;
    justify-content: flex-end;
    font-size: .62rem;
  }
  .hero-bottom p { display: none; }

  .ticker-strip { transform: none; }
  .ticker-track {
    gap: 28px;
    padding: 12px 0;
    font-size: 1rem;
  }

  .content-section {
    padding: 68px 18px;
  }
  .section-index {
    top: 15px;
    right: 8px;
    font-size: 6.5rem;
  }
  .content-section::after { opacity: .55; }
  .content-section h2 {
    margin-bottom: 18px;
    font-size: clamp(2.25rem, 12vw, 4rem);
    line-height: .92;
    overflow-wrap: anywhere;
  }
  .content-section p:not(.section-kicker) {
    font-size: .98rem;
    line-height: 1.55;
  }
  .section-kicker {
    max-width: 80%;
    font-size: .63rem;
    line-height: 1.5;
  }

  .meme-chart-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px !important;
    padding-inline: 14px !important;
  }
  .chart-section-copy { padding-inline: 4px; }
  .chart-copy-dex {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .gas-chart-card {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }
  .gas-chart-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px;
  }
  .gas-pair { min-width: 0; }
  .gas-pair img { width: 38px; height: 38px; }
  .gas-timeframes {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: 100%;
  }
  .gas-timeframes span { text-align: center; padding: 8px 4px; }
  .gas-price-row {
    padding: 14px;
    gap: 8px;
  }
  .gas-price-row strong { font-size: clamp(1.5rem, 8vw, 2.25rem); }
  .gas-chart-plot {
    width: calc(100% - 8px);
    height: 280px;
    margin-left: 0;
  }
  .gas-axis { font-size: .52rem; }
  .gas-chart-stats {
    grid-template-columns: 1fr;
  }
  .gas-chart-stats div {
    border-right: 0;
    border-bottom: 1px solid rgba(183,255,0,.14);
    padding: 12px 14px;
  }
  .gas-chart-stats div:last-child { border-bottom: 0; }

  .allocation-console {
    margin-top: 34px;
    grid-template-columns: 1fr;
    box-shadow: 8px 8px 0 rgba(183,255,0,.14);
  }
  .allocation-total { padding: 28px 18px; }
  .allocation-total strong {
    font-size: clamp(2rem, 12vw, 3.6rem);
    overflow-wrap: anywhere;
  }
  .allocation-bars { padding: 24px 16px; }
  .allocation-bars article div { gap: 8px; }
  .allocation-bars article strong { font-size: .82rem; }

  .race-track {
    margin-top: 36px;
    grid-template-columns: 1fr;
  }
  .race-track article {
    min-height: 0;
    padding: 28px 20px;
    border-left: 1px solid rgba(183,255,0,.35);
  }
  .race-track strong {
    margin: 44px 0 14px;
    font-size: 2.8rem;
  }

  .command-section {
    grid-template-columns: minmax(0,1fr);
    gap: 34px;
  }
  .command-links a {
    grid-template-columns: 28px minmax(0,1fr);
    gap: 10px;
    padding: 18px 6px;
  }
  .command-links strong {
    font-size: clamp(1.25rem, 7vw, 2rem);
    overflow-wrap: anywhere;
  }
  .command-links small {
    font-size: .66rem;
    line-height: 1.4;
  }
  .command-links b { display: none; }

  .final-cta {
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 52px 18px 46px;
    text-align: center;
  }
  .final-cta > img {
    width: 112px;
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: 8px 8px 0 #000;
  }
  .contract-details {
    width: 100%;
    min-width: 0;
  }
  .final-cta p { margin-bottom: 12px; }
  .final-cta #copy-button {
    display: block;
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(0,0,0,.4);
    background: rgba(0,0,0,.06);
    font-family: Arial, sans-serif;
    font-size: .78rem;
    line-height: 1.45;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: break-all;
  }
  .contract-socials {
    width: 100%;
    justify-content: center;
    margin: 18px 0 0;
  }
  .contract-socials::before { display: inline-block; }
  .contract-socials .social-icon { width: 42px; height: 42px; }
  .massive {
    grid-column: auto;
    width: 100%;
    min-width: 0;
    min-height: 56px;
  }

  footer {
    align-items: flex-start;
    gap: 10px;
    padding: 24px 18px;
    font-size: .6rem;
    line-height: 1.45;
  }
  .toast {
    left: 14px;
    right: 14px;
    bottom: 14px;
    width: auto;
    text-align: center;
    box-shadow: 5px 5px 0 white;
  }
}

@media (max-width: 390px) {
  .site-header { padding-inline: 8px; gap: 5px; }
  .brand img { width: 42px; height: 42px; }
  .site-header > .header-socials .social-icon {
    width: 27px;
    height: 27px;
    min-width: 27px;
  }
  .site-header > .outline-button {
    padding: 9px 7px;
    font-size: .56rem;
  }
  .hero { padding-inline: 14px; }
  .hero-actions { grid-template-columns: 1fr; }
  .micro-stats span { font-size: 1.08rem; }
  .micro-stats small { font-size: .43rem; }
  .hero-radio .radio-controls { gap: 7px; }
  .hero-radio .radio-controls b { width: 36px; height: 36px; }
  .content-section { padding-inline: 14px; }
}

@media (hover: none) and (pointer: coarse) {
  .primary-button:hover,
  .secondary-button:hover,
  .outline-button:hover,
  .community-links a:hover,
  .command-links a:hover,
  .social-icon:hover {
    transform: none;
  }
  button, a { -webkit-tap-highlight-color: transparent; }
}

/* Mobile chaos shake restoration */
@media (max-width: 760px) {
  body.chaos #app {
    transform: translate(var(--shake-x), var(--shake-y)) rotate(var(--shake-r)) !important;
    transform-origin: center 30vh;
    will-change: transform;
  }

  body.chaos.boost #app {
    animation: impact .12s steps(2) 5 !important;
  }

  body:not(.chaos) #app {
    transform: none !important;
    animation: none !important;
  }
}