/* ============================================================
   ANNOYING — playful candy palette
   bright multi-color, chunky borders, offset shadows,
   sticker-shop / Geocities-era energy.
   ============================================================ */

:root{
  /* base */
  --cream:#fbf5d9;
  --paper:#fffbe8;
  --white:#ffffff;
  --ink:#0f0f10;
  --ink-dim:#4a4a4d;
  --ink-faint:#7a7a80;
  --line:#1a1a1a;          /* heavy black borders */
  --line-soft:#e6e0bf;

  /* candy palette */
  --pink:#ff2bd2;
  --pink-soft:#ffc7ef;
  --purple:#7c3aff;
  --purple-soft:#dccdff;
  --lime:#b6ff3d;
  --cyan:#52e5f0;
  --cyan-soft:#c5f4f7;
  --yellow:#ffe000;
  --yellow-soft:#fff399;
  --orange:#ff8a3d;
  --red:#ff3939;
  --mint:#3fe0a3;

  /* compat aliases (so older rules still resolve) */
  --bg:var(--cream);
  --bg2:var(--paper);
  --panel:var(--white);
  --panel2:var(--paper);
  --line2:var(--line);
  --acid:var(--yellow);
  --acid-deep:#ccb000;
  --amber:var(--orange);
  --green:var(--mint);
  --hot-pink:var(--pink);
  --alert-red:var(--red);
  --win-blue:#3c2bff;
  --win-grey:#f0ecd6;

  --display:'Archivo',-apple-system,system-ui,sans-serif;
  --mono:'Space Mono','SF Mono',ui-monospace,monospace;
  --comic:"Comic Sans MS","Comic Neue",system-ui,cursive;

  --tape-stripe:repeating-linear-gradient(45deg,#0f0f10 0 14px,var(--yellow) 14px 28px);
  --rainbow:repeating-linear-gradient(45deg,
    var(--pink) 0 28px, var(--yellow) 28px 56px,
    var(--cyan) 56px 84px, var(--lime) 84px 112px,
    var(--purple) 112px 140px, var(--orange) 140px 168px);

  --shadow:4px 4px 0 var(--ink);
  --shadow-lg:6px 6px 0 var(--ink);
  --r:14px;
  --r-sm:8px;
  --maxw:1180px;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--cream);color:var(--ink);
  font-family:var(--mono);font-size:15px;line-height:1.6;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
em{font-style:normal;color:var(--pink);font-weight:700;}
strong,b{font-weight:700;}
::selection{background:var(--pink);color:var(--white);}

.h2{
  font-family:var(--display);font-weight:900;
  font-size:clamp(28px,4.2vw,52px);line-height:.96;
  letter-spacing:-.02em;text-transform:uppercase;
}
.h2 .hl{
  background:var(--yellow);color:var(--ink);
  padding:0 .1em;display:inline-block;
  border:3px solid var(--ink);box-shadow:var(--shadow);
  transform:rotate(-1.5deg);margin-left:.05em;
}
.fine{
  font-size:11px;color:var(--ink-faint);font-style:italic;
  max-width:64ch;
}
.fine-center{margin:18px auto 0;text-align:center;}

/* ---------- shared section frame ---------- */
section{padding:64px 28px;border-bottom:5px solid var(--ink);position:relative;}
.section-head{max-width:var(--maxw);margin:0 auto 34px;}
.section-head-tight{margin-bottom:20px;}
.sh-num{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--pink);color:var(--white);
  font-family:var(--display);font-weight:900;font-size:14px;
  width:42px;height:42px;border-radius:50%;
  border:3px solid var(--ink);box-shadow:var(--shadow);
  margin-bottom:14px;transform:rotate(-4deg);
}
.sh-sub{color:var(--ink-dim);font-size:14px;max-width:62ch;margin-top:14px;}

/* ============================================================
   WARNING TAPE
   ============================================================ */
.tape{overflow:hidden;position:relative;}
.tape-track{
  display:inline-flex;white-space:nowrap;will-change:transform;
  animation:marquee 30s linear infinite;
}
.tape-track-fast{animation-duration:40s;}
.tape-track-vfast{animation-duration:12s !important;}
.tape-rev .tape-track{animation-direction:reverse;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.tape-thin{
  background:var(--yellow);
  border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);
  height:28px;display:flex;align-items:center;
}
.tape-thin .tape-track span{
  color:var(--ink);font-weight:700;font-size:11px;letter-spacing:.12em;
}
.tape-fat{
  border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);
  background:var(--rainbow);
  padding:12px 0;position:relative;
}
.tape-fat::before{
  content:"";position:absolute;inset:0;background:rgba(255,255,255,.4);pointer-events:none;
}

/* live ad-coin chip */
.coin-chip{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:9px;
  font-size:12px;padding:6px 12px;margin:0 5px;
  border:2px solid var(--ink);background:var(--white);
  border-radius:999px;white-space:nowrap;
  box-shadow:2px 2px 0 var(--ink);
}
.coin-chip .cc-tag{
  font-weight:700;font-size:9px;letter-spacing:.06em;
  background:var(--orange);color:var(--ink);padding:2px 6px;
  border-radius:999px;
}
.coin-chip .cc-name{color:var(--pink);font-weight:700;}
.coin-chip .cc-meta{color:var(--ink-faint);}

/* ============================================================
   TOP BAR + BUTTONS
   ============================================================ */
