/* =====================================================================
   401jK — SKINS
   10 toggleable "epic" visual variants layered on top of styles.css.
   The page structure and base styles are untouched: when no skin is
   active the original look applies. Activating a skin (html[data-skin])
   swaps a set of CSS variables that drive a shared enhancement layer.
   ===================================================================== */

/* ---------------------------------------------------------------------
   SKIN PALETTES
   Each skin only defines variables. The enhancement layer below reads
   them, so every skin gets the same upgraded buttons / titles / glows.
   --------------------------------------------------------------------- */

/* 1 · Neon Rainbow Turbo — the classic look, supercharged */
html[data-skin="1"] {
  --sk-grad: linear-gradient(45deg, #ff0080, #7928ca, #00e5ff, #00ff85, #ffe600, #ff0080, #7928ca, #00e5ff);
  --sk-accent: #ff3df0;
  --sk-glow: rgba(255, 61, 240, 0.55);
  --sk-glow2: rgba(0, 229, 255, 0.45);
  --sk-inner: #0b0b0b;
  --sk-speed: 6s;
}

/* 2 · Cyberpunk — magenta & cyan, high voltage */
html[data-skin="2"] {
  --sk-grad: linear-gradient(45deg, #ff007a, #00eaff, #ff007a, #00eaff, #ff007a);
  --sk-accent: #00eaff;
  --sk-glow: rgba(255, 0, 122, 0.6);
  --sk-glow2: rgba(0, 234, 255, 0.5);
  --sk-inner: #07060a;
  --sk-speed: 5s;
}

/* 3 · Solana — purple to mint, on-brand */
html[data-skin="3"] {
  --sk-grad: linear-gradient(45deg, #9945ff, #14f195, #19fb9b, #9945ff, #14f195);
  --sk-accent: #14f195;
  --sk-glow: rgba(153, 69, 255, 0.55);
  --sk-glow2: rgba(20, 241, 149, 0.5);
  --sk-inner: #0a0712;
  --sk-speed: 7s;
}

/* 4 · Gold Luxe — black & shimmering gold */
html[data-skin="4"] {
  --sk-grad: linear-gradient(45deg, #8a6d1d, #fcf6ba, #b38728, #fbf5b7, #aa771c, #fcf6ba);
  --sk-accent: #f5d061;
  --sk-glow: rgba(245, 208, 97, 0.5);
  --sk-glow2: rgba(179, 135, 40, 0.4);
  --sk-inner: #0c0a05;
  --sk-speed: 8s;
}

/* 5 · Matrix — phosphor green CRT */
html[data-skin="5"] {
  --sk-grad: linear-gradient(45deg, #00ff41, #008f11, #00ff41, #003b00, #00ff41);
  --sk-accent: #00ff41;
  --sk-glow: rgba(0, 255, 65, 0.6);
  --sk-glow2: rgba(0, 143, 17, 0.45);
  --sk-inner: #020a02;
  --sk-speed: 6s;
}

/* 6 · Vaporwave — pastel pink, purple, teal */
html[data-skin="6"] {
  --sk-grad: linear-gradient(45deg, #ff71ce, #b967ff, #01cdfe, #05ffa1, #fffb96, #ff71ce);
  --sk-accent: #ff71ce;
  --sk-glow: rgba(255, 113, 206, 0.55);
  --sk-glow2: rgba(1, 205, 254, 0.45);
  --sk-inner: #0a0813;
  --sk-speed: 7s;
}

/* 7 · Frost — icy glass blues */
html[data-skin="7"] {
  --sk-grad: linear-gradient(45deg, #7ee8fa, #c2e9fb, #a1c4fd, #e0f7ff, #7ee8fa);
  --sk-accent: #9fe9ff;
  --sk-glow: rgba(126, 232, 250, 0.55);
  --sk-glow2: rgba(161, 196, 253, 0.45);
  --sk-inner: #061015;
  --sk-speed: 9s;
}

/* 8 · Inferno — fire red, orange, gold */
html[data-skin="8"] {
  --sk-grad: linear-gradient(45deg, #ff0000, #ff7b00, #ffd000, #ff3000, #ff0000);
  --sk-accent: #ff7b00;
  --sk-glow: rgba(255, 0, 0, 0.6);
  --sk-glow2: rgba(255, 123, 0, 0.5);
  --sk-inner: #0f0402;
  --sk-speed: 4.5s;
}

/* 9 · Synthwave Outrun — neon sunset */
html[data-skin="9"] {
  --sk-grad: linear-gradient(45deg, #fe53bb, #7b2ff7, #f72585, #ff8a00, #fe53bb);
  --sk-accent: #fe53bb;
  --sk-glow: rgba(254, 83, 187, 0.6);
  --sk-glow2: rgba(123, 47, 247, 0.5);
  --sk-inner: #0b0612;
  --sk-speed: 6s;
}

/* 10 · Toxic Acid — radioactive lime */
html[data-skin="10"] {
  --sk-grad: linear-gradient(45deg, #aaff00, #00ff66, #ccff00, #39ff14, #aaff00);
  --sk-accent: #aaff00;
  --sk-glow: rgba(170, 255, 0, 0.6);
  --sk-glow2: rgba(57, 255, 20, 0.5);
  --sk-inner: #060a02;
  --sk-speed: 5s;
}

/* Map skin accent onto the original palette variables so existing rules
   (titles, loading text, nav, etc.) pick up the new color automatically. */
html[data-skin] {
  --accent-color: var(--sk-accent);
  --primary-color: var(--sk-accent);
}

/* ---------------------------------------------------------------------
   SHARED ENHANCEMENT LAYER
   Applies to any active skin. Higher specificity than the base rules
   (html[data-skin] prefix) so no !important is needed.
   --------------------------------------------------------------------- */

/* --- Animated gradient-border buttons & links --- */
html[data-skin] :is(
  .animated-button,
  .token-title-button,
  .token-buy-button,
  .how-to-buy-button,
  .phantom-button,
  .randomizer-button,
  .landing-partner-link
)::before,
html[data-skin] :is(
  .animated-button,
  .token-title-button,
  .token-buy-button,
  .how-to-buy-button,
  .phantom-button,
  .randomizer-button,
  .landing-partner-link
)::after {
  background: var(--sk-grad);
  background-size: 300%;
  animation: steam var(--sk-speed) linear infinite;
}

/* Turn the (originally near-invisible) ::after into a real neon halo */
html[data-skin] :is(
  .animated-button,
  .token-title-button,
  .token-buy-button,
  .how-to-buy-button,
  .phantom-button,
  .randomizer-button,
  .landing-partner-link
)::after {
  filter: blur(15px);
  opacity: 0.7;
}

/* Recolor the inner pill and punch up hover */
html[data-skin] :is(
  .animated-button-inner,
  .token-title-button-inner,
  .token-buy-button-inner,
  .how-to-buy-button-inner,
  .phantom-button-inner,
  .randomizer-button-inner
) {
  background: var(--sk-inner);
}

html[data-skin] :is(
  .animated-button,
  .token-title-button,
  .token-buy-button,
  .how-to-buy-button,
  .phantom-button,
  .randomizer-button,
  .landing-partner-link
) {
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

html[data-skin] :is(
  .animated-button,
  .token-title-button,
  .token-buy-button,
  .how-to-buy-button,
  .phantom-button,
  .randomizer-button
):hover {
  transform: translateY(-4px) scale(1.035);
}

html[data-skin] :is(
  .animated-button,
  .token-title-button,
  .token-buy-button,
  .how-to-buy-button,
  .phantom-button,
  .randomizer-button
):hover::after {
  opacity: 1;
  filter: blur(22px);
}

/* --- Section / partner titles: animated gradient text + glow --- */
html[data-skin] .landing-partners-title,
html[data-skin] .section-title {
  background-image: var(--sk-grad);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: sk-shimmer 6s linear infinite;
  filter: drop-shadow(0 0 14px var(--sk-glow));
}

@keyframes sk-shimmer {
  to { background-position: 200% center; }
}

/* --- Manifesto emphasis lines pick up the accent --- */
html[data-skin] .manifesto .emphasis,
html[data-skin] .manifesto .conclusion,
html[data-skin] .manifesto .final-statement {
  color: var(--sk-accent);
  text-shadow: 0 0 16px var(--sk-glow);
}

/* --- Landing hero video: recolored pulsing glow --- */
html[data-skin] .landing-video-container {
  animation: sk-glowpulse 5s ease-in-out infinite alternate;
}

@keyframes sk-glowpulse {
  0% {
    box-shadow: 0 0 22px var(--sk-glow), 0 0 50px var(--sk-glow2);
  }
  100% {
    box-shadow: 0 0 48px var(--sk-glow), 0 0 96px var(--sk-glow2);
  }
}

html[data-skin] .secondary-video-container {
  border-radius: 1rem;
  box-shadow: 0 0 30px var(--sk-glow), 0 0 60px var(--sk-glow2);
}

/* --- Terminal: tint prompt/cursor/text toward the skin accent --- */
html[data-skin] .terminal-prompt,
html[data-skin] .terminal-text,
html[data-skin] .terminal-cursor {
  color: var(--sk-accent);
}
html[data-skin] .terminal-cursor {
  background: var(--sk-accent);
  box-shadow: 0 0 10px var(--sk-glow);
}

/* --- Language switcher + nav links --- */
html[data-skin] .lang-btn:hover {
  border-color: var(--sk-accent);
  color: var(--sk-accent);
  box-shadow: 0 0 12px var(--sk-glow);
}
html[data-skin] .lang-btn.active {
  background: var(--sk-accent);
  border-color: var(--sk-accent);
  box-shadow: 0 0 14px var(--sk-glow);
}
/* Nav hover/active: base fills the link with the accent colour, so keep
   the label readable (dark text) instead of tinting it the same accent. */
html[data-skin] .nav-link:hover,
html[data-skin] .nav-link.active {
  background-color: var(--sk-accent);
  color: #0a0a0a;
  text-shadow: none;
  box-shadow: 0 0 14px var(--sk-glow);
}

/* --- Logos & icons: glow on hover --- */
html[data-skin] .social-link:hover .social-logo {
  filter: brightness(1.2) drop-shadow(0 0 12px var(--sk-glow));
}
html[data-skin] .landing-partner-link:hover {
  transform: translateY(-3px) scale(1.04);
}
html[data-skin] .landing-partner-link:hover .landing-partner-logo {
  filter: drop-shadow(0 0 12px var(--sk-glow));
}
html[data-skin] .token-link-button {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
html[data-skin] .token-link-button:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 0 18px var(--sk-glow);
}

/* --- Contract address / code boxes get an accent edge --- */
html[data-skin] .ca-box,
html[data-skin] .contract-box,
html[data-skin] .token-address {
  border: 1px solid var(--sk-accent);
  box-shadow: inset 0 0 12px var(--sk-glow);
}

/* --- Explore-memes & image buttons: accent drop shadow --- */
html[data-skin] .landing-button-img:hover {
  filter: brightness(1.2) drop-shadow(0 0 16px var(--sk-glow));
}

/* --- Meme gallery thumbnails: subtle accent hover --- */
html[data-skin] .meme-gallery img:hover,
html[data-skin] .meme-marquee-img:hover {
  box-shadow: 0 0 18px var(--sk-glow);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  html[data-skin] .landing-partners-title,
  html[data-skin] .section-title,
  html[data-skin] .landing-video-container,
  html[data-skin] :is(.animated-button, .token-title-button, .token-buy-button,
    .how-to-buy-button, .phantom-button, .randomizer-button,
    .landing-partner-link)::before,
  html[data-skin] :is(.animated-button, .token-title-button, .token-buy-button,
    .how-to-buy-button, .phantom-button, .randomizer-button,
    .landing-partner-link)::after {
    animation-duration: 30s;
  }
}

/* =====================================================================
   SKIN SWITCHER WIDGET
   ===================================================================== */
/* Hidden until the easter egg is found */
.sk-switcher.sk-locked { display: none; }

/* ===================== NFT "Coming soon" popup ===================== */
.nft-soon-overlay {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.nft-soon-overlay.show { display: flex; }

.nft-soon-card {
  position: relative;
  max-width: 440px;
  width: 100%;
  text-align: center;
  padding: 2.6rem 2rem 2.2rem;
  border-radius: 18px;
  background: rgba(10, 10, 18, 0.96);
  border: 1px solid rgba(95, 240, 255, 0.6);
  box-shadow: 0 0 40px rgba(95, 240, 255, 0.45), 0 0 90px rgba(176, 107, 255, 0.35);
  animation: nft-soon-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes nft-soon-pop {
  from { transform: scale(0.85) translateY(10px); opacity: 0; }
  to { transform: scale(1) translateY(0); opacity: 1; }
}

.nft-soon-emoji { font-size: 2.6rem; margin-bottom: 0.6rem; }

.nft-soon-title {
  font-family: 'OutlinePixel7', sans-serif;
  font-size: 2.2rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 0.6rem;
  background: linear-gradient(90deg, #5ff0ff, #b06bff, #ff6ad5, #5ff0ff);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: sk-shimmer 5s linear infinite;
}

.nft-soon-text {
  color: #cfe9f5;
  font-size: 1.05rem;
  line-height: 1.6;
  margin: 0;
}

.nft-soon-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: transparent;
  border: 0;
  color: #8ad7e6;
  font-size: 1.8rem;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
}
.nft-soon-close:hover { color: #fff; transform: scale(1.15); }

/* NFT button-style switcher sits bottom-left (skins switcher is bottom-right) */
.sk-switcher.sk-nft {
  right: auto;
  left: 18px;
}
.sk-switcher.sk-nft .sk-panel {
  right: auto;
  left: 0;
}

.sk-switcher {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1500;
  font-family: 'OutlinePixel7', -apple-system, BlinkMacSystemFont, sans-serif;
}

.sk-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1.1rem;
  border-radius: 14px;
  border: 0;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background: #111;
  position: relative;
  isolation: isolate;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.6);
}

.sk-toggle::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 16px;
  z-index: -1;
  background: var(--sk-grad, linear-gradient(45deg, #ff0080, #7928ca, #00e5ff, #00ff85, #ffe600, #ff0080));
  background-size: 300%;
  animation: steam 6s linear infinite;
}

.sk-toggle .sk-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--sk-accent, #ff3df0);
  box-shadow: 0 0 10px var(--sk-glow, rgba(255, 61, 240, 0.6));
}

.sk-panel {
  position: absolute;
  right: 0;
  bottom: calc(100% + 12px);
  width: 240px;
  max-height: 70vh;
  overflow-y: auto;
  padding: 0.6rem;
  border-radius: 16px;
  background: rgba(10, 10, 12, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
  display: none;
  flex-direction: column;
  gap: 0.35rem;
}

.sk-switcher.open .sk-panel {
  display: flex;
}

.sk-panel-title {
  font-size: 0.8rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #888;
  padding: 0.3rem 0.5rem 0.5rem;
}

.sk-option {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.55rem 0.7rem;
  border: 1px solid transparent;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  color: #eee;
  font-size: 0.92rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.sk-option:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateX(2px);
}

.sk-option.active {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

.sk-swatch {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  flex: 0 0 auto;
  background-size: 300%;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

/* Toast shown briefly when switching skins */
.sk-toast {
  position: fixed;
  left: 50%;
  bottom: 90px;
  transform: translateX(-50%) translateY(20px);
  z-index: 1501;
  padding: 0.7rem 1.4rem;
  border-radius: 12px;
  background: rgba(10, 10, 12, 0.95);
  color: #fff;
  font-family: 'OutlinePixel7', sans-serif;
  font-size: 1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid var(--sk-accent, #ff3df0);
  box-shadow: 0 0 24px var(--sk-glow, rgba(255, 61, 240, 0.6));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.sk-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

@media (max-width: 640px) {
  .sk-toggle .sk-toggle-label { display: none; }
  .sk-toggle { padding: 0.7rem; }
  .sk-panel { width: 200px; }
}

/* =====================================================================
   EXPERIMENTAL SKINS (11–20)
   These go beyond palette swaps: each adds a "signature" effect on top
   of the shared enhancement layer — glitch, chrome, holo, scanlines,
   wireframe, thermal, aurora, plasma, nebula, anaglyph.
   Full-screen ambient overlays live on body::before / body::after at
   z-index 50 (below modals at 2000+), pointer-events:none.
   ===================================================================== */

/* ---- shared group aliases used by several skins ---- */
/* (kept inline per-rule since CSS can't store selector lists) */

/* 11 · GLITCH.EXE — datamosh / RGB split */
html[data-skin="11"] {
  --sk-grad: linear-gradient(45deg, #ff003c, #00fff9, #ff003c, #00fff9);
  --sk-accent: #00fff9;
  --sk-glow: rgba(255, 0, 60, 0.6);
  --sk-glow2: rgba(0, 255, 249, 0.5);
  --sk-inner: #050008;
  --sk-speed: 5s;
}
html[data-skin="11"] .landing-partners-title,
html[data-skin="11"] .section-title {
  background: none;
  -webkit-text-fill-color: var(--sk-accent);
  color: var(--sk-accent);
  -webkit-background-clip: border-box;
  background-clip: border-box;
  filter: drop-shadow(0 0 8px var(--sk-glow));
  animation: sk-glitch 2.4s steps(2, end) infinite;
}
@keyframes sk-glitch {
  0%, 100% { text-shadow: none; transform: translate(0); }
  10% { text-shadow: -2px 0 #ff003c, 2px 0 #00fff9; transform: translate(1px, -1px); }
  30% { text-shadow: 2px 0 #ff003c, -2px 0 #00fff9; transform: translate(-1px, 1px); }
  31% { clip-path: inset(10% 0 60% 0); }
  32% { clip-path: inset(0 0 0 0); }
  55% { text-shadow: -1px 0 #ff003c, 1px 0 #00fff9; transform: translate(1px, 0); }
  70% { text-shadow: 2px 0 #00fff9, -2px 0 #ff003c; }
}
html[data-skin="11"] body::before {
  content: "";
  position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg,
    rgba(0,0,0,0) 0, rgba(0,0,0,0) 2px,
    rgba(0,255,249,0.05) 3px, rgba(0,0,0,0) 4px);
  mix-blend-mode: screen;
  animation: sk-flicker 4s steps(40) infinite;
}
@keyframes sk-flicker {
  0%,100% { opacity: 0.55; }
  50% { opacity: 0.85; }
  53% { opacity: 0.3; }
}

/* 12 · LIQUID CHROME — molten metal */
html[data-skin="12"] {
  --sk-grad: linear-gradient(120deg, #e8eef3, #9aa3ad, #ffffff, #6b7280, #cfd6dd, #ffffff, #8b95a1);
  --sk-accent: #cfd6dd;
  --sk-glow: rgba(200, 220, 255, 0.5);
  --sk-glow2: rgba(255, 255, 255, 0.4);
  --sk-inner: #15171a;
  --sk-speed: 4s;
}
html[data-skin="12"] .landing-partners-title,
html[data-skin="12"] .section-title {
  animation: sk-shimmer 3s linear infinite;
  filter: drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 1px rgba(0,0,0,0.6)) drop-shadow(0 0 10px var(--sk-glow));
}
html[data-skin="12"] :is(.animated-button-inner, .token-title-button-inner,
  .token-buy-button-inner, .how-to-buy-button-inner, .phantom-button-inner,
  .randomizer-button-inner) {
  background: linear-gradient(180deg, #2a2e33 0%, #0e1013 50%, #1c1f24 51%, #34393f 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 -2px 5px rgba(0,0,0,0.6);
}

/* 13 · HOLO FOIL — iridescent hologram */
html[data-skin="13"] {
  --sk-grad: conic-gradient(from 0deg, #ff00cc, #3333ff, #00ffcc, #ffff66, #ff7700, #ff00cc);
  --sk-accent: #ff8af0;
  --sk-glow: rgba(255, 0, 204, 0.5);
  --sk-glow2: rgba(0, 255, 204, 0.5);
  --sk-inner: #0a0610;
  --sk-speed: 8s;
}
html[data-skin="13"] :is(.animated-button, .token-title-button, .token-buy-button,
  .how-to-buy-button, .phantom-button, .randomizer-button, .landing-partner-link) {
  animation: sk-holo 6s linear infinite;
}
html[data-skin="13"] .landing-partners-title,
html[data-skin="13"] .section-title {
  animation: sk-shimmer 6s linear infinite, sk-holo 6s linear infinite;
}
@keyframes sk-holo {
  from { filter: hue-rotate(0deg); }
  to { filter: hue-rotate(360deg); }
}

/* 14 · VHS TRACKING — worn videotape */
html[data-skin="14"] {
  --sk-grad: linear-gradient(45deg, #ff4d6d, #5ad1ff, #ff4d6d, #5ad1ff);
  --sk-accent: #eaeaea;
  --sk-glow: rgba(255, 77, 109, 0.5);
  --sk-glow2: rgba(90, 209, 255, 0.5);
  --sk-inner: #0a0a0a;
  --sk-speed: 6s;
}
html[data-skin="14"] .landing-partners-title,
html[data-skin="14"] .section-title {
  background: none;
  -webkit-text-fill-color: #f3f3f3;
  color: #f3f3f3;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  filter: none;
  text-shadow: -2px 0 #ff4d6d, 2px 0 #5ad1ff;
  animation: sk-vhs-jitter 0.18s steps(2) infinite;
}
@keyframes sk-vhs-jitter {
  0%,100% { transform: translateX(0); }
  50% { transform: translateX(0.5px) skewX(-0.4deg); }
}
html[data-skin="14"] body::before {
  content: "";
  position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg,
    rgba(0,0,0,0) 0, rgba(0,0,0,0) 2px, rgba(255,255,255,0.04) 3px, rgba(0,0,0,0) 4px);
  mix-blend-mode: screen;
}
html[data-skin="14"] body::after {
  content: "";
  position: fixed; left: 0; right: 0; top: -140px; height: 140px;
  z-index: 51; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,0.08), rgba(90,209,255,0.06), transparent);
  animation: sk-vhs-track 7s linear infinite;
}
@keyframes sk-vhs-track {
  to { transform: translateY(120vh); }
}

/* 15 · BLUEPRINT — technical schematic / wireframe */
html[data-skin="15"] {
  --sk-grad: linear-gradient(45deg, #1e6fff, #5ec8ff, #1e6fff);
  --sk-accent: #6fd0ff;
  --sk-glow: rgba(30, 111, 255, 0.4);
  --sk-glow2: rgba(94, 200, 255, 0.3);
  --sk-inner: rgba(8, 20, 40, 0.6);
  --sk-speed: 12s;
}
html[data-skin="15"] body::before {
  content: "";
  position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background-color: rgba(8, 20, 40, 0.32);
  background-image:
    linear-gradient(rgba(94,200,255,0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94,200,255,0.09) 1px, transparent 1px);
  background-size: 34px 34px;
}
/* hide the animated gradient glow, draw crisp dashed wireframe instead */
html[data-skin="15"] :is(.animated-button, .token-title-button, .token-buy-button,
  .how-to-buy-button, .phantom-button, .randomizer-button, .landing-partner-link)::before,
html[data-skin="15"] :is(.animated-button, .token-title-button, .token-buy-button,
  .how-to-buy-button, .phantom-button, .randomizer-button, .landing-partner-link)::after {
  opacity: 0;
}
html[data-skin="15"] :is(.animated-button-inner, .token-title-button-inner,
  .token-buy-button-inner, .how-to-buy-button-inner, .phantom-button-inner,
  .randomizer-button-inner) {
  background: rgba(8, 20, 40, 0.55);
  border: 1.5px dashed var(--sk-accent);
  color: var(--sk-accent);
  box-shadow: inset 0 0 12px rgba(94,200,255,0.15);
}
html[data-skin="15"] .landing-partners-title,
html[data-skin="15"] .section-title {
  background: none;
  -webkit-text-fill-color: var(--sk-accent);
  color: var(--sk-accent);
  -webkit-background-clip: border-box;
  background-clip: border-box;
  filter: none;
  text-shadow: 0 0 2px rgba(94,200,255,0.5);
  animation: none;
}

/* 16 · THERMAL CAM — infrared heatmap */
html[data-skin="16"] {
  --sk-grad: linear-gradient(45deg, #000428, #240b6b, #b3009b, #ff2d00, #ff8c00, #ffe000, #ffffff);
  --sk-accent: #ff8c00;
  --sk-glow: rgba(255, 45, 0, 0.55);
  --sk-glow2: rgba(255, 224, 0, 0.45);
  --sk-inner: #08010a;
  --sk-speed: 7s;
}
html[data-skin="16"] .landing-video,
html[data-skin="16"] .secondary-video {
  filter: contrast(1.3) saturate(2.2) hue-rotate(-15deg) brightness(1.05);
}
html[data-skin="16"] .landing-partners-title,
html[data-skin="16"] .section-title {
  filter: drop-shadow(0 0 6px var(--sk-glow)) drop-shadow(0 0 20px var(--sk-glow2));
}

/* 17 · AURORA — northern lights */
html[data-skin="17"] {
  --sk-grad: linear-gradient(70deg, #00ffa3, #00c2ff, #7b5cff, #00ffa3);
  --sk-accent: #00ffa3;
  --sk-glow: rgba(0, 255, 163, 0.45);
  --sk-glow2: rgba(123, 92, 255, 0.4);
  --sk-inner: #04120e;
  --sk-speed: 9s;
}
html[data-skin="17"] body::before {
  content: "";
  position: fixed; inset: -25%; z-index: 50; pointer-events: none;
  background: linear-gradient(115deg,
    transparent 18%, rgba(0,255,163,0.18) 34%, rgba(0,194,255,0.14) 50%,
    rgba(123,92,255,0.16) 66%, transparent 82%);
  filter: blur(45px);
  mix-blend-mode: screen;
  animation: sk-aurora 12s ease-in-out infinite alternate;
}
@keyframes sk-aurora {
  0% { transform: translateY(-8%) skewX(-7deg) scaleY(1); }
  100% { transform: translateY(8%) skewX(7deg) scaleY(1.25); }
}

/* 18 · PLASMA STORM — drifting energy field */
html[data-skin="18"] {
  --sk-grad: linear-gradient(45deg, #ff00e6, #00b3ff, #ff00e6, #7a00ff);
  --sk-accent: #ff00e6;
  --sk-glow: rgba(255, 0, 230, 0.5);
  --sk-glow2: rgba(0, 179, 255, 0.5);
  --sk-inner: #0a0212;
  --sk-speed: 5s;
}
html[data-skin="18"] body::before {
  content: "";
  position: fixed; inset: -30%; z-index: 50; pointer-events: none;
  mix-blend-mode: screen; filter: blur(60px);
  background:
    radial-gradient(40% 40% at 30% 30%, rgba(255,0,230,0.5), transparent 60%),
    radial-gradient(45% 45% at 70% 40%, rgba(0,179,255,0.45), transparent 60%),
    radial-gradient(40% 40% at 50% 75%, rgba(122,0,255,0.5), transparent 60%);
  background-size: 200% 200%;
  animation: sk-plasma 18s ease-in-out infinite alternate;
}
@keyframes sk-plasma {
  0% { background-position: 0% 0%, 100% 0%, 50% 100%; }
  100% { background-position: 100% 100%, 0% 100%, 50% 0%; }
}

/* 19 · COSMIC NEBULA — starfield & gas clouds */
html[data-skin="19"] {
  --sk-grad: linear-gradient(45deg, #6a00ff, #ff2ec4, #00d4ff, #6a00ff);
  --sk-accent: #c77dff;
  --sk-glow: rgba(199, 125, 255, 0.5);
  --sk-glow2: rgba(0, 212, 255, 0.4);
  --sk-inner: #06030f;
  --sk-speed: 8s;
}
html[data-skin="19"] body::before {
  content: "";
  position: fixed; inset: -20%; z-index: 50; pointer-events: none;
  mix-blend-mode: screen; filter: blur(50px);
  background:
    radial-gradient(35% 35% at 25% 30%, rgba(106,0,255,0.5), transparent 60%),
    radial-gradient(35% 35% at 75% 35%, rgba(255,46,196,0.4), transparent 60%),
    radial-gradient(40% 40% at 55% 80%, rgba(0,212,255,0.4), transparent 60%);
  background-size: 180% 180%;
  animation: sk-plasma 26s ease-in-out infinite alternate;
}
html[data-skin="19"] body::after {
  content: "";
  position: fixed; inset: 0; z-index: 51; pointer-events: none;
  background-image:
    radial-gradient(1px 1px at 20% 30%, #fff, transparent),
    radial-gradient(1px 1px at 70% 60%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 40% 80%, #fff, transparent),
    radial-gradient(1px 1px at 85% 25%, #fff, transparent),
    radial-gradient(1px 1px at 55% 15%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 12% 70%, #fff, transparent),
    radial-gradient(1px 1px at 90% 80%, #fff, transparent);
  animation: sk-twinkle 4s ease-in-out infinite alternate;
}
@keyframes sk-twinkle {
  0% { opacity: 0.35; }
  100% { opacity: 0.9; }
}

/* 20 · ANAGLYPH 3D — red/cyan stereo pop */
html[data-skin="20"] {
  --sk-grad: linear-gradient(45deg, #ff1f1f, #1fffff, #ff1f1f, #1fffff);
  --sk-accent: #ff4d4d;
  --sk-glow: rgba(255, 31, 31, 0.5);
  --sk-glow2: rgba(31, 255, 255, 0.5);
  --sk-inner: #060606;
  --sk-speed: 6s;
}
html[data-skin="20"] .landing-partners-title,
html[data-skin="20"] .section-title {
  background: none;
  -webkit-text-fill-color: #f2f2f2;
  color: #f2f2f2;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  filter: none;
  text-shadow: -3px 0 #ff1f1f, 3px 0 #1fffff;
  animation: sk-anaglyph 3s ease-in-out infinite;
}
@keyframes sk-anaglyph {
  0%, 100% { transform: translateX(-1px); }
  50% { transform: translateX(1px); }
}
html[data-skin="20"] :is(.landing-video, .roadmap-image, .merch-image, .meme-marquee-img) {
  filter: drop-shadow(-3px 0 0 rgba(255,31,31,0.6)) drop-shadow(3px 0 0 rgba(31,255,255,0.6));
}
html[data-skin="20"] :is(.animated-button-inner, .token-title-button-inner,
  .token-buy-button-inner, .how-to-buy-button-inner, .phantom-button-inner,
  .randomizer-button-inner) {
  text-shadow: -2px 0 rgba(255,31,31,0.8), 2px 0 rgba(31,255,255,0.8);
}

/* =====================================================================
   VHS × GLITCH FUSION FAMILY (21–40)
   A shared effect kit (RGB-split titles, scanlines, tracking band,
   jitter, datatear, image chroma) driven entirely by variables. Each
   skin below only sets its palette + intensity; several add a unique
   signature (warble, roll, chroma pulse, red alert, ghosting, pixels).
   Activated via html[data-fx="vg"] (set by skins.js alongside data-skin).
   Defaults assume red/cyan bleed; skins override the bleed vars.
   ===================================================================== */

/* --- Glitched, color-bleeding titles --- */
html[data-fx="vg"] .landing-partners-title,
html[data-fx="vg"] .section-title {
  background: none;
  -webkit-text-fill-color: var(--sk-title, #f2f2f2);
  color: var(--sk-title, #f2f2f2);
  -webkit-background-clip: border-box;
  background-clip: border-box;
  filter: none;
  text-shadow:
    calc(-1 * var(--sk-split, 2px)) 0 var(--sk-bleed-a, #ff003c),
    var(--sk-split, 2px) 0 var(--sk-bleed-b, #00fff9);
  animation: sk-vg-title var(--sk-glitch-speed, 2.4s) steps(2, end) infinite;
}

@keyframes sk-vg-title {
  0%, 100% { transform: translate(0); }
  8%  { transform: translate(var(--sk-jit, 1px), -1px); }
  16% { transform: translate(calc(-1 * var(--sk-jit, 1px)), 1px); }
  20% { clip-path: inset(6% 0 64% 0); }
  21% { clip-path: inset(0 0 0 0); }
  52% { clip-path: inset(46% 0 26% 0); transform: translate(var(--sk-jit, 1px), 0); }
  53% { clip-path: inset(0 0 0 0); }
  72% { transform: translate(calc(-1 * var(--sk-jit, 1px)), 0); }
}

/* --- Scanline overlay --- */
html[data-fx="vg"] body::before {
  content: "";
  position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg,
    transparent 0, transparent 2px,
    var(--sk-scan, rgba(255,255,255,0.05)) 3px, transparent 4px);
  mix-blend-mode: screen;
  animation: sk-flicker var(--sk-scan-speed, 4s) steps(40) infinite;
}

/* --- Sweeping tracking band --- */
html[data-fx="vg"] body::after {
  content: "";
  position: fixed; left: 0; right: 0; top: -140px; height: 140px;
  z-index: 51; pointer-events: none;
  background: linear-gradient(180deg, transparent,
    var(--sk-track, rgba(255,255,255,0.08)),
    var(--sk-track2, rgba(0,255,249,0.05)), transparent);
  animation: sk-vhs-track var(--sk-track-speed, 7s) linear infinite;
}

/* --- RGB-split on media --- */
html[data-fx="vg"] :is(.landing-video, .secondary-video, .roadmap-image,
  .merch-image, .meme-marquee-img) {
  filter:
    drop-shadow(calc(-1 * var(--sk-split, 2px)) 0 0 var(--sk-bleed-a-soft, rgba(255,0,60,0.5)))
    drop-shadow(var(--sk-split, 2px) 0 0 var(--sk-bleed-b-soft, rgba(0,255,249,0.5)));
}

/* --- Button label color bleed --- */
html[data-fx="vg"] :is(.animated-button-inner, .token-title-button-inner,
  .token-buy-button-inner, .how-to-buy-button-inner, .phantom-button-inner,
  .randomizer-button-inner) {
  text-shadow: -1px 0 var(--sk-bleed-a, #ff003c), 1px 0 var(--sk-bleed-b, #00fff9);
}

/* ---- Signature animations used by specific skins ---- */
@keyframes sk-warble {
  0%, 100% { transform: skewX(0deg) translateX(0); }
  25% { transform: skewX(0.7deg) translateX(1px); }
  75% { transform: skewX(-0.7deg) translateX(-1px); }
}
@keyframes sk-roll {
  to { background-position: 0 9px; }
}
@keyframes sk-redpulse {
  0%, 100% { background-color: rgba(255, 0, 0, 0); }
  50% { background-color: rgba(255, 0, 0, 0.07); }
}
@keyframes sk-chroma {
  0%, 100% { text-shadow: -2px 0 #ff0000, 2px 0 #00ffff; }
  50% { text-shadow: -7px 0 #ff0000, 7px 0 #00ffff; }
}

/* ===================== PALETTES (21–40) ===================== */

/* 21 · VHS Glitch — the core fusion */
html[data-skin="21"] {
  --sk-grad: linear-gradient(45deg, #ff003c, #00fff9, #ff003c, #00fff9);
  --sk-accent: #00fff9; --sk-glow: rgba(255,0,60,0.6); --sk-glow2: rgba(0,255,249,0.5);
  --sk-inner: #050008; --sk-speed: 5s;
  --sk-bleed-a: #ff003c; --sk-bleed-b: #00fff9;
}

/* 22 · No Signal — broadcast static */
html[data-skin="22"] {
  --sk-grad: linear-gradient(45deg, #cfcfcf, #ff3b3b, #3bffff, #cfcfcf);
  --sk-accent: #dcdcdc; --sk-glow: rgba(255,255,255,0.45); --sk-glow2: rgba(120,120,120,0.4);
  --sk-inner: #0a0a0a; --sk-speed: 4s;
  --sk-bleed-a: #ff3b3b; --sk-bleed-b: #3bffff;
  --sk-bleed-a-soft: rgba(255,59,59,0.5); --sk-bleed-b-soft: rgba(59,255,255,0.5);
  --sk-scan: rgba(255,255,255,0.1); --sk-scan-speed: 1.2s;
  --sk-glitch-speed: 1.4s; --sk-jit: 2px; --sk-track-speed: 2.4s; --sk-title: #eaeaea;
}

/* 23 · Datamosh — smeared pixels */
html[data-skin="23"] {
  --sk-grad: linear-gradient(45deg, #ff00a0, #00ffd5, #ff00a0, #00ffd5);
  --sk-accent: #ff00a0; --sk-glow: rgba(255,0,160,0.55); --sk-glow2: rgba(0,255,213,0.5);
  --sk-inner: #0a0010; --sk-speed: 4.5s;
  --sk-bleed-a: #ff00a0; --sk-bleed-b: #00ffd5;
  --sk-bleed-a-soft: rgba(255,0,160,0.5); --sk-bleed-b-soft: rgba(0,255,213,0.5);
  --sk-split: 3px; --sk-jit: 2px; --sk-glitch-speed: 1.8s;
}

/* 24 · Channel Surf — flipping channels */
html[data-skin="24"] {
  --sk-grad: linear-gradient(45deg, #ff0000, #ffe600, #00b3ff, #ff0000);
  --sk-accent: #ffe600; --sk-glow: rgba(255,0,0,0.5); --sk-glow2: rgba(0,179,255,0.5);
  --sk-inner: #0a0500; --sk-speed: 3s;
  --sk-bleed-a: #ff0000; --sk-bleed-b: #0000ff;
  --sk-bleed-a-soft: rgba(255,0,0,0.5); --sk-bleed-b-soft: rgba(0,0,255,0.5);
  --sk-track-speed: 1.6s; --sk-glitch-speed: 1.2s; --sk-scan-speed: 0.6s;
}

/* 25 · Worn Tape — yellowed, warbling */
html[data-skin="25"] {
  --sk-grad: linear-gradient(45deg, #c98a3a, #e8c87a, #6ad0c0, #c98a3a);
  --sk-accent: #e8c87a; --sk-glow: rgba(201,138,58,0.5); --sk-glow2: rgba(106,208,192,0.4);
  --sk-inner: #0c0a05; --sk-speed: 8s;
  --sk-bleed-a: #c98a3a; --sk-bleed-b: #6ad0c0;
  --sk-bleed-a-soft: rgba(201,138,58,0.45); --sk-bleed-b-soft: rgba(106,208,192,0.45);
  --sk-scan: rgba(255,220,150,0.06); --sk-split: 1px; --sk-glitch-speed: 3.5s; --sk-title: #f0e2c0;
}
html[data-skin="25"] :is(.landing-video, .secondary-video, .roadmap-image, .merch-image, .meme-marquee-img) {
  animation: sk-warble 3.4s ease-in-out infinite;
}

/* 26 · Cassette Neon */
html[data-skin="26"] {
  --sk-grad: linear-gradient(45deg, #ff2bd6, #2bf0ff, #ff2bd6, #2bf0ff);
  --sk-accent: #ff2bd6; --sk-glow: rgba(255,43,214,0.55); --sk-glow2: rgba(43,240,255,0.5);
  --sk-inner: #0a0410; --sk-speed: 4s;
  --sk-bleed-a: #ff2bd6; --sk-bleed-b: #2bf0ff;
  --sk-bleed-a-soft: rgba(255,43,214,0.5); --sk-bleed-b-soft: rgba(43,240,255,0.5);
}

/* 27 · Sync Loss — vertical roll */
html[data-skin="27"] {
  --sk-grad: linear-gradient(45deg, #ff3366, #33ffff, #ff3366);
  --sk-accent: #9affff; --sk-glow: rgba(255,51,102,0.5); --sk-glow2: rgba(51,255,255,0.5);
  --sk-inner: #07070a; --sk-speed: 5s;
  --sk-bleed-a: #ff3366; --sk-bleed-b: #33ffff;
  --sk-bleed-a-soft: rgba(255,51,102,0.5); --sk-bleed-b-soft: rgba(51,255,255,0.5);
  --sk-track-speed: 2.2s;
}
html[data-skin="27"] body::before {
  animation: sk-flicker 4s steps(40) infinite, sk-roll 2.2s linear infinite;
}
html[data-skin="27"] body::after {
  height: 220px; top: -220px;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.45), rgba(51,255,255,0.08), transparent);
}

/* 28 · Phosphor Glitch — green CRT */
html[data-skin="28"] {
  --sk-grad: linear-gradient(45deg, #00ff66, #aaff00, #00ff66);
  --sk-accent: #00ff66; --sk-glow: rgba(0,255,102,0.55); --sk-glow2: rgba(170,255,0,0.4);
  --sk-inner: #021004; --sk-speed: 6s;
  --sk-bleed-a: #00ff66; --sk-bleed-b: #ff0044;
  --sk-bleed-a-soft: rgba(0,255,102,0.5); --sk-bleed-b-soft: rgba(255,0,68,0.4);
  --sk-scan: rgba(0,255,100,0.06); --sk-title: #b6ffcf;
}

/* 29 · Vapor VHS */
html[data-skin="29"] {
  --sk-grad: linear-gradient(45deg, #ff71ce, #b967ff, #01cdfe, #ff71ce);
  --sk-accent: #b967ff; --sk-glow: rgba(255,113,206,0.5); --sk-glow2: rgba(1,205,254,0.45);
  --sk-inner: #0a0813; --sk-speed: 7s;
  --sk-bleed-a: #ff71ce; --sk-bleed-b: #01cdfe;
  --sk-bleed-a-soft: rgba(255,113,206,0.5); --sk-bleed-b-soft: rgba(1,205,254,0.45);
}

/* 30 · Glitch Gold */
html[data-skin="30"] {
  --sk-grad: linear-gradient(45deg, #f5d061, #00e0ff, #f5d061);
  --sk-accent: #f5d061; --sk-glow: rgba(245,208,97,0.5); --sk-glow2: rgba(0,224,255,0.45);
  --sk-inner: #0c0a05; --sk-speed: 6s;
  --sk-bleed-a: #f5d061; --sk-bleed-b: #00e0ff;
  --sk-bleed-a-soft: rgba(245,208,97,0.5); --sk-bleed-b-soft: rgba(0,224,255,0.45);
}

/* 31 · Cyber Static */
html[data-skin="31"] {
  --sk-grad: linear-gradient(45deg, #ff007a, #00eaff, #ff007a);
  --sk-accent: #00eaff; --sk-glow: rgba(255,0,122,0.55); --sk-glow2: rgba(0,234,255,0.5);
  --sk-inner: #07060a; --sk-speed: 4s;
  --sk-bleed-a: #ff007a; --sk-bleed-b: #00eaff;
  --sk-bleed-a-soft: rgba(255,0,122,0.5); --sk-bleed-b-soft: rgba(0,234,255,0.5);
  --sk-scan: rgba(0,234,255,0.08); --sk-scan-speed: 1.5s;
}

/* 32 · Red Alert — warning klaxon */
html[data-skin="32"] {
  --sk-grad: linear-gradient(45deg, #ff2a2a, #ff7a00, #ff2a2a);
  --sk-accent: #ff2a2a; --sk-glow: rgba(255,42,42,0.6); --sk-glow2: rgba(255,122,0,0.5);
  --sk-inner: #0f0202; --sk-speed: 3.5s;
  --sk-bleed-a: #ff2a2a; --sk-bleed-b: #ff7a00;
  --sk-bleed-a-soft: rgba(255,42,42,0.5); --sk-bleed-b-soft: rgba(255,122,0,0.45);
  --sk-glitch-speed: 1.6s;
}
html[data-skin="32"] body::before {
  animation: sk-flicker 4s steps(40) infinite, sk-redpulse 1.6s ease-in-out infinite;
}

/* 33 · Tracking Error — heavy band distortion */
html[data-skin="33"] {
  --sk-grad: linear-gradient(45deg, #ff4d6d, #5ad1ff, #ff4d6d);
  --sk-accent: #d8d8ff; --sk-glow: rgba(255,77,109,0.5); --sk-glow2: rgba(90,209,255,0.5);
  --sk-inner: #0a0a0a; --sk-speed: 6s;
  --sk-bleed-a: #ff4d6d; --sk-bleed-b: #5ad1ff;
  --sk-bleed-a-soft: rgba(255,77,109,0.5); --sk-bleed-b-soft: rgba(90,209,255,0.5);
  --sk-track: rgba(255,255,255,0.14); --sk-track2: rgba(90,209,255,0.1); --sk-track-speed: 3.5s;
}
html[data-skin="33"] body::after { height: 200px; top: -200px; }

/* 34 · Pixel Sort */
html[data-skin="34"] {
  --sk-grad: linear-gradient(45deg, #ff00aa, #00ffcc, #ff00aa);
  --sk-accent: #66ffcc; --sk-glow: rgba(255,0,170,0.5); --sk-glow2: rgba(0,255,204,0.5);
  --sk-inner: #0a0010; --sk-speed: 5s;
  --sk-bleed-a: #ff00aa; --sk-bleed-b: #00ffcc;
  --sk-bleed-a-soft: rgba(255,0,170,0.5); --sk-bleed-b-soft: rgba(0,255,204,0.5);
  --sk-jit: 2px; --sk-glitch-speed: 1.6s;
}

/* 35 · Chromatic Storm — pulsing aberration */
html[data-skin="35"] {
  --sk-grad: linear-gradient(45deg, #ff0000, #00ffff, #ff0000);
  --sk-accent: #ffffff; --sk-glow: rgba(255,0,0,0.55); --sk-glow2: rgba(0,255,255,0.55);
  --sk-inner: #060606; --sk-speed: 4s;
  --sk-bleed-a: #ff0000; --sk-bleed-b: #00ffff;
  --sk-bleed-a-soft: rgba(255,0,0,0.5); --sk-bleed-b-soft: rgba(0,255,255,0.5);
  --sk-split: 4px;
}
html[data-skin="35"] .landing-partners-title,
html[data-skin="35"] .section-title {
  animation: sk-vg-title 2.4s steps(2, end) infinite, sk-chroma 1.8s ease-in-out infinite;
}

/* 36 · Bitcrush — chunky pixels */
html[data-skin="36"] {
  --sk-grad: linear-gradient(45deg, #ff5cf0, #5cf0ff, #ff5cf0);
  --sk-accent: #ff5cf0; --sk-glow: rgba(255,92,240,0.5); --sk-glow2: rgba(92,240,255,0.5);
  --sk-inner: #0a020a; --sk-speed: 4.5s;
  --sk-bleed-a: #ff5cf0; --sk-bleed-b: #5cf0ff;
  --sk-bleed-a-soft: rgba(255,92,240,0.5); --sk-bleed-b-soft: rgba(92,240,255,0.5);
  --sk-split: 3px; --sk-jit: 2px;
}
html[data-skin="36"] :is(.landing-video, .roadmap-image, .merch-image, .meme-marquee-img) {
  image-rendering: pixelated;
}

/* 37 · Ghost Signal — double-exposure echo */
html[data-skin="37"] {
  --sk-grad: linear-gradient(45deg, #9fdfff, #ff9fd6, #9fdfff);
  --sk-accent: #bfefff; --sk-glow: rgba(159,223,255,0.4); --sk-glow2: rgba(255,159,214,0.4);
  --sk-inner: #08080c; --sk-speed: 8s;
  --sk-bleed-a: #ff003c; --sk-bleed-b: #00fff9;
  --sk-bleed-a-soft: rgba(255,0,60,0.3); --sk-bleed-b-soft: rgba(0,255,249,0.3);
  --sk-split: 5px; --sk-scan: rgba(255,255,255,0.03); --sk-glitch-speed: 4s;
}
html[data-skin="37"] .landing-partners-title,
html[data-skin="37"] .section-title {
  text-shadow:
    -6px 0 rgba(255,0,60,0.35), 6px 0 rgba(0,255,249,0.35),
    -12px 0 rgba(255,0,60,0.18), 12px 0 rgba(0,255,249,0.18);
}

/* 38 · Neon Tape Burn — bright burn-in */
html[data-skin="38"] {
  --sk-grad: linear-gradient(45deg, #ff7b00, #ffffff, #ff7b00);
  --sk-accent: #ff7b00; --sk-glow: rgba(255,123,0,0.55); --sk-glow2: rgba(255,255,255,0.5);
  --sk-inner: #0f0602; --sk-speed: 5s;
  --sk-bleed-a: #ff7b00; --sk-bleed-b: #ffffff;
  --sk-bleed-a-soft: rgba(255,123,0,0.5); --sk-bleed-b-soft: rgba(255,255,255,0.4);
  --sk-track: rgba(255,180,80,0.16); --sk-track2: rgba(255,255,255,0.1); --sk-track-speed: 5s;
}

/* 39 · Acid VHS — toxic green */
html[data-skin="39"] {
  --sk-grad: linear-gradient(45deg, #aaff00, #39ff14, #aaff00);
  --sk-accent: #aaff00; --sk-glow: rgba(170,255,0,0.55); --sk-glow2: rgba(57,255,20,0.5);
  --sk-inner: #060a02; --sk-speed: 5s;
  --sk-bleed-a: #aaff00; --sk-bleed-b: #00ffaa;
  --sk-bleed-a-soft: rgba(170,255,0,0.5); --sk-bleed-b-soft: rgba(0,255,170,0.45);
  --sk-scan: rgba(170,255,0,0.06);
}

/* 40 · Time Warp — warble + glitch */
html[data-skin="40"] {
  --sk-grad: linear-gradient(45deg, #fe53bb, #7b2ff7, #00eaff, #fe53bb);
  --sk-accent: #7b2ff7; --sk-glow: rgba(254,83,187,0.5); --sk-glow2: rgba(0,234,255,0.45);
  --sk-inner: #0b0612; --sk-speed: 6s;
  --sk-bleed-a: #fe53bb; --sk-bleed-b: #00eaff;
  --sk-bleed-a-soft: rgba(254,83,187,0.5); --sk-bleed-b-soft: rgba(0,234,255,0.45);
  --sk-glitch-speed: 3s;
}
html[data-skin="40"] :is(.landing-video, .secondary-video, .roadmap-image, .merch-image, .meme-marquee-img) {
  animation: sk-warble 4s ease-in-out infinite;
}

/* =====================================================================
   BESPOKE SKINS (41–50)
   Each is its own design language — not a palette swap. They opt out of
   the neon-gradient look: one grouped rule below removes the animated
   border/halo from every button for all ten, then each skin rebuilds
   its own buttons, titles, typography, motion and ambience.
   ===================================================================== */

@keyframes sk-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes sk-scanline { 0% { transform: translateY(-12vh); } 100% { transform: translateY(112vh); } }
@keyframes sk-deco-rays { to { transform: rotate(360deg); } }

/* Strip the neon gradient border/halo from all bespoke skins at once */
html:is([data-skin="41"],[data-skin="42"],[data-skin="43"],[data-skin="44"],
  [data-skin="45"],[data-skin="46"],[data-skin="47"],[data-skin="48"],
  [data-skin="49"],[data-skin="50"]) :is(.animated-button,.token-title-button,
  .token-buy-button,.how-to-buy-button,.phantom-button,.randomizer-button,
  .landing-partner-link)::before,
html:is([data-skin="41"],[data-skin="42"],[data-skin="43"],[data-skin="44"],
  [data-skin="45"],[data-skin="46"],[data-skin="47"],[data-skin="48"],
  [data-skin="49"],[data-skin="50"]) :is(.animated-button,.token-title-button,
  .token-buy-button,.how-to-buy-button,.phantom-button,.randomizer-button,
  .landing-partner-link)::after {
  display: none;
}

/* ---------- 41 · BRUTALIST — Swiss, black/white, hard shadows ---------- */
html[data-skin="41"] {
  --sk-accent: #ff2d2d; --sk-grad: #ff2d2d;
  --sk-glow: rgba(255,45,45,0); --sk-glow2: rgba(255,255,255,0);
  --sk-inner: #ffffff; --sk-speed: 1s;
}
html[data-skin="41"] .landing-partners-title,
html[data-skin="41"] .section-title {
  font-family: 'Arial Black', 'Helvetica Neue', sans-serif;
  background: none; -webkit-text-fill-color: #fff; color: #fff;
  -webkit-background-clip: border-box; background-clip: border-box;
  filter: none; text-shadow: 5px 5px 0 #ff2d2d;
  text-transform: uppercase; letter-spacing: -1px; animation: none;
}
html[data-skin="41"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: #fff; color: #000; border: 3px solid #000; border-radius: 0;
  box-shadow: 6px 6px 0 #ff2d2d; font-family: 'Arial Black', sans-serif;
  text-transform: uppercase; text-shadow: none; letter-spacing: 0;
}
html[data-skin="41"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover {
  transform: translate(-3px, -3px);
}
html[data-skin="41"] .landing-video-container,
html[data-skin="41"] .secondary-video-container {
  animation: none; box-shadow: 10px 10px 0 #fff; border-radius: 0;
}
html[data-skin="41"] :is(.ca-box,.contract-box,.token-address) {
  border: 3px solid #fff; border-radius: 0; box-shadow: none; background: #111;
}
html[data-skin="41"] .terminal-prompt { color: #ff2d2d; }
html[data-skin="41"] .social-logo { filter: grayscale(1) contrast(1.1) brightness(1.1); border-radius: 0; }

/* ---------- 42 · EDITORIAL — broadsheet serif, hairline rules ---------- */
html[data-skin="42"] {
  --sk-accent: #b9121b; --sk-grad: #b9121b;
  --sk-glow: rgba(185,18,27,0.2); --sk-glow2: rgba(243,236,221,0.12);
  --sk-inner: transparent; --sk-speed: 1s;
}
html[data-skin="42"] .landing-partners-title,
html[data-skin="42"] .section-title {
  font-family: Georgia, 'Times New Roman', serif;
  background: none; -webkit-text-fill-color: #f3ecdd; color: #f3ecdd;
  -webkit-background-clip: border-box; background-clip: border-box;
  filter: none; text-shadow: none; font-weight: 400; letter-spacing: 3px;
  border-top: 1px solid rgba(243,236,221,0.45); border-bottom: 1px solid rgba(243,236,221,0.45);
  padding: 0.35em 0.6em; display: inline-block; animation: none;
}
html[data-skin="42"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: transparent; color: #f3ecdd; border: 1px solid #f3ecdd; border-radius: 0;
  font-family: Georgia, 'Times New Roman', serif; letter-spacing: 2px;
  text-transform: uppercase; font-weight: 400; text-shadow: none;
}
html[data-skin="42"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover :is(.animated-button-inner,
  .token-title-button-inner,.token-buy-button-inner,.how-to-buy-button-inner,
  .phantom-button-inner,.randomizer-button-inner) {
  background: #f3ecdd; color: #111;
}
html[data-skin="42"] :is(.landing-text,.manifesto,.section-content,.buy-step p) {
  font-family: Georgia, 'Times New Roman', serif;
}
html[data-skin="42"] .landing-video-container { animation: none; box-shadow: 0 2px 30px rgba(0,0,0,0.6); }
html[data-skin="42"] :is(.emphasis,.conclusion,.final-statement) { color: #b9121b; text-shadow: none; }
html[data-skin="42"] :is(.ca-box,.contract-box,.token-address) {
  border: 1px solid #f3ecdd; border-radius: 0; box-shadow: none;
  background: transparent; font-family: Georgia, serif;
}

/* ---------- 43 · Y2K GUMMY — glossy gel, bouncy ---------- */
html[data-skin="43"] {
  --sk-accent: #19e0ff; --sk-grad: linear-gradient(45deg,#19e0ff,#ff6ec7,#a06bff,#19e0ff);
  --sk-glow: rgba(25,224,255,0.5); --sk-glow2: rgba(255,110,199,0.45);
  --sk-inner: #062a3a; --sk-speed: 5s;
}
html[data-skin="43"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  border-radius: 999px;
  background: linear-gradient(180deg,#9ef3ff 0%,#28b4ff 55%,#0f7fe0 100%);
  color: #002235; border: 1px solid rgba(255,255,255,0.7);
  box-shadow: inset 0 2px 4px rgba(255,255,255,0.95), inset 0 -7px 12px rgba(0,40,80,0.45), 0 8px 22px rgba(0,150,255,0.5);
  text-shadow: 0 1px 0 rgba(255,255,255,0.6); font-weight: 700;
}
html[data-skin="43"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover {
  transform: translateY(-4px) scale(1.06);
}
html[data-skin="43"] .landing-partners-title,
html[data-skin="43"] .section-title {
  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.4));
  animation: sk-shimmer 5s linear infinite, sk-bob 3s ease-in-out infinite;
}
html[data-skin="43"] body::before {
  content: ""; position: fixed; inset: -20%; z-index: 50; pointer-events: none;
  mix-blend-mode: screen; filter: blur(40px);
  background:
    radial-gradient(30% 30% at 25% 30%, rgba(25,224,255,0.4), transparent 60%),
    radial-gradient(30% 30% at 75% 65%, rgba(255,110,199,0.35), transparent 60%);
  background-size: 160% 160%;
  animation: sk-plasma 24s ease-in-out infinite alternate;
}
html[data-skin="43"] .landing-video-container { border-radius: 24px; }

/* ---------- 44 · COMIC HALFTONE — Ben-Day dots, ink outlines ---------- */
html[data-skin="44"] {
  --sk-accent: #ffd400; --sk-grad: #ffd400;
  --sk-glow: rgba(255,212,0,0.4); --sk-glow2: rgba(255,0,0,0.3);
  --sk-inner: #ffd400; --sk-speed: 1s;
}
html[data-skin="44"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background-image: radial-gradient(rgba(255,212,0,0.16) 1.4px, transparent 1.6px);
  background-size: 9px 9px; mix-blend-mode: screen;
}
html[data-skin="44"] .landing-partners-title,
html[data-skin="44"] .section-title {
  font-family: Impact, 'Haettenschweiler', 'Arial Narrow Bold', sans-serif;
  background: none; -webkit-text-fill-color: #ffd400; color: #ffd400;
  -webkit-background-clip: border-box; background-clip: border-box;
  -webkit-text-stroke: 3px #000; filter: none; text-shadow: 4px 4px 0 #000;
  text-transform: uppercase; transform: rotate(-2deg); letter-spacing: 1px; animation: none;
}
html[data-skin="44"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: #ffd400; color: #000; border: 3px solid #000; border-radius: 10px;
  box-shadow: 4px 4px 0 #000; font-family: Impact, 'Arial Narrow Bold', sans-serif;
  text-transform: uppercase; text-shadow: none; letter-spacing: 1px;
}
html[data-skin="44"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover {
  transform: rotate(1deg) scale(1.05);
}
html[data-skin="44"] :is(.ca-box,.contract-box,.token-address) {
  background: #fff; border: 3px solid #000; border-radius: 8px; box-shadow: 4px 4px 0 #000;
}
html[data-skin="44"] :is(.ca-box code,.contract-box code,.token-address) { color: #000; }
html[data-skin="44"] .landing-video-container {
  animation: none; border: 4px solid #000; border-radius: 12px; box-shadow: 6px 6px 0 #000;
}

/* ---------- 45 · SCI-FI HUD — targeting interface ---------- */
html[data-skin="45"] {
  --sk-accent: #41f0ff; --sk-grad: linear-gradient(45deg,#41f0ff,#ffb000,#41f0ff);
  --sk-glow: rgba(65,240,255,0.4); --sk-glow2: rgba(255,176,0,0.3);
  --sk-inner: rgba(0,28,38,0.6); --sk-speed: 6s;
}
html[data-skin="45"] .landing-partners-title,
html[data-skin="45"] .section-title {
  font-family: 'Courier New', monospace;
  background: none; -webkit-text-fill-color: #41f0ff; color: #41f0ff;
  -webkit-background-clip: border-box; background-clip: border-box;
  filter: drop-shadow(0 0 6px rgba(65,240,255,0.5));
  text-transform: uppercase; letter-spacing: 5px; animation: none;
}
html[data-skin="45"] .landing-partners-title::before { content: "// "; color: #ffb000; }
html[data-skin="45"] .landing-partners-title::after { content: " //"; color: #ffb000; }
html[data-skin="45"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: rgba(0,28,38,0.65); color: #41f0ff; border: 1px solid #41f0ff; border-radius: 0;
  font-family: 'Courier New', monospace; letter-spacing: 2px; text-transform: uppercase;
  text-shadow: none; box-shadow: inset 0 0 12px rgba(65,240,255,0.15);
  clip-path: polygon(0 9px, 9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%);
}
html[data-skin="45"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover :is(.animated-button-inner,
  .token-title-button-inner,.token-buy-button-inner,.how-to-buy-button-inner,
  .phantom-button-inner,.randomizer-button-inner) {
  background: rgba(0,60,75,0.85);
}
html[data-skin="45"] body::after {
  content: ""; position: fixed; left: 0; right: 0; top: 0; height: 2px;
  z-index: 51; pointer-events: none;
  background: linear-gradient(90deg, transparent, #41f0ff, transparent);
  box-shadow: 0 0 12px #41f0ff; animation: sk-scanline 5s linear infinite;
}
html[data-skin="45"] :is(.ca-box,.contract-box,.token-address) {
  border: 1px solid #41f0ff; border-radius: 0; background: rgba(0,28,38,0.6);
  box-shadow: inset 0 0 12px rgba(65,240,255,0.2);
}

/* ---------- 46 · RISOGRAPH — misregistered 2-colour print ---------- */
html[data-skin="46"] {
  --sk-accent: #ff3aac; --sk-grad: linear-gradient(45deg,#ff3aac,#2237ff,#ff3aac);
  --sk-glow: rgba(255,58,172,0.4); --sk-glow2: rgba(34,55,255,0.4);
  --sk-inner: #0e0e0e; --sk-speed: 6s;
}
html[data-skin="46"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,0.05) 0.5px, transparent 0.6px);
  background-size: 3px 3px; mix-blend-mode: screen;
}
html[data-skin="46"] .landing-partners-title,
html[data-skin="46"] .section-title {
  font-family: 'Arial Black', 'Helvetica Neue', sans-serif;
  background: none; -webkit-text-fill-color: #ff3aac; color: #ff3aac;
  -webkit-background-clip: border-box; background-clip: border-box;
  filter: none; text-shadow: 3px 3px 0 #2237ff; text-transform: uppercase;
  transform: rotate(-1deg); animation: none;
}
html[data-skin="46"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: #0e0e0e; color: #ff3aac; border: 2px solid #ff3aac; border-radius: 0;
  box-shadow: 3px 3px 0 #2237ff; text-shadow: 1px 1px 0 rgba(34,55,255,0.8);
}
html[data-skin="46"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover {
  transform: translate(-1px, -1px);
}
html[data-skin="46"] :is(.ca-box,.contract-box,.token-address) {
  border: 2px solid #ff3aac; border-radius: 0; box-shadow: 3px 3px 0 #2237ff; background: #0e0e0e;
}

/* ---------- 47 · ART DECO — gold geometry, double borders ---------- */
html[data-skin="47"] {
  --sk-accent: #d4af37; --sk-grad: linear-gradient(45deg,#d4af37,#f7e9a0,#d4af37);
  --sk-glow: rgba(212,175,55,0.35); --sk-glow2: rgba(212,175,55,0.2);
  --sk-inner: #0a0805; --sk-speed: 7s;
}
html[data-skin="47"] body::before {
  content: ""; position: fixed; inset: -50%; z-index: 50; pointer-events: none;
  mix-blend-mode: screen;
  background: conic-gradient(from 0deg,
    transparent 0deg, rgba(212,175,55,0.05) 6deg, transparent 12deg,
    transparent 18deg, rgba(212,175,55,0.05) 24deg, transparent 30deg);
  animation: sk-deco-rays 90s linear infinite;
}
html[data-skin="47"] .landing-partners-title,
html[data-skin="47"] .section-title {
  font-family: Georgia, 'Times New Roman', serif;
  letter-spacing: 6px; text-transform: uppercase;
  animation: sk-shimmer 7s linear infinite;
  filter: drop-shadow(0 0 8px rgba(212,175,55,0.4));
  border-top: 1px solid #d4af37; border-bottom: 1px solid #d4af37;
  padding: 0.3em 0.6em; display: inline-block;
}
html[data-skin="47"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: linear-gradient(180deg,#191205,#000); color: #d4af37;
  border: 1px solid #d4af37; border-radius: 0; font-family: Georgia, serif;
  letter-spacing: 3px; text-transform: uppercase; text-shadow: none;
  box-shadow: inset 0 0 0 3px #000, inset 0 0 0 4px rgba(212,175,55,0.6);
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px),
    calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
}
html[data-skin="47"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover {
  transform: translateY(-3px);
}
html[data-skin="47"] :is(.ca-box,.contract-box,.token-address) {
  border: 1px solid #d4af37; border-radius: 0; background: #0a0805;
  box-shadow: inset 0 0 0 3px #000, inset 0 0 0 4px rgba(212,175,55,0.5);
}

/* ---------- 48 · MEMPHIS — 80s maximalist chaos ---------- */
html[data-skin="48"] {
  --sk-accent: #ff2e88; --sk-grad: linear-gradient(45deg,#ff2e88,#00d6c2,#ffd23f,#7b2ff7,#ff2e88);
  --sk-glow: rgba(255,46,136,0.4); --sk-glow2: rgba(0,214,194,0.4);
  --sk-inner: #ffd23f; --sk-speed: 5s;
}
html[data-skin="48"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none; opacity: 0.5;
  background-image:
    radial-gradient(#ff2e88 2px, transparent 3px),
    repeating-linear-gradient(45deg, rgba(0,214,194,0.18) 0 8px, transparent 8px 18px);
  background-size: 34px 34px, auto; mix-blend-mode: screen;
}
html[data-skin="48"] .landing-partners-title,
html[data-skin="48"] .section-title {
  font-family: 'Trebuchet MS', Verdana, sans-serif; font-weight: 800;
  filter: drop-shadow(3px 3px 0 #1a1a1a); transform: rotate(-2deg);
  animation: sk-shimmer 5s linear infinite, sk-bob 4s ease-in-out infinite;
}
html[data-skin="48"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: #ffd23f; color: #1a1a1a; border: 3px solid #1a1a1a; border-radius: 14px;
  box-shadow: 5px 5px 0 #ff2e88; font-weight: 800; text-shadow: none; transform: rotate(-1.5deg);
}
html[data-skin="48"] .token-buy-button-inner,
html[data-skin="48"] .how-to-buy-button-inner {
  background: #00d6c2; box-shadow: 5px 5px 0 #7b2ff7; transform: rotate(1.5deg);
}
html[data-skin="48"] .randomizer-button-inner {
  background: #ff2e88; color: #fff; box-shadow: 5px 5px 0 #ffd23f;
}
html[data-skin="48"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover {
  transform: rotate(0deg) scale(1.05);
}
html[data-skin="48"] :is(.ca-box,.contract-box,.token-address) {
  background: #fff; color: #1a1a1a; border: 3px solid #1a1a1a; border-radius: 12px;
  box-shadow: 5px 5px 0 #00d6c2;
}

/* ---------- 49 · ORIGAMI — folded paper, soft shadows ---------- */
html[data-skin="49"] {
  --sk-accent: #e8836b; --sk-grad: #e8836b;
  --sk-glow: rgba(232,131,107,0.3); --sk-glow2: rgba(0,0,0,0.3);
  --sk-inner: #efe2cf; --sk-speed: 1s;
}
html[data-skin="49"] .landing-partners-title,
html[data-skin="49"] .section-title {
  font-family: Georgia, 'Palatino Linotype', serif;
  background: none; -webkit-text-fill-color: #f0d9c0; color: #f0d9c0;
  -webkit-background-clip: border-box; background-clip: border-box;
  filter: none; text-shadow: 0 2px 4px rgba(0,0,0,0.45);
  font-weight: 700; letter-spacing: 1px; animation: none;
}
html[data-skin="49"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: #efe2cf; color: #3a2e22; border: none; border-radius: 6px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.45); text-shadow: none; position: relative;
}
html[data-skin="49"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner)::after {
  content: ""; position: absolute; bottom: 0; right: 0;
  border: 9px solid transparent; border-bottom-color: #cbb89a; border-right-color: #cbb89a;
}
html[data-skin="49"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover {
  transform: translateY(-3px) rotate(-1deg);
}
html[data-skin="49"] :is(.ca-box,.contract-box,.token-address) {
  background: #efe2cf; border: none; border-radius: 6px; box-shadow: 0 6px 14px rgba(0,0,0,0.4);
}
html[data-skin="49"] :is(.ca-box code,.contract-box code,.token-address) { color: #3a2e22; }
html[data-skin="49"] .landing-video-container { animation: none; box-shadow: 0 12px 30px rgba(0,0,0,0.5); border-radius: 10px; }

/* ---------- 50 · TYPEWRITER ZINE — photocopied manifesto ---------- */
html[data-skin="50"] {
  --sk-accent: #c8362f; --sk-grad: #c8362f;
  --sk-glow: rgba(200,54,47,0.25); --sk-glow2: rgba(234,230,221,0.15);
  --sk-inner: transparent; --sk-speed: 1s;
}
html[data-skin="50"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,0.04) 0.5px, transparent 0.6px);
  background-size: 3px 3px; mix-blend-mode: screen;
}
html[data-skin="50"] .landing-partners-title,
html[data-skin="50"] .section-title {
  font-family: 'Courier New', Courier, monospace;
  background: none; -webkit-text-fill-color: #eae6dd; color: #eae6dd;
  -webkit-background-clip: border-box; background-clip: border-box;
  filter: none; text-shadow: none; text-transform: uppercase; letter-spacing: 2px;
  border-bottom: 3px solid #c8362f; display: inline-block; padding-bottom: 0.15em;
  transform: rotate(-0.5deg); animation: none;
}
html[data-skin="50"] :is(.landing-text,.manifesto,.section-content,.buy-step p,.terminal-body) {
  font-family: 'Courier New', Courier, monospace;
}
html[data-skin="50"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: transparent; color: #eae6dd; border: 2px dashed #eae6dd; border-radius: 0;
  font-family: 'Courier New', monospace; letter-spacing: 1px; text-transform: uppercase; text-shadow: none;
}
html[data-skin="50"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover :is(.animated-button-inner,
  .token-title-button-inner,.token-buy-button-inner,.how-to-buy-button-inner,
  .phantom-button-inner,.randomizer-button-inner) {
  background: #eae6dd; color: #111; border-style: solid;
}
html[data-skin="50"] :is(.ca-box,.contract-box,.token-address) {
  border: 2px dashed #eae6dd; border-radius: 0; background: transparent; box-shadow: none;
  font-family: 'Courier New', monospace;
}
html[data-skin="50"] .landing-video-container { animation: none; box-shadow: 0 0 0 2px #eae6dd; border-radius: 0; }

/* =====================================================================
   BESPOKE GLITCH / VHS SKINS (51–60)
   Same "each is its own expression" philosophy as 41–50, but every one
   lives firmly in the glitch / VHS world — each uses a different
   technique (datamosh, CRT tube, bad tape, DOS, chromatic shatter,
   broadcast bars, wave warp, pixel-sort, hologram, camcorder).
   ===================================================================== */

@keyframes sk-crton { 0%,46%,54%,100% { filter: brightness(1); } 50% { filter: brightness(2.6) saturate(0); } }
@keyframes sk-wave { 0%,100% { transform: skewX(0deg) translateX(0); } 25% { transform: skewX(3deg) translateX(2px); } 75% { transform: skewX(-3deg) translateX(-2px); } }
@keyframes sk-explode { 0%,100% { text-shadow: -3px 0 #f00, 3px 0 #0ff; } 50% { text-shadow: -11px 0 #f00, 11px 0 #0ff, -22px 0 rgba(255,0,0,0.5), 22px 0 rgba(0,255,255,0.5); } }
@keyframes sk-recblink { 0%,49% { opacity: 1; } 50%,100% { opacity: 0.12; } }
@keyframes sk-holoflick { 0%,100% { opacity: 0.92; } 48% { opacity: 0.92; } 49% { opacity: 0.5; } 50% { opacity: 1; } }
@keyframes sk-pixeldrip { to { background-position: 0 26px; } }
@keyframes sk-datablock { 0%,100% { transform: translateY(0); } 33% { transform: translateY(130px); } 66% { transform: translateY(-90px); } }

/* Strip neon gradient border/halo for all of 51–60 at once */
html:is([data-skin="51"],[data-skin="52"],[data-skin="53"],[data-skin="54"],
  [data-skin="55"],[data-skin="56"],[data-skin="57"],[data-skin="58"],
  [data-skin="59"],[data-skin="60"]) :is(.animated-button,.token-title-button,
  .token-buy-button,.how-to-buy-button,.phantom-button,.randomizer-button,
  .landing-partner-link)::before,
html:is([data-skin="51"],[data-skin="52"],[data-skin="53"],[data-skin="54"],
  [data-skin="55"],[data-skin="56"],[data-skin="57"],[data-skin="58"],
  [data-skin="59"],[data-skin="60"]) :is(.animated-button,.token-title-button,
  .token-buy-button,.how-to-buy-button,.phantom-button,.randomizer-button,
  .landing-partner-link)::after {
  display: none;
}

/* ---------- 51 · DATAMOSH BLOOM — corrupted data blocks ---------- */
html[data-skin="51"] {
  --sk-accent: #ff00d4; --sk-grad: linear-gradient(45deg,#ff00d4,#00ffae,#ffe600,#ff00d4);
  --sk-glow: rgba(255,0,212,0.5); --sk-glow2: rgba(0,255,174,0.5);
  --sk-inner: #08000a; --sk-speed: 4s; --sk-jit: 4px;
}
html[data-skin="51"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(255,0,212,0.05) 3px, transparent 4px);
  mix-blend-mode: screen; animation: sk-flicker 4s steps(40) infinite;
}
html[data-skin="51"] body::after {
  content: ""; position: fixed; left: 0; right: 0; top: 0; height: 44px;
  z-index: 51; pointer-events: none; background: rgba(255,0,212,0.1);
  mix-blend-mode: screen; animation: sk-datablock 2.4s steps(1) infinite;
}
html[data-skin="51"] .landing-partners-title,
html[data-skin="51"] .section-title {
  background: none; -webkit-text-fill-color: #fff; color: #fff;
  -webkit-background-clip: border-box; background-clip: border-box; filter: none;
  text-shadow: -4px 0 #ff00d4, 4px 0 #00ffae, 0 0 2px #ffe600;
  animation: sk-vg-title 1.6s steps(2, end) infinite;
}
html[data-skin="51"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: #08000a; color: #fff; border: 2px solid #ff00d4; border-radius: 0;
  box-shadow: 4px 0 0 rgba(0,255,174,0.7), -4px 0 0 rgba(255,0,212,0.7);
  text-shadow: -2px 0 #00ffae, 2px 0 #ff00d4;
}
html[data-skin="51"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover {
  transform: translateX(3px) skewX(-2deg);
}

/* ---------- 52 · CRT POWER-ON — tube warm-up, convergence error ---------- */
html[data-skin="52"] {
  --sk-accent: #d7ffe0; --sk-grad: linear-gradient(45deg,#d7ffe0,#7fffd4,#d7ffe0);
  --sk-glow: rgba(180,255,200,0.4); --sk-glow2: rgba(127,255,212,0.3);
  --sk-inner: #04100a; --sk-speed: 6s;
}
html[data-skin="52"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(180,255,200,0.06) 3px, transparent 4px);
  mix-blend-mode: screen; animation: sk-flicker 4s steps(40) infinite;
}
html[data-skin="52"] body::after {
  content: ""; position: fixed; inset: 0; z-index: 51; pointer-events: none;
  background: radial-gradient(125% 125% at 50% 50%, transparent 55%, rgba(0,0,0,0.7) 100%);
  box-shadow: inset 0 0 120px rgba(0,0,0,0.85);
}
html[data-skin="52"] .landing-partners-title,
html[data-skin="52"] .section-title {
  background: none; -webkit-text-fill-color: #eafff0; color: #eafff0;
  -webkit-background-clip: border-box; background-clip: border-box;
  text-shadow: -2px 0 rgba(255,0,0,0.6), 2px 0 rgba(0,128,255,0.6), 0 0 12px rgba(180,255,200,0.6);
  animation: sk-crton 5s steps(1) infinite;
}
html[data-skin="52"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: rgba(8,30,18,0.7); color: #d7ffe0; border: 1px solid rgba(180,255,200,0.6); border-radius: 6px;
  box-shadow: 0 0 14px rgba(180,255,200,0.25), inset 0 0 14px rgba(180,255,200,0.15);
  text-shadow: 0 0 6px rgba(180,255,200,0.6);
}
html[data-skin="52"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover { filter: brightness(1.3); }

/* ---------- 53 · BAD TAPE — head-switching noise, warble, roll ---------- */
html[data-skin="53"] {
  --sk-accent: #bcd9ff; --sk-grad: linear-gradient(45deg,#ff5e6c,#5ad1ff,#ffffff);
  --sk-glow: rgba(90,209,255,0.4); --sk-glow2: rgba(255,94,108,0.4);
  --sk-inner: #0a0a0e; --sk-speed: 6s;
}
html[data-skin="53"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(255,255,255,0.05) 3px, transparent 4px);
  mix-blend-mode: screen; animation: sk-flicker 4s steps(40) infinite, sk-roll 1.8s linear infinite;
}
html[data-skin="53"] body::after {
  content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 70px;
  z-index: 51; pointer-events: none; filter: blur(0.5px);
  background: repeating-linear-gradient(0deg, rgba(255,255,255,0.14) 0 2px, rgba(0,0,0,0.55) 2px 4px);
  animation: sk-recblink 0.3s steps(2) infinite;
}
html[data-skin="53"] .landing-partners-title,
html[data-skin="53"] .section-title {
  background: none; -webkit-text-fill-color: #eef3ff; color: #eef3ff;
  -webkit-background-clip: border-box; background-clip: border-box; filter: none;
  text-shadow: -3px 0 #ff5e6c, 3px 0 #5ad1ff;
  animation: sk-warble 0.18s steps(2) infinite;
}
html[data-skin="53"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: #0a0a0e; color: #eef3ff; border: 1px solid rgba(188,217,255,0.5); border-radius: 2px;
  text-shadow: -1px 0 #ff5e6c, 1px 0 #5ad1ff;
}
html[data-skin="53"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover { transform: translateY(-2px); }

/* ---------- 54 · CORRUPTED DOS — text-mode terminal ---------- */
html[data-skin="54"] {
  --sk-accent: #33ff66; --sk-grad: #33ff66;
  --sk-glow: rgba(51,255,102,0.4); --sk-glow2: rgba(255,176,0,0.3);
  --sk-inner: transparent; --sk-speed: 1s; --sk-jit: 2px;
}
html[data-skin="54"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(51,255,102,0.06) 3px, transparent 4px);
  mix-blend-mode: screen; animation: sk-flicker 4s steps(40) infinite;
}
html[data-skin="54"] .landing-partners-title,
html[data-skin="54"] .section-title {
  font-family: 'Courier New', monospace;
  background: none; -webkit-text-fill-color: #33ff66; color: #33ff66;
  -webkit-background-clip: border-box; background-clip: border-box; filter: none;
  text-shadow: -2px 0 #ff0044, 2px 0 #33ff66; text-transform: uppercase; letter-spacing: 1px;
  animation: sk-vg-title 3s steps(2, end) infinite;
}
html[data-skin="54"] .landing-partners-title::before,
html[data-skin="54"] .section-title::before { content: "C:\\> "; color: #ffb000; }
html[data-skin="54"] .landing-partners-title::after,
html[data-skin="54"] .section-title::after {
  content: " \2588"; color: #33ff66; animation: sk-recblink 0.8s steps(1) infinite;
}
html[data-skin="54"] :is(.landing-text,.manifesto,.section-content,.buy-step p) { font-family: 'Courier New', monospace; }
html[data-skin="54"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: transparent; color: #33ff66; border: 1px solid #33ff66; border-radius: 0;
  font-family: 'Courier New', monospace; text-transform: uppercase; letter-spacing: 1px; text-shadow: none;
}
html[data-skin="54"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner)::before { content: "[ "; }
html[data-skin="54"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner)::after { content: " ]"; }
html[data-skin="54"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover :is(.animated-button-inner,
  .token-title-button-inner,.token-buy-button-inner,.how-to-buy-button-inner,
  .phantom-button-inner,.randomizer-button-inner) { background: #33ff66; color: #001b06; }
html[data-skin="54"] :is(.ca-box,.contract-box,.token-address) {
  border: 1px dashed #33ff66; border-radius: 0; background: transparent; font-family: 'Courier New', monospace;
}

/* ---------- 55 · CHROMATIC SHATTER — exploding RGB aberration ---------- */
html[data-skin="55"] {
  --sk-accent: #ffffff; --sk-grad: linear-gradient(45deg,#ff0000,#00ffff,#ff0000);
  --sk-glow: rgba(255,0,0,0.5); --sk-glow2: rgba(0,255,255,0.5);
  --sk-inner: #050505; --sk-speed: 4s;
}
html[data-skin="55"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(255,255,255,0.04) 3px, transparent 4px);
  mix-blend-mode: screen; animation: sk-flicker 4s steps(40) infinite;
}
html[data-skin="55"] .landing-partners-title,
html[data-skin="55"] .section-title {
  background: none; -webkit-text-fill-color: #fff; color: #fff;
  -webkit-background-clip: border-box; background-clip: border-box; filter: none;
  animation: sk-explode 1.6s ease-in-out infinite, sk-vg-title 2.4s steps(2, end) infinite;
}
html[data-skin="55"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: #050505; color: #fff; border: none; border-radius: 2px;
  box-shadow: -4px 0 0 #f00, 4px 0 0 #0ff; text-shadow: -2px 0 #f00, 2px 0 #0ff;
}
html[data-skin="55"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover :is(.animated-button-inner,
  .token-title-button-inner,.token-buy-button-inner,.how-to-buy-button-inner,
  .phantom-button-inner,.randomizer-button-inner) { box-shadow: -9px 0 0 #f00, 9px 0 0 #0ff; }

/* ---------- 56 · EMERGENCY BROADCAST — SMPTE bars, stand by ---------- */
html[data-skin="56"] {
  --sk-accent: #ffffff; --sk-grad: #ffffff;
  --sk-glow: rgba(255,255,255,0.3); --sk-glow2: rgba(255,255,255,0.2);
  --sk-inner: #111111; --sk-speed: 1s;
}
html[data-skin="56"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(255,255,255,0.05) 3px, transparent 4px);
  mix-blend-mode: screen; animation: sk-flicker 4s steps(40) infinite;
}
html[data-skin="56"] body::after {
  content: "\25CF PLEASE STAND BY"; position: fixed; top: 10px; left: 50%; transform: translateX(-50%);
  z-index: 51; pointer-events: none; font-family: 'Courier New', monospace; font-size: 0.8rem;
  letter-spacing: 2px; color: #fff; background: rgba(0,0,0,0.55); padding: 4px 10px;
  animation: sk-recblink 1.6s steps(1) infinite;
}
html[data-skin="56"] .landing-partners-title,
html[data-skin="56"] .section-title {
  font-family: 'Arial Narrow', Arial, sans-serif; font-weight: 700;
  background: none; -webkit-text-fill-color: #fff; color: #fff;
  -webkit-background-clip: border-box; background-clip: border-box; filter: none;
  text-shadow: none; letter-spacing: 3px; text-transform: uppercase; animation: none;
}
html[data-skin="56"] .landing-partners-title::after,
html[data-skin="56"] .section-title::after {
  content: ""; display: block; height: 10px; margin: 0.4em auto 0; max-width: 360px;
  background: linear-gradient(90deg, #fff 0 14.28%, #ff0 14.28% 28.56%, #0ff 28.56% 42.84%,
    #0f0 42.84% 57.12%, #f0f 57.12% 71.4%, #f00 71.4% 85.68%, #00f 85.68% 100%);
}
html[data-skin="56"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: rgba(0,0,0,0.7); color: #fff; border: 0; border-left: 6px solid #ff0000; border-radius: 0;
  text-transform: uppercase; font-weight: 700; letter-spacing: 2px; text-shadow: none; transform: skewX(-7deg);
}
html[data-skin="56"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover :is(.animated-button-inner,
  .token-title-button-inner,.token-buy-button-inner,.how-to-buy-button-inner,
  .phantom-button-inner,.randomizer-button-inner) { border-left-color: #00aaff; }

/* ---------- 57 · WAVE WARP — liquefying signal ---------- */
html[data-skin="57"] {
  --sk-accent: #00e0d0; --sk-grad: linear-gradient(45deg,#00e0d0,#a06bff,#ff5ec7,#00e0d0);
  --sk-glow: rgba(0,224,208,0.4); --sk-glow2: rgba(160,107,255,0.4);
  --sk-inner: #06121a; --sk-speed: 5s;
}
html[data-skin="57"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(0,224,208,0.05) 4px, transparent 6px);
  mix-blend-mode: screen; animation: sk-roll 2.5s linear infinite;
}
html[data-skin="57"] .landing-partners-title,
html[data-skin="57"] .section-title {
  filter: drop-shadow(0 0 10px rgba(0,224,208,0.5));
  animation: sk-shimmer 5s linear infinite, sk-wave 3.5s ease-in-out infinite;
}
html[data-skin="57"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: rgba(6,18,26,0.7); color: #aef; border: 1px solid #00e0d0; border-radius: 8px;
  text-shadow: 0 0 6px rgba(0,224,208,0.6);
}
html[data-skin="57"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button) { animation: sk-wave 4s ease-in-out infinite; }
html[data-skin="57"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover { transform: scale(1.05); }

/* ---------- 58 · PIXEL SORT CASCADE — streaks pouring down ---------- */
html[data-skin="58"] {
  --sk-accent: #ff2ec4; --sk-grad: linear-gradient(45deg,#ff2ec4,#00ffcc,#ff2ec4);
  --sk-glow: rgba(255,46,196,0.5); --sk-glow2: rgba(0,255,204,0.5);
  --sk-inner: #0a000a; --sk-speed: 5s;
}
html[data-skin="58"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(90deg, transparent 0 4px, rgba(255,46,196,0.06) 4px 5px, transparent 5px 9px);
  mix-blend-mode: screen; animation: sk-pixeldrip 1.2s linear infinite;
}
html[data-skin="58"] .landing-partners-title,
html[data-skin="58"] .section-title {
  background: none; -webkit-text-fill-color: #fff; color: #fff;
  -webkit-background-clip: border-box; background-clip: border-box; filter: none;
  text-shadow: 0 6px 6px rgba(255,46,196,0.5), 0 14px 10px rgba(0,255,204,0.35), 0 24px 14px rgba(255,46,196,0.2);
  animation: sk-vg-title 2s steps(2, end) infinite;
}
html[data-skin="58"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: linear-gradient(180deg,#1a001a,#0a000a 70%); color: #fff;
  border: 1px solid #ff2ec4; border-radius: 0; box-shadow: 0 6px 10px rgba(255,46,196,0.3);
  text-shadow: 0 2px 4px rgba(0,255,204,0.6);
}
html[data-skin="58"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover { transform: translateY(2px); }

/* ---------- 59 · HOLOGRAM GLITCH — flickering projection ---------- */
html[data-skin="59"] {
  --sk-accent: #5ff0ff; --sk-grad: linear-gradient(45deg,#5ff0ff,#2a8cff,#5ff0ff);
  --sk-glow: rgba(95,240,255,0.5); --sk-glow2: rgba(42,140,255,0.4);
  --sk-inner: rgba(0,30,40,0.5); --sk-speed: 6s;
}
html[data-skin="59"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(95,240,255,0.07) 3px, transparent 4px);
  mix-blend-mode: screen; animation: sk-holoflick 3s steps(1) infinite;
}
html[data-skin="59"] body::after {
  content: ""; position: fixed; inset: 0; z-index: 51; pointer-events: none;
  background: linear-gradient(0deg, rgba(95,240,255,0.12), transparent 45%);
  mix-blend-mode: screen; animation: sk-holoflick 3.4s steps(1) infinite;
}
html[data-skin="59"] .landing-partners-title,
html[data-skin="59"] .section-title {
  background: none; -webkit-text-fill-color: #bff7ff; color: #bff7ff;
  -webkit-background-clip: border-box; background-clip: border-box; filter: none;
  text-shadow: 0 0 10px rgba(95,240,255,0.8), -2px 0 rgba(95,240,255,0.5), 2px 0 rgba(42,140,255,0.5);
  animation: sk-vg-title 2.5s steps(2, end) infinite, sk-holoflick 3s steps(1) infinite;
}
html[data-skin="59"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: rgba(0,40,55,0.4); color: #bff7ff; border: 1px solid rgba(95,240,255,0.6); border-radius: 4px;
  box-shadow: 0 0 16px rgba(95,240,255,0.3), inset 0 0 16px rgba(95,240,255,0.12);
  text-shadow: 0 0 8px rgba(95,240,255,0.7);
}
html[data-skin="59"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button) { animation: sk-holoflick 4s steps(1) infinite; }

/* ---------- 60 · CAMCORDER REC — 90s viewfinder ---------- */
html[data-skin="60"] {
  --sk-accent: #ffffff; --sk-grad: #ff3b3b;
  --sk-glow: rgba(255,0,0,0.3); --sk-glow2: rgba(255,255,255,0.2);
  --sk-inner: rgba(0,0,0,0.5); --sk-speed: 1s;
}
html[data-skin="60"]::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(255,255,255,0.04) 3px, transparent 4px),
    radial-gradient(130% 130% at 50% 50%, transparent 58%, rgba(0,0,0,0.65) 100%);
  mix-blend-mode: normal;
}
html[data-skin="60"] body::before {
  content: "\25B6 SP   2024-06-01"; position: fixed; inset: 0; z-index: 51; pointer-events: none;
  display: flex; align-items: flex-end; justify-content: flex-end; padding: 18px;
  font-family: 'Courier New', monospace; font-size: 0.85rem; color: #fff; text-shadow: 0 0 4px #000;
  background:
    linear-gradient(#fff,#fff) left 16px top 16px / 30px 3px no-repeat,
    linear-gradient(#fff,#fff) left 16px top 16px / 3px 30px no-repeat,
    linear-gradient(#fff,#fff) right 16px top 16px / 30px 3px no-repeat,
    linear-gradient(#fff,#fff) right 16px top 16px / 3px 30px no-repeat,
    linear-gradient(#fff,#fff) left 16px bottom 16px / 30px 3px no-repeat,
    linear-gradient(#fff,#fff) left 16px bottom 16px / 3px 30px no-repeat,
    linear-gradient(#fff,#fff) right 16px bottom 16px / 30px 3px no-repeat,
    linear-gradient(#fff,#fff) right 16px bottom 16px / 3px 30px no-repeat;
}
html[data-skin="60"] body::after {
  content: "\25CF REC   SP   0:00:14"; position: fixed; top: 16px; left: 18px;
  z-index: 52; pointer-events: none; font-family: 'Courier New', monospace; font-size: 0.9rem;
  letter-spacing: 1px; color: #ff3b3b; text-shadow: 0 0 4px rgba(255,0,0,0.6);
  animation: sk-recblink 1.2s steps(1) infinite;
}
html[data-skin="60"] .landing-partners-title,
html[data-skin="60"] .section-title {
  font-family: 'Courier New', monospace;
  background: none; -webkit-text-fill-color: #fff; color: #fff;
  -webkit-background-clip: border-box; background-clip: border-box; filter: none;
  text-shadow: -1px 0 #ff3b3b, 1px 0 #3bd0ff; letter-spacing: 2px;
  animation: sk-vg-title 3s steps(2, end) infinite;
}
html[data-skin="60"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: rgba(0,0,0,0.55); color: #fff; border: 1px solid rgba(255,255,255,0.7); border-radius: 0;
  font-family: 'Courier New', monospace; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 4px #000;
}
html[data-skin="60"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button):hover :is(.animated-button-inner,
  .token-title-button-inner,.token-buy-button-inner,.how-to-buy-button-inner,
  .phantom-button-inner,.randomizer-button-inner) { border-color: #ff3b3b; }

/* =====================================================================
   HOLOGRAM FAMILY (61–70)  ·  data-fx="holo"
   Ten variations on the Hologram Glitch look. Shared base = flickering
   scanlines + projection cone + glassy transparent panels + ghosted,
   flickering title. Each skin sets its projection colour and adds a
   distinct signature (stereo, lo-res, wireframe, sweep, unstable,
   iridescent hue-cycle, Tron grid floor).
   ===================================================================== */

/* Strip the neon gradient border/halo for the whole holo family */
html[data-fx="holo"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button,.landing-partner-link)::before,
html[data-fx="holo"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button,.landing-partner-link)::after {
  display: none;
}

/* Flickering scanlines */
html[data-fx="holo"] body::before {
  content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 2px,
    var(--holo-scan, rgba(95,240,255,0.07)) 3px, transparent 4px);
  mix-blend-mode: screen;
  animation: sk-holoflick var(--holo-flick, 3s) steps(1) infinite;
}
/* Projection cone glowing up from the floor */
html[data-fx="holo"] body::after {
  content: ""; position: fixed; inset: 0; z-index: 51; pointer-events: none;
  background: linear-gradient(0deg, var(--holo-cone, rgba(95,240,255,0.12)), transparent 45%);
  mix-blend-mode: screen;
  animation: sk-holoflick calc(var(--holo-flick, 3s) + 0.4s) steps(1) infinite;
}
/* Ghosted, flickering projected title */
html[data-fx="holo"] .landing-partners-title,
html[data-fx="holo"] .section-title {
  background: none;
  -webkit-text-fill-color: var(--holo-text, #bff7ff); color: var(--holo-text, #bff7ff);
  -webkit-background-clip: border-box; background-clip: border-box; filter: none;
  text-shadow: 0 0 10px var(--sk-glow, rgba(95,240,255,0.6)),
    calc(-1 * var(--holo-split, 2px)) 0 var(--holo-rgb-a, rgba(95,240,255,0.5)),
    var(--holo-split, 2px) 0 var(--holo-rgb-b, rgba(42,140,255,0.5));
  animation: sk-vg-title 2.5s steps(2, end) infinite, sk-holoflick var(--holo-flick, 3s) steps(1) infinite;
}
/* Glassy projected panels */
html[data-fx="holo"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: var(--holo-glass, rgba(0,40,55,0.4)); color: var(--holo-text, #bff7ff);
  border: 1px solid var(--sk-accent, #5ff0ff); border-radius: 4px;
  box-shadow: 0 0 16px var(--sk-glow, rgba(95,240,255,0.3)), inset 0 0 16px rgba(255,255,255,0.08);
  text-shadow: 0 0 8px var(--sk-glow, rgba(95,240,255,0.6));
}
html[data-fx="holo"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button) {
  animation: sk-holoflick 4s steps(1) infinite;
}
html[data-fx="holo"] :is(.ca-box,.contract-box,.token-address) {
  border: 1px solid var(--sk-accent, #5ff0ff); border-radius: 4px; background: rgba(0,30,40,0.4);
  box-shadow: inset 0 0 14px var(--sk-glow, rgba(95,240,255,0.2));
}

/* 61 · Holo Amber */
html[data-skin="61"] {
  --sk-accent: #ffb347; --sk-grad: linear-gradient(45deg,#ffb347,#ff7a00,#ffb347);
  --sk-glow: rgba(255,179,71,0.5); --sk-glow2: rgba(255,122,0,0.4); --sk-inner: rgba(30,18,0,0.5);
  --holo-text: #fff0d6; --holo-rgb-a: rgba(255,210,127,0.5); --holo-rgb-b: rgba(255,122,0,0.5);
  --holo-scan: rgba(255,179,71,0.07); --holo-cone: rgba(255,179,71,0.12); --holo-glass: rgba(40,24,0,0.4);
}
/* 62 · Holo Magenta */
html[data-skin="62"] {
  --sk-accent: #ff6ad5; --sk-grad: linear-gradient(45deg,#ff6ad5,#a04bff,#ff6ad5);
  --sk-glow: rgba(255,106,213,0.5); --sk-glow2: rgba(160,75,255,0.4); --sk-inner: rgba(26,0,20,0.5);
  --holo-text: #ffd9f4; --holo-rgb-a: rgba(255,106,213,0.5); --holo-rgb-b: rgba(160,75,255,0.5);
  --holo-scan: rgba(255,106,213,0.07); --holo-cone: rgba(255,106,213,0.12); --holo-glass: rgba(30,0,24,0.4);
}
/* 63 · Holo Matrix */
html[data-skin="63"] {
  --sk-accent: #5fff9f; --sk-grad: linear-gradient(45deg,#5fff9f,#00b894,#5fff9f);
  --sk-glow: rgba(95,255,159,0.5); --sk-glow2: rgba(0,184,148,0.4); --sk-inner: rgba(0,26,16,0.5);
  --holo-text: #d6ffe6; --holo-rgb-a: rgba(95,255,159,0.5); --holo-rgb-b: rgba(0,184,148,0.5);
  --holo-scan: rgba(95,255,159,0.07); --holo-cone: rgba(95,255,159,0.12); --holo-glass: rgba(0,30,18,0.4);
}
/* 64 · Holo Stereo — heavy RGB ghosting */
html[data-skin="64"] {
  --sk-accent: #ffffff; --sk-grad: linear-gradient(45deg,#ff0040,#ffffff,#00e5ff);
  --sk-glow: rgba(0,229,255,0.5); --sk-glow2: rgba(255,0,64,0.5); --sk-inner: rgba(8,8,14,0.5);
  --holo-text: #ffffff; --holo-rgb-a: #ff0040; --holo-rgb-b: #00e5ff; --holo-split: 4px;
  --holo-scan: rgba(255,255,255,0.06); --holo-cone: rgba(0,229,255,0.12); --holo-glass: rgba(8,8,14,0.45);
}
html[data-skin="64"] .landing-partners-title,
html[data-skin="64"] .section-title {
  text-shadow: 0 0 8px rgba(0,229,255,0.4), -4px 0 #ff0040, 4px 0 #00e5ff,
    -8px 0 rgba(255,0,64,0.4), 8px 0 rgba(0,229,255,0.4);
}
/* 65 · Holo Lo-Res — dense scanlines, harsh flicker */
html[data-skin="65"] {
  --sk-accent: #5ff0ff; --sk-grad: linear-gradient(45deg,#5ff0ff,#2a8cff,#5ff0ff);
  --sk-glow: rgba(95,240,255,0.5); --sk-glow2: rgba(42,140,255,0.4); --sk-inner: rgba(0,26,34,0.5);
  --holo-text: #bff7ff; --holo-rgb-a: rgba(95,240,255,0.5); --holo-rgb-b: rgba(42,140,255,0.5);
  --holo-cone: rgba(95,240,255,0.12); --holo-glass: rgba(0,30,40,0.4); --holo-flick: 1.6s;
}
html[data-skin="65"] body::before {
  background: repeating-linear-gradient(0deg, transparent 0 1px, rgba(95,240,255,0.1) 2px, transparent 3px);
}
/* 66 · Holo Wireframe — wire panels + projected grid */
html[data-skin="66"] {
  --sk-accent: #5ff0ff; --sk-grad: linear-gradient(45deg,#5ff0ff,#2a8cff,#5ff0ff);
  --sk-glow: rgba(95,240,255,0.5); --sk-glow2: rgba(42,140,255,0.4); --sk-inner: transparent;
  --holo-text: #bff7ff; --holo-rgb-a: rgba(95,240,255,0.5); --holo-rgb-b: rgba(42,140,255,0.5);
  --holo-cone: rgba(95,240,255,0.1); --holo-glass: transparent;
}
html[data-skin="66"] body::before {
  background:
    repeating-linear-gradient(0deg, transparent 0 2px, rgba(95,240,255,0.07) 3px, transparent 4px),
    linear-gradient(rgba(95,240,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95,240,255,0.06) 1px, transparent 1px);
  background-size: auto, 40px 40px, 40px 40px;
}
html[data-skin="66"] :is(.animated-button-inner,.token-title-button-inner,
  .token-buy-button-inner,.how-to-buy-button-inner,.phantom-button-inner,
  .randomizer-button-inner,.landing-partner-link-inner) {
  background: transparent; box-shadow: 0 0 10px rgba(95,240,255,0.3);
}
/* 67 · Holo Render Sweep — a build-up scan line */
html[data-skin="67"] {
  --sk-accent: #5ff0ff; --sk-grad: linear-gradient(45deg,#5ff0ff,#2a8cff,#5ff0ff);
  --sk-glow: rgba(95,240,255,0.5); --sk-glow2: rgba(42,140,255,0.4); --sk-inner: rgba(0,26,34,0.5);
  --holo-text: #bff7ff; --holo-rgb-a: rgba(95,240,255,0.5); --holo-rgb-b: rgba(42,140,255,0.5);
  --holo-scan: rgba(95,240,255,0.06); --holo-glass: rgba(0,30,40,0.4);
}
html[data-skin="67"] body::after {
  inset: auto; position: fixed; left: 0; right: 0; top: 0; height: 60px;
  background: linear-gradient(0deg, transparent, rgba(95,240,255,0.5), transparent);
  mix-blend-mode: screen; animation: sk-scanline 3s linear infinite;
}
/* 68 · Holo Unstable — violent dropouts and tearing */
html[data-skin="68"] {
  --sk-accent: #5ff0ff; --sk-grad: linear-gradient(45deg,#5ff0ff,#ff0040,#5ff0ff);
  --sk-glow: rgba(95,240,255,0.5); --sk-glow2: rgba(255,0,64,0.4); --sk-inner: rgba(0,26,34,0.5);
  --holo-text: #bff7ff; --holo-rgb-a: rgba(95,240,255,0.6); --holo-rgb-b: rgba(255,0,64,0.5);
  --holo-cone: rgba(95,240,255,0.12); --holo-glass: rgba(0,30,40,0.4); --holo-flick: 1.2s; --sk-jit: 4px;
}
html[data-skin="68"] .landing-partners-title,
html[data-skin="68"] .section-title {
  animation: sk-vg-title 1s steps(2, end) infinite, sk-holoflick 1.2s steps(1) infinite;
}
html[data-skin="68"] body::after {
  inset: auto; position: fixed; left: 0; right: 0; top: 0; height: 50px;
  background: rgba(95,240,255,0.14); mix-blend-mode: screen; animation: sk-datablock 1.8s steps(1) infinite;
}
/* 69 · Holo Iridescent — hue-cycling projection */
html[data-skin="69"] {
  --sk-accent: #b06bff; --sk-grad: conic-gradient(from 0deg,#5ff0ff,#b06bff,#ff6ad5,#5fff9f,#5ff0ff);
  --sk-glow: rgba(176,107,255,0.5); --sk-glow2: rgba(95,240,255,0.4); --sk-inner: rgba(18,0,30,0.5);
  --holo-text: #eaffff; --holo-rgb-a: rgba(255,106,213,0.5); --holo-rgb-b: rgba(95,240,255,0.5);
  --holo-scan: rgba(176,107,255,0.07); --holo-cone: rgba(176,107,255,0.12); --holo-glass: rgba(20,0,30,0.4);
}
/* Hue is driven by scroll position (--sk-scroll-hue, set by skins.js)
   instead of a timed cycle: top of page = violet, rotating through the
   full spectrum as you scroll down. */
html[data-skin="69"] .landing-partners-title,
html[data-skin="69"] .section-title {
  filter: hue-rotate(var(--sk-scroll-hue, 0deg));
  animation: sk-vg-title 2.5s steps(2, end) infinite, sk-holoflick 3s steps(1) infinite;
}
/* Buttons keep the original automatic (time-based) hue cycle, independent
   of scroll — titles + overlays follow scroll position. */
html[data-skin="69"] :is(.animated-button,.token-title-button,.token-buy-button,
  .how-to-buy-button,.phantom-button,.randomizer-button) {
  animation: sk-holoflick 4s steps(1) infinite, sk-holo 6s linear infinite;
}
html[data-skin="69"] body::before,
html[data-skin="69"] body::after {
  filter: hue-rotate(var(--sk-scroll-hue, 0deg));
}
/* 70 · Holo Tron Grid — projected grid floor */
html[data-skin="70"] {
  --sk-accent: #00d9ff; --sk-grad: linear-gradient(45deg,#00d9ff,#0066ff,#00d9ff);
  --sk-glow: rgba(0,217,255,0.5); --sk-glow2: rgba(0,102,255,0.4); --sk-inner: rgba(0,18,33,0.55);
  --holo-text: #cfefff; --holo-rgb-a: rgba(0,217,255,0.5); --holo-rgb-b: rgba(0,102,255,0.5);
  --holo-scan: rgba(0,217,255,0.06); --holo-glass: rgba(0,18,33,0.5);
}
html[data-skin="70"] body::after {
  inset: auto; position: fixed; left: 0; right: 0; bottom: 0; height: 45vh; z-index: 51; pointer-events: none;
  background-image:
    repeating-linear-gradient(0deg, rgba(0,217,255,0.18) 0 1px, transparent 1px 40px),
    repeating-linear-gradient(90deg, rgba(0,217,255,0.12) 0 1px, transparent 1px 60px);
  -webkit-mask-image: linear-gradient(0deg, #000, transparent);
  mask-image: linear-gradient(0deg, #000, transparent);
  mix-blend-mode: screen; animation: none;
}

/* =====================================================================
   GLITCH VARIANTS
   Distinct glitch personalities. skins.js hands each section title a
   different one of these (replacing the shared sk-vg-title) so titles
   glitch in different ways, not just at different times.
   ===================================================================== */

/* A · vertical slice — columns shear sideways */
@keyframes sk-glitch-a {
  0%, 100% { transform: translate(0); clip-path: inset(0 0 0 0); }
  14% { transform: translate(-3px, 0); clip-path: inset(0 68% 0 0); }
  16% { transform: translate(0, 0); clip-path: inset(0 0 0 0); }
  40% { transform: translate(3px, 0); clip-path: inset(0 0 0 60%); }
  42% { transform: translate(0, 0); clip-path: inset(0 0 0 0); }
  72% { transform: translate(-2px, 0); }
}

/* B · rapid micro-stutter — busy, no big tears */
@keyframes sk-glitch-b {
  0%, 100% { transform: translate(0); }
  10% { transform: translate(2px, 1px); }
  20% { transform: translate(-2px, -1px); }
  30% { transform: translate(1px, 0); }
  42% { transform: translate(-1px, 1px); }
  55% { transform: translate(1px, -1px); }
}

/* C · vertical jump + wide band drop */
@keyframes sk-glitch-c {
  0%, 100% { transform: translateY(0); clip-path: inset(0 0 0 0); }
  24% { transform: translateY(3px); }
  26% { transform: translateY(-2px); clip-path: inset(30% 0 42% 0); }
  29% { transform: translateY(0); clip-path: inset(0 0 0 0); }
  62% { transform: translateY(2px); }
}

/* D · skew shear — leans and snaps */
@keyframes sk-glitch-d {
  0%, 100% { transform: skewX(0deg) translate(0); clip-path: inset(0 0 0 0); }
  18% { transform: skewX(9deg) translateX(2px); }
  22% { transform: skewX(-7deg) translateX(-1px); clip-path: inset(54% 0 18% 0); }
  25% { transform: skewX(0deg); clip-path: inset(0 0 0 0); }
  66% { transform: skewX(4deg); }
}