.portal{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#282330,#09090d 64%);z-index:100;color:#f4f4e9}.portal::backdrop{background:#09090d}.portal-layout{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:65px 20px 35px;perspective:1600px}.portal-brand{position:absolute;top:25px;left:6%;font:700 25px 'Barlow Condensed',sans-serif;letter-spacing:4px}.portal-skip{position:absolute;right:6%;top:25px;background:transparent;border:1px solid #686475;padding:10px 15px;font-size:13px;z-index:5}.portal-tag{font-size:11px;letter-spacing:3px;color:#b7aebe;margin:0}.portal-volume{position:relative;width:min(260px,49vw);aspect-ratio:3/5;transform:rotateY(-14deg) rotateZ(-4deg);transform-style:preserve-3d;transition:transform 2.3s cubic-bezier(.2,.8,.2,1);flex-shrink:0}.portal-paper,.portal-front{position:absolute;inset:0;border:1px solid #999;overflow:hidden;box-shadow:18px 24px 45px #0008}.portal-paper{background:#eeeae2;color:#19171c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;padding:16px}.portal-paper strong{font:700 clamp(40px,10vw,70px) 'Barlow Condensed',sans-serif;letter-spacing:2px}.portal-paper span{font-size:12px;letter-spacing:2px}.portal-paper:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 15%,transparent 80%,#0001);pointer-events:none}.portal-front{transform-origin:left center;transform:rotateY(0);backface-visibility:hidden;transition:transform 1.9s cubic-bezier(.4,0,.2,1);background:#090909}.portal-front img{height:100%;width:111.111%;max-width:none;position:absolute;left:-11.111%;object-fit:fill}.portal-opening .portal-front{transform:rotateY(-155deg)}.portal-opening .portal-volume{transform:translateX(23%) rotateY(5deg) rotateZ(0)}.portal-opening .portal-paper strong{animation:signal-shift 1s 1s both}.portal-opening .portal-tag{opacity:.5}.portal-exit{opacity:0;transition:opacity .45s;pointer-events:none}.portal-caption{text-align:center;margin:0;color:#b4aebd;font-size:14px;max-width:420px;line-height:1.6}.portal-status{min-height:20px;margin:0;font-size:12px;letter-spacing:2px;color:#d6ff3f}.portal-open{min-width:220px}.replay-intro{background:transparent;border:1px solid #514c5d;padding:11px 15px;font-size:12px;margin-top:20px;align-self:flex-start}.signal-time{font:600 24px 'Barlow Condensed',sans-serif;letter-spacing:4px;color:#e1d2f5}.anomaly-story{position:relative;padding:85px 6%;background:#0b0b10;overflow:hidden;border-bottom:1px solid #36313e}.anomaly-story .section-kicker{color:#a6a0b4}.anomaly-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1300px;margin:45px auto 0;align-items:center}.anomaly-copy h2{font-size:clamp(45px,5.5vw,80px)}.anomaly-copy h2 span{color:#c5b6ed}.anomaly-copy p{line-height:1.85;color:#b4aebd;max-width:490px}.anomaly-copy strong{color:#f4f1f9}.reality-window{height:410px;position:relative;isolation:isolate;background:#15141e;border:1px solid #51455e;overflow:hidden}.reality-window img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 33%;opacity:.65}.reflection-shard{position:absolute;inset:-8px;background-image:url('rift-one-tome-1.png');background-size:cover;background-position:center 33%;clip-path:polygon(60% 0,100% 0,100% 80%,68% 55%,45% 40%);opacity:.7;transform:translate(4px,-4px);transition:transform 1.1s;filter:hue-rotate(12deg)}.reality-window:before{content:'';position:absolute;left:55%;top:-10%;width:1px;height:130%;background:#e0cef4;transform:rotate(-22deg);box-shadow:0 0 9px #bea3df;z-index:2}.reality-window:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#07070bed);pointer-events:none}.reality-time{position:absolute;z-index:3;bottom:24px;left:24px;font:700 76px/.9 'Barlow Condensed',sans-serif;letter-spacing:6px;text-shadow:3px 1px #795988}.reality-time small{display:block;font:11px 'Space Grotesk',sans-serif;letter-spacing:2px;margin-top:15px}.anomaly-trigger{margin-top:15px;background:#1d1926;border:1px solid #7f6b97;padding:13px 18px;font-size:14px;width:100%}.anomaly-active .reflection-shard{transform:translate(24px,-15px)}.anomaly-active .reality-time{animation:signal-shift 1.4s both}.anomaly-active .reality-window{box-shadow:0 0 60px #a083d433}.anomaly-status{font-size:13px;min-height:42px;line-height:1.6;color:#b8a9cc;margin-bottom:0}.stage .orbit-label{font-size:14px}.anomaly-active .rift-light{opacity:.8}@keyframes signal-shift{0%,100%{transform:translateX(0);text-shadow:3px 0 #815499}25%{transform:translateX(-4px);text-shadow:-5px 0 #b8677a}55%{transform:translateX(3px);text-shadow:5px 0 #ab96c9}80%{transform:translateX(-2px)}}@media(max-height:700px){.portal-volume{width:175px}.portal-layout{gap:14px;padding-top:70px}.portal-caption{font-size:12px}}@media(max-width:700px){.anomaly-layout{grid-template-columns:1fr;gap:28px}.anomaly-story{padding:55px 6%}.reality-window{height:330px}.portal-caption{max-width:300px}.portal-tag{font-size:10px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.portal-front,.portal-volume,.reflection-shard,.portal-exit{transition:none}.portal-volume{transform:none}.portal-opening .portal-volume{transform:none}.portal-opening .portal-front{visibility:hidden}}
.reality-window img{width:111.111%;max-width:none;left:-11.111%}.reflection-shard{background-size:111.111% auto;background-position:right 33%}