.topbar{
  display:flex;align-items:center;gap:24px;
  padding:14px 28px;border-bottom:4px solid var(--ink);
  background:var(--pink);color:var(--white);
  position:sticky;top:0;z-index:50;
}
.wordmark{display:flex;align-items:center;gap:10px;}
.wm-stripe{
  width:18px;height:26px;flex:none;
  background:repeating-linear-gradient(45deg,var(--ink) 0 6px,var(--yellow) 6px 12px);
  border:2px solid var(--ink);border-radius:5px;
}
.wm-logo{
  width:38px;height:38px;flex:none;object-fit:contain;
  display:block;
  animation:logoWiggle 4.2s ease-in-out infinite;
  transform-origin:50% 70%;
}
.wm-logo-sm{width:30px;height:30px;}
.wm-foot{display:inline-flex;align-items:center;gap:10px;}
@keyframes logoWiggle{
  0%,100%{transform:rotate(-6deg);}
  20%{transform:rotate(8deg) scale(1.05);}
  40%{transform:rotate(-10deg);}
  60%{transform:rotate(5deg);}
  80%{transform:rotate(-4deg) scale(1.02);}
}
.wm-text{
  font-family:var(--display);font-weight:900;
  font-size:22px;letter-spacing:-.03em;color:var(--white);
}
.wm-stutter{color:var(--yellow);animation:stutter 3.4s steps(1) infinite;}
@keyframes stutter{0%,82%,100%{opacity:1;}84%{opacity:.2;}86%{opacity:1;}88%{opacity:.2;}90%{opacity:1;}}
.topnav{display:flex;gap:20px;margin-left:auto;}
.topnav a{
  font-size:12px;color:var(--white);letter-spacing:.04em;
  text-transform:uppercase;padding:6px 10px;
  border:2px solid transparent;border-radius:999px;
}
.topnav a:hover{background:var(--white);color:var(--pink);border-color:var(--ink);}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  letter-spacing:.02em;border:3px solid var(--ink);
  border-radius:var(--r);background:var(--white);color:var(--ink);
  cursor:pointer;box-shadow:var(--shadow);
  transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s;
}
.btn:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:var(--shadow-lg);}
.btn:active{transform:translate(1px,1px) rotate(0);box-shadow:2px 2px 0 var(--ink);}
.btn-primary{background:var(--yellow);color:var(--ink);}
.btn-ghost{background:var(--white);color:var(--ink);}
.btn-sm{font-size:12px;padding:8px 14px;border-radius:10px;border-width:2px;box-shadow:3px 3px 0 var(--ink);}
.btn-lg{font-size:15px;padding:14px 22px;}
.btn-xl{font-size:16px;padding:17px 26px;border-radius:16px;}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  padding-top:60px;padding-bottom:74px;
  background:var(--cream);
  background-image:
    radial-gradient(circle at 12% 18%,var(--pink-soft) 0 14px,transparent 15px),
    radial-gradient(circle at 86% 28%,var(--cyan-soft) 0 22px,transparent 23px),
    radial-gradient(circle at 78% 78%,var(--purple-soft) 0 18px,transparent 19px),
    radial-gradient(circle at 22% 82%,var(--yellow-soft) 0 26px,transparent 27px);
  overflow:hidden;
}
.hero-inner{max-width:var(--maxw);margin:0 auto;position:relative;}

/* the mascot, intentionally too big and in the way */
.hero-mascot{
  position:absolute;
  right:-40px;top:50%;
  width:38vw;max-width:440px;min-width:240px;
  height:auto;
  transform:translateY(-52%) rotate(-8deg);
  pointer-events:none;
  z-index:1;
  filter:drop-shadow(10px 10px 0 rgba(0,0,0,.18));
  animation:mascotFloat 4s ease-in-out infinite;
}
@keyframes mascotFloat{
  0%,100%{transform:translateY(-54%) rotate(-8deg);}
  20%{transform:translateY(-62%) rotate(10deg) scale(1.03);}
  40%{transform:translateY(-46%) rotate(-14deg);}
  60%{transform:translateY(-58%) rotate(6deg);}
  80%{transform:translateY(-50%) rotate(-4deg) scale(1.01);}
}
/* keep text legibly above the mascot when they overlap */
.hero-inner > *:not(.hero-mascot){position:relative;z-index:2;}
@media(max-width:900px){
  .hero-mascot{
    position:static;
    width:180px;min-width:0;max-width:60vw;
    margin:8px auto -10px;
    display:block;
    transform:none;
    animation:mascotFloatMobile 3.6s ease-in-out infinite;
    filter:drop-shadow(6px 6px 0 rgba(0,0,0,.18));
  }
  @keyframes mascotFloatMobile{
    0%,100%{transform:rotate(-6deg);}
    50%{transform:rotate(8deg) scale(1.04);}
  }
}
.kicker{
  display:inline-flex;align-items:center;gap:9px;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink);background:var(--white);
  border:2px solid var(--ink);border-radius:999px;
  padding:6px 12px;box-shadow:3px 3px 0 var(--ink);
}
.kicker-dot{width:9px;height:9px;background:var(--pink);border-radius:50%;animation:blink 1s steps(1) infinite;}
@keyframes blink{50%{opacity:.15;}}

.hero-title{
  font-family:var(--display);font-weight:900;
  font-size:clamp(40px,6.4vw,86px);line-height:.94;
  letter-spacing:-.035em;text-transform:uppercase;
  margin:24px 0 24px;color:var(--ink);
}
.ht-line{display:block;}
.ht-fill{
  background:var(--pink);color:var(--white);
  width:max-content;padding:.02em .15em .04em;
  border:4px solid var(--ink);border-radius:14px;
  box-shadow:var(--shadow-lg);transform:rotate(-1.4deg);margin:6px 0;
}
.hero-sub{
  font-size:clamp(15px,1.45vw,17px);color:var(--ink);
  max-width:62ch;margin-bottom:26px;
}
.hero-sub strong{color:var(--ink);background:var(--lime);padding:0 4px;border-radius:4px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;}

