/* ============================================================
   $PLTR // NetanyahuPsyopCashCat6900Inu
   aesthetic: CRT terminal x conspiracy corkboard x 2004 geocities
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=VT323&family=Special+Elite&family=Anton&family=Archivo+Black&display=swap');

:root{
  --green:#39ff5b;
  --cyan:#00e0ff;
  --red:#ff3b3b;
  --yellow:#ffd23b;
  --purple:#b06bff;
  --bg:#0a0410;
  --panel:#120a1e;
  --ink:#e8ffe8;
  --mono:'VT323',monospace;
  --type:'Special Elite',monospace;
  --fat:'Anton',sans-serif;
  --blk:'Archivo Black',sans-serif;
  /* SYRINGE CURSOR — hotspot at needle tip */
  --cur: url('assets/syringe-cursor.svg') 7 7, crosshair;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  background:
    radial-gradient(circle at 20% 10%, #2a0f45 0%, transparent 40%),
    radial-gradient(circle at 80% 30%, #3a0a2a 0%, transparent 45%),
    radial-gradient(circle at 50% 80%, #061a2a 0%, transparent 50%),
    repeating-linear-gradient(0deg,#0a0410 0px,#0a0410 2px,#0c0614 3px),
    var(--bg);
  color:var(--ink);
  font-family:var(--type);
  overflow-x:hidden;
  cursor:var(--cur);
  position:relative;
}

a,button,input,.node,.redact,.step,.eye-card,.feed,.fw-node,.fw-step{cursor:var(--cur);}

/* ---------- CRT overlays ---------- */
.crt-overlay{
  position:fixed;inset:0;z-index:9998;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,0.16) 0px,rgba(0,0,0,0.16) 1px,transparent 2px,transparent 3px);
  mix-blend-mode:multiply;
  animation:flicker 5s infinite steps(60);
}
.crt-overlay::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(rgba(255,255,255,0.02),rgba(255,255,255,0));
  height:12px;width:100%;
  animation:scan 7s linear infinite;
}
.vignette{
  position:fixed;inset:0;z-index:9997;pointer-events:none;
  box-shadow:inset 0 0 220px 40px rgba(0,0,0,0.85);
}
@keyframes flicker{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.75}94%{opacity:1}97%{opacity:.85}}
@keyframes scan{0%{transform:translateY(-20px)}100%{transform:translateY(100vh)}}

/* ============ BOOT ============ */
#boot{
  position:fixed;inset:0;z-index:10000;background:#000;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);color:var(--green);
  text-shadow:0 0 6px var(--green);
}
#boot-inner{width:min(760px,92vw);padding:20px;}
#boot-log{font-size:clamp(13px,2.4vw,20px);line-height:1.5;white-space:pre-wrap;margin:0;min-height:46vh;}
#boot-skip{margin-top:18px;font-size:13px;opacity:.6;animation:blink 1s steps(1) infinite;}
body.booted #boot{display:none;}

/* ============ HUD ============ */
#hud{
  position:fixed;top:8px;right:10px;z-index:9990;
  font-family:var(--mono);font-size:16px;color:var(--red);
  background:rgba(0,0,0,.55);border:1px solid var(--red);
  padding:4px 10px;display:flex;gap:12px;align-items:center;
  text-shadow:0 0 4px var(--red);letter-spacing:1px;pointer-events:none;
}
#hud .dot{animation:blink .8s steps(1) infinite;}
#hud .hud-sub{color:var(--green);text-shadow:0 0 4px var(--green);}
#hud-clock{color:var(--yellow);}

