*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07090b;color:#e9ece9;font-family:Arial,Helvetica,sans-serif}body{min-height:100svh;overflow:hidden;letter-spacing:.04em}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.micro{position:fixed;top:20px;left:24px;display:flex;gap:10px;align-items:center;color:#6d7574;font:10px/1 monospace;letter-spacing:.16em;z-index:20}.signal{width:5px;height:5px;border-radius:50%;background:#b7c2bd;box-shadow:0 0 14px #b7c2bd;animation:pulse 3s infinite}.stage{min-height:100svh;display:grid;place-items:center;padding:64px 24px 80px;position:relative}.portal{text-align:center;max-width:680px}.eyebrow,.hint{font-size:10px;color:#707977;letter-spacing:.28em;text-transform:uppercase}.portal h1{font-weight:300;font-size:clamp(44px,10vw,110px);line-height:.86;margin:18px 0 24px;letter-spacing:-.06em}.intro{color:#a8afad;font-size:clamp(13px,2vw,17px);margin:0 0 34px}.enter,.ghost,.action{appearance:none;border:1px solid #56605d;background:rgba(255,255,255,.025);color:#dce2df;padding:14px 20px;letter-spacing:.18em;font:11px/1.2 monospace;cursor:pointer;transition:.25s ease}.enter:hover,.ghost:hover,.action:hover{border-color:#b9c4bf;background:rgba(255,255,255,.07);transform:translateY(-1px)}.hint{margin-top:22px;opacity:.55}footer{position:fixed;left:24px;right:24px;bottom:18px;display:flex;align-items:center;justify-content:center;z-index:30}.eye{position:absolute;right:0;color:#59615f;text-decoration:none;font-size:16px;transition:.2s}.eye:hover{color:#dfe5e2}.ghost{padding:9px 12px;font-size:9px;color:#858e8b}.hidden{opacity:0;pointer-events:none}.experience{width:min(820px,92vw);min-height:62svh;display:grid;place-items:center;text-align:center;position:relative}.experience h2{font-weight:300;font-size:clamp(25px,5vw,54px);letter-spacing:-.03em;margin:0 0 12px}.experience p{color:#929b98;max-width:600px;line-height:1.6}.tiny{font:10px monospace;color:#68716e}.big-button{width:min(220px,50vw);aspect-ratio:1;border-radius:50%;font-size:11px}.light{width:28px;height:28px;border-radius:50%;background:#e4ebe7;box-shadow:0 0 60px 18px rgba(225,238,231,.28);position:absolute;transition:left .16s,top .16s}.corridor{width:min(580px,85vw);height:min(420px,55svh);position:relative;perspective:500px;overflow:hidden;border:1px solid #252b29}.frame{position:absolute;inset:50%;border:1px solid #59615f;transform:translate(-50%,-50%);animation:corridor 5s linear infinite}.switch{width:90px;height:44px;border:1px solid #65706c;border-radius:30px;padding:5px;cursor:pointer;margin:30px auto}.knob{width:32px;height:32px;border-radius:50%;background:#d9dfdc;transition:.25s}.switch.on .knob{transform:translateX(46px)}.star{position:absolute;font-size:28px;cursor:pointer;user-select:none;transition:left .22s,top .22s}.meter{width:min(520px,78vw);height:5px;background:#202523;margin:30px auto;overflow:hidden}.meter>i{display:block;height:100%;width:0;background:#c9d2ce;transition:width .35s}.door{width:150px;height:250px;border:1px solid #68716e;display:grid;place-items:center;cursor:pointer;margin:auto;box-shadow:inset 0 0 40px rgba(255,255,255,.025)}.glyph{font-size:clamp(60px,14vw,150px);font-weight:200;user-select:none}.grid{display:grid;grid-template-columns:repeat(5,42px);gap:8px;justify-content:center;margin:28px 0}.cell{width:42px;height:42px;border:1px solid #39403e;background:transparent;cursor:pointer}.cell.lit{background:#d5ddda;box-shadow:0 0 18px rgba(220,230,225,.25)}.dial{width:170px;height:170px;border:1px solid #66706d;border-radius:50%;position:relative;margin:30px auto;cursor:grab}.needle{position:absolute;width:1px;height:72px;background:#d8dfdc;left:50%;top:13px;transform-origin:50% 72px}.word{font:clamp(22px,6vw,64px) monospace;letter-spacing:.18em}.void-input{width:min(440px,80vw);background:transparent;border:0;border-bottom:1px solid #59615f;color:#e5ebe8;padding:12px;text-align:center;outline:none;font:18px monospace}.rain{position:absolute;inset:0;overflow:hidden;pointer-events:none}.drop{position:absolute;top:-10%;font:12px monospace;color:#77807d;animation:fall linear forwards}.clockish{font:clamp(40px,10vw,100px) monospace;letter-spacing:-.08em}.choice{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}@keyframes pulse{50%{opacity:.2;box-shadow:none}}@keyframes corridor{0%{width:3%;height:3%;opacity:0}15%{opacity:1}100%{width:140%;height:140%;opacity:0}}@keyframes fall{to{transform:translateY(120svh)}}@media(max-width:600px){.micro{left:16px;top:16px}.stage{padding-inline:16px}footer{left:16px;right:16px}.grid{grid-template-columns:repeat(5,34px);gap:6px}.cell{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
.universe-mark{opacity:.32;margin-left:4px}.experience:before{content:"VOIDIVERSE";position:absolute;top:-24px;left:50%;transform:translateX(-50%);font:8px monospace;letter-spacing:.32em;color:#343b39;white-space:nowrap}.portal:after{content:"EST. SOMEWHERE BETWEEN HERE AND NOWHERE";display:block;margin-top:42px;font:8px monospace;letter-spacing:.2em;color:#343b39}.eye{opacity:.65}.eye:hover{opacity:1;text-shadow:0 0 16px rgba(223,229,226,.35)}

/* v3 interaction set */
.touch-circle{width:150px;height:150px;border:1px solid #68716e;border-radius:50%;margin:30px auto;transition:transform .25s ease;cursor:pointer}.aligner{width:min(520px,78vw);margin:30px auto;position:relative}.aligner i{display:block;height:1px;background:#59615f}.aligner input,.experience input[type=range]{width:min(520px,78vw);accent-color:#aab4b0}.inspector{width:min(420px,75vw);height:180px;border:1px dashed #4c5552;margin:30px auto;display:grid;place-items:center;font:10px monospace;color:#707977}.shrink-box{width:180px;height:180px;border:1px solid #68716e;margin:25px auto;transition:transform .3s ease}.safe-object{font:52px monospace;width:64px;height:64px;margin:30px auto;display:grid;place-items:center;border:1px solid #59615f;touch-action:none;cursor:grab}.upside{transform:rotate(180deg);transition:transform .4s ease}.forbidden-line{width:min(560px,82vw);height:2px;background:#9ca6a2;margin:60px auto;box-shadow:0 0 20px rgba(220,230,225,.12)}.god-void{width:100vw;height:100svh}.god-presence{animation:godArrival .42s ease-out both}.god-eye{font-size:clamp(120px,30vw,360px);line-height:.8;text-shadow:0 0 70px rgba(233,236,233,.28);animation:godBreathe 4s ease-in-out infinite}.god-void h2{font-size:clamp(34px,7vw,88px);margin-top:28px}@keyframes godArrival{from{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}@keyframes godBreathe{50%{transform:scale(1.025);opacity:.82}}@media(prefers-reduced-motion:reduce){.god-presence,.god-eye{animation:none!important}}

/* v5 — ascended voids + one separate silent jump surprise */
.scare-void{position:fixed;inset:0;width:100vw;height:100svh;background:#e9ece9;color:#07090b;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:scareIn .12s steps(1) both}.scare-face{font:900 clamp(80px,22vw,260px)/.55 monospace;letter-spacing:.04em;display:grid;grid-template-columns:1fr 1fr;gap:.05em;transform:scale(1.12)}.scare-face i{grid-column:1/3;font-style:normal;transform:rotate(180deg);margin-top:.2em}.scare-void h2{font-size:clamp(32px,7vw,90px);font-weight:900;margin:.35em 0 .1em}.scare-void .tiny{color:#333}@keyframes scareIn{from{transform:scale(.2)}to{transform:scale(1)}}
.prism{--spin:0deg;width:min(260px,55vw);aspect-ratio:1;margin:24px auto;border-radius:50%;background:conic-gradient(from var(--spin),#ff3b8d,#ffca3a,#52e5e7,#7b61ff,#ff3b8d);box-shadow:0 0 70px rgba(123,97,255,.2);transition:.35s}.mandala{font-size:clamp(100px,25vw,280px);line-height:1;margin:10px auto 30px;color:#fff;text-shadow:0 0 25px #52e5e7,0 0 55px #7b61ff;transition:.35s}.nested-void{border:1px solid #66706d;padding:22px;margin:15px auto;min-width:150px;min-height:90px;display:grid;place-items:center}.tiny-maze{width:180px;height:180px;border:1px solid #68716e;margin:25px auto;position:relative}.tiny-maze button{position:absolute;left:12%;top:12%;border:0;background:transparent;color:#fff;cursor:pointer}.tiny-maze span{position:absolute;right:5px;bottom:5px;font:8px monospace;color:#68716e}.fake-os{border:1px solid #52e5e7;padding:25px;box-shadow:8px 8px 0 #7b61ff,-8px -8px 0 #ff3b8d;background:#090b12}.gravity-box,.reality-card,.complex-box,.dimension-box{margin:28px auto;padding:28px;border:1px solid #65706c;width:min(320px,70vw);transition:.25s}.pattern{display:grid;grid-template-columns:repeat(3,48px);gap:9px;justify-content:center;margin:28px auto}.huge-button{width:140vw;height:100vh;border:2px solid #e9ece9;background:transparent;color:#e9ece9;font:20px monospace;cursor:pointer;transition:.35s}.hue-0{background:radial-gradient(circle at 50% 40%,#7b003e,#07090b 70%)}.hue-1{background:radial-gradient(circle at 50% 40%,#005b66,#07090b 70%)}.hue-2{background:radial-gradient(circle at 50% 40%,#705b00,#07090b 70%)}
@media(prefers-reduced-motion:reduce){.scare-void{animation:none}.prism,.mandala,.gravity-box,.dimension-box{transition:none}}

/* v6 — enlightenment is a true second level */
.experience>div{width:100%;text-align:center}.experience p{margin-left:auto;margin-right:auto}.god-stage{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),#07090b 58%)}.ascend-button{display:block;margin:34px auto 0;border-color:#cfd8d4;box-shadow:0 0 30px rgba(220,230,225,.08)}.ascension{width:100vw;height:100svh}.ascension h2{font-size:clamp(34px,7vw,86px)}.ascension-mark{font:200 clamp(120px,30vw,330px)/1 serif;margin-top:20px;animation:ascendPulse 1.2s ease-in-out both;text-shadow:0 0 70px rgba(82,229,231,.25)}@keyframes ascendPulse{0%{opacity:0;transform:scale(.35) rotate(-30deg)}65%{opacity:1;transform:scale(1.12) rotate(4deg)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ascension-mark{animation:none}}
