/* NOIZELABS OS — The Whole Story. Self-contained: no external fonts, no inline styles. */
:root{
 --display:"Bahnschrift Condensed","Bahnschrift","Avenir Next Condensed","Roboto Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
 --sans:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
 --mono:"Cascadia Mono","JetBrains Mono","SF Mono",Consolas,ui-monospace,monospace;
 --fb:#1877f2;--fblink:#0b5fcf;--fbink:#0a0a0c;--fbmut:#53565d;--fbline:#dadde1;--fbbg:#eef0f3;--card:#fff;
 --yellow:#facc15;--glcy:#00fff9;--glmag:#ff00c1;--cyan:#38e8dd;--mag:#ff4fa3;--lime:#c6ff5a;--acid:#39ff14;
 --amber:#ffc53d;--blood:#ff4040;--fire1:#ffd23f;--fire2:#ff8a18;--fire3:#ff2d1a;
 --dkbg:#06060a;--dkink:#f1f0f8;--dkmut:#bcbcd2;
 --cream:#fbf6ee;--cink:#2c2621;--cmut:#5f564a;--cline:#e7ddcd;
 --rose:#e2607e;--deeprose:#b23a60;--green:#2f6b4f;--sage:#86ab92;--gold:#c98f2b;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip;background:var(--dkbg)}
body{margin:0;background:var(--dkbg);color:var(--dkink);font:400 17.5px/1.72 var(--sans);letter-spacing:.004em;overflow-x:hidden;overflow-x:clip}
img{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{line-height:1.08;margin:0;font-family:var(--display);font-weight:700}
p{margin:12px 0}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.nw{white-space:nowrap}
.band{padding:74px 0;position:relative;overflow:hidden}
.wrap{max-width:900px;margin:0 auto;padding:0 24px;position:relative;z-index:4}
.narrow{max-width:780px}
@media(max-width:480px){.wrap{padding:0 16px}.band{padding:58px 0}}
.k{font:700 13.5px/1.35 var(--display);letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px}
.c-mag{color:var(--mag)}.c-blood{color:var(--blood)}.c-amber{color:var(--amber)}.c-cyan{color:var(--cyan)}.c-glmag{color:#ff4fd8}
.src{font:500 14.5px/1.6 var(--sans);color:#a9aac2;margin-top:12px}
.src a{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(56,232,221,.45)}
.src a:hover{border-bottom-color:var(--cyan)}
.fact{font:700 13px/1 var(--display);letter-spacing:.08em;border:1.5px solid currentColor;border-radius:20px;padding:4px 9px 3px;display:inline-block;text-transform:uppercase;white-space:nowrap;vertical-align:1px}
.verified{color:#30e08f}.myth{color:var(--amber)}.satire{color:#c9a0ff;font-weight:700}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:12px;top:12px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}
.zap{color:var(--yellow);font-weight:700;animation:zap 2.6s ease-in-out infinite}
/* glow pulses via filter, not text-shadow: text-shadow forced a page layout every frame */
@keyframes zap{0%,100%{filter:drop-shadow(0 0 0 rgba(250,204,21,0))}50%{filter:drop-shadow(0 0 7px rgba(250,204,21,.95))}}
.zap.cy{color:var(--cyan);animation-name:zapcy}@keyframes zapcy{0%,100%{filter:drop-shadow(0 0 0 rgba(56,232,221,0))}50%{filter:drop-shadow(0 0 7px rgba(56,232,221,.95))}}
.zap.rd{color:#ff5c5c;animation-name:zaprd}@keyframes zaprd{0%,100%{filter:drop-shadow(0 0 0 rgba(255,64,64,0))}50%{filter:drop-shadow(0 0 8px rgba(255,64,64,.9))}}

/* ---------- site link-back bar + parody top bar ---------- */
.sitebar{background:#020204;border-bottom:1px solid #16161f;position:relative;z-index:1002}
.sitebar-in{max-width:900px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;gap:18px;font:600 14px/1.2 var(--sans)}
.sb-brand{font:700 15px/1 var(--display);letter-spacing:.14em;text-decoration:none;color:#fff}
.sb-brand span{color:var(--blood)}
.sb-link{color:#d2d2e0;text-decoration:none;border-bottom:1px solid #3a3a4c;padding-bottom:1px}
.sb-link:hover,.sb-brand:hover{color:var(--cyan)}
.dopebar{position:fixed;top:0;left:0;width:100%;height:4px;z-index:1003;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--glcy),var(--yellow),var(--fire2),var(--glmag));box-shadow:0 0 12px var(--glmag);pointer-events:none}
.topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:10px;padding:9px 16px;background:rgba(8,8,14,.9);border-bottom:1px solid #20202e;font:700 15px/1 var(--display)}
@supports (backdrop-filter:blur(8px)){.topbar{backdrop-filter:blur(8px)}}
.topbar .fbk{color:#5c9dff;letter-spacing:.02em;font-size:17px}.topbar .fbk b{color:#e7e9ee;font-weight:700}
.bell{position:relative;margin-left:auto;font-size:18px}
.bell .badge{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e02424;color:#fff;font:700 12px/18px var(--sans);text-align:center;box-shadow:0 0 8px var(--blood)}
.calmbtn{margin-left:10px;border:1px solid #34344a;background:#131320;color:var(--dkink);font:700 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:20px;cursor:pointer}
.calmbtn:hover{border-color:var(--cyan)}.calmbtn .state{color:var(--acid)}
body.calm .calmbtn .state{color:var(--dkmut)}

/* ---------- toasts + floating fx ---------- */
.toasts{position:fixed;left:16px;bottom:16px;z-index:999;display:flex;flex-direction:column;gap:8px;max-width:300px;pointer-events:none}
.toast{background:rgba(17,17,26,.95);border:1px solid #2a2a3a;border-left:3px solid var(--fb);border-radius:10px;padding:10px 13px;font-size:14px;line-height:1.4;color:#e4e7ee;box-shadow:0 10px 30px rgba(0,0,0,.55);transform:translateX(-130%);opacity:0;transition:transform .5s cubic-bezier(.2,1.2,.3,1),opacity .5s}
.toast.show{transform:translateX(0);opacity:1}
.toast.creep{border-left-color:var(--blood);color:#ffc2c2;font-weight:600}
@media(max-width:600px){
 .toasts{left:8px;bottom:8px;max-width:min(215px,58vw)}
 .toast{font-size:13px;padding:7px 10px;border-radius:8px;opacity:0}
 .toast.show{opacity:.94}
}
.fx{position:fixed;inset:0;pointer-events:none;z-index:997;overflow:hidden}
.emo{position:absolute;font-size:28px;will-change:transform,opacity;animation:floatUp 2.6s ease-out forwards}
@keyframes floatUp{0%{transform:translateY(0) scale(.4);opacity:0}15%{opacity:1}60%{transform:translateY(-190px) scale(1.15)}100%{transform:translateY(-360px) scale(.9);opacity:0}}
.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--fire1);box-shadow:0 0 8px var(--fire2);will-change:transform,opacity;animation:emberRise 2.8s ease-out forwards}
.spark.hot{background:#ff6a18}
@keyframes emberRise{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:1}100%{transform:translateY(-320px) translateX(var(--drift,20px)) scale(.2);opacity:0}}

/* ---------- fire ---------- */
.onfire{position:relative}
.firebed{position:absolute;left:0;right:0;bottom:0;height:150px;z-index:2;pointer-events:none;overflow:hidden}
.firebed.tall{height:200px}.firebed.mid{height:180px}
.firebed .glow{position:absolute;inset:0;background:radial-gradient(130% 90% at 50% 100%,rgba(255,120,20,.5),rgba(255,30,0,.14) 42%,transparent 72%);filter:blur(7px);mix-blend-mode:screen;animation:fireglow 2.3s ease-in-out infinite alternate}
@keyframes fireglow{from{opacity:.55;transform:scaleY(.94)}to{opacity:.95;transform:scaleY(1.06)}}
.firebed .tongue{position:absolute;bottom:-14px;width:64px;height:140px;background:radial-gradient(52% 60% at 50% 100%,#ffe66b,#ff8a18 46%,#ff2d1a 72%,transparent 80%);filter:blur(3px);border-radius:50% 50% 46% 46%;transform-origin:bottom center;mix-blend-mode:screen;animation:flicker 1.05s ease-in-out infinite alternate}
@keyframes flicker{0%{transform:scaleY(.82) scaleX(1.02) translateX(0);opacity:.78}50%{transform:scaleY(1.18) scaleX(.9) translateX(3px);opacity:1}100%{transform:scaleY(.96) scaleX(1.06) translateX(-3px);opacity:.9}}

/* ---------- reveal-on-scroll: motion only, never a gate (hidden only when JS is running) ---------- */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .75s cubic-bezier(.2,.9,.3,1)}
.js .rv.l{transform:translateX(-54px)}.js .rv.r{transform:translateX(54px)}.js .rv.s{transform:scale(.82)}
.js .rv.in{opacity:1;transform:none}
.tilt{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.9,.3,1)}
.js .tilt.in{transform:rotate(var(--rotf,0deg)) translateX(var(--txf,0))}

/* off-screen sections: freeze every infinite animation */
.off *,.off *::before,.off *::after{animation-play-state:paused!important}

/* ---------- dialogs (nag + prank) ---------- */
html.locked,html.locked body{overflow:hidden}
.modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,4,10,.66)}
@supports (backdrop-filter:blur(2px)){.modal{backdrop-filter:blur(2px)}}
.modal .box{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;background:#15151f;border:1px solid #34344a;border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.modal h2{font-size:28px;color:#fff;letter-spacing:.01em}
.modal p{color:#d0d0e0;font-size:16px}
.modal .row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;justify-content:center}
.btn-quiet,.btn-loud{border:0;border-radius:10px;padding:12px 16px;font:700 15px/1 var(--display);letter-spacing:.04em;cursor:pointer}
.btn-quiet{background:#2a2a3a;color:#e2e2ef}.btn-loud{background:var(--fblink);color:#fff}
.btn-quiet:hover{background:#363648}.btn-loud:hover{background:#0a52b3}

.prank .pbox{max-width:480px;text-align:left;background:#07070b;border-color:#3a1420;font-family:var(--mono)}
.pclose{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:10px;border:1px solid #34344a;background:#15151f;color:#fff;font-size:18px;cursor:pointer}
.plab{font:700 13px/1.3 var(--mono);color:#ff8f8f;letter-spacing:.08em;text-transform:uppercase;margin:0 48px 10px 0}
.rec-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--blood);margin-right:6px;vertical-align:0;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
.pstep{font:700 clamp(22px,6vw,30px)/1.15 var(--mono);color:var(--acid);letter-spacing:.02em;margin:4px 0 14px;min-height:2.3em}
.pmeter{height:8px;border-radius:4px;background:#1a1a26;overflow:hidden}
.pfill{height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--acid),var(--yellow),var(--blood));transition:transform .6s ease}
.plog{list-style:none;margin:14px 0 0;padding:0;font:500 14.5px/1.55 var(--mono);color:#b9f5c2;min-height:4.6em}
.plog li::before{content:"> ";color:#5f8f68}
.pend{margin-top:14px;font-family:var(--sans)}
.pend:focus{outline:none}
@media(max-width:480px){.prank .pbox{padding:22px 18px}.plog{font-size:13.5px}.opinion{font-size:14px}.pend .jk{font-size:20px}}
.pend .jk{font:700 22px/1.3 var(--sans);color:#fff;margin:0 0 8px}
.pend p{color:#e0e0ec;font-size:16px}
.opinion{border:1px dashed #3a3a4c;border-radius:10px;padding:12px 14px;margin:12px 0;font:500 15px/1.55 var(--mono);color:#ffe28a}
.opinion b{color:#fff}
.pfine{font-size:14.5px!important;color:#b8b8cc!important}

/* ---------- bomber ---------- */
.jet{position:fixed;left:0;top:16vh;z-index:996;width:180px;pointer-events:none;opacity:0;transform:translateX(-220px)}
.jet.fly{opacity:1;animation:flyby 3.6s linear forwards}
@keyframes flyby{from{transform:translateX(-220px)}to{transform:translateX(calc(100vw + 40px))}}
.bomb{position:fixed;z-index:996;font-size:24px;pointer-events:none;animation:drop 1.3s ease-in forwards}
@keyframes drop{0%{opacity:1;transform:translateY(0) rotate(0)}100%{opacity:1;transform:translateY(60vh) rotate(160deg)}}

/* ---------- the eye ---------- */
.eyescene{position:relative;margin:30px auto 50px;max-width:480px;height:320px;display:flex;align-items:center;justify-content:center;transition:height .9s ease,margin .9s ease}
.eyecover{position:absolute;inset:0;z-index:5;border-radius:16px;background:linear-gradient(180deg,#141826,#0a0c16);border:1px solid #262636;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#d0d0e2;font:700 16.5px/1.6 var(--sans);padding:24px;transition:opacity 1.2s,filter 1.2s}
.eyecover span{font-size:14.5px;color:#a9a9c2;font-weight:500}
.eyescene.go .eyecover{opacity:0;filter:blur(16px);pointer-events:none}
.eyewrap{position:relative;width:210px;height:210px;display:flex;align-items:center;justify-content:center}
.eye{transform-origin:center;will-change:transform}
.eyescene.go .eye{animation:eyemad 6s ease-in forwards}
.eyescene.go .boom{animation:boom 1.2s 4.6s ease-out forwards}
.eyescene.go .efire{animation:efire 2.6s 4.9s ease-out forwards}
.boom{position:absolute;inset:-50px;border-radius:50%;z-index:6;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,230,107,.95),rgba(255,45,26,.6) 42%,transparent 72%)}
.efire{position:absolute;left:-10%;right:-10%;bottom:-16px;height:0;z-index:7;pointer-events:none;opacity:0;background:linear-gradient(0deg,#ff2d1a,#ff8a18 45%,#ffe66b 75%,transparent);filter:blur(3px)}
@keyframes eyemad{0%{transform:rotate(0) scale(1)}35%{transform:rotate(360deg) scale(1.05)}60%{transform:rotate(1440deg) scale(1.16)}78%{transform:rotate(3200deg) scale(1.26) translateX(7px)}82%{transform:rotate(3240deg) scale(1.2) translateX(-8px)}86%{transform:rotate(3300deg) scale(1.3) translateX(6px)}92%{transform:rotate(3600deg) scale(1.42)}100%{transform:rotate(3700deg) scale(.08);opacity:0}}
@keyframes boom{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.8)}}
@keyframes efire{0%{opacity:0;height:0}25%{opacity:.95;height:80%}70%{opacity:.9;height:95%}100%{opacity:0;height:40%}}
.eyecap{position:absolute;bottom:-36px;left:0;right:0;text-align:center;font:700 15px/1.4 var(--mono);color:#ff6b6b}
.eyescene.done{height:44px;margin:18px auto 8px}
.eyescene.done .eyewrap,.eyescene.done .eyecover{display:none}
.eyescene.done .eyecap{position:static}

.artmark{display:block;margin:0 auto}

/* ---------- hero ---------- */
.hero{background:radial-gradient(900px 500px at 80% -10%,rgba(0,255,249,.12),transparent 60%),radial-gradient(900px 520px at 8% 0%,rgba(255,0,193,.12),transparent 60%),var(--dkbg);border-bottom:1px solid #20202e;padding:84px 0 66px;text-align:center}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.hero .issue{color:var(--cyan)}
.wm{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.005em;line-height:.9;color:#fff;position:relative;display:inline-block}
.wm .a{color:var(--yellow)}
.wm[data-text]::before,.wm[data-text]::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .25s}
.wm[data-text]::before{color:var(--glmag)}.wm[data-text]::after{color:var(--glcy)}
.wm.live::before{opacity:.85;animation:gl 2.4s infinite linear alternate}
.wm.live::after{opacity:.85;animation:gl 1.9s infinite reverse linear alternate}
@keyframes gl{0%{transform:translate(0,0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-2px)}100%{transform:translate(2px,2px)}}
.hero h1.wm{font-size:clamp(60px,17vw,150px);margin:26px 0 8px}
.hero .os{font:700 clamp(18px,4.4vw,28px)/1 var(--display);letter-spacing:.28em;color:var(--dkmut);text-transform:uppercase}
.hero .tag{color:#dcdce8;font-size:19px;margin:22px auto 0;max-width:620px}
.byline{margin:30px auto 0}
.byline .lbl{font:600 13px/1 var(--sans);letter-spacing:.3em;color:var(--dkmut);text-transform:uppercase}
.byline img{width:300px;max-width:84%;margin-top:8px}
.cue{margin-top:30px;color:var(--dkmut);font:700 13.5px/1.3 var(--display);letter-spacing:.26em;text-transform:uppercase}
.parody{margin:22px auto 0;max-width:640px;font-size:14.5px;line-height:1.55;color:#a3a5bb}

/* ---------- Exhibit A: the feed ---------- */
.feed-act{background:var(--fbbg);color:var(--fbink)}
.feed-act .k{color:var(--fblink)}
.fhead{text-align:center}
.fhead h2{font-size:clamp(34px,8vw,52px);line-height:1.02;color:var(--fbink)}
.fhead p{color:var(--fbmut);max-width:620px;margin:12px auto 0;font-size:16.5px}
.fhead .fnote{font-size:15px;color:#3e4046;background:#fff;border:1px solid var(--fbline);border-radius:10px;padding:10px 14px;display:inline-block}
.feed{max-width:548px;margin:28px auto 0;display:flex;flex-direction:column;gap:20px}
.post{background:var(--card);border:1px solid var(--fbline);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:background-color .6s,box-shadow .6s}
.ptop{display:flex;align-items:center;gap:10px;padding:12px 14px 6px}
.ava{width:42px;height:42px;border-radius:50%;flex:0 0 42px;display:flex;align-items:center;justify-content:center;font-size:21px;background:#e4e6eb}
.who{font-weight:700;font-size:16px;line-height:1.3}.when{color:var(--fbmut);font-size:14px;line-height:1.3}
.cap{padding:2px 14px 10px;font-size:16px;line-height:1.55}
.why{padding:13px 14px;font-size:15.5px;line-height:1.6;color:#33353b;border-top:1px solid var(--fbline);background:#fafbfc}
.why b{color:var(--fbink)}
.feed-act .zap{color:#7a4f00;animation-name:zapfeed}
@keyframes zapfeed{0%,100%{filter:drop-shadow(0 0 0 rgba(250,204,21,0))}50%{filter:drop-shadow(0 0 6px rgba(250,204,21,.9))}}
.feed-act .zap.cy{color:#006b66;animation-name:zapfeedcy}
@keyframes zapfeedcy{0%,100%{filter:drop-shadow(0 0 0 rgba(56,232,221,0))}50%{filter:drop-shadow(0 0 6px rgba(56,232,221,.9))}}
.feed-act .zap.rd{color:#b81414;animation-name:zapfeedrd}
@keyframes zapfeedrd{0%,100%{filter:drop-shadow(0 0 0 rgba(255,64,64,0))}50%{filter:drop-shadow(0 0 6px rgba(255,64,64,.7))}}
.feed-act .verified{color:#08703a}.feed-act .myth{color:#8a4b00}
.stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--fbmut);font-size:14.5px;padding:10px 14px;border-top:1px solid var(--fbline)}
.stats .fakenum{margin-left:auto;font:600 13px/1 var(--sans);color:#53565d;border:1px dashed #9a9ea8;border-radius:20px;padding:4px 9px}
.btnrow{display:flex;border-top:1px solid var(--fbline)}
.fbtn{flex:1;text-align:center;padding:10px 4px;color:var(--fbmut);font-weight:600;font-size:15px;white-space:nowrap}
.vote{display:flex;flex-wrap:wrap;gap:8px;margin:10px 14px 2px}
.vote button{flex:1 1 auto;border:1px solid #c4c8cf;background:#fff;border-radius:8px;padding:10px;font:700 14.5px/1.2 var(--sans);cursor:pointer;color:#3e4046}
.vote button:hover{background:#f0f1f3}
.vote button.on{background:var(--fblink);color:#fff;border-color:var(--fblink)}
.reveal2{margin:4px 14px 12px;font-size:15.5px;line-height:1.6}
.js .reveal2:not(.show){display:none}
.reveal2 .m{color:#a32f55;font-weight:600}.reveal2 .f{color:var(--fblink);font-weight:700;margin-top:6px}
.srclink{display:block;padding:2px 14px 12px;font:500 14.5px/1.5 var(--sans);color:#4f545e;background:#fafbfc}
.srclink a{color:var(--fblink);text-decoration:none;border-bottom:1px solid rgba(11,95,207,.35)}
.srclink a:hover{border-bottom-color:var(--fblink)}

/* post art (no third-party photos: drawn here) */
.art{position:relative;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.art-dress{background:linear-gradient(100deg,#f7f0dc 0 49.5%,#c4cfe8 50.5% 100%)}
.art-dress svg{height:200px;width:auto}
.art-dress span{position:absolute;bottom:12px;font:700 15px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:6px}
.dress-l{left:12px;background:#fff;color:#6b4a0c}.dress-r{right:12px;background:#0d1530;color:#c7d5ff}
.art-lol{flex-direction:column;background:radial-gradient(circle at 50% 45%,#5b5b66,#2a2a31 70%);gap:2px}
.lol-top,.lol-bot{font:900 30px/1 Impact,"Haettenschweiler","Arial Narrow Bold","Arial Black",var(--display);color:#fff;letter-spacing:.02em;text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000,0 3px 0 #000}
.lol-cat{font-size:96px;line-height:1.05}
.art-wave{flex-direction:column;background:linear-gradient(180deg,#120a2a,#06141c);gap:4px}
.art-wave svg{width:88%;max-width:420px;height:auto}
.wv-hi,.wv-lo{font:700 16px/1 var(--display);letter-spacing:.32em}
.wv-hi{color:#7ff3ff}.wv-lo{color:#ff8ad8}
.art-ice{background:linear-gradient(180deg,#cdeefe,#7cc8ef);gap:10px}
.ice-bucket{font-size:92px;transform:rotate(-38deg);display:block;line-height:1}
.ice-drops{font-size:30px;line-height:1.3;text-align:center}
.ice-tag{position:absolute;bottom:12px;right:12px;font:700 15px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;background:#0b3550;color:#fff;padding:6px 10px;border-radius:6px}
.art-live{background:radial-gradient(circle at 50% 40%,#2b1c3c,#0c0a14 72%)}
.live-badge{position:absolute;top:12px;left:12px;background:#e41e3f;color:#fff;font:700 14px/1 var(--display);letter-spacing:.08em;padding:6px 9px;border-radius:5px}
.live-eyes{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.6);color:#fff;font:600 14px/1 var(--sans);padding:6px 9px;border-radius:5px}
.live-face{font-size:104px;line-height:1}
.live-cap{position:absolute;bottom:14px;left:0;right:0;text-align:center;font:700 18px/1 var(--display);letter-spacing:.12em;color:#ffd84d}

/* the bombed ad: dark in every state, light text everywhere */
#sponsored.bombed{animation:hit .5s 2;background-color:#160b08;background-image:linear-gradient(180deg,#1a0d08,#120808);border-color:#4a2418;box-shadow:0 0 40px rgba(255,90,20,.6)}
#sponsored.bombed .ava{background:#3a1c12}
#sponsored.bombed .who,#sponsored.bombed .cap,#sponsored.bombed .why b{color:#fbe3d4}
#sponsored.bombed .when,#sponsored.bombed .stats,#sponsored.bombed .fbtn{color:#e8b9a0}
#sponsored.bombed .why{background:#22100a;color:#f6dccb;border-top-color:#4a2418}
#sponsored.bombed .zap.rd{color:#ff8a70}
#sponsored.bombed .stats,#sponsored.bombed .btnrow{border-top-color:#4a2418}
@keyframes hit{0%,100%{transform:translate(0)}25%{transform:translate(-7px,3px) rotate(-1deg)}75%{transform:translate(7px,-3px) rotate(1deg)}}

.pivot{max-width:620px;margin:42px auto 0;text-align:center;font:700 24px/1.42 var(--sans);color:var(--fbink)}
.pivot .hl{background:linear-gradient(transparent 58%,#ffe08a 0)}
.feed-note{text-align:center;color:var(--fbmut);max-width:580px;margin:16px auto 0;font-size:16.5px}

/* ---------- Exhibit B: the loop ---------- */
.clearfix::after{content:"";display:table;clear:both}
.h3sub{margin-top:30px;color:#fff;font-size:26px}
.reelfloat{float:right;width:170px;margin:4px 0 12px 18px}
@media(max-width:560px){.reelfloat{float:none;margin:14px auto;width:200px}}
.reel{border:1px solid #2a2a3a;border-radius:16px;background:#0d0d14;padding:10px}
.reel .screen{position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#1a0030,#001a24);display:flex;align-items:center;justify-content:center}
.reel .loopbar{position:absolute;top:0;left:0;width:100%;height:4px;background:var(--glcy);transform:scaleX(0);transform-origin:0 50%;animation:loop1 1s linear infinite}
@keyframes loop1{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.reel .big{font:700 34px/1 var(--display);color:#fff;font-variant-numeric:tabular-nums}
.reel .meta{display:flex;justify-content:space-around;margin-top:8px;font-size:13px;color:#a8a8c0;text-align:center}
.reel .meta b{display:block;font:700 18px/1.1 var(--display);color:var(--acid);font-variant-numeric:tabular-nums}.reel .meta .stuck b{color:#ff6b6b}

.act{border-top:1px solid #1a1a26}
.act h2{font-size:clamp(32px,7vw,44px);line-height:1.04;color:#fff;margin-bottom:8px}
.act h3{font-size:24px}
.lead{font-size:19px;color:#d4d4e2;max-width:700px}
.gray{background:#0f0f17}.pat{background:#0b0b12}
.bt2{border-top-color:#15151d}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.grid1{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}}
.rec{border:1px solid #2c2c3c;border-left:3px solid var(--blood);border-radius:10px;padding:15px 17px;background:#0e0e16}
.rec>b{display:block;font-size:16.5px;margin-bottom:4px;color:#fff}.rec span b{color:#fff}.rec span{font-size:15.5px;line-height:1.62;color:#cacadb}
.rec span .zap{font-size:inherit}
.b-amber{border-left-color:var(--amber)}.b-blood{border-left-color:var(--blood)}.b-mag{border-left-color:var(--mag)}.b-cyan{border-left-color:var(--cyan)}
.statrow{display:flex;gap:22px;flex-wrap:wrap;margin:26px 0 6px}
.statrow>div{flex:1 1 240px}
.statrow .n{font:700 clamp(40px,9vw,54px)/1 var(--display);color:var(--mag)}.statrow .l{font-size:15.5px;line-height:1.6;color:#cacadb}
.hijack{margin-top:28px;border:1px solid #3a1408;border-radius:12px;padding:20px 22px;background:#120808}
.hijack h3{color:var(--fire1)}
.hijack p{color:#ead9c9}.hijack .hj2{color:#ddcdbd;font-size:16px}
.hijack .src{color:#c2b2a5}
.pull{font:700 23px/1.45 var(--sans);color:#fff;border-left:3px solid var(--cyan);padding-left:20px;margin:28px 0 8px}
.pull p{margin:0}
.pull footer{margin-top:8px;font:500 15.5px/1.5 var(--sans);color:var(--dkmut)}
.pull footer a{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(56,232,221,.45)}
.pull-after{color:#d4d4e2;font-size:17.5px;margin:0 0 0 23px}

/* the peel-off "official statement" */
.hideit{position:relative;margin-top:24px;border-radius:12px;overflow:hidden}
.hideit .mask{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;margin:0 0 10px;text-align:center;padding:22px;background:#f4f4f7;color:#3a3a46;border:0;border-radius:12px;font:inherit}
.js .hideit{min-height:200px}
.js .hideit .mask{position:absolute;inset:0;z-index:2;margin:0;cursor:pointer;transition:transform 1s cubic-bezier(.4,0,.2,1),opacity 1s}
.hideit .mask .lab{font:700 13px/1 var(--display);letter-spacing:.3em;text-transform:uppercase;color:#5b5b6b;margin-bottom:8px}
.hideit .mask .mq{display:block;font-size:20px;font-style:italic;margin:4px 0;color:#45454f}
.hideit.peeled .mask{transform:translateY(-102%);opacity:0}
.tapme{display:none}
.js .tapme{display:block;font:700 13.5px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--fblink);margin-top:14px}
.hideit .under{padding:24px;background:#170a0e;border:1px solid #3a2028;color:#f3d0d0;border-radius:12px;font-size:16px;outline:0}
.hideit .under p{margin:0}
.hideit .under b{color:var(--amber)}

/* ---------- Exhibit D ---------- */
.birds{color:#ddd6c8;font-size:17px;margin-top:22px}
.eyetitle{color:#fff;margin-top:34px;text-align:center}

/* ---------- confession ---------- */
.proof{background:#070709;border-top:1px solid #20202e;border-bottom:1px solid #20202e;text-align:center}
.proof .big{font:700 clamp(42px,10vw,86px)/1 var(--display);color:#fff;letter-spacing:-.01em;margin:6px 0 0}
.proof .big .n{color:#ff4fd8}
.proof p{max-width:600px;margin:16px auto 0;color:#d6d6e2;font-size:18px}
.proof .aside-ai{color:#a0a0b8;font-size:15.5px}

/* ---------- Exhibit F ---------- */
.chain{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0}
.chain .node{border:1px solid #2c2c3c;border-radius:8px;padding:11px 15px;font-weight:700;font-size:15.5px;background:#14141c}
.chain .node.bad{color:#ff6b6b;border-color:var(--blood)}
.chain .arw{color:var(--mag);font-weight:900;font-size:18px}
.resent{font:700 21px/1.52 var(--sans);color:var(--dkink)}
.pattern-note{color:#cacadb}

/* ---------- breach + Exhibit G ---------- */
.breach{background:#0a0004;border-top:1px solid #3a1420;text-align:center;padding:46px 0;position:relative;overflow:hidden}
.breach .line{font:700 clamp(24px,6.4vw,46px)/1.05 var(--display);color:var(--blood);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 20px rgba(255,64,64,.55);margin:0}
.breach.shake .line{animation:shake .5s}
@keyframes shake{0%,100%{transform:translate(0)}20%{transform:translate(-7px,2px)}40%{transform:translate(7px,-2px)}60%{transform:translate(-5px,-2px)}80%{transform:translate(5px,2px)}}
.breach .blood{display:block;margin:20px auto 0;width:220px;max-width:62%}
.dread{background:radial-gradient(1200px 600px at 50% 120%,rgba(255,64,64,.1),transparent 60%),#050507}
.dread .k{color:#ff5c5c}
.axiom{margin:24px 0}
.axiom svg{width:100%;height:auto;border:1px solid #241018;border-radius:12px;background:#07070b;display:block}
.axiom .bnl{fill:#ffc53d;font:700 15px var(--display);letter-spacing:.08em}
.axiom figcaption{margin-top:8px;text-align:center;font:500 14.5px/1.5 var(--sans);color:#a9a9c4}
.wall-p{color:#dcdce8;font-size:18px}
.wall-strong{color:#fff;font-size:20px;font-weight:700}
.blood-t{color:#ff5c5c}
.steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:13px;margin:24px 0 0;counter-reset:s}
.step{display:flex;gap:15px;border:1px solid #241018;border-radius:10px;padding:15px 17px;background:#0b0608}
.step::before{counter-increment:s;content:"0" counter(s);font:700 26px/1 var(--display);color:#ff5c5c}
.step b{color:#fff}.step p{margin:4px 0 0;color:#c8c8d8;font-size:15.5px}
.ranks{margin-top:28px;border:1px dashed #3a2028;border-radius:12px;padding:18px 20px;background:rgba(255,64,64,.05)}
.rankrow{display:flex;gap:14px;padding:8px 0;border-bottom:1px solid #1a0e12}.rankrow:last-child{border:0}
.rankrow .y{font:600 14.5px/1.4 var(--mono);color:var(--amber);flex:0 0 130px}
.rankrow .e{font-size:15.5px}.rankrow.worst .e{color:#ff6b6b;font-weight:700}
@media(max-width:420px){.rankrow{flex-direction:column;gap:2px}.rankrow .y{flex:none}}

/* ---------- Exhibit H ---------- */
.origin{background:linear-gradient(180deg,#050507,#191521 55%,#2a2230);border-top:1px solid #241018}
.origin .k{color:#e0a74a}.origin h2{color:#fff}.origin .lead{color:#ece2d7}.origin p{color:#e6dcd1;font-size:18px}
.origin .hard{color:#fff;font-weight:700}
.oq{font:italic 600 24px/1.46 var(--sans);color:#fff!important;text-align:center;margin:34px auto!important;max-width:660px}

/* ---------- Exhibit I ---------- */
.build{background:#0c0f16;border-top:1px solid #1c2230}.build .k{color:var(--cyan)}.build h2{color:#fff}
.build .lead{color:#c5ccda}
.onev{text-align:center;font:700 22px/1.44 var(--sans);color:#fff;margin:22px auto 30px;max-width:660px}.onev .hl{color:var(--cyan)}
.godtitle{color:#fff;text-align:center;margin-top:30px;font-size:26px}
.godsub{text-align:center;color:#b9c0d0;max-width:600px;margin:8px auto 0;font-size:16px}
.godgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}
@media(max-width:640px){.godgrid{grid-template-columns:1fr}}
.godcard{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px 16px;background:linear-gradient(180deg,rgba(0,255,249,.05),rgba(255,0,193,.045));position:relative;overflow:hidden}
.godcard .vs{font:700 13.5px/1.35 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#bcc2d4;padding-right:70px}
.godcard .vs s{color:#ff7a7a;text-decoration-thickness:2px;text-decoration-color:#ff4040}
.godcard b{display:block;font:700 23px/1 var(--display);color:#fff;margin:8px 0 6px;letter-spacing:.01em}
.godcard p{margin:0;color:#d6dae5;font-size:15.5px;line-height:1.55}
.godcard::after{content:"⚡ GOD MODE";position:absolute;top:13px;right:-38px;transform:rotate(45deg);background:var(--yellow);color:#111;font:700 11.5px/1 var(--display);letter-spacing:.1em;padding:5px 40px;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.tryme{display:inline-flex;align-items:center;gap:6px;margin-top:12px;border:0;border-radius:20px;padding:10px 16px;background:var(--yellow);color:#111;font:700 15px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 0 rgba(250,204,21,.6);animation:nudge 2.4s ease-in-out infinite}
.tryme:hover{background:#ffe066}
@keyframes nudge{0%,100%{box-shadow:0 0 0 0 rgba(250,204,21,.55)}50%{box-shadow:0 0 0 8px rgba(250,204,21,0)}}
.closer{text-align:center;font:700 21px/1.4 var(--sans);color:#fff;margin-top:30px}
.sig-cy{color:var(--cyan);font:700 16px/1.6 var(--display);letter-spacing:.06em}

/* ---------- Exhibit J ---------- */
.fix{background:#0b1014;border-top:1px solid #16241c}.fix .k{color:#9fc6ab}.fix h2{color:#fff}
.fix .lead{color:#c6efd4}
.fixlist{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.fixrow{display:grid;grid-template-columns:1fr 34px 1fr;gap:12px}
@media(max-width:640px){.fixrow{grid-template-columns:1fr}}
.broke2{background:#170a0e;border:1px solid #3a2028;color:#f3c9c9;border-radius:10px;padding:14px 16px;font-size:15.5px;line-height:1.55}.broke2 b{color:#ff6b6b}
.fixed2{background:#0a1611;border:1px solid #1e3a2b;color:#cdf2d9;border-radius:10px;padding:14px 16px;font-size:15.5px;line-height:1.55}.fixed2 b{color:#7fe0a3}
.arw2{display:flex;align-items:center;justify-content:center;color:var(--sage);font-weight:900;font-size:22px}
@media(max-width:640px){.arw2{transform:rotate(90deg);height:18px}}

/* ---------- Exhibit K ---------- */
.turn{background:#06060a;border-top:1px solid #1a1a26}.turn .k{color:#9be02f}.turn h2{color:#fff}
.artmark.mask{width:360px;max-width:80%;margin:22px auto 10px}
.turn .strings{font:700 21px/1.52 var(--sans);color:var(--cyan);max-width:700px}
.turn .cy{color:var(--cyan)}
.turn-sub{color:var(--dkmut);margin-top:14px}.turn-sub b{color:var(--dkink)}
.pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.pill{font:700 14px/1 var(--display);letter-spacing:.04em;border:1px solid #34344a;border-radius:20px;padding:10px 15px;color:#9be02f}

/* ---------- Exhibit L ---------- */
.garden{background:radial-gradient(1200px 500px at 15% -5%,#fdeef0,transparent 60%),radial-gradient(1100px 500px at 95% 8%,#eef5ef,transparent 55%),var(--cream);color:var(--cink);text-align:center}
.garden .k{color:var(--deeprose);margin-top:12px}
.garden h2{font:600 clamp(32px,8vw,46px)/1.04 var(--sans)}
.garden .flower{margin:0 auto;display:block}
.garden .gl{font-size:20px;color:var(--cmut);font-style:italic;max-width:660px;margin:12px auto 0}
.closebig{font:600 30px/1.32 var(--sans);color:var(--green);margin:38px auto 10px;max-width:700px}
@media(max-width:480px){.closebig{font-size:25px}}
.foot{margin-top:38px;color:var(--cmut);font-size:15.5px}
.foot .sig{color:var(--deeprose);font-weight:800;letter-spacing:.04em}

.sitefoot{background:#020204;border-top:1px solid #16161f;color:#b4b4c8;font:500 14.5px/1.6 var(--sans);text-align:center;padding:18px 16px 22px}
.sitefoot p{margin:0}
.sitefoot a{color:#e2e2ef;text-decoration:none;border-bottom:1px solid #3a3a4c}
.sitefoot a:hover{color:var(--cyan);border-bottom-color:var(--cyan)}

/* ---------- motion off: OS setting or the page's own off-switch ---------- */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .rv{opacity:1!important;transform:none!important}}
body.calm *,body.calm *::before,body.calm *::after{animation:none!important;transition:none!important}
body.calm .rv{opacity:1!important;transform:none!important}
body.calm .dopebar,body.calm .toasts,body.calm .fx,body.calm .firebed,body.calm .jet,body.calm .bomb{display:none!important}
body.calm .hideit .mask{position:static;transform:none;opacity:1;margin:0 0 10px;cursor:default}
body.calm .hideit{min-height:0}
body.calm .tapme{display:none}
body.calm .eyescene .eyecover{opacity:1;filter:none}
body.calm .tilt.in{transform:none!important}

/* ---------- real pictures: Adobe Stock, glitch-graded in Adobe (2026-10-28) ---------- */
.shot{margin:26px 0 24px;position:relative}
.shotwrap{position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(0,255,249,.32);background:#07070b;
  box-shadow:0 0 0 1px rgba(255,0,193,.16),0 22px 60px -22px rgba(0,255,249,.5),0 0 90px -30px rgba(255,0,193,.55)}
.shotwrap img{display:block;width:100%;height:auto;animation:shotjit 7.5s steps(1,end) infinite}
.shotwrap::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.shot figcaption{margin-top:9px;text-align:center;font:600 13px/1.5 var(--mono);letter-spacing:.06em;text-transform:lowercase;color:#9fe9f0}
.shot:nth-of-type(even) .shotwrap img{animation-delay:-3.1s}
@keyframes shotjit{0%,88%,100%{transform:none;filter:none}
  89%{transform:translate(-4px,0);filter:hue-rotate(28deg) saturate(1.5)}
  91%{transform:translate(3px,1px);filter:hue-rotate(-20deg)}
  93%{transform:translate(-1px,0);filter:none}}
.axiom.shot .bnl-tag{position:absolute;top:14px;left:50%;transform:translateX(-50%);font:700 15px/1 var(--display);letter-spacing:.14em;
  color:#ffc53d;border:2px dashed #ffc53d;border-radius:999px;padding:9px 18px;background:rgba(10,8,30,.6);text-shadow:0 0 12px rgba(255,197,61,.65)}
.art-photo{height:240px;background:#0a0f14}
.art-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.art-photo>span{z-index:1}
.art-photo .lol-top,.art-photo .lol-bot,.art-photo .live-face{position:relative}
.art-lol.art-photo{justify-content:space-between;padding:12px 0}
.art-live.art-photo .live-face{font-size:72px;text-shadow:0 6px 24px rgba(0,0,0,.35)}
@media (prefers-reduced-motion:reduce){.shotwrap img{animation:none}}
.stats .realnum{margin-left:auto;font:600 13px/1 var(--sans);color:#1d6b3a;border:1px solid #6cc28a;background:#effaf3;border-radius:20px;padding:4px 9px}
.art-dress.art-photo>img,.art-live.art-photo>img{object-fit:contain}
.art-live.art-photo{background:#0c0a14}
.gm-link{text-align:center;margin:22px 0 0}
.gm-link a{display:inline-block;padding:11px 20px;border-radius:999px;background:#facc15;color:#0b0b0f;font:800 14px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.gm-link a:hover,.gm-link a:focus-visible{background:#fff}
/* cover: her rooftop-searchlight art, glitch-graded in Adobe (2026-10-28); wordmark + graffiti signature removed at her request */
.hero{background:linear-gradient(180deg,rgba(6,6,10,.42) 0%,rgba(6,6,10,.62) 55%,#06060a 100%),url(img/cover-rooftop.webp) center 40%/cover no-repeat,var(--dkbg);padding:120px 0 96px}
.hero .os-title{margin:22px 0 4px;font:700 clamp(40px,8.4vw,88px)/.95 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#fff;
  text-shadow:-3px 0 rgba(255,0,193,.55),3px 0 rgba(0,255,249,.55),0 8px 40px rgba(0,0,0,.7)}
.hero .os-title .dash{color:var(--yellow)}
.hero .tag{text-shadow:0 2px 14px rgba(0,0,0,.85)}
.byline-text{margin:26px 0 0;font:700 13px/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:#cfcfe0;text-shadow:0 2px 10px rgba(0,0,0,.9)}