/* ============ MARQUEE ============ */
.marquee{overflow:hidden;white-space:nowrap;background:#000;border-top:2px solid var(--green);border-bottom:2px solid var(--green);}
.marquee-top{position:relative;z-index:20;}
.marquee-track{display:inline-flex;animation:march 26s linear infinite;font-family:var(--mono);font-size:20px;color:var(--yellow);text-shadow:0 0 5px var(--yellow);padding:5px 0;}
.marquee-track.reverse{animation:march-rev 30s linear infinite;color:var(--cyan);text-shadow:0 0 5px var(--cyan);}
.marquee-bottom{border-color:var(--cyan);}
@keyframes march{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes march-rev{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}

/* ============ HERO ============ */
#hero{
  position:relative;z-index:10;text-align:center;
  padding:48px 16px 30px;
  border-bottom:3px double var(--green);
  overflow:hidden;
}
.classified-corner{
  position:absolute;top:8px;font-family:var(--mono);font-size:14px;color:var(--red);
  border:1px solid var(--red);padding:2px 8px;background:rgba(0,0,0,.5);letter-spacing:1px;
}
.classified-corner.tl{left:10px;}
.classified-corner.tr{right:10px;color:var(--cyan);border-color:var(--cyan);}
.hero-eyebrow{font-family:var(--mono);color:var(--yellow);font-size:clamp(13px,2vw,18px);letter-spacing:2px;margin-bottom:14px;}

#hero-collage{
  width:min(340px,74vw);border:4px solid #000;
  box-shadow:0 0 0 3px var(--green),0 0 40px rgba(57,255,91,.5),0 10px 30px rgba(0,0,0,.7);
  filter:saturate(1.3) contrast(1.1);
  animation:hero-bob 4s ease-in-out infinite;
  margin:6px 0 18px;
}
@keyframes hero-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}

#hero-name{
  font-family:var(--blk);
  font-size:clamp(26px,6.4vw,72px);
  line-height:.98;margin:6px auto 14px;max-width:1100px;
  letter-spacing:-1px;word-break:break-word;
  text-transform:uppercase;
}
#hero-name span{display:inline;}
.n-alex{color:#fff;} .n-cat{color:var(--yellow);} .n-surv{color:var(--red);}
.n-hold{color:var(--cyan);} .n-num{color:var(--green);} .n-inu{color:var(--purple);}
#hero-name span{text-shadow:2px 2px 0 #000,4px 4px 0 rgba(0,0,0,.4);animation:hue 8s linear infinite;}
@keyframes hue{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(35deg)}}

#ticker-badge{
  display:inline-flex;flex-direction:column;align-items:center;
  font-family:var(--fat);font-size:clamp(44px,10vw,110px);line-height:.9;
  color:#000;background:var(--green);
  padding:10px 30px 14px;margin:6px 0 16px;transform:rotate(-2deg);
  box-shadow:0 0 30px var(--green),8px 8px 0 #000;
  border:4px solid #000;
}
#ticker-badge .dollar{color:var(--red);}
.ticker-sub{font-family:var(--mono);font-size:14px;color:#0a0410;letter-spacing:3px;margin-top:2px;}

#slogan{font-family:var(--type);font-size:clamp(18px,3.4vw,34px);color:#fff;text-shadow:0 0 12px var(--cyan);margin:10px auto 22px;max-width:760px;line-height:1.15;}
.slogan-2{color:var(--cyan);}

#ca-box{
  display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;
  background:#000;border:2px dashed var(--yellow);padding:8px 14px;margin-bottom:20px;font-family:var(--mono);
}
.ca-label{color:var(--yellow);font-size:15px;letter-spacing:1px;}
#ca{color:var(--green);font-size:clamp(14px,2.6vw,22px);text-shadow:0 0 6px var(--green);letter-spacing:1px;}
#ca.flick{opacity:.25;}
#ca-copy{background:var(--red);color:#fff;border:2px solid #000;font-family:var(--mono);font-size:14px;padding:3px 10px;letter-spacing:1px;}
#ca-copy:active{transform:translate(1px,1px);}

.hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:16px;}
.btn{
  font-family:var(--fat);font-size:clamp(16px,2.6vw,24px);letter-spacing:1px;
  text-decoration:none;padding:12px 26px;border:3px solid #000;display:inline-block;
  transform:skew(-6deg);transition:transform .08s,box-shadow .08s;
}
.btn span,.btn{cursor:var(--cur);}
.btn-buy{background:var(--green);color:#000;box-shadow:6px 6px 0 #000,0 0 24px var(--green);}
.btn-lore{background:#000;color:var(--cyan);border-color:var(--cyan);box-shadow:6px 6px 0 rgba(0,224,255,.4);}
.btn:hover{transform:skew(-6deg) scale(1.05) rotate(-1deg);}
.btn.big{font-size:clamp(20px,4vw,34px);margin-top:14px;}
.chain-tag{font-family:var(--mono);color:#aaa;font-size:15px;letter-spacing:1px;}
.chain-tag b{color:var(--green);}
.impossible{color:var(--red);animation:blink .5s steps(1) infinite;}

/* ============ TICKER TAPE ============ */
.tape{overflow:hidden;background:#000;border-bottom:2px solid var(--red);white-space:nowrap;}
.tape-track{display:inline-flex;gap:34px;padding:6px 0;font-family:var(--mono);font-size:18px;animation:march 22s linear infinite;}
.tape-track .up{color:var(--green);} .tape-track .down{color:var(--red);}

/* ============ SECTIONS ============ */
.sec{position:relative;z-index:10;max-width:1100px;margin:0 auto;padding:56px 18px;}
.sec-title{font-family:var(--fat);font-size:clamp(24px,5vw,48px);text-align:center;color:#fff;text-shadow:3px 3px 0 #000,0 0 20px var(--purple);letter-spacing:1px;margin:0 0 6px;}
.sec-sub{text-align:center;font-family:var(--type);color:var(--yellow);font-size:clamp(14px,2.4vw,20px);margin:0 0 30px;opacity:.9;}

/* stamps */
.stamp{position:absolute;font-family:var(--blk);border:5px solid var(--red);color:var(--red);padding:6px 16px;font-size:clamp(18px,3vw,30px);letter-spacing:3px;opacity:.85;text-transform:uppercase;pointer-events:none;}
.stamp.small{font-size:16px;padding:4px 10px;border-width:3px;}
.stamp-blk{border-color:#fff;color:#fff;}
.rotate-a{top:20px;right:5%;transform:rotate(14deg);}
.rotate-b{position:static;transform:rotate(8deg);margin-left:auto;}
.rotate-c{top:16px;left:6%;transform:rotate(-12deg);}

/* ============ FOUR EYES ============ */
.eyes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.eye-card{background:var(--panel);border:2px solid var(--green);padding:20px;position:relative;transition:transform .12s;box-shadow:5px 5px 0 rgba(0,0,0,.6);}
.eye-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:8px 10px 0 rgba(57,255,91,.3);}
.eye-ico{font-size:46px;text-align:center;animation:hero-bob 5s ease-in-out infinite;}
.eye-card h3{font-family:var(--fat);color:var(--yellow);font-size:22px;margin:8px 0 0;text-align:center;letter-spacing:1px;}
.eye-sub{text-align:center;color:var(--cyan);font-family:var(--mono);font-size:16px;margin-bottom:8px;}
.eye-card p{font-size:16px;line-height:1.35;color:#d7ffd7;}

/* ============ CONSPIRACY BOARD ============ */
.corkboard{
  position:relative;height:560px;margin-top:10px;
  background:
    repeating-linear-gradient(45deg,#3a2a12 0px,#3a2a12 3px,#2f2210 3px,#2f2210 6px);
  border:10px solid #1c1206;box-shadow:inset 0 0 80px rgba(0,0,0,.8);
  overflow:hidden;
}
.node{
  position:absolute;background:#f5f1e0;color:#111;font-family:var(--type);
  padding:10px 12px;text-align:center;font-size:15px;line-height:1.1;
  border:1px solid #999;box-shadow:3px 5px 8px rgba(0,0,0,.6);
  transform:rotate(var(--r,-3deg));width:140px;z-index:3;
}
.node small{color:#a11;font-size:12px;}
.node::before{content:"";position:absolute;top:-8px;left:50%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff6,#c00);transform:translateX(-50%);box-shadow:0 2px 3px rgba(0,0,0,.6);}
.node-1{top:70px;left:8%;--r:-5deg;}
.node-2{top:70px;right:8%;--r:4deg;}
.node-3{bottom:60px;left:8%;--r:3deg;}
.node-4{bottom:60px;right:8%;--r:-4deg;}
.node-c{top:44%;left:50%;transform:translate(-50%,-50%) rotate(-2deg);background:var(--green);color:#000;width:150px;font-family:var(--fat);box-shadow:0 0 24px var(--green),3px 5px 8px rgba(0,0,0,.6);}
.node-c small{color:#063;}
.red-string{position:absolute;inset:0;width:100%;height:100%;z-index:2;}
.red-string line{stroke:#e11;stroke-width:2;opacity:.8;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6));}
.scrawl{position:absolute;font-family:var(--type);color:#ffe;transform:rotate(-6deg);font-size:18px;text-shadow:1px 1px 2px #000;z-index:4;pointer-events:none;}
.scrawl-1{top:40%;left:20%;color:#ff8;}
.scrawl-2{top:30%;right:18%;color:#8ff;transform:rotate(5deg);}
.scrawl-3{bottom:26%;left:26%;color:#f88;transform:rotate(-3deg);}
.scrawl-4{bottom:30%;right:22%;color:#fff;font-size:24px;transform:rotate(7deg);animation:blink 1.2s steps(1) infinite;}

/* ============ DOCUMENT ============ */
.doc{background:#e9e4d4;color:#1a1a12;max-width:820px;margin:0 auto;padding:34px 40px;box-shadow:0 20px 50px rgba(0,0,0,.7);position:relative;transform:rotate(-.4deg);font-family:var(--type);background-image:radial-gradient(circle at 15% 90%,rgba(120,80,20,.18) 0%,transparent 12%),radial-gradient(circle at 80% 12%,rgba(90,60,10,.14) 0%,transparent 10%);}
.doc-head{display:flex;align-items:center;gap:16px;border-bottom:3px double #333;padding-bottom:14px;margin-bottom:16px;}
.doc-seal{font-size:44px;}
.doc-title{font-family:var(--blk);font-size:26px;letter-spacing:1px;}
.doc-meta{font-size:14px;color:#655;letter-spacing:1px;}
.doc-body p{font-size:18px;line-height:1.5;margin:0 0 14px;}
.drop{float:left;font-family:var(--blk);font-size:56px;line-height:.8;padding:4px 10px 0 0;color:#7a1010;}
.redact{background:#111;color:#111;padding:0 4px;border-radius:1px;transition:color .15s,background .15s;user-select:none;}
.redact:hover{background:#b30000;color:#fff;}
.doc-final{background:#111;color:#e9e4d4;padding:12px 16px;font-size:17px;letter-spacing:.3px;}
.doc-sign{font-size:16px;color:#333;margin-top:18px;}
.doc-sign small{display:block;color:#877;margin-top:6px;}

/* ============ FEED WALL ============ */
.feed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.feed{background:#000;border:2px solid var(--cyan);box-shadow:0 0 16px rgba(0,224,255,.3);}
.feed-bar{background:var(--cyan);color:#000;font-family:var(--mono);font-size:14px;padding:3px 8px;display:flex;align-items:center;gap:6px;letter-spacing:1px;}
.feed-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red);animation:blink .9s steps(1) infinite;}
.feed-view{height:170px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.feed-cat img{height:170px;object-fit:cover;filter:grayscale(.3) contrast(1.2) brightness(.9);mix-blend-mode:screen;}
.feed-static{background:repeating-linear-gradient(0deg,#111 0,#111 2px,#222 3px);}
.feed-static::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(255,255,255,.04) 4px);animation:noise .2s steps(2) infinite;}
@keyframes noise{0%{transform:translateY(0)}100%{transform:translateY(4px)}}
.feed-text{font-family:var(--mono);color:var(--green);font-size:26px;text-align:center;text-shadow:0 0 8px var(--green);z-index:2;}
.feed-text small{font-size:14px;color:var(--red);}
.feed-you .feed-text{color:var(--red);text-shadow:0 0 8px var(--red);}
.feed-meta{font-family:var(--mono);color:var(--yellow);font-size:14px;padding:3px 8px;border-top:1px solid #333;}
.feed-chart{background:#020a06;}
.glitch{position:relative;}
.glitch::before,.glitch::after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;}
.glitch::before{color:var(--cyan);transform:translate(-2px,0);clip-path:inset(0 0 55% 0);animation:gl 1.4s infinite;}
.glitch::after{color:var(--red);transform:translate(2px,0);clip-path:inset(55% 0 0 0);animation:gl 1.1s infinite reverse;}
@keyframes gl{0%,100%{transform:translate(-2px,0)}50%{transform:translate(2px,1px)}}

/* ============ ORACLE ============ */
.oracle-wrap{display:flex;gap:30px;flex-wrap:wrap;align-items:center;justify-content:center;}
#orb{
  width:220px;height:220px;border-radius:50%;position:relative;flex:0 0 auto;
  background:radial-gradient(circle at 35% 30%,#fff 0%,#a9f 12%,#6b2fd6 45%,#160828 90%);
  box-shadow:0 0 60px var(--purple),inset 0 0 60px rgba(0,0,0,.7);
  display:flex;align-items:center;justify-content:center;
  animation:orb-pulse 3s ease-in-out infinite;
}
@keyframes orb-pulse{0%,100%{box-shadow:0 0 50px var(--purple),inset 0 0 60px rgba(0,0,0,.7)}50%{box-shadow:0 0 90px var(--cyan),inset 0 0 60px rgba(0,0,0,.7)}}
.orb-glow{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0,transparent 8px,rgba(255,255,255,.05) 10px);}
#orb-text{position:relative;z-index:2;font-family:var(--type);color:#fff;text-align:center;font-size:16px;padding:20px;text-shadow:0 0 8px #000;line-height:1.2;}
.oracle-controls{flex:1 1 300px;max-width:420px;}
#oracle-input{width:100%;background:#000;border:2px solid var(--purple);color:var(--green);font-family:var(--mono);font-size:18px;padding:10px;margin-bottom:10px;}
#oracle-btn{width:100%;background:var(--purple);color:#000;border:3px solid #000;font-family:var(--fat);font-size:20px;padding:10px;box-shadow:5px 5px 0 #000;}
#oracle-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000;}
.oracle-note{font-family:var(--mono);color:#aaa;font-size:14px;margin-top:8px;}

/* ============ TOKENOMICS ============ */
.tok-wrap{display:flex;gap:40px;flex-wrap:wrap;align-items:center;justify-content:center;}
.tok-pie{width:260px;height:260px;border-radius:50%;border:4px solid #000;box-shadow:0 0 30px rgba(176,107,255,.5);
  background:conic-gradient(var(--green) 0 34%,var(--cyan) 34% 61%,var(--red) 61% 83%,var(--yellow) 83% 94%,var(--purple) 94% 100%);
  animation:spin 40s linear infinite;position:relative;}
.tok-pie::after{content:"$PLTR";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--fat);font-size:34px;color:#fff;text-shadow:0 0 10px #000,2px 2px 0 #000;animation:spin 40s linear infinite reverse;}
@keyframes spin{100%{transform:rotate(360deg)}}
.tok-legend{list-style:none;padding:0;margin:0;font-family:var(--mono);font-size:20px;line-height:1.8;}
.tok-legend .sw{display:inline-block;width:16px;height:16px;background:var(--c);margin-right:8px;vertical-align:middle;border:1px solid #000;}
.tok-total{color:var(--red);margin-top:8px;border-top:1px dashed #666;padding-top:6px;}
.tok-total small{color:#999;font-size:14px;}

/* ============ STEPS ============ */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.step{background:var(--panel);border:2px solid var(--yellow);padding:20px;position:relative;box-shadow:5px 5px 0 rgba(0,0,0,.6);transition:transform .12s;}
.step:hover{transform:translateY(-5px) rotate(1deg);}
.step-n{font-family:var(--fat);font-size:40px;color:var(--yellow);opacity:.35;position:absolute;top:6px;right:12px;}
.step h3{font-family:var(--fat);color:#fff;font-size:20px;margin:0 0 8px;letter-spacing:1px;}
.step p{font-size:16px;line-height:1.35;color:#e7d7ff;}
.intake-disc{margin-top:24px;text-align:center;font-family:var(--mono);font-size:18px;color:var(--red);border:2px dashed var(--red);padding:12px;}
.intake-disc b{color:#fff;}

/* ============ FINAL CTA ============ */
#finalcta{text-align:center;}
.fc-eyes{font-size:clamp(40px,10vw,90px);letter-spacing:20px;}
.fc-title{font-family:var(--blk);font-size:clamp(26px,6vw,60px);color:#fff;text-shadow:3px 3px 0 #000,0 0 22px var(--red);margin:6px 0;}
.fc-sub{font-family:var(--type);color:var(--yellow);font-size:clamp(16px,3vw,24px);}

/* ============ FOOTER ============ */
#bunker{position:relative;z-index:10;text-align:center;padding:36px 18px 60px;border-top:3px double var(--green);background:#000;}
.webring{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px;}
.badge{font-family:var(--mono);font-size:14px;color:var(--green);border:1px solid var(--green);padding:4px 10px;background:#020a06;letter-spacing:1px;}
.tiny{max-width:640px;margin:0 auto 14px;font-family:var(--mono);font-size:14px;color:#889;line-height:1.5;}
.last-line{font-family:var(--type);color:var(--red);font-size:clamp(18px,4vw,30px);text-shadow:0 0 10px var(--red);}

/* ============ FLOATERS + POPUPS ============ */
#float-layer{position:fixed;inset:0;z-index:9980;pointer-events:none;}
.floater{position:fixed;pointer-events:none;will-change:transform;}
.floater img{display:block;filter:drop-shadow(0 0 10px rgba(0,224,255,.7));}
.floater.spin img{animation:spin 6s linear infinite;}

#popup-layer{position:fixed;inset:0;z-index:9985;pointer-events:none;}
.popup{position:fixed;pointer-events:auto;width:min(300px,80vw);background:#1b1030;border:2px solid var(--cyan);box-shadow:0 0 24px rgba(0,224,255,.5),6px 6px 0 #000;font-family:var(--type);}
.popup .pbar{background:var(--cyan);color:#000;font-family:var(--mono);font-size:14px;padding:3px 8px;display:flex;justify-content:space-between;align-items:center;letter-spacing:1px;}
.popup .pclose{cursor:var(--cur);font-family:var(--blk);padding:0 6px;background:#000;color:var(--red);border:1px solid #000;}
.popup .pbody{padding:14px;font-size:16px;color:#e8ffe8;line-height:1.35;}
.popup .pbody b{color:var(--yellow);}
.popup .pbtn{display:inline-block;margin-top:10px;background:var(--green);color:#000;font-family:var(--fat);padding:6px 14px;border:2px solid #000;text-decoration:none;}

/* ============ CALM TOGGLE ============ */
#calm-toggle{position:fixed;bottom:10px;left:10px;z-index:9991;background:#000;color:var(--green);border:2px solid var(--green);font-family:var(--mono);font-size:14px;padding:6px 12px;letter-spacing:1px;box-shadow:0 0 12px rgba(57,255,91,.4);}
body.calm .floater,body.calm #popup-layer{display:none;}
body.calm .marquee-track,body.calm .tape-track{animation-play-state:paused;}

/* reduce motion respect (partial — chaos is the point) */
@media (prefers-reduced-motion:reduce){
  .marquee-track,.tape-track,.floater.spin img,.tok-pie,.tok-pie::after{animation-duration:60s;}
}

@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.blink{animation:blink 1s steps(1) infinite;}

/* ============ HERO WORDMARK + FLYWHEEL TAG ============ */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#hero-wordmark{
  display:block;width:min(820px,94vw);margin:2px auto 14px;
  filter:drop-shadow(0 0 22px rgba(255,60,180,.5)) drop-shadow(4px 6px 0 rgba(0,0,0,.6));
  animation:hero-bob 5s ease-in-out infinite;
}
#hero-flywheel-tag{
  display:inline-block;max-width:760px;margin:4px auto 18px;text-decoration:none;
  font-family:var(--fat);font-size:clamp(15px,2.6vw,24px);line-height:1.1;letter-spacing:.5px;
  color:#000;padding:12px 22px;border:3px solid #000;
  background:linear-gradient(90deg,var(--green),var(--yellow),var(--green));
  background-size:200% 100%;animation:tag-slide 4s linear infinite, tag-pulse 1.6s ease-in-out infinite;
  box-shadow:0 0 26px rgba(57,255,91,.7),6px 6px 0 #000;transform:rotate(-1deg);
}
#hero-flywheel-tag b{color:#7a0000;}
.flywheel-tag-sub{display:block;font-family:var(--mono);font-size:14px;letter-spacing:1px;color:#0a2a10;margin-top:3px;text-transform:uppercase;}
@keyframes tag-slide{0%{background-position:0 0}100%{background-position:200% 0}}
@keyframes tag-pulse{0%,100%{box-shadow:0 0 22px rgba(57,255,91,.55),6px 6px 0 #000}50%{box-shadow:0 0 40px rgba(255,210,59,.9),6px 6px 0 #000}}

/* ============ FLYWHEEL SECTION ============ */
#flywheel{border-top:3px dashed var(--green);border-bottom:3px dashed var(--green);background:radial-gradient(circle at 50% 0%,rgba(57,255,91,.10),transparent 60%);}
.fw-alert{display:inline-block;margin:0 auto 4px;font-family:var(--mono);font-size:15px;color:#000;background:var(--red);padding:4px 14px;border:2px solid #000;letter-spacing:1px;position:relative;left:50%;transform:translateX(-50%);}
.fw-headline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:14px auto 30px;max-width:1000px;}
.fw-big{font-family:var(--fat);font-size:clamp(16px,3vw,28px);color:#000;background:var(--green);padding:8px 16px;border:3px solid #000;box-shadow:4px 4px 0 #000;transform:skew(-5deg);text-align:center;}
.fw-big.alt{background:var(--yellow);}
.fw-big .tk{color:var(--red);}
.fw-arrow{font-family:var(--fat);font-size:clamp(24px,4vw,40px);color:var(--green);text-shadow:0 0 10px var(--green);animation:blink 1s steps(1) infinite;}

.fw-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1.1fr);gap:30px;align-items:center;}
.fw-diagram{position:relative;height:380px;display:flex;align-items:center;justify-content:center;}
.fw-ring,.fw-ring2{position:absolute;top:50%;left:50%;border-radius:50%;}
.fw-ring{width:300px;height:300px;margin:-150px 0 0 -150px;border:5px dashed var(--green);animation:spin 18s linear infinite;box-shadow:0 0 40px rgba(57,255,91,.25),inset 0 0 40px rgba(57,255,91,.15);}
.fw-ring2{width:224px;height:224px;margin:-112px 0 0 -112px;border:3px dotted var(--cyan);animation:spin 12s linear infinite reverse;}
.fw-node{position:absolute;top:50%;left:50%;width:128px;text-align:center;font-family:var(--mono);font-size:14px;color:#001;background:#eafff0;border:2px solid #000;padding:8px 6px;box-shadow:3px 3px 0 rgba(0,0,0,.55);z-index:3;letter-spacing:.5px;}
.fw-node .fw-emoji{font-size:26px;display:block;}
.fw-n1{transform:translate(-50%,-50%) translateY(-150px);}
.fw-n2{transform:translate(-50%,-50%) translateX(150px);background:#fff6d6;}
.fw-n3{transform:translate(-50%,-50%) translateY(150px);background:#e6faff;}
.fw-n4{transform:translate(-50%,-50%) translateX(-150px);background:#ffe6f2;}
.fw-hub{position:absolute;width:172px;height:172px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#123,#020a06);border:4px solid var(--green);display:flex;align-items:center;justify-content:center;z-index:4;box-shadow:0 0 40px rgba(57,255,91,.5);}
.fw-hub-inner{text-align:center;padding:8px;}
.fw-hub-top{font-family:var(--mono);font-size:12px;color:var(--cyan);letter-spacing:1px;line-height:1.1;}
.fw-counter{font-family:var(--fat);font-size:26px;color:var(--green);text-shadow:0 0 10px var(--green);margin:4px 0 2px;}
.fw-hub-sub{font-family:var(--mono);font-size:11px;color:#889;}

.fw-explain{display:flex;flex-direction:column;gap:16px;}
.fw-card{border:2px solid #000;padding:18px 20px;position:relative;box-shadow:6px 6px 0 rgba(0,0,0,.6);}
.fw-card-tag{position:absolute;top:-13px;left:14px;font-family:var(--fat);font-size:14px;letter-spacing:1px;padding:2px 10px;border:2px solid #000;}
.fw-pro{background:#0e1b12;border-color:var(--green);}
.fw-pro .fw-card-tag{background:var(--green);color:#000;}
.fw-pro p{color:#d7ffe0;font-size:16px;line-height:1.45;margin:8px 0 0;}
.fw-meme{background:#1a0e1e;border-color:var(--purple);}
.fw-meme .fw-card-tag{background:var(--purple);color:#000;}
.fw-meme p{color:#f0dcff;font-size:16px;line-height:1.45;margin:8px 0 0;}
.fw-card b{color:var(--yellow);}

.fw-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:34px;}
.fw-step{background:var(--panel);border-left:5px solid var(--green);padding:16px 16px 16px 14px;font-size:16px;line-height:1.35;color:#dfffe6;position:relative;box-shadow:4px 4px 0 rgba(0,0,0,.5);}
.fw-step b{color:#fff;}
.fw-step-n{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--green);color:#000;font-family:var(--fat);border:2px solid #000;margin-right:8px;vertical-align:middle;}
.fw-disc{margin-top:24px;text-align:center;font-family:var(--mono);font-size:14px;color:#99a;max-width:720px;margin-left:auto;margin-right:auto;line-height:1.5;border-top:1px dashed #556;padding-top:12px;}

@media(max-width:820px){
  .fw-grid{grid-template-columns:1fr;}
  .fw-diagram{margin-bottom:6px;}
}

/* ============ RESPONSIVE ============ */
@media(max-width:640px){
  .corkboard{height:460px;}
  .node{width:104px;font-size:12px;}
  .node-c{width:120px;}
  #hud{font-size:13px;gap:6px;}
  .doc{padding:22px 18px;}
  .stamp{font-size:16px;}
  .fw-diagram{height:300px;}
  .fw-ring{width:250px;height:250px;margin:-125px 0 0 -125px;}
  .fw-ring2{width:184px;height:184px;margin:-92px 0 0 -92px;}
  .fw-node{width:100px;font-size:11px;padding:6px 4px;}
  .fw-node .fw-emoji{font-size:22px;}
  .fw-n1{transform:translate(-50%,-50%) translateY(-125px);}
  .fw-n2{transform:translate(-50%,-50%) translateX(125px);}
  .fw-n3{transform:translate(-50%,-50%) translateY(125px);}
  .fw-n4{transform:translate(-50%,-50%) translateX(-125px);}
  .fw-hub{width:132px;height:132px;}
  .fw-counter{font-size:20px;}
}