.atlas-switch-story{color-scheme:dark;--ink:#07110c;--gold:#e6c98a;--cream:#f7f1df;--violet:#b792ff}.atlas-switch-story *{box-sizing:border-box}.atlas-switch-story button{font:inherit}.atlas-switch-story button:focus-visible,.atlas-switch-story a:focus-visible,.atlas-switch-story .stage:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.atlas-switch-story .stage{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #485241;border-radius:18px;isolation:isolate;background:radial-gradient(ellipse at 68% 56%,#35412b 0,#17281b 31%,#07120d 73%);box-shadow:0 28px 80px #0008;touch-action:pan-y;contain:layout paint}.atlas-switch-story .stage:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#dfcf9410,transparent 35%,#170d2520);pointer-events:none}.atlas-switch-story .floor{position:absolute;left:8%;right:8%;height:35%;bottom:-20%;border:1px solid #cbb77725;border-radius:50%;box-shadow:0 -15px 100px #d5b86b12}.atlas-switch-story .film-badge{position:absolute;z-index:20;top:4.5%;left:4.8%;font-size:clamp(8px,.85vw,11px);letter-spacing:.12em;color:#c1cbbb}.atlas-switch-story .count{position:absolute;right:5%;top:4.5%;font-size:clamp(10px,1vw,13px);color:var(--gold);font-variant-numeric:tabular-nums}.atlas-switch-story .caption{position:absolute;z-index:15;left:4.8%;top:13%;width:53%;pointer-events:none}.atlas-switch-story .caption h3{font-size:clamp(28px,4.5vw,64px);line-height:.97;letter-spacing:-.045em;margin:0;white-space:pre-line;font-weight:600;text-wrap:balance}.atlas-switch-story .caption p{font:clamp(12px,1.1vw,16px)/1.4 system-ui;max-width:340px;color:#cbd6c8;margin:14px 0 0}.atlas-switch-story .stage[data-beat="5"] .caption{top:18%;width:64%}.atlas-switch-story .stage[data-beat="5"] .caption h3{font-size:clamp(30px,4.25vw,60px)}.atlas-switch-story .world{position:absolute;inset:0;z-index:4;perspective:1000px}.atlas-switch-story .glow{position:absolute;width:45%;aspect-ratio:1;left:50%;top:52%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#d5b77713,transparent);filter:blur(16px)}.atlas-switch-story .card{position:absolute;width:19.5%;aspect-ratio:80/135;left:50%;top:60%;transform:translate(-50%,-50%);border-radius:8%;padding:4px;background:linear-gradient(120deg,#ebf1ed80,#536f6740 27%,#dce5deaa 51%,#76988745 75%,#e0ebe3bb);box-shadow:4px 16px 40px #0009,inset 0 0 0 1px #e3eee070;will-change:transform,opacity}.atlas-switch-story .inner{position:relative;height:100%;border-radius:7%;padding:4.5%;background:linear-gradient(140deg,#1d2821,#0b130e);border:1px solid #d6e7d75c;overflow:hidden}.atlas-switch-story .label{height:14%;padding:4% 5%;background:linear-gradient(130deg,#e6d7a7,#d7ba72);color:#142014;display:flex;justify-content:space-between;align-items:center;border-radius:3px;box-shadow:0 2px 10px #0004}.atlas-switch-story .label strong{font-size:clamp(9px,1.4vw,18px);letter-spacing:.13em}.atlas-switch-story .tag{width:19%;aspect-ratio:1;border:1px solid #4b4a2b;border-radius:50%;position:relative}.atlas-switch-story .tag:before,.atlas-switch-story .tag:after{content:'';position:absolute;border:1px solid #4b4a2b;border-radius:50%;inset:21%}.atlas-switch-story .tag:after{inset:37%}.atlas-switch-story .art{position:absolute;left:8%;right:8%;top:20%;bottom:8%;overflow:hidden;border:1px solid #c5a7748c;background:radial-gradient(circle at 68% 28%,#67499c,#172925 58%,#030c08);box-shadow:inset 0 0 0 3px #08130d}.atlas-switch-story .art:before{content:'';position:absolute;inset:-30%;background:conic-gradient(from 190deg,transparent,#a98dfe18,transparent 30%,#e8d79b20,transparent 63%);transform:rotate(-15deg)}.atlas-switch-story .art img{position:absolute;width:140%;max-width:none;left:-23%;top:6%;filter:drop-shadow(0 4px 10px #0006)}.atlas-switch-story .art .card-name{position:absolute;left:8%;bottom:11%;font-size:clamp(10px,1.7vw,23px);font-weight:600;letter-spacing:.09em;text-shadow:0 2px 6px #000}.atlas-switch-story .card .edition{position:absolute;left:8%;bottom:5%;font:clamp(5px,.5vw,8px) system-ui;letter-spacing:.12em;color:#cfc5e9}.atlas-switch-story .card-code{position:absolute;bottom:2.5%;left:8%;right:8%;font-size:clamp(5px,.58vw,8px);display:flex;justify-content:space-between;color:#b3c1b5}.atlas-switch-story .star{position:absolute;left:12%;top:22%;width:10%;aspect-ratio:1;background:var(--gold);clip-path:polygon(50% 0,63% 36%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 36%);filter:drop-shadow(0 0 4px #ffe9a9)}.atlas-switch-story .card-b .star{clip-path:polygon(50% 0,63% 36%,100% 50%,63% 63%,50% 100%,37% 63%,30% 50%,37% 36%)}.atlas-switch-story .copy-stamp{position:absolute;left:-12%;top:32%;transform:rotate(-12deg);color:#f0d7ff;border:1px solid #ddbcff8c;background:#271a3990;padding:6px 12px;white-space:nowrap;font-size:clamp(8px,1.1vw,15px);opacity:0;letter-spacing:.15em}.atlas-switch-story .sheen{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 38%,#fff8 49%,transparent 58%);mix-blend-mode:screen;opacity:.3;pointer-events:none}.atlas-switch-story .villain{position:absolute;width:49%;height:85%;left:79%;top:55%;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(-12px 18px 20px #0007);will-change:transform,opacity;opacity:0}.atlas-switch-story .swish{position:absolute;left:34%;top:53%;width:40%;height:12%;border-top:2px solid #b893eb;border-radius:50%;transform:rotate(-18deg);opacity:0;filter:drop-shadow(0 0 7px #b792ff)}.atlas-switch-story .phone{position:absolute;left:68%;top:58%;width:16%;aspect-ratio:72/149;border:3px solid #98a498;border-radius:12%;padding:8px 5px;background:linear-gradient(140deg,#050907,#14201a);box-shadow:10px 16px 35px #0009;opacity:0;will-change:transform,opacity}.atlas-switch-story .phone:after{content:'';position:absolute;top:3.6%;left:36%;width:28%;height:3%;border-radius:30px;background:#020604}.atlas-switch-story .screen{height:100%;border-radius:9%;background:linear-gradient(145deg,#203121,#101b13);padding:22% 8% 8%;overflow:hidden}.atlas-switch-story .screen-head{font-size:clamp(6px,.7vw,10px);color:var(--gold);letter-spacing:.1em}.atlas-switch-story .screen-card{height:62%;margin:10% 2%;border:1px solid #d6bc78;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#7958a4,#112b20)}.atlas-switch-story .screen-card img{width:145%;position:absolute;left:-24%;top:0}.atlas-switch-story .screen .record{font-size:clamp(5px,.5vw,8px);color:#c9d6c7;line-height:1.5}.atlas-switch-story .tap-ring{position:absolute;width:8%;aspect-ratio:1;left:46%;top:40%;border:2px solid var(--gold);border-radius:50%;opacity:0;box-shadow:0 0 30px #e4ca8050}.atlas-switch-story .compare{position:absolute;inset:37% 12% 14%;display:grid;grid-template-columns:1fr 1fr;gap:7%;opacity:0;transform:translateY(10%);will-change:transform,opacity}.atlas-switch-story .compare article{min-width:0}.atlas-switch-story .compare .mini-label{display:block;color:#d9c38d;letter-spacing:.1em;font-size:clamp(8px,1vw,13px);margin-bottom:10px}.atlas-switch-story .macro{position:relative;border:1px solid #9ea48d55;border-radius:12px;height:83%;overflow:hidden;background:linear-gradient(130deg,#162b24,#4c366b);box-shadow:0 12px 25px #0004}.atlas-switch-story .macro:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(circle at 28% 42%,transparent 16%,#03130b30 17%,transparent 29%)}.atlas-switch-story .macro .corner-art{position:absolute;inset:8%;border-top:2px solid #dec689;border-left:2px solid #dec689;background:radial-gradient(circle at 60% 80%,#5e4d89,#182f24)}.atlas-switch-story .macro img{position:absolute;left:12%;top:20%;width:130%;opacity:.75}.atlas-switch-story .macro .star{left:19%;top:28%;width:22%;z-index:2}.atlas-switch-story .macro.different .star{clip-path:polygon(50% 0,63% 36%,100% 50%,63% 63%,50% 100%,37% 63%,30% 50%,37% 36%)}.atlas-switch-story .inspect-circle{position:absolute;z-index:3;width:35%;aspect-ratio:1;border:2px solid #f7e8b3;border-radius:50%;left:12%;top:20%;box-shadow:0 0 0 5px #d9c48410;opacity:0}.atlas-switch-story .human-check{position:absolute;bottom:-12%;left:0;right:0;text-align:center;font-size:clamp(9px,1vw,13px);color:#f1dfbd}.atlas-switch-story .human-check:before{content:'↗';margin-right:8px}.atlas-switch-story .end-lockup{position:absolute;left:5%;top:62%;color:var(--gold);font-size:clamp(14px,1.8vw,25px);letter-spacing:.08em;opacity:0}.atlas-switch-story .end-lockup b{font-weight:600;display:block;letter-spacing:.26em;margin-top:16px;font-size:clamp(18px,2.5vw,35px)}.atlas-switch-story .meaning{position:absolute;z-index:21;left:5%;right:5%;bottom:4.5%;font:clamp(9px,.95vw,13px)/1.35 system-ui;color:#c3d0c1;display:flex;justify-content:space-between;gap:15px}.atlas-switch-story .meaning .fiction{color:#c6b796}.atlas-switch-story .timeline{display:flex;gap:5px;margin-top:15px}.atlas-switch-story .beat-button{position:relative;overflow:hidden;flex:1;min-height:44px;border:1px solid #354539;border-radius:7px;background:#122017;color:#a5b5a6;cursor:pointer;font-size:12px;padding:8px}.atlas-switch-story .beat-button[aria-current="step"]{border-color:var(--gold);color:var(--cream)}.atlas-switch-story .beat-button .fill{position:absolute;inset:0;background:#cdb87c19;transform:scaleX(0);transform-origin:left;pointer-events:none}.atlas-switch-story .controls{display:flex;gap:8px;align-items:center;margin:12px 0}.atlas-switch-story .controls button{min-height:44px;padding:9px 17px;border:1px solid #556b52;border-radius:7px;background:#172b1c;color:var(--cream);cursor:pointer}.atlas-switch-story .controls .primary{background:var(--gold);color:#101a10;border-color:var(--gold)}.atlas-switch-story .controls button:hover{filter:brightness(1.16)}.atlas-switch-story .elapsed{font-size:13px;color:#a7b9aa;font-variant-numeric:tabular-nums;margin-left:auto}.atlas-switch-story .hint{font:12px/1.4 system-ui;color:#8ea493;margin:6px 0 0}.atlas-switch-story .sr{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.atlas-switch-story .reduced-note{color:#d5c08d}.atlas-switch-story .stage[data-reduced="true"] *{will-change:auto!important}.atlas-switch-story .stage[data-beat="4"] .caption{width:78%}
@media(max-width:650px){.atlas-switch-story .stage{aspect-ratio:4/5;border-radius:12px}.atlas-switch-story .film-badge{font-size:8px;letter-spacing:.05em;top:4%}.atlas-switch-story .caption{top:12%;width:82%}.atlas-switch-story .caption h3{font-size:clamp(30px,7.8vw,48px)}.atlas-switch-story .caption p{font-size:12px;margin-top:10px;max-width:235px}.atlas-switch-story .card{width:29%}.atlas-switch-story .label strong{font-size:10px}.atlas-switch-story .art .card-name{font-size:15px}.atlas-switch-story .card .edition{font-size:5px}.atlas-switch-story .card-code{font-size:5px}.atlas-switch-story .villain{width:69%;height:66%}.atlas-switch-story .phone{width:23%;border-width:2px;padding:5px 3px}.atlas-switch-story .screen-head{font-size:6px}.atlas-switch-story .screen .record{font-size:5px}.atlas-switch-story .compare{inset:42% 6% 17%;gap:5%}.atlas-switch-story .compare .mini-label{font-size:8px}.atlas-switch-story .macro{border-radius:7px}.atlas-switch-story .human-check{font-size:9px;bottom:-17%}.atlas-switch-story .meaning{font-size:8px;left:5%;right:5%;bottom:4%;flex-direction:column;gap:3px}.atlas-switch-story .meaning .fiction{font-size:7px;letter-spacing:.08em}.atlas-switch-story .stage[data-beat="5"] .caption{width:80%;top:15%}.atlas-switch-story .stage[data-beat="5"] .caption h3{font-size:clamp(31px,8.3vw,44px)}.atlas-switch-story .end-lockup{top:60%;max-width:65%;font-size:13px;line-height:1.4}.atlas-switch-story .end-lockup b{font-size:21px}.atlas-switch-story .timeline{gap:4px}.atlas-switch-story .beat-button{font-size:10px;padding:6px 2px}.atlas-switch-story .controls{flex-wrap:wrap}.atlas-switch-story .controls button{padding:9px 13px}.atlas-switch-story .elapsed{font-size:11px}.atlas-switch-story .hint{font-size:11px}.atlas-switch-story .count{top:4%;font-size:9px}}
@media(prefers-reduced-motion:reduce){.atlas-switch-story .sheen{display:none}}

.atlas-switch-story{position:relative;color:#f7f1df;font-family:Oxanium,system-ui,sans-serif;--gold:#e6c98a;--cream:#f7f1df;--violet:#b792ff}.atlas-switch-story .stage{width:100%}