/* coin spec bar: TICKER / CONTRACT ADDRESS / CHAIN */
.coin-bar{
  display:flex;gap:0;flex-wrap:wrap;
  background:var(--white);
  border:3px solid var(--ink);border-radius:var(--r);
  box-shadow:var(--shadow-lg);
  overflow:hidden;margin:0 0 26px;
}
.ci-item{
  flex:1;min-width:200px;padding:14px 18px;
  border-right:3px solid var(--ink);
  display:flex;flex-direction:column;gap:6px;
}
.ci-item:nth-child(1){background:var(--yellow-soft);}
.ci-item:nth-child(2){background:var(--cyan-soft);flex:1.6;}
.ci-item:nth-child(3){background:var(--pink-soft);}
.ci-item:last-child{border-right:none;}
.ci-k{
  font-size:11px;letter-spacing:.08em;
  color:var(--ink-dim);text-transform:uppercase;font-weight:700;
}
.ci-v{
  font-family:var(--display);font-weight:900;
  font-size:22px;color:var(--ink);line-height:1;
  letter-spacing:-.01em;
}
.ci-v-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ci-v-mono{
  font-family:var(--mono);font-size:14px;font-weight:700;
  background:var(--white);
  border:2px solid var(--ink);border-radius:6px;
  padding:4px 9px;color:var(--ink);
  word-break:break-all;
}
/* TBA placeholder treatment — flag it as not-yet-set */
.ci-v-mono.is-tba{
  background:var(--yellow);
  animation:pulseSize 1.6s ease-in-out infinite;
}
.ci-copy{
  background:var(--ink);color:var(--cyan);
  border:2px solid var(--ink);border-radius:8px;
  font-family:var(--display);font-weight:900;font-size:11px;
  padding:6px 12px;letter-spacing:.04em;text-transform:uppercase;
  cursor:pointer;box-shadow:2px 2px 0 var(--ink);
}
.ci-copy:hover:not(:disabled){background:var(--cyan);color:var(--ink);}
.ci-copy:disabled{opacity:.35;cursor:not-allowed;}
.ci-copy.done{background:var(--lime);color:var(--ink);}
@media(max-width:600px){
  .ci-item{border-right:none;border-bottom:3px solid var(--ink);min-width:0;}
  .ci-item:last-child{border-bottom:none;}
}
.hero-stats{
  display:flex;gap:0;flex-wrap:wrap;
  background:var(--white);
  border:3px solid var(--ink);border-radius:var(--r);
  box-shadow:var(--shadow-lg);overflow:hidden;
}
.hs{
  flex:1;min-width:170px;padding:18px 20px;
  border-right:3px solid var(--ink);position:relative;
}
.hs:nth-child(1){background:var(--yellow-soft);}
.hs:nth-child(2){background:var(--pink-soft);}
.hs:nth-child(3){background:var(--cyan-soft);}
.hs:last-child{border-right:none;}
.hs-k{
  display:block;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px;
}
.hs-v{
  font-family:var(--display);font-weight:900;font-size:30px;
  color:var(--ink);font-variant-numeric:tabular-nums;
}

/* ============================================================
   THE LOOP
   ============================================================ */
.loop{background:var(--cyan);}
.loop-grid{
  max-width:var(--maxw);margin:0 auto;
  display:flex;align-items:stretch;gap:14px;
}
.step{
  flex:1;background:var(--white);
  border:3px solid var(--ink);border-radius:var(--r);
  padding:24px 20px;position:relative;
  box-shadow:var(--shadow-lg);
  transition:transform .15s cubic-bezier(.34,1.56,.64,1);
}
.step:hover{transform:translate(-2px,-3px) rotate(-1deg);}
.step:nth-child(1){background:var(--yellow);}
.step:nth-child(3){background:var(--pink);color:var(--white);}
.step:nth-child(5){background:var(--lime);}
.step-return{background:var(--purple) !important;color:var(--white);}
.step-n{
  font-family:var(--display);font-weight:900;font-size:42px;
  color:var(--ink);line-height:1;opacity:.4;
}
.step:nth-child(3) .step-n,.step-return .step-n{color:var(--white);opacity:.7;}
.step h3{
  font-family:var(--display);font-weight:900;font-size:24px;
  text-transform:uppercase;letter-spacing:-.01em;margin:4px 0 8px;
  color:var(--ink);
}
.step:nth-child(3) h3,.step-return h3{color:var(--white);}
.step p{font-size:13px;color:var(--ink);}
.step:nth-child(3) p,.step-return p{color:rgba(255,255,255,.95);}
.loop-arrow{
  align-self:center;font-family:var(--display);font-weight:900;
  font-size:32px;color:var(--ink);flex:none;
}
.loop-wrap{
  max-width:var(--maxw);margin:18px auto 0;text-align:center;
  font-size:13px;letter-spacing:.2em;color:var(--ink);font-weight:700;
  background:var(--yellow);border:3px solid var(--ink);
  border-radius:999px;padding:10px;box-shadow:var(--shadow);
}
.loop .fine{max-width:var(--maxw);margin:24px auto 0;}

/* ============================================================
   AD-COIN TAPE SECTION
   ============================================================ */
.tape-section{
  padding-left:0;padding-right:0;
  background:var(--orange);
}
.tape-section .section-head{padding:0 28px;}

/* ============================================================
   DASHBOARD
   ============================================================ */
.dash{background:var(--paper);}
.dash-grid{
  max-width:var(--maxw);margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.card{
  background:var(--white);border:3px solid var(--ink);
  border-radius:var(--r);padding:18px;
  display:flex;flex-direction:column;min-height:140px;
  box-shadow:var(--shadow-lg);
  transition:transform .15s cubic-bezier(.34,1.56,.64,1);
}
.card:hover{transform:translate(-2px,-3px) rotate(-.5deg);}
.card:nth-child(1){background:var(--yellow-soft);}
.card:nth-child(3){background:var(--cyan-soft);}
.card:nth-child(4){background:var(--purple-soft);}
.card-wallet{background:var(--lime) !important;}
.wallet-stat{
  font-family:var(--mono) !important;font-size:14px !important;
  font-weight:700;color:var(--ink);
  background:var(--white);
  border:2px solid var(--ink);border-radius:8px;
  padding:8px 10px;word-break:break-all;line-height:1.35;
}
.card-accent{background:var(--pink) !important;color:var(--white);}
.card-accent .card-h{color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.3);}
.card-accent .card-h i{color:rgba(255,255,255,.65);}
.card-accent .big-stat-accent{color:var(--white) !important;}
.card-accent .big-stat small{color:rgba(255,255,255,.7);}
.card-accent .card-f{color:rgba(255,255,255,.75);}
.card-accent .card-f b{color:var(--yellow);}
.card-feed{grid-column:1 / -1;min-height:auto;background:var(--white) !important;}
.card-h{
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:11px;letter-spacing:.08em;color:var(--ink-dim);
  border-bottom:2px solid var(--ink);padding-bottom:9px;margin-bottom:14px;
  text-transform:uppercase;font-weight:700;
}
.card-h i{font-style:normal;color:var(--ink-faint);font-size:10px;}
.big-stat{
  font-family:var(--display);font-weight:900;font-size:42px;line-height:1;
  display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;
  color:var(--ink);
}
.big-stat-sm{font-size:26px;color:var(--mint);}
.big-stat small{font-family:var(--mono);font-size:13px;color:var(--ink-faint);font-weight:400;}
.big-stat-accent{color:var(--pink);}
.card-f{margin-top:auto;padding-top:12px;font-size:11px;color:var(--ink-faint);}
.card-f b{color:var(--pink);}
.feed{list-style:none;}
.feed li{
  display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center;
  font-size:12px;padding:10px 0;border-bottom:1px dashed var(--ink);
  animation:slidein .3s ease;
}
.feed li:last-child{border-bottom:none;}
.feed .f-tag{
  font-weight:700;font-size:9px;background:var(--orange);color:var(--ink);
  padding:3px 8px;letter-spacing:.05em;border-radius:999px;
  border:1px solid var(--ink);
}
.feed .f-name{color:var(--pink);font-weight:700;}
.feed .f-cost{color:var(--ink-dim);font-variant-numeric:tabular-nums;}
.feed .f-time{color:var(--ink-faint);font-size:10px;text-align:right;}
@keyframes slidein{from{opacity:0;transform:translateX(-10px);}to{opacity:1;transform:none;}}

