.arcs-page{--cosmos-opacity:1;--realm-ink:#94d8ed;background:#050913;overflow-x:clip;color:#dcebf1}.arcs-page #cosmos{opacity:.85}.arcs-nav,.arcs-interface{position:relative;z-index:1}.arcs-nav{display:flex;justify-content:space-between;gap:20px;padding-block:30px;font-size:11px;letter-spacing:.06em}.arcs-nav a{padding:12px 0}.arcs-nav>span{color:#96aebf}.arcs-skip{position:fixed;left:20px;top:-80px;padding:15px;background:#0c2338;z-index:80}.arcs-skip:focus{top:12px}.arcs-intro{padding:75px 0 80px;max-width:850px}.arcs-page .eyebrow{font-size:9px;color:#9cbcd0;letter-spacing:.2em;text-transform:uppercase}.arcs-page h1,.arcs-page h2{font-weight:300;letter-spacing:-.045em;line-height:1.08}.arcs-page h1{font-size:clamp(54px,7vw,100px);margin:25px 0}.arcs-page h1 em{font-style:normal;color:#bde2e1;background:linear-gradient(105deg,#c6f2de,#8cc9ed,#c3a3e8);background-clip:text;-webkit-text-fill-color:transparent}.arcs-intro>p:not(.eyebrow){max-width:49ch;font-size:17px;line-height:1.9;color:#a8bbcd}.arcs-text-link{display:inline-flex;gap:40px;border-bottom:1px solid #b3d6e436;padding:18px 0;font-size:12px;color:#c7dfea;margin-top:15px}.dimension-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.dimension-heading h2{font-size:clamp(34px,4vw,54px);margin:12px 0}.dimension-heading>p{font-size:12px;line-height:1.8;color:#9cb2c4}.realm-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:30px}.realm-controls button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:55px;border:1px solid #95badb2a;border-radius:12px;background:#0a1626b3;color:#95b0c5;font-size:10px;transition:border-color .3s,background .3s}.realm-controls span{font-size:12px;color:#d2e2ec}.realm-controls button[aria-pressed=true]{border-color:var(--realm-ink);background:color-mix(in srgb,var(--realm-ink) 12%,#091321);color:#ecfaff}.arcs-page button:focus-visible,.arcs-page a:focus-visible{outline:2px solid #d4f3ff;outline-offset:5px}.realm-stack{display:grid;gap:12px;max-width:1000px;margin:auto;perspective:1500px;scroll-margin-top:30px}.realm-panel{--layer-ink:#83b1c9;position:relative;height:78px;border:1px solid color-mix(in srgb,var(--layer-ink) 25%,transparent);border-radius:16px;overflow:hidden;background:#09101ddd;transform:translateX(var(--layer-offset,0));transition:height .9s cubic-bezier(.22,.8,.15,1),border-color .6s,box-shadow .6s;isolation:isolate}.realm-panel[data-layer=beyond]{--layer-ink:#cb9ad9;--layer-offset:14px}.realm-panel[data-layer=astral]{--layer-ink:#b19fe6;--layer-offset:7px}.realm-panel[data-layer=earth]{--layer-ink:#8ccdc8}.realm-panel[data-layer=flat]{--layer-ink:#c5bc91;--layer-offset:-7px}.realm-panel[data-layer=line]{--layer-ink:#a4c7e0;--layer-offset:-14px}.realm-panel[data-active=true]{height:370px;border-color:color-mix(in srgb,var(--layer-ink) 68%,transparent);box-shadow:0 12px 50px #0005,inset 0 0 60px color-mix(in srgb,var(--layer-ink) 6%,transparent)}.realm-panel canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55;transition:opacity .6s;z-index:-1}.realm-panel[data-active=true] canvas{opacity:1}.realm-header{display:flex;width:100%;align-items:center;gap:24px;padding:21px 24px;min-height:76px;background:linear-gradient(#08101ada,transparent);text-align:left;color:#e0eaf2}.realm-header>span:nth-child(2){font-size:16px;font-weight:400;letter-spacing:.015em}.realm-header small{display:inline-block;vertical-align:middle;margin-left:12px;font-size:8px;color:var(--layer-ink);letter-spacing:.18em}.realm-index{font-size:8px;letter-spacing:.12em;color:var(--layer-ink);min-width:70px}.realm-expand{margin-left:auto;color:var(--layer-ink);font-size:18px}.realm-copy{position:absolute;bottom:25px;left:27px;right:25px;pointer-events:none;animation:realm-copy-arrive .7s ease both}.realm-copy p{font-size:20px;line-height:1.5;margin:0 0 12px;font-weight:300;text-shadow:0 2px 15px #050913}.realm-copy>span{font-size:8px;letter-spacing:.17em;color:var(--layer-ink)}.realm-rune{position:absolute;width:160px;height:60px;object-fit:contain;right:19%;top:41%;filter:invert(1);opacity:0;transition:opacity .7s;pointer-events:none}.realm-panel[data-active=true] .realm-rune{opacity:.7}.realm-status{text-align:center;font-size:10px;letter-spacing:.06em;color:#a8c8d4;margin-top:27px}.geometry-note{max-width:67ch;margin:24px auto 0;text-align:center;font-size:11px;line-height:1.8;color:#819bae}.geometry-note a{color:#adcbd8;white-space:nowrap;border-bottom:1px solid #9eb8d13b}.realm-transit{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden;display:none;place-items:center;perspective:600px}.realm-transit i{position:absolute;width:30vmin;height:30vmin;border:1px solid var(--realm-ink);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--realm-ink) 25%,transparent);animation:realm-fly 1.15s cubic-bezier(.25,.05,.25,1) both;opacity:0}.realm-transit i:nth-child(2){animation-delay:.07s}.realm-transit i:nth-child(3){animation-delay:.14s}.realm-transit i:nth-child(4){animation-delay:.21s}.realm-transit i:nth-child(5){animation-delay:.28s}.realm-traveling .realm-transit{display:grid}.realm-traveling .realm-stack{animation:stack-arrival 1.1s ease both}.arcs-page[data-realm=line] .realm-transit i{height:1px;border-radius:0}.arcs-page[data-realm=flat] .realm-transit i{border-radius:0;rotate:45deg}.arcs-page[data-realm=astral]{--realm-ink:#c4aae8}.arcs-page[data-realm=flat]{--realm-ink:#e0ce94}.arcs-page[data-realm=beyond]{--realm-ink:#d7a0d1}.arcs-page[data-realm=beyond] .realm-transit i{border-radius:9%;rotate:30deg;animation-name:realm-fracture}.beyond-interference{position:fixed;inset:-3%;z-index:4;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 70px,#a9d7f209 71px 72px,transparent 73px 181px),linear-gradient(98deg,transparent 48%,#d387c619 49%,transparent 52%);mix-blend-mode:screen}.arcs-page[data-realm=beyond] .beyond-interference{opacity:1;animation:beyond-signal 7s steps(1,end) infinite}.arcs-page[data-realm=beyond] .arcs-interface{animation:beyond-dislocate 6s steps(1,end) infinite}.arcs-page[data-realm=beyond] .realm-panel[data-active=true]{border-style:dashed}.arcs-page[data-realm=beyond] .realm-header,.arcs-page[data-realm=beyond] .arcs-intro h1{text-shadow:2px 0 #ae7fc751,-2px 0 #80dadc51}.spark-journeys{padding:130px 0 50px;text-align:center;scroll-margin-top:40px}.spark-journeys h2{font-size:clamp(37px,5vw,66px);margin:25px 0}.journey-copy{font-size:16px;line-height:1.9;color:#acbfd1;max-width:52ch;margin:25px auto 40px}.arc-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:800px;margin:auto}.arc-choices button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:53px;border-radius:12px;border:1px solid #a5bed834;color:#abbdd2;background:#0d1426b3;font-size:11px;transition:background .3s,border-color .3s}.arc-choices button[aria-pressed=true]{background:#25334999;border-color:#9acedc;color:#edfbff}.arc-choices small{font-size:7px;letter-spacing:.1em;color:#dbcba1}.spark-network{margin:25px 0 0}.spark-network svg{display:block;width:100%;height:auto;max-height:430px;overflow:visible}.journey-bow{fill:none;stroke:var(--arc-color);stroke-width:1;opacity:.09;transition:opacity .75s,stroke-width .75s}.journey-bow.connected{opacity:.65;stroke-width:1.4}.journey-traveler{fill:none;stroke:#e0f8ff;stroke-width:2;stroke-dasharray:2 95;opacity:0;animation:journey-flow 12s linear infinite;transition:opacity .75s}.journey-traveler.connected{opacity:.7}.journey-node{fill:#b7dce6;opacity:.18;transition:opacity .75s,r .75s}.journey-node.connected{opacity:.9}.spark-network figcaption{display:flex;justify-content:center;align-items:center;gap:18px}.spark-network strong{font-size:26px;font-weight:300;letter-spacing:.08em}.spark-network figcaption>span{font-size:11px;color:#b1c7d9}.network-note{font-size:10px;line-height:1.7;color:#8099ad;margin:22px 0 65px}.zero-arc{max-width:760px;margin:auto;display:flex;align-items:center;text-align:left;gap:28px;padding:35px 0;border-block:1px solid #b0afd733}.zero-sigil{flex-shrink:0;display:grid;place-items:center;width:92px;height:92px;border:1px dashed #a8a2bb55;border-radius:50%;font-size:39px;font-weight:200;color:#b3a0bf;background:radial-gradient(ellipse,#8a6eae14,transparent 68%)}.zero-arc .eyebrow{font-size:8px;margin-bottom:13px}.zero-arc h3{font-size:25px;letter-spacing:.1em;font-weight:300;margin:0 0 12px}.zero-arc p:last-child{font-size:12px;line-height:1.8;color:#9dacbf;margin:0}.zero-seal{margin-left:auto;align-self:center;font-size:8px;letter-spacing:.17em;border:1px solid #a2a0b34d;border-radius:5px;padding:10px;color:#b6a4c6}.saga-finale{margin:38px auto 0;font-size:12px;line-height:1.9;color:#9aaec4}.saga-finale strong{color:#cddceb;font-weight:400}.arcs-end{display:flex;flex-direction:column;align-items:center;gap:35px;padding:35px 0 125px}.arcs-end>span{font-size:9px;letter-spacing:.12em;color:#869aaf}.arcs-motion,.arcs-music{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 56px);z-index:20;min-height:44px;padding:13px 17px;border:1px solid #a5cbd34f;border-radius:28px;background:#0b1728ef;font-size:10px;color:#cce6ee}.arcs-music{bottom:max(18px,env(safe-area-inset-bottom))}.motion-paused .arcs-interface,.motion-paused .arcs-interface *,.motion-paused .beyond-interference{animation-play-state:paused!important}.motion-paused .realm-transit{display:none}.motion-paused .realm-panel{transition-duration:0s}.spark-journeys:not(.in-view) .journey-traveler{animation-play-state:paused}
@keyframes realm-copy-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes realm-fly{0%{transform:translateZ(-600px) scale(.1);opacity:0}25%{opacity:.45}100%{transform:translateZ(520px) scale(3);opacity:0}}@keyframes realm-fracture{0%{transform:rotateY(65deg) rotateZ(-40deg) scale(.2);opacity:0}30%{opacity:.5}65%{transform:rotateY(-35deg) rotateZ(45deg) scale(2);opacity:.3}100%{transform:rotateY(10deg) rotateZ(-10deg) scale(8);opacity:0}}@keyframes stack-arrival{0%{scale:.98;translate:0 10px}100%{scale:1;translate:0 0}}@keyframes beyond-signal{0%,100%{translate:0 0}19%{translate:2% -1%}22%{translate:-1% 2%}25%{translate:0 0}64%{translate:-2% -1%}68%{translate:0 0}}@keyframes beyond-dislocate{0%,100%{transform:none}18%{transform:translateX(-3px) skewX(.4deg)}21%{transform:translateX(3px) skewX(-.4deg)}24%{transform:none}67%{transform:translateX(2px)}70%{transform:none}}@keyframes journey-flow{to{stroke-dashoffset:-776}}
@media(max-width:700px){.arcs-nav{padding-block:16px;font-size:10px}.arcs-intro{padding:50px 0 60px}.arcs-page h1{font-size:58px}.arcs-intro>p:not(.eyebrow){font-size:15px;line-height:1.8}.dimension-heading{display:block}.dimension-heading>p{font-size:11px}.realm-controls{gap:5px;margin-bottom:24px}.realm-controls button{flex-direction:column;gap:7px;min-height:64px;padding:8px 3px;border-radius:9px;font-size:9px}.realm-controls span{font-size:9px}.realm-stack{gap:9px;margin-inline:5px}.realm-panel{height:68px;border-radius:12px;--layer-offset:0px!important}.realm-panel[data-active=true]{height:320px}.realm-header{padding:15px 13px;gap:12px;min-height:66px}.realm-header>span:nth-child(2){font-size:13px}.realm-header small{font-size:6px;margin-left:5px}.realm-index{font-size:6px;min-width:48px}.realm-copy{bottom:23px;left:18px;right:16px}.realm-copy p{font-size:15px;margin-bottom:10px}.realm-copy>span{font-size:6px;letter-spacing:.1em}.realm-rune{width:110px;right:16%;top:38%}.realm-status{font-size:9px;line-height:1.6}.geometry-note{font-size:10px;line-height:1.8}.spark-journeys{padding-top:85px}.spark-journeys h2{font-size:39px}.journey-copy{font-size:14px}.arc-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arc-choices button{font-size:10px;min-height:47px}.spark-network{margin:35px -5px 0}.spark-network svg{min-height:220px}.spark-network figcaption{gap:14px}.spark-network strong{font-size:23px}.spark-network figcaption>span{font-size:10px}.zero-arc{gap:18px;flex-wrap:wrap;padding-block:25px}.zero-sigil{width:65px;height:65px;font-size:28px}.zero-arc>div:nth-child(2){flex:1;min-width:160px}.zero-arc h3{font-size:23px}.zero-seal{margin:0 0 0 83px}.saga-finale strong{display:block}.arcs-end{padding-bottom:130px}}

.page-hidden .arcs-interface,.page-hidden .arcs-interface *,.page-hidden .beyond-interference{animation-play-state:paused!important}

/* A newly selected layer must stay readable when motion is paused. */
.motion-paused .realm-copy{animation:none!important;opacity:1;translate:none}

/* Each ARC adds petals and joins; the original flowing light trails follow every bow. */
.spark-network .journey-bow{opacity:.025;stroke-width:1.2;transition:opacity .85s,stroke-width .85s,fill .85s,stroke-dashoffset 1.3s;transition-delay:var(--reveal-delay,0ms)}
.spark-network .journey-bow.connected{opacity:.85;stroke-width:1.7}
.spark-network .lotus-petal{fill:transparent;stroke-dasharray:100;stroke-dashoffset:100}
.spark-network .lotus-petal.connected{fill:color-mix(in srgb,var(--arc-color) 5%,transparent);stroke-dashoffset:0}
.spark-network .lotus-connection.connected{opacity:.38;stroke-width:1}
.spark-network .journey-traveler{stroke-width:2.4;stroke-dasharray:.7 32.633;animation-name:lotus-flow}
.spark-network .journey-node{opacity:.035}
.spark-network .journey-node.connected{opacity:1}
.lotus-heart-ring{fill:none;stroke:#c9ede2;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity 1.2s,transform 1.5s}
[data-arc="6"] .lotus-heart-ring{opacity:.6;transform:scale(1)}
[data-arc="6"] .lotus-petal.connected{fill:color-mix(in srgb,var(--arc-color) 8%,transparent)}
.motion-paused .spark-network *{transition:none!important}
@keyframes lotus-flow{to{stroke-dashoffset:-100}}