:root{--pink:#ff6b9b;--green:#65ffa0;--paper:#e9e8dc;--ink:#080b0a;--mono:ui-monospace,"Courier New",monospace;--human:Georgia,"Times New Roman",serif;--grotesk:Impact,"Arial Black",Arial,sans-serif}
*{box-sizing:border-box}html{height:100%}body{margin:0;background:#040906;color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;min-height:100dvh}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.matrix-field{position:fixed;inset:0;width:100%;height:100%;opacity:.76;z-index:1;pointer-events:none}.world-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 7% 43%,#7c1a3940,transparent 46%),radial-gradient(ellipse at 98% 43%,#00673435,transparent 48%),linear-gradient(90deg,#090509 0%,#050807 49.8%,#040c07 100%)}
.world-glow::after{content:'';position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(90deg,#eee1e911 0 1px,transparent 1px 73px),repeating-linear-gradient(0deg,#eceee913 0 1px,transparent 1px 73px);mask-image:linear-gradient(to top,#000,transparent 85%)}
.experience{position:relative;z-index:2;min-height:100dvh;max-width:1870px;margin:0 auto;display:flex;flex-direction:column;padding:0 clamp(18px,3.4vw,68px)}.topline{flex-shrink:0;min-height:62px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px}.identity{display:flex;align-items:baseline;gap:9px;font:900 17px/1 Arial,Helvetica,sans-serif;letter-spacing:-.07em}.identity .asterisk{font-size:27px;color:#e5c7bc;animation:spin-star 26s linear infinite;transform-origin:center}.identity small{font:600 8px var(--mono);letter-spacing:.09em;color:#969e97;margin-left:11px}.run-status{display:flex;align-items:center;justify-content:center;gap:8px;color:#78877d;font:700 9px var(--mono);letter-spacing:.1em}.live-dot{width:6px;height:6px;border-radius:50%;background:#80d0a1;box-shadow:0 0 9px #4afc9a}.control-sound{margin-left:auto;display:flex;align-items:center;gap:15px;border:0;border-bottom:1px solid #88998b84;background:transparent;color:#c4cdc6;font:700 10px var(--mono);letter-spacing:.04em;padding:9px 0}.control-sound span{font-size:15px;color:#69fcab}
.chapter{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:670px;max-height:1080px;margin:0 auto;width:100%}.overprint{position:absolute;inset:12% 0 auto;z-index:1;display:flex;justify-content:space-between;pointer-events:none;color:#9f978c90;font:700 9px var(--mono);letter-spacing:.21em;transform:rotate(-.5deg)}
.top-copy{position:relative;z-index:10;display:grid;grid-template-columns:1fr minmax(390px,730px) 1fr;align-items:end;gap:10px;text-align:center;margin:10px 0 -16px;pointer-events:none}.micro-text{text-align:left;display:flex;flex-direction:column;font:italic clamp(13px,1vw,19px)/1.4 var(--human);color:#ffa1b7;align-self:center;padding-bottom:4px;text-shadow:0 2px 12px #000}.micro-text span{opacity:.65}.right-micro{text-align:right;color:#83fdb0}.meta-line{font:700 clamp(9px,.75vw,12px)/1.5 var(--mono);letter-spacing:.23em;color:#b9bdb6}.central-lockup h1{margin:6px auto 0;display:flex;align-items:center;justify-content:center;font:950 clamp(91px,10.7vw,205px)/.87 Arial Black,Impact,Arial,sans-serif;letter-spacing:-.105em;text-shadow:0 5px 30px #000c;filter:drop-shadow(0 0 10px #141614)}.h1-love{color:#ff759e}.h1-exit{color:#79ffa8}.central-lockup p{margin:5px 0 1px;font:700 clamp(9px,.85vw,14px) var(--mono);letter-spacing:.12em;color:#f6bcc9}.central-lockup p span{color:#aaffcb}
.illustration{height:clamp(325px,34vw,600px);max-height:52vh;position:relative;overflow:hidden;isolation:isolate;z-index:2;mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 81%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 81%,transparent 100%)}.character-plate{position:absolute;inset:0;z-index:2;display:block;will-change:transform;transform:scale(1.025) translate3d(var(--move-x,0px),var(--move-y,0px),0);transition:transform .22s ease-out,filter .4s}.character-plate img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:contrast(1.03) saturate(.90)}.art-fade{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#04070673,transparent 26%,transparent 53%,#020705d8 96%),linear-gradient(90deg,#2d081935,transparent 36%,transparent 59%,#00210d2a)}
.reality-streak{position:absolute;z-index:1;width:52%;height:100%;top:0;pointer-events:none}.streak-love{left:-2%;background:radial-gradient(ellipse at 20% 55%,#ff559b26,transparent 65%)}.streak-pepe{right:-2%;background:radial-gradient(ellipse at 75% 51%,#44ff9b27,transparent 67%)}
.phantom{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;transition:opacity .2s}.plate-love{background:url('assets/scene-wide.webp') center 47%/cover no-repeat;clip-path:polygon(0 16%,35% 14%,35% 19%,0 21%,0 44%,38% 45%,38% 47%,0 48%,0 72%,35% 72%,35% 75%,0 75%);mix-blend-mode:screen;filter:hue-rotate(19deg) brightness(1.2)}.plate-pepe{background:linear-gradient(115deg,transparent 45%,#10ff8e27 65%,transparent 70%);clip-path:polygon(61% 0,100% 0,100% 100%,61% 100%)}
.pink-tear{position:absolute;z-index:6;left:5%;top:20%;color:#ffbbce;font:600 10px/1.6 var(--mono);letter-spacing:.14em;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}.pink-tear span:first-child{font-weight:900;font-size:15px}.matrix-syntax{position:absolute;top:5%;left:0;width:46%;height:78%;z-index:5;pointer-events:none;display:flex;justify-content:space-around;align-items:center;flex-direction:column;font:700 12px var(--mono);color:#ffacbf;opacity:0;text-shadow:0 0 11px #ff2c75;transform:skewX(-4deg);transition:opacity .25s}.matrix-syntax span:nth-child(2){font-size:clamp(10px,1.6vw,21px)}
.chart-trace{position:absolute;right:0;top:3%;width:41%;height:70%;z-index:5;pointer-events:none;overflow:visible;opacity:.25;filter:drop-shadow(0 0 7px #4aff90);transition:opacity .4s}.chart-trace path{fill:none;stroke-linecap:round;stroke-linejoin:round}.trace-back{stroke:#1d6b37;stroke-width:7;opacity:.18}.trace-line{stroke:#72ffa3;stroke-width:3.3;stroke-dasharray:1250;stroke-dashoffset:1200;animation:draw-chart 16s ease-in-out infinite alternate}
.handwrite{position:absolute;z-index:6;pointer-events:none;color:#ffd1df;font:italic clamp(15px,1.6vw,25px)/1.2 var(--human);text-shadow:0 3px 10px #000,0 0 13px #000;transform:rotate(-8deg)}.handwriting-girl{left:5%;top:24%}.handwriting-pepe{right:6%;top:26%;transform:rotate(4deg);color:#adffcb}.handwriting-pepe i{display:inline-block;font-size:33px;font-weight:400;font-style:normal;transform:rotate(-16deg)}.chapter-label{position:absolute;z-index:5;bottom:14%;font:600 9px var(--mono);letter-spacing:.14em;color:#c7b7ba;text-shadow:0 2px 7px #000}.chapter-label b{display:block;font-size:12px;letter-spacing:.19em;margin-top:3px;color:#ff92b1}.chapter-left{left:6%}.chapter-right{right:6%;text-align:right}.chapter-right b{color:#82ffae}
.hotspot{position:absolute;background:transparent;border:0;z-index:7;top:11%;height:70%}.hotspot-girl{left:0;width:33%}.hotspot-pepe{right:0;width:33%}.hotspot-wojak{left:37%;width:26%;cursor:help}.character-speech{position:absolute;z-index:20;left:50%;top:33%;max-width:280px;padding:12px 16px;background:#050806ec;border:1px solid #aaab9e;color:#fff;font:700 12px/1.5 var(--mono);box-shadow:4px 6px 0 #000a;transform:translate(-50%,8px) rotate(-2deg);opacity:0;pointer-events:none;transition:.2s}.character-speech.visible{opacity:1;transform:translate(-50%,0) rotate(-2deg)}.bonk-lettering{position:absolute;left:53%;top:11%;z-index:15;color:#fff5cb;font:900 clamp(26px,4vw,58px) var(--grotesk);text-shadow:4px 4px 0 #e64f79,-3px -2px 0 #222;transform:rotate(-14deg) scale(.2);opacity:0;pointer-events:none}.chapter.bonk .bonk-lettering{animation:comic-bonk .45s ease-out}.chapter.bonk .character-plate{animation:scene-bonk .32s steps(3,end)}
/* Real choices are the two luminous shapes integrated into the image, not generic app cards. */
.decision-stage{position:relative;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:clamp(14px,2vw,36px);align-items:center;width:min(890px,92%);margin:-75px auto 0;padding-bottom:5px}.decision{border:0;border-radius:90px;min-height:82px;padding:13px clamp(16px,2vw,33px);display:flex;align-items:center;gap:15px;isolation:isolate;position:relative;text-align:left;transition:transform .2s ease,filter .3s;box-shadow:0 14px 33px #000e,inset 0 2px 1px #ffffff70;outline:1px solid #fff6}.decision::before{content:'';position:absolute;inset:5px;border-radius:80px;z-index:-1;border:1px solid #ffffff38;pointer-events:none}.decision::after{content:'';position:absolute;inset:-12px;border-radius:80px;z-index:-2;filter:blur(23px);opacity:.65;transition:opacity .3s}.decision:hover,.decision:focus-visible{transform:translateY(-5px) scale(1.02);filter:brightness(1.08)}.decision:hover::after{opacity:1}.decision-girl{background:linear-gradient(160deg,#ff9bbf,#ed4381 43%,#9a1845);color:#2a0d1a}.decision-girl::after{background:#f64383}.decision-pepe{background:linear-gradient(160deg,#a2ffb7,#4de980 43%,#148647);color:#062914}.decision-pepe::after{background:#3cff89}.decision-sigil{height:44px;min-width:44px;border:2px solid #300f1840;border-radius:50%;display:grid;place-items:center;font:bold 38px var(--human);line-height:1}.decision-pepe .decision-sigil{border-color:#00260f50;font-size:38px}.decision-copy{display:flex;flex-direction:column;gap:2px}.decision-copy strong{font:900 clamp(26px,2.9vw,40px)/1 Arial Black,Arial,sans-serif;letter-spacing:-.065em}.decision-copy small{font:700 clamp(9px,.72vw,12px)/1.5 var(--mono);letter-spacing:.12em}.decision-nudge{margin-left:auto;font:bold 23px var(--human);opacity:.8}.center-void{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;font:italic 22px var(--human);color:#dfdccd;text-shadow:0 2px 6px #000}.scribble-arrows{font:italic 18px var(--human);letter-spacing:-.3em;opacity:.7}
.understage{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px clamp(20px,3vw,70px);margin-top:19px}.undercall{background:transparent;color:#c9d0c6;border:0;padding:7px 3px;font:700 10px var(--mono);letter-spacing:.12em;transition:color .2s;text-decoration:underline;text-decoration-color:#6b7772;text-underline-offset:6px}.undercall:hover{color:#fff}.undercall span{color:#77ffac;font-size:15px}.undercall small{color:#ff98b8;font-size:11px}.footnote{font:italic 12px var(--human);color:#929890}.basement{padding:22px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#758477;font:700 9px/1.4 var(--mono);letter-spacing:.07em}.basement span:nth-child(2){color:#a5b0a6}
.chapter.inspect-girl .plate-love,.chapter.inspect-girl .matrix-syntax{opacity:.57}.chapter.inspect-girl .pink-tear{opacity:1;transform:translateY(0)}.chapter.inspect-girl .character-plate{filter:contrast(1.08) grayscale(.20)}.chapter.inspect-pepe .chart-trace{opacity:.95}.chapter.inspect-pepe .handwriting-pepe{color:#fff}.chapter.inspect-pepe .plate-pepe{opacity:1}.chapter.matrix-open .matrix-syntax,.chapter.matrix-open .pink-tear{opacity:.9;animation:glitchtext .3s steps(3,end) infinite}.chapter.matrix-open .character-plate{filter:grayscale(.65) contrast(1.35) brightness(.6)}.chapter.matrix-open .plate-love{opacity:.8;animation:glitchtext .22s steps(2,end) infinite}
@keyframes draw-chart{0%,15%{stroke-dashoffset:1120}60%,100%{stroke-dashoffset:0}}@keyframes spin-star{to{transform:rotate(360deg)}}@keyframes comic-bonk{0%{opacity:0;transform:rotate(-14deg) scale(.1)}24%{opacity:1;transform:rotate(-14deg) scale(1.25)}70%{opacity:1;transform:rotate(-10deg) scale(1)}100%{opacity:0;transform:rotate(3deg) scale(1.45)}}@keyframes scene-bonk{0%,100%{transform:translateX(0) scale(1.025)}40%{transform:translateX(-5px) scale(1.025)}70%{transform:translateX(6px) scale(1.025)}}@keyframes glitchtext{50%{transform:translate(4px,-2px);filter:hue-rotate(130deg)}}
.scene-transition{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s}.scene-transition.active{pointer-events:all;opacity:1;visibility:visible}.scene-transition .shutter{position:absolute;inset:0;background:#15060d}.scene-transition.pepe .shutter{background:#021c0d}.scene-transition .shutter::before{content:'';position:absolute;inset:-10%;background:repeating-linear-gradient(0deg,transparent 0 8px,#ffffff0b 9px,transparent 10px);transform:skewY(-9deg);animation:shutter-slide .7s forwards}.shutter-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;text-align:center;font:900 clamp(36px,7vw,120px) var(--grotesk);letter-spacing:-.06em;color:#fba5bd;text-shadow:0 0 18px #f83472}.scene-transition.pepe .shutter-note{color:#80ffaa;text-shadow:0 0 18px #38ee81}@keyframes shutter-slide{to{transform:skewY(0) translateY(-80px)}}
@media(max-width:950px){.experience{padding:0 20px}.identity small,.micro-text,.overprint{display:none}.chapter{min-height:610px}.top-copy{grid-template-columns:1fr}.central-lockup h1{font-size:clamp(82px,13vw,136px)}.illustration{height:clamp(340px,44vw,440px);max-height:none}.decision-stage{width:min(760px,96%);margin:-60px auto 0}.understage{margin-top:26px}.basement span:last-child{display:none}}
@media(max-width:700px){
 .experience{padding:0 0 10px}.topline{padding:0 17px;min-height:53px;grid-template-columns:1fr 1fr}.identity{font-size:15px}.identity .asterisk{font-size:22px}.run-status{display:none}.control-sound{font-size:9px}.chapter{min-height:0;max-height:none;justify-content:flex-start;padding:7px 0 12px}.top-copy{margin:9px auto -6px;width:100%;padding:0 10px}.meta-line{font-size:8px;letter-spacing:.1em;white-space:nowrap}.central-lockup h1{font-size:clamp(77px,17vw,124px);letter-spacing:-.105em;margin-top:6px}.central-lockup p{font-size:9px;letter-spacing:.035em;margin-top:8px}.illustration{height:clamp(350px,93vw,530px);max-height:none;mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 84%,transparent 100%)}.character-plate img{object-position:center 34%;object-fit:cover}.chart-trace{right:-3%;top:0%;width:40%;height:42%}.pink-tear{left:3%;top:9%;font-size:7px}.pink-tear span:first-child{font-size:11px}.matrix-syntax{font-size:8px;top:1%;height:55%}.matrix-syntax span:nth-child(2){font-size:10px}.handwrite{font-size:clamp(10px,3vw,17px);top:17%}.handwriting-girl{left:3%}.handwriting-pepe{right:3%}.handwriting-pepe i{font-size:20px}.chapter-label{bottom:12%;font-size:7px}.chapter-label b{font-size:11px}.hotspot{top:10%;height:65%}.character-speech{font-size:10px;top:23%}.decision-stage{width:calc(100% - 24px);grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:7px;margin:-45px auto 0}.decision{min-height:66px;padding:10px 9px;gap:5px;border-radius:45px}.decision::before{inset:4px}.decision-sigil{min-width:30px;height:30px;font-size:27px;border-width:1px}.decision-pepe .decision-sigil{font-size:28px}.decision-copy strong{font-size:clamp(20px,6vw,28px)}.decision-copy small{font-size:clamp(7px,2vw,9px);letter-spacing:0}.decision-nudge{font-size:14px}.center-void{font-size:13px}.scribble-arrows{font-size:10px}.understage{margin:20px auto 0;max-width:400px;padding:0 10px;gap:9px 18px}.undercall{font-size:9px}.footnote{text-align:center;width:100%;font-size:10px;margin-top:7px}.basement{margin-top:4px;padding:10px 15px;justify-content:center;text-align:center}.basement span:nth-child(2){display:none}.basement span:first-child{font-size:8px}
}
@media(max-width:380px){.central-lockup h1{font-size:73px}.illustration{height:352px}.decision{min-height:61px}.decision-copy strong{font-size:20px}.decision-sigil{min-width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.character-plate{will-change:auto}}
/* Let the phone composition breathe vertically instead of leaving a black shelf below it. */
@media(max-width:700px){.chapter{justify-content:center;padding-bottom:18px}.footnote{color:#a0a99f}.world-glow::after{opacity:.24}}