/* ============================================================
   WHY
   ============================================================ */
.why{background:var(--lime);}
.why-grid{
  max-width:var(--maxw);margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.why-item{
  background:var(--white);border:3px solid var(--ink);
  border-radius:var(--r);padding:28px 24px;
  box-shadow:var(--shadow-lg);
  transition:transform .15s cubic-bezier(.34,1.56,.64,1);
}
.why-item:hover{transform:translate(-2px,-3px) rotate(-1deg);}
.why-item:nth-child(1){background:var(--yellow);}
.why-item:nth-child(2){background:var(--cyan-soft);}
.why-n{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--display);font-weight:900;font-size:20px;
  background:var(--ink);color:var(--yellow);
  width:40px;height:40px;border-radius:50%;
  border:3px solid var(--ink);
}
.why-item h3{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:22px;line-height:1.02;letter-spacing:-.01em;margin:12px 0 10px;
  color:var(--ink);
}
.why-item p{font-size:13px;color:var(--ink);}
.why-item-fill{background:var(--purple) !important;color:var(--white) !important;}
.why-item-fill .why-n{background:var(--white);color:var(--purple);}
.why-item-fill h3,.why-item-fill p{color:var(--white);}

/* ============================================================
   FINAL CTA + FOOTER
   ============================================================ */
.final{
  background:var(--pink);color:var(--white);
  border-bottom:none;
}
.final-inner{max-width:840px;margin:0 auto;text-align:center;padding:30px 0 40px;}
.final-title{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(36px,5.8vw,78px);line-height:.92;letter-spacing:-.035em;
  color:var(--white);
}
.final-fill{
  background:var(--yellow);color:var(--ink);
  padding:0 .1em;display:inline-block;
  border:4px solid var(--ink);border-radius:14px;
  box-shadow:var(--shadow-lg);transform:rotate(-1.5deg);
}
.final-sub{
  color:var(--white);font-size:clamp(14px,1.4vw,16px);
  max-width:54ch;margin:24px auto 32px;opacity:.95;
}
.final-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:30px;}
.final-threat{
  font-size:14px;color:var(--yellow);font-weight:700;
  background:var(--ink);border:3px solid var(--ink);
  border-radius:12px;padding:14px 18px;
  max-width:48ch;margin:0 auto;
  box-shadow:var(--shadow);
}

.site-footer{
  background:var(--yellow);border-top:5px solid var(--ink);
  display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;
  padding:28px;
}
.wm-text-sm{font-size:22px;color:var(--ink);}
.site-footer .wm-stutter{color:var(--pink);}
.site-footer p{font-size:11px;color:var(--ink);line-height:1.6;}
#sfUptime,#sfNoise{font-size:11px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;}
.sf-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end;}

/* ============================================================
   ANNOYING LAYERS
   ============================================================ */

#grain{display:none;}  /* dark-mode grain is wrong on light bg */

main,.topbar,.tape-thin,.adstack,.vbar{position:relative;z-index:2;}

#flash{
  position:fixed;inset:0;background:var(--yellow);
  opacity:0;pointer-events:none;z-index:60;mix-blend-mode:difference;
  transition:opacity .12s;
}
#flash.on{opacity:.22;}

body.shake{animation:pageshake .35s ease;}
@keyframes pageshake{
  0%,100%{transform:translate(0,0);}
  25%{transform:translate(-4px,2px);}
  50%{transform:translate(4px,-2px);}
  75%{transform:translate(-2px,-3px);}
}

/* ---------- cursor follower (the coin tailing you) ---------- */
#cursorTag{
  position:fixed;left:0;top:0;z-index:55;pointer-events:none;
  transform:translate(14px,14px);
  opacity:0;transition:opacity .15s;
}
#cursorTag.on{opacity:1;}
#cursorTag img{
  width:38px;height:38px;display:block;
  filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5));
  animation:cursorSpin 1.8s linear infinite;
}
@keyframes cursorSpin{
  0%{transform:rotate(-12deg) scale(1);}
  50%{transform:rotate(14deg) scale(1.08);}
  100%{transform:rotate(-12deg) scale(1);}
}

/* ---------- wiggle sticker (the coin won't leave) ---------- */
#floater{
  position:fixed;z-index:44;right:18px;top:24%;
  background:var(--red);color:var(--white);
  border:3px solid var(--ink);border-radius:18px;
  font-family:var(--display);font-weight:900;
  padding:10px 12px 8px;text-align:center;text-transform:uppercase;
  box-shadow:var(--shadow-lg);cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:4px;
  animation:wiggle 2.8s ease-in-out infinite;transform:rotate(-6deg);
}
.floater-logo{
  width:64px;height:64px;display:block;
  filter:drop-shadow(3px 3px 0 rgba(0,0,0,.5));
  animation:floaterCoinSpin 2.4s ease-in-out infinite;
}
@keyframes floaterCoinSpin{
  0%,100%{transform:rotate(-10deg);}
  50%{transform:rotate(14deg) scale(1.1);}
}
.floater-text{
  display:block;font-size:13px;line-height:1.05;letter-spacing:.04em;
  color:var(--yellow);
}

/* ---------- anti-blacklist bypass sticker (left side) ---------- */
#bypassBadge{
  position:fixed;z-index:44;left:18px;top:26%;
  background:var(--lime);color:var(--ink);
  border:3px solid var(--ink);border-radius:18px;
  font-family:var(--display);font-weight:900;
  padding:10px 14px 12px;text-align:center;
  box-shadow:var(--shadow-lg);
  display:flex;flex-direction:column;align-items:center;gap:6px;
  width:160px;
  transform:rotate(5deg);
  animation:bypassWiggle 3.4s ease-in-out infinite;
}
.bpb-icon{font-size:30px;line-height:1;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.25));}
.bpb-headline{font-size:15px;line-height:1.05;letter-spacing:.02em;color:var(--ink);}
.bpb-sub{
  font-family:var(--mono);font-weight:700;font-size:9px;
  letter-spacing:.04em;line-height:1.3;color:var(--ink);
  background:var(--ink);color:var(--lime);
  padding:4px 6px;border-radius:6px;text-transform:uppercase;
}
@keyframes bypassWiggle{
  0%,100%{transform:rotate(5deg) translateY(0);}
  25%{transform:rotate(-3deg) translateY(-5px);}
  50%{transform:rotate(8deg) translateY(4px);}
  75%{transform:rotate(-1deg) translateY(-2px);}
}
@keyframes wiggle{
  0%,100%{transform:rotate(-6deg) translateY(0);}
  25%{transform:rotate(4deg) translateY(-6px);}
  50%{transform:rotate(-8deg) translateY(4px);}
  75%{transform:rotate(2deg) translateY(-2px);}
}

/* ---------- big top-banner takeover ---------- */
#bigBanner{
  position:fixed;left:0;right:0;top:0;z-index:70;
  background:var(--purple);color:var(--white);
  border-bottom:3px solid var(--ink);
  display:none;align-items:center;gap:12px;
  padding:10px 16px;
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:14px;letter-spacing:.04em;
  box-shadow:0 4px 0 var(--ink);
}
#bigBanner.on{display:flex;animation:bannerin .28s ease;}
@keyframes bannerin{from{transform:translateY(-100%);}to{transform:translateY(0);}}
#bigBanner .bb-icon{
  background:var(--yellow);color:var(--ink);padding:4px 8px;flex:none;font-size:11px;
  border:2px solid var(--ink);border-radius:999px;
}
#bigBanner .bb-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#bigBanner .bb-cta{
  background:var(--yellow);color:var(--ink);
  border:2px solid var(--ink);border-radius:10px;
  font-family:var(--display);font-weight:900;font-size:12px;
  padding:6px 12px;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;flex:none;box-shadow:2px 2px 0 var(--ink);
}
#bigBanner .bb-cta:hover{background:var(--white);}
#bigBanner .bb-x{
  background:var(--white);color:var(--ink);
  border:2px solid var(--ink);border-radius:8px;
  width:28px;height:28px;cursor:pointer;
  font-weight:700;flex:none;display:flex;align-items:center;justify-content:center;
}

/* ---------- popups ---------- */
#popups{position:fixed;inset:0;z-index:42;pointer-events:none;}
.popup{
  position:absolute;width:240px;
  background:var(--white);border:3px solid var(--ink);
  border-radius:var(--r);
  box-shadow:var(--shadow-lg);
  pointer-events:auto;animation:popin .25s cubic-bezier(.34,1.56,.64,1);
  transform:rotate(-1.5deg);
}
.popup:nth-of-type(2n){transform:rotate(1.8deg);background:var(--yellow-soft);}
.popup:nth-of-type(3n){background:var(--cyan-soft);transform:rotate(-2.4deg);}
.popup:nth-of-type(4n){background:var(--pink-soft);}
@keyframes popin{from{opacity:0;transform:scale(.85) rotate(-4deg);}to{opacity:1;transform:rotate(-1.5deg);}}
.popup-h{
  display:flex;justify-content:space-between;align-items:center;
  background:var(--pink);color:var(--white);
  font-family:var(--display);font-size:11px;font-weight:900;letter-spacing:.06em;
  padding:6px 6px 6px 10px;border-bottom:3px solid var(--ink);
  border-radius:11px 11px 0 0;
}
.popup-x{
  background:var(--white);color:var(--ink);
  border:2px solid var(--ink);border-radius:6px;
  width:22px;height:22px;cursor:pointer;font-weight:700;
  display:flex;align-items:center;justify-content:center;font-size:13px;
}
.popup-x:hover{background:var(--red);color:var(--white);}
.popup-b{padding:14px;font-family:var(--mono);font-size:11.5px;color:var(--ink);line-height:1.5;}
.popup-b b{color:var(--ink);background:var(--yellow);padding:0 3px;}
.popup-cta{
  display:block;text-align:center;background:var(--yellow);color:var(--ink);
  font-family:var(--display);font-weight:900;font-size:11px;letter-spacing:.06em;
  padding:9px;margin-top:10px;border:2px solid var(--ink);border-radius:10px;
  text-decoration:none;text-transform:uppercase;cursor:pointer;
  box-shadow:2px 2px 0 var(--ink);
}
.popup-cta:hover{background:var(--lime);}

/* ---------- toasts ---------- */
#toasts{
  position:fixed;right:14px;bottom:14px;z-index:46;
  display:flex;flex-direction:column;gap:8px;max-width:300px;
  pointer-events:none;
}
.toast{
  pointer-events:auto;
  background:var(--white);border:2px solid var(--ink);
  border-radius:12px;
  padding:10px 12px;font-family:var(--mono);font-size:11.5px;color:var(--ink);
  display:flex;gap:9px;align-items:flex-start;
  box-shadow:3px 3px 0 var(--ink);
  animation:toastin .3s cubic-bezier(.34,1.56,.64,1);
}
@keyframes toastin{from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:none;}}
.toast.t-buy{background:var(--lime);}
.toast.t-spawn{background:var(--orange);color:var(--ink);}
.toast.t-burn{background:var(--yellow);}
.toast-tag{color:var(--pink);font-weight:900;flex:none;letter-spacing:.04em;
  font-family:var(--display);font-size:11px;}
.toast.t-buy .toast-tag{color:var(--ink);}
.toast.t-spawn .toast-tag{color:var(--ink);}
.toast-msg b{color:var(--ink);background:var(--yellow);padding:0 3px;}
.toast.t-buy .toast-msg b{background:var(--white);}
.toast-demo{
  font-size:8px;color:var(--ink);background:var(--white);
  border:1px solid var(--ink);padding:1px 5px;letter-spacing:.05em;border-radius:999px;
  align-self:flex-start;margin-top:2px;
}
.toast-x{
  margin-left:auto;background:none;border:none;color:var(--ink-faint);
  cursor:pointer;font-family:var(--mono);font-weight:700;flex:none;font-size:14px;
}
.toast-x:hover{color:var(--red);}

/* ---------- mute button ---------- */
#mute{
  position:fixed;left:14px;bottom:14px;z-index:46;
  display:flex;align-items:center;gap:8px;
  background:var(--cyan);color:var(--ink);
  border:3px solid var(--ink);border-radius:14px;cursor:pointer;
  font-family:var(--display);font-weight:900;font-size:13px;
  padding:10px 14px;text-transform:uppercase;letter-spacing:.04em;
  box-shadow:var(--shadow);
}
#mute:hover{background:var(--white);transform:translate(-2px,-2px);box-shadow:var(--shadow-lg);}
#mute .mute-ico{color:var(--red);}
#mute .mute-count{font-size:9px;color:var(--ink-faint);font-weight:400;font-family:var(--mono);}
#mute.fail{animation:muteshake .4s ease;background:var(--red);color:var(--white);}
@keyframes muteshake{
  0%,100%{transform:translateX(0);}
  20%{transform:translateX(-6px) rotate(-2deg);}
  40%{transform:translateX(6px) rotate(2deg);}
  60%{transform:translateX(-4px);}
  80%{transform:translateX(4px);}
}

.wm-text.flick{animation:wmflick .35s ease 2;}
@keyframes wmflick{0%,100%{filter:none;}50%{filter:invert(1) hue-rotate(180deg);}}

/* ============================================================
   2000s SPAM LAYERS
   ============================================================ */

.adstack{position:relative;z-index:5;}
.adbar{
  border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);
  height:30px;overflow:hidden;display:flex;align-items:center;
  font-family:var(--comic);font-weight:700;font-size:13px;letter-spacing:.02em;
}
.adbar-red{background:var(--red);color:var(--white);}
.adbar-pink{background:var(--pink);color:var(--white);}
.adbar-lime{background:var(--lime);color:var(--ink);}
.adbar-track{display:inline-flex;white-space:nowrap;animation:marquee 22s linear infinite;}
.adbar-track-rev{animation-direction:reverse;animation-duration:18s;}
.adbar-track-fast{animation-duration:13s;}

.vbar{
  position:relative;z-index:5;
  background:var(--purple);color:var(--white);
  border-bottom:3px solid var(--ink);
  font-family:var(--mono);font-size:12px;
  display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;
  padding:8px 14px;text-align:center;
}
.vbar-eye{width:22px;height:22px;vertical-align:middle;display:inline-block;animation:vbarSpin 2.4s ease-in-out infinite;}
@keyframes vbarSpin{
  0%,100%{transform:rotate(-12deg);}
  50%{transform:rotate(14deg) scale(1.1);}
}
.vbar b{color:var(--yellow);font-variant-numeric:tabular-nums;}
.vbar-sep{color:rgba(255,255,255,.4);}
.vbar-delta{color:var(--lime) !important;}
.vbar-cta{
  background:var(--yellow);color:var(--ink);padding:4px 10px;
  font-family:var(--display);font-weight:900;font-size:11px;letter-spacing:.04em;text-transform:uppercase;
  border:2px solid var(--ink);border-radius:999px;
  box-shadow:2px 2px 0 var(--ink);animation:pulseSize 1.6s ease-in-out infinite;
}
@keyframes pulseSize{50%{transform:scale(1.08);}}

/* ============================================================
   MODALS
   ============================================================ */
.modal-overlay{
  position:fixed;inset:0;z-index:80;
  background:rgba(124,58,255,.55);
  backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;padding:24px;
  animation:fadeIn .25s ease;
}
.modal-overlay[hidden]{display:none;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.modal{
  background:var(--white);color:var(--ink);
  border:4px solid var(--ink);border-radius:16px;
  box-shadow:8px 8px 0 var(--ink);
  width:100%;max-width:480px;font-family:var(--mono);
  animation:modalPop .35s cubic-bezier(.4,1.7,.6,1);overflow:hidden;
}
@keyframes modalPop{from{transform:scale(.7) rotate(-3deg);}to{transform:scale(1) rotate(0);}}
.modal-h{
  background:var(--cyan);color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;
  padding:9px 11px;font-family:var(--display);
  font-weight:900;font-size:13px;letter-spacing:.03em;
  border-bottom:3px solid var(--ink);text-transform:uppercase;
}
.modal-h-pink{background:var(--pink);color:var(--white);}
.modal-h-red{background:var(--red);color:var(--white);}
.modal-x{
  background:var(--white);color:var(--ink);
  border:2px solid var(--ink);border-radius:8px;
  width:26px;height:26px;cursor:pointer;
  font-weight:700;font-size:14px;
  display:flex;align-items:center;justify-content:center;
}
.modal-x:hover{background:var(--red);color:var(--white);}
.modal-b{padding:22px;background:var(--white);}
.modal-b-center{text-align:center;}
.modal-led{
  font-family:var(--comic);font-size:15px;text-align:center;color:var(--ink);
  background:var(--lime);padding:9px;border:3px solid var(--ink);
  border-radius:10px;margin-bottom:18px;box-shadow:3px 3px 0 var(--ink);
}
.modal-cta{
  display:inline-block;background:var(--yellow);color:var(--ink);
  font-family:var(--display);font-weight:900;font-size:14px;letter-spacing:.04em;
  text-transform:uppercase;border:3px solid var(--ink);
  border-radius:12px;padding:11px 20px;
  text-decoration:none;cursor:pointer;
  box-shadow:4px 4px 0 var(--ink);
  transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s;
}
.modal-cta:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 6px 0 var(--ink);}
.modal-cta:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink);}
.modal-cta-ghost{background:var(--white);}
.modal-fine{
  font-family:var(--comic);font-size:11px;color:var(--ink-dim);
  margin-top:14px;text-align:center;
}

