*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}body,html{height:100%;background:#000;overflow:hidden;font-family:"Courier New",ui-monospace,monospace;color:#fff;touch-action:manipulation}#stage{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.screen{position:absolute;inset:0;display:none}.screen.on{display:block}.backdrop{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(30px) brightness(.55)}#blue .backdrop{filter:blur(30px) brightness(1.05) saturate(.9)}.pcol{display:flex;flex-direction:column;align-items:center;gap:34px;width:120px}.plabel{font-size:10px;letter-spacing:.22em;text-align:center;line-height:1.7;opacity:.85;text-transform:lowercase}#welcome{position:absolute;left:0;right:0;top:64%;text-align:center;z-index:9;font-size:14px;letter-spacing:.3em;color:#fff;text-shadow:0 0 14px #f22,0 0 2px #fff;opacity:0;transition:opacity 1.6s;pointer-events:none;padding:0 20px;line-height:1.8}#welcome.on{opacity:1}#dreamIn{position:absolute;inset:0;z-index:19;background:radial-gradient(ellipse at 50% 50%,#fff 0,#f3eaff 50%,#dfe8ff 100%);opacity:0;pointer-events:none;transition:opacity 3s ease-out}.frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:572/1024;width:max(min(100vw,600px),calc(100vh*572/1024));overflow:hidden}.art{position:absolute;inset:0;width:100%;height:100%;background-size:100% 100%}.world{position:absolute;inset:0;transition:filter 3.5s ease-out}.hot{position:absolute;transform:translate(-50%,-50%);cursor:pointer;border-radius:50%}.txt{position:absolute;left:0;right:0;text-align:center;letter-spacing:.3em}#pills{background:radial-gradient(ellipse at 50% 45%,#111 0,#000 70%)}#pills .q{position:absolute;top:24%;width:100%;text-align:center;letter-spacing:.5em;font-size:13px;color:#777;animation:breathe 4s ease-in-out infinite}#pills .row{position:absolute;top:50%;left:0;right:0;transform:translateY(-38%);display:flex;justify-content:center;gap:20px}.pill{width:46px;height:104px;border-radius:23px;cursor:pointer;position:relative;animation:float 3.6s ease-in-out infinite}.pill::after{content:"";position:absolute;left:9px;top:10px;width:9px;height:40px;border-radius:6px;background:rgba(255,255,255,.55);filter:blur(1px)}.pill::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.25)}#pBlue{background:linear-gradient(90deg,#0b3fa8,#3d82ff 45%,#0a2e7a);box-shadow:0 0 40px #2f6bff66;transform:rotate(-18deg)}#pRed{background:linear-gradient(90deg,#8c0c0c,#ff3b3b 45%,#6a0606);box-shadow:0 0 40px #ff2a2a66;transform:rotate(18deg);animation-delay:-1.8s}#pills .hint{position:absolute;bottom:18%;width:100%;text-align:center;font-size:11px;color:#444;letter-spacing:.2em}#pills .seen{position:absolute;bottom:13%;width:100%;text-align:center;font-size:10px;color:#2a4f9a;letter-spacing:.2em;opacity:0;transition:opacity 2s}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes breathe{0%,100%{opacity:.4}50%{opacity:1}}#blue .msg{top:9%;font-size:14px;color:#7b86b8;animation:breathe 5s ease-in-out infinite;text-shadow:0 0 10px #fff}#blue .close{top:91%;font-size:11px;color:#9a9ec4;letter-spacing:.35em;cursor:pointer}#blue .haze{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,transparent 40%,rgba(255,255,255,.45) 100%);pointer-events:none}.mote{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;opacity:.7;animation:mote linear infinite;pointer-events:none}@keyframes mote{from{transform:translateY(0)}to{transform:translateY(-110vh)}}.ball .glow{position:absolute;inset:-60%;border-radius:50%;opacity:0;transition:opacity .15s;mix-blend-mode:screen;pointer-events:none}.ball.lit .glow{opacity:1;transition:opacity .05s}.ball.lit{animation:pop .45s ease-out}@keyframes pop{0%{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-50%) scale(1.18)}100%{transform:translate(-50%,-50%) scale(1)}}.boxglow{position:absolute;inset:-30%;border-radius:40%;background:radial-gradient(circle,rgba(255,240,200,.7),transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}.playing .boxglow{opacity:1;animation:breathe 1.2s ease-in-out infinite}.wob{animation:wob .5s}@keyframes wob{0%,100%{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-4deg)}75%{transform:translate(-50%,-50%) rotate(4deg)}}#red .grain{position:absolute;inset:-50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.35'/></svg>");animation:grain .4s steps(3) infinite;opacity:.22;pointer-events:none}#red .scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0 2px,transparent 2px 4px);pointer-events:none}.alarm{background:radial-gradient(circle,rgba(255,40,40,.55),rgba(255,0,0,.15) 40%,transparent 70%);mix-blend-mode:screen;animation:alarm 2.4s ease-in-out infinite}.alarm.hot2{animation-duration:.35s}@keyframes alarm{0%,100%{opacity:.35}50%{opacity:1}}#red .flicker{position:absolute;inset:0;background:red;mix-blend-mode:overlay;opacity:.08;animation:flick 5s infinite;pointer-events:none}@keyframes flick{0%,100%{opacity:.08}47%{opacity:.08}48%{opacity:.2}49%{opacity:.03}51%{opacity:.16}}@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-5%,3%)}66%{transform:translate(4%,-4%)}}#red .msg{top:9%;font-size:14px;color:#d22;text-shadow:0 0 8px #f004}#red .close{top:91%;font-size:11px;color:#611;letter-spacing:.35em;cursor:pointer}.glitch{animation:glitch 3.2s infinite}@keyframes glitch{0%,100%,92%{transform:none;opacity:1}93%{transform:translate(-3px,1px) skewX(8deg);opacity:.6}95%{transform:translate(4px,-1px);opacity:.9}97%{transform:translate(-1px,0) skewX(-6deg)}}#red .status{top:79%;font-size:11px;letter-spacing:.22em;color:#c33;min-height:1em;transition:opacity .4s;padding:0 20px}.shake{animation:shake .45s}@keyframes shake{0%,100%{transform:none}20%{transform:translateX(-10px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}#pane{position:absolute;inset:0;pointer-events:none;z-index:5}.dream{position:absolute;inset:0;background-size:100% 100%;opacity:.3}.dream::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 45%,transparent 55%)}#cracks{position:absolute;inset:0;width:100%;height:100%}#cracks path{fill:none;stroke:rgba(255,255,255,.8);stroke-width:.35;stroke-linecap:round;transition:stroke-dashoffset .5s ease-out}.shard{position:absolute;inset:0;background-size:100% 100%;will-change:transform,opacity}#pane.tremble{animation:tremble .07s linear infinite}@keyframes tremble{0%{transform:translate(var(--tx),0)}50%{transform:translate(calc(var(--tx) * -1),var(--tx))}100%{transform:translate(var(--tx),0)}}#singBtn{position:absolute;top:85%;left:50%;transform:translate(-50%,-50%);z-index:7;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #6a1a1a;color:#e44;background:rgba(20,5,5,.8);cursor:pointer}#singBtn svg{width:24px;height:24px}#singBtn.live{border-color:#f33;box-shadow:0 0 0 0 #f336;animation:micpulse 1.4s ease-out infinite}@keyframes micpulse{0%{box-shadow:0 0 0 0 rgba(255,50,50,.5)}100%{box-shadow:0 0 0 18px rgba(255,50,50,0)}}#tuner{position:absolute;left:12%;width:76%;top:66%;height:7%;z-index:7;opacity:0;transition:opacity .5s;pointer-events:none}#tuner.on{opacity:1}#awake{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;opacity:0;pointer-events:none;transition:opacity 2.5s;z-index:8;background:#000}#awake.on{opacity:1;pointer-events:auto}#awake .a1{font-size:14px;letter-spacing:.45em;color:#bbb}#awake .code{font-size:34px;letter-spacing:.35em;color:#fff;text-shadow:0 0 18px #f22,0 0 2px #fff;padding-left:.35em}#awake .a2{font-size:10px;letter-spacing:.3em;color:#666;text-align:center;line-height:2}#consent{position:absolute;inset:0;z-index:15;background:rgba(0,0,0,.92);display:none;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:0 36px;text-align:center}#consent.on{display:flex}#consent p{font-size:12px;line-height:2.1;letter-spacing:.12em;color:#bbb;max-width:340px}#consent p b{color:#fff;font-weight:400}#consent .btns{display:flex;flex-direction:column;gap:12px;width:100%;max-width:240px}#consent button{font:11px "Courier New",monospace;letter-spacing:.3em;padding:12px;border-radius:24px;cursor:pointer}#consent .yes{background:#a11;border:1px solid #f44;color:#fff}#consent .no{background:0 0;border:1px solid #333;color:#777}#lids{position:absolute;inset:0;pointer-events:none;z-index:20}.lid2{position:absolute;left:-10%;right:-10%;height:51%;background:#000;transition:transform .9s cubic-bezier(.6,0,.3,1)}.lid2.top{top:0;border-radius:0 0 50% 50%/0 0 30% 30%}.lid2.bot{bottom:0;border-radius:50% 50% 0 0/30% 30% 0 0}#black{position:absolute;inset:0;background:#000;z-index:21;opacity:0;pointer-events:none;transition:opacity 1.2s}#black.on{opacity:1;pointer-events:auto}#black .w{position:absolute;top:50%;width:100%;text-align:center;font-size:12px;letter-spacing:.5em;color:#555;opacity:0;transition:opacity 1s}#awake .a2{font-size:11px;letter-spacing:.14em;color:#999;text-align:center;line-height:2;max-width:300px;padding:0 16px}.dc{display:inline-block;margin-top:6px;padding:13px 22px;border-radius:26px;background:#5865f2;color:#fff;text-decoration:none;font:11px "Courier New",monospace;letter-spacing:.3em;box-shadow:0 0 24px #5865f255}#fin{background:radial-gradient(ellipse at 50% 45%,#140505 0,#000 70%)}.finbox{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:0 24px}.fin1{font-size:12px;letter-spacing:.45em;color:#999}.fin2{font-size:40px;letter-spacing:.2em;color:#fff;text-shadow:0 0 22px #f22,0 0 2px #fff}.fin3{font-size:11px;letter-spacing:.16em;color:#777;line-height:2;max-width:300px}.fin3 b{color:#bbb;font-weight:400}.dc[hidden]{display:none}.pill{width:clamp(46px,4.4vw,78px);height:auto;aspect-ratio:46/104;border-radius:999px}.pill::after{left:20%;top:10%;width:20%;height:38%}#pills .row{gap:clamp(20px,6vw,110px)}.pcol{width:clamp(130px,15vw,220px);gap:clamp(34px,5vh,60px)}.plabel{font-size:clamp(12px,1.15vw,16px);font-weight:700;letter-spacing:.18em;opacity:1}.plabel.blue{color:#9db8ff;text-shadow:0 0 12px #2f6bffaa}.plabel.red{color:#ff8a8a;text-shadow:0 0 12px #ff2a2aaa}#pills .q{font-size:clamp(14px,1.3vw,18px);color:#b5b5b5}#pills .hint{font-size:clamp(12px,1vw,14px);color:#8a8a8a;letter-spacing:.18em}#pills .seen{font-size:12px;color:#7d9be0}#black .w{font-size:clamp(16px,1.6vw,22px);color:#c8c8c8;letter-spacing:.55em;text-shadow:0 0 12px #fff3}#welcome{font-size:clamp(15px,1.4vw,20px);font-weight:700}#blue .msg{font-size:clamp(14px,1.3vw,18px);color:#5f6aa6}#red .msg{font-size:clamp(14px,1.3vw,18px);color:#ff4a4a;text-shadow:0 0 10px #f008}.back{position:absolute;z-index:12;top:calc(14px + env(safe-area-inset-top));left:14px;display:flex;align-items:center;gap:9px;padding:9px 16px 9px 12px;border-radius:24px;font:700 12px "Courier New",monospace;letter-spacing:.14em;cursor:pointer}.back svg{width:20px;height:20px}#blue .back{background:rgba(255,255,255,.82);color:#3e4a86;border:1px solid rgba(70,80,150,.35)}#red .back{background:rgba(20,5,5,.88);color:#ff7272;border:1px solid #7a2020}#fx{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}#rain{position:absolute;inset:0;width:100%;height:100%;z-index:9;pointer-events:none;opacity:0;transition:opacity .5s}#rain.on{opacity:1}#awake{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;opacity:0;pointer-events:none;transition:opacity 2s;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.82) 0,rgba(0,0,0,.55) 60%,rgba(0,0,0,.25) 100%)}#awake.on{opacity:1;pointer-events:auto}#awake .a1{font-size:clamp(15px,1.4vw,20px);font-weight:700;letter-spacing:.45em;color:#fff;text-shadow:0 0 14px #f22}#awake .a2{font-size:13px;letter-spacing:.1em;color:#ddd;text-align:center;line-height:1.9;max-width:320px;padding:0 16px}#consent p{font-size:14px;line-height:1.9;letter-spacing:.1em}.lid2{height:56%;left:-15%;right:-15%;box-shadow:0 0 70px 50px #000;transition-property:transform;transition-timing-function:cubic-bezier(.45,0,.25,1)}.lid2.top{border-radius:0 0 50% 50%/0 0 42% 42%}.lid2.bot{border-radius:50% 50% 0 0/42% 42% 0 0}.world.reality-off>:not(#fx){visibility:hidden}.world.reality-off{background:#000}.tear{animation:tear .12s steps(2) infinite}@keyframes tear{0%{transform:translate(var(--tx),0)}50%{transform:translate(calc(var(--tx) * -1),calc(var(--tx) * .5))}}#blue .msg,#red .msg{top:calc(9% + 44px)}#awake .a1{text-shadow:0 0 14px #1fff5a,0 0 2px #fff}