/* spin wheel */
.modal-spin .modal-b{padding:20px;}
.wheel-wrap{
  position:relative;width:280px;height:280px;margin:6px auto 16px;
}
.wheel-pointer{
  position:absolute;left:50%;top:-10px;transform:translateX(-50%);
  color:var(--red);font-size:32px;line-height:1;z-index:2;
  filter:drop-shadow(2px 2px 0 var(--ink));
}
.wheel{
  width:100%;height:100%;border-radius:50%;
  border:4px solid var(--ink);position:relative;overflow:hidden;
  box-shadow:0 0 0 4px var(--yellow),0 0 0 6px var(--ink);
  background:conic-gradient(
    var(--yellow) 0 45deg,
    var(--pink) 45deg 90deg,
    var(--lime) 90deg 135deg,
    var(--cyan) 135deg 180deg,
    var(--red) 180deg 225deg,
    var(--white) 225deg 270deg,
    var(--orange) 270deg 315deg,
    var(--purple) 315deg 360deg
  );
  transition:transform 4.2s cubic-bezier(.17,.67,.32,1.02);
}
.wsec{
  position:absolute;left:50%;top:50%;transform-origin:0 0;
  font-family:var(--display);font-weight:900;font-size:10px;color:var(--ink);
  width:130px;text-align:center;letter-spacing:.02em;
  pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.5);
}
.ws-1{transform:rotate(22.5deg)  translate(0,-115px) rotate(-22.5deg) translate(-65px,0);}
.ws-2{transform:rotate(67.5deg)  translate(0,-115px) rotate(-67.5deg) translate(-65px,0);}
.ws-3{transform:rotate(112.5deg) translate(0,-115px) rotate(-112.5deg) translate(-65px,0);}
.ws-4{transform:rotate(157.5deg) translate(0,-115px) rotate(-157.5deg) translate(-65px,0);color:var(--white);text-shadow:0 1px 0 rgba(0,0,0,.4);}
.ws-5{transform:rotate(202.5deg) translate(0,-115px) rotate(-202.5deg) translate(-65px,0);}
.ws-6{transform:rotate(247.5deg) translate(0,-115px) rotate(-247.5deg) translate(-65px,0);}
.ws-7{transform:rotate(292.5deg) translate(0,-115px) rotate(-292.5deg) translate(-65px,0);}
.ws-8{transform:rotate(337.5deg) translate(0,-115px) rotate(-337.5deg) translate(-65px,0);color:var(--white);text-shadow:0 1px 0 rgba(0,0,0,.4);}

.celeb-num{
  font-family:var(--display);font-weight:900;font-size:58px;line-height:1;
  color:var(--pink);text-shadow:3px 3px 0 var(--ink);letter-spacing:-.02em;
}
.celeb-num sup{font-size:22px;color:var(--ink);text-shadow:none;margin-left:2px;}
.celeb-line{font-family:var(--comic);font-size:18px;margin:12px 0 6px;color:var(--ink);}
.celeb-line b{background:var(--yellow);padding:0 5px;border:2px solid var(--ink);border-radius:6px;}
.celeb-sub{font-size:12px;color:var(--ink-dim);margin-bottom:16px;}

.exit-head{
  font-family:var(--comic);font-size:22px;color:var(--ink);margin-bottom:14px;line-height:1.2;
}
.exit-head b{background:var(--yellow);padding:0 5px;border:2px solid var(--ink);border-radius:6px;}
.exit-sub{font-size:12px;color:var(--ink-dim);margin-bottom:18px;line-height:1.5;}
.exit-cta-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

/* ============================================================
   WINDOWS-STYLE ALERTS (kept retro, colors brightened)
   ============================================================ */
#winAlerts{position:fixed;inset:0;z-index:65;pointer-events:none;}
.winalert{
  position:absolute;width:340px;
  background:var(--white);color:var(--ink);
  border:3px solid var(--ink);border-radius:10px;
  box-shadow:6px 6px 0 var(--ink);
  font-family:"Tahoma","Geneva",sans-serif;
  pointer-events:auto;animation:modalPop .3s cubic-bezier(.4,1.6,.6,1);overflow:hidden;
}
.winalert-h{
  background:var(--purple);color:var(--white);
  display:flex;justify-content:space-between;align-items:center;
  padding:5px 7px;font-size:12px;font-weight:700;
}
.winalert-h .wa-x{
  background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:6px;
  width:22px;height:18px;cursor:pointer;
  font-weight:700;font-size:11px;line-height:1;
}
.winalert-b{padding:15px;display:flex;gap:12px;align-items:flex-start;}
.winalert-ico{
  width:44px;height:44px;flex:none;
  background:var(--red);color:var(--white);
  border:3px solid var(--ink);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;
}
.winalert-msg{font-size:12px;color:var(--ink);line-height:1.45;}
.winalert-msg b{display:block;font-size:13px;margin-bottom:4px;color:var(--pink);}
.winalert-f{
  display:flex;gap:8px;justify-content:flex-end;
  padding:10px 14px 12px;background:var(--cream);border-top:2px dashed var(--ink);
}
.wa-btn{
  background:var(--white);color:var(--ink);
  border:2px solid var(--ink);border-radius:8px;
  font-family:var(--display);font-size:11px;font-weight:900;letter-spacing:.04em;
  padding:5px 12px;cursor:pointer;
  box-shadow:2px 2px 0 var(--ink);text-transform:uppercase;min-width:72px;
}
.wa-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);}
.wa-btn-primary{background:var(--yellow);}

/* ============================================================
   NOT-SUPPORT CHAT WIDGET
   ============================================================ */
#chat{position:fixed;right:14px;bottom:60px;z-index:47;}
.chat-tog{
  display:flex;align-items:center;gap:8px;
  background:var(--pink);color:var(--white);
  border:3px solid var(--ink);border-radius:14px;cursor:pointer;
  font-family:var(--display);font-weight:900;font-size:13px;
  padding:10px 14px;text-transform:uppercase;letter-spacing:.04em;
  box-shadow:var(--shadow);position:relative;
}
.chat-tog:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:var(--shadow-lg);}
.chat-tog-ico{font-size:16px;}
.chat-tog-dot{
  position:absolute;top:-6px;right:-6px;
  background:var(--red);color:var(--white);border:2px solid var(--ink);
  font-size:10px;font-weight:700;width:20px;height:20px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  animation:pulseSize 1s ease-in-out infinite;
}
.chat-tog-dot::after{content:"!";}
.chat-box{
  position:absolute;right:0;bottom:58px;width:310px;
  background:var(--white);border:3px solid var(--ink);border-radius:14px;
  box-shadow:var(--shadow-lg);overflow:hidden;
  display:flex;flex-direction:column;animation:modalPop .25s cubic-bezier(.34,1.56,.64,1);
}
.chat-h{
  background:var(--pink);color:var(--white);
  display:flex;align-items:center;gap:8px;
  padding:9px 11px;font-family:var(--display);font-size:13px;font-weight:900;
  letter-spacing:.04em;text-transform:uppercase;
  border-bottom:3px solid var(--ink);
}
.chat-h-l{flex:1;}
.chat-h-s{font-size:9px;font-weight:400;color:rgba(255,255,255,.85);text-transform:none;letter-spacing:0;}
.chat-x{
  background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:6px;
  width:22px;height:22px;cursor:pointer;font-weight:700;
  display:flex;align-items:center;justify-content:center;font-size:13px;
}
.chat-msgs{
  max-height:280px;overflow-y:auto;padding:12px;
  background:var(--cyan-soft);
  display:flex;flex-direction:column;gap:8px;
  font-family:var(--mono);font-size:12px;
}
.chat-msg{
  background:var(--white);color:var(--ink);
  border:2px solid var(--ink);border-radius:12px 12px 12px 4px;
  padding:8px 11px;line-height:1.45;
  max-width:88%;align-self:flex-start;
  box-shadow:2px 2px 0 var(--ink);
  animation:msgIn .25s cubic-bezier(.34,1.56,.64,1);
}
.chat-msg b{color:var(--ink);background:var(--yellow);padding:0 3px;}
.chat-msg-user{
  align-self:flex-end;background:var(--pink);color:var(--white);
  border-radius:12px 12px 4px 12px;
}
@keyframes msgIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.chat-typing{
  padding:4px 12px 8px;color:var(--ink-faint);font-size:11px;font-style:italic;
  background:var(--cyan-soft);
}
.chat-foot{
  padding:7px 12px;background:var(--ink);font-size:10px;color:var(--white);
  text-align:right;
}
.chat-foot b{color:var(--yellow);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:900px){
  .loop-grid{flex-direction:column;}
  .loop-arrow{transform:rotate(90deg);align-self:flex-start;margin-left:20px;}
  .dash-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:1fr;}
  .site-footer{grid-template-columns:1fr;gap:14px;}
  .sf-meta{align-items:flex-start;}
}
@media(max-width:600px){
  body{font-size:14px;}
  section{padding:46px 16px;}
  .tape-section{padding-left:0;padding-right:0;}
  .tape-section .section-head{padding:0 16px;}
  .topnav{display:none;}
  .topbar{padding:12px 14px;gap:12px;}
  .dash-grid{grid-template-columns:1fr;}
  .hs{border-right:none;border-bottom:3px solid var(--ink);}
  .hs:last-child{border-bottom:none;}
  #floater{right:10px;top:auto;bottom:96px;font-size:12px;padding:10px;}
  #bypassBadge{left:10px;top:auto;bottom:170px;width:130px;padding:8px 10px 10px;}
  .bpb-icon{font-size:22px;}
  .bpb-headline{font-size:12px;}
  .bpb-sub{font-size:8px;}
  #cursorTag{display:none;}
  #mute{padding:8px 12px;font-size:12px;}
  #toasts{right:8px;bottom:8px;max-width:240px;max-height:60vh;overflow:hidden;}
  #toasts .toast:nth-child(n+4){display:none;}
  .popup{width:200px;}
  #bigBanner{font-size:11px;padding:8px 10px;gap:8px;}
  #chat{right:8px;bottom:64px;}
  .chat-box{width:calc(100vw - 20px);right:-4px;}
  .modal{max-width:340px;}
  .wheel-wrap{width:240px;height:240px;}
  .wsec{font-size:8px;}
  .ws-1{transform:rotate(22.5deg)  translate(0,-100px) rotate(-22.5deg) translate(-65px,0);}
  .ws-2{transform:rotate(67.5deg)  translate(0,-100px) rotate(-67.5deg) translate(-65px,0);}
  .ws-3{transform:rotate(112.5deg) translate(0,-100px) rotate(-112.5deg) translate(-65px,0);}
  .ws-4{transform:rotate(157.5deg) translate(0,-100px) rotate(-157.5deg) translate(-65px,0);}
  .ws-5{transform:rotate(202.5deg) translate(0,-100px) rotate(-202.5deg) translate(-65px,0);}
  .ws-6{transform:rotate(247.5deg) translate(0,-100px) rotate(-247.5deg) translate(-65px,0);}
  .ws-7{transform:rotate(292.5deg) translate(0,-100px) rotate(-292.5deg) translate(-65px,0);}
  .ws-8{transform:rotate(337.5deg) translate(0,-100px) rotate(-337.5deg) translate(-65px,0);}
  .celeb-num{font-size:44px;}
  .winalert{width:300px;}
  .adbar{font-size:11px;height:26px;}
  .vbar{font-size:11px;gap:6px;}
  .ht-fill{padding:0 .15em;}
}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;}
  #cursorTag,#floater,#bypassBadge,#bigBanner,#popups,#toasts,#mute,
  .adstack,.vbar,.modal-overlay,#winAlerts,#chat{display:none!important;}
}