:root{color-scheme:dark;--gold:#e9c78e;--ice:#a7ddf5}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#030608;color:#eee9df;font-family:Arial,Helvetica,sans-serif}body{display:flex;align-items:center;justify-content:center;overflow:hidden}#film{position:relative;width:min(100vw,177.777vh);aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:#071017;container-type:inline-size}.background,.grade,canvas,.scanlines,#bloom{position:absolute;inset:0;pointer-events:none}.background{background:url('background.webp') center/cover no-repeat;opacity:1}.grade{background:linear-gradient(180deg,rgba(1,5,9,.20),transparent 40%,rgba(1,5,9,.12)),radial-gradient(ellipse at center,transparent 30%,rgba(0,3,7,.4));}canvas{width:100%;height:100%}.scanlines{opacity:.055;background:repeating-linear-gradient(0deg,transparent 0 3px,#cbeaff 4px);mix-blend-mode:screen}#bloom{background:radial-gradient(ellipse at 50% 49%,rgba(215,240,255,.65),rgba(214,176,111,.13) 24%,transparent 55%);mix-blend-mode:screen;opacity:0}header,footer{position:absolute;left:4.3%;right:4.3%;display:flex;align-items:center;letter-spacing:.21em;font-size:.62cqw;color:#b4c4c9}header{top:5.4%;gap:1.3%;line-height:1.8}header b{font-weight:400;color:#687b87;font-size:.5cqw}.brand{font:3.2cqw Georgia,serif;color:#eedac0;letter-spacing:-.12em}.brand-dot{color:#a2d2e8}.edition{margin-left:auto;text-align:right}.type-block{position:absolute;left:0;right:0;top:50%;text-align:center;transform:translateY(-50%);opacity:0;pointer-events:none}.eyebrow{font-size:.65cqw;letter-spacing:.43em;color:#b9dbe7;font-weight:400}.metal{font-family:Georgia,'Times New Roman',serif;font-weight:400;background:linear-gradient(115deg,#9c7545 0%,#f9eed7 22%,#b9985a 34%,#fff9ea 48%,#c1dce6 53%,#d2ab69 68%,#fff2d7 81%,#a77b45);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 15px #d6ad6544);margin:1.5cqw 0}.type-block p{font-size:1.05cqw;letter-spacing:.23em;color:#d5e3e6}#sim h1{font-size:12cqw;letter-spacing:.18em;padding-left:.18em;line-height:1.05}#sim p{font-size:1.15cqw}.rule{height:1px;width:18%;margin:2.1cqw auto;background:linear-gradient(90deg,transparent,#bfe6f7,#c69954,transparent);box-shadow:0 0 16px #d1b276}#principles{position:absolute;inset:27% 9% auto;text-align:center;opacity:0;pointer-events:none}.o-row{display:flex;justify-content:space-between;margin-top:3cqw}.principle{width:24%;will-change:transform,opacity}.o-shell{position:relative;width:12.3cqw;height:12.3cqw;margin:auto;perspective:600px}.o{display:block;font:15.5cqw/.57 Georgia,serif;color:#e8d3aa;text-shadow:0 0 1.8cqw #c6a46366}.principle:nth-child(even) .o{color:#bce4f4;text-shadow:0 0 1.8cqw #9bdcfa55}.orbit{position:absolute;inset:-4%;border:1px solid #c8ae745e;border-radius:50%;box-shadow:0 0 12px #d3bc8220}.orbit.second{inset:7%;border-style:dashed;border-color:#a6d8ee80}.satellite{position:absolute;left:50%;top:-5%;width:.35cqw;height:.35cqw;background:#fff0c9;box-shadow:0 0 12px 3px #e9c78e;border-radius:50%}.label{display:block;margin:2cqw -2cqw .8cqw;font-size:1.13cqw;letter-spacing:.07em;white-space:nowrap}.principle small{font-size:.52cqw;color:#819ba5;letter-spacing:.22em}#name h2{font-size:8.7cqw;letter-spacing:.035em;white-space:nowrap;margin:2.1cqw 0 0}#name h2 span{display:inline-block;will-change:transform,opacity}#presence{font-size:.7cqw;letter-spacing:.38em}#final{top:48%}#final h2{font-size:5.9cqw;letter-spacing:.11em;margin:2.8cqw 0 1cqw}#final .rule{width:33%;margin:1.8cqw auto 2.1cqw}#final p{line-height:1.7;letter-spacing:.035em}#final .fr{font-family:Georgia,serif;font-size:1.6cqw;color:#e8dfd0}#final .en{font-size:1.02cqw;color:#a8c3ce;margin-top:1.8cqw}.signature{font-size:.55cqw;letter-spacing:.4em;color:#c4a16b;margin-top:2.5cqw}footer{bottom:6%;font-size:.55cqw;justify-content:space-between}.status{font-size:.5cqw;color:#8ca1a9}.status i{display:inline-block;width:.3cqw;height:.3cqw;border-radius:100%;background:#b1dfed;box-shadow:0 0 8px #b1dfed;margin-right:.8cqw}.controls{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;width:min(680px,85vw);padding:9px 14px;border:1px solid #8cabc222;border-radius:5px;background:#071018cb;backdrop-filter:blur(12px);z-index:10;color:#9bafb9;font-size:10px;font-variant-numeric:tabular-nums}.controls button{border:0;background:transparent;color:#c0d7df;font-size:19px;cursor:pointer;width:25px;padding:0}.controls button:hover{color:#ffe1a5}.controls button:focus-visible{outline:1px solid var(--gold)}#time{white-space:nowrap}input{min-width:20px;flex:1;accent-color:#cfbb90;cursor:pointer;height:2px}body:fullscreen #film{width:min(100vw,177.777vh)}@media(max-width:600px){.controls{bottom:6px;gap:7px;padding:6px 9px}header,footer{font-size:1cqw}header b,.status{font-size:.8cqw}}

/* V3: a registered evolving environment, minimal typography. */
.background-network{background-image:url('background-network.webp');opacity:0}
.background-presence{background-image:url('background-presence.webp');opacity:0;--reveal:0%;mask-image:radial-gradient(ellipse at 53% 28%,#000 0%,#000 var(--reveal),transparent calc(var(--reveal) + 22%));-webkit-mask-image:radial-gradient(ellipse at 53% 28%,#000 0%,#000 var(--reveal),transparent calc(var(--reveal) + 22%))}
.grade{background:linear-gradient(180deg,rgba(1,5,9,.06),transparent 40%,rgba(1,5,9,.05)),radial-gradient(ellipse at center,transparent 35%,rgba(0,3,7,.22))}
#principles{top:34%}.o-row{margin-top:0}
#fusion{position:absolute;left:0;right:0;top:74%;text-align:center;font:1.4cqw Georgia,serif;letter-spacing:.14em;color:#e9dcc7;opacity:0;text-shadow:0 0 15px #000,0 2px 5px #000}#fusion span{padding:0 1cqw;color:#b3dced}
#final{inset:0;transform:none;top:0}#final h2{position:absolute;top:46%;left:0;right:0;transform:translateY(-50%);font-size:7.1cqw;letter-spacing:.035em;line-height:1.2;white-space:nowrap;margin:0;filter:drop-shadow(0 2px 2px #080807) drop-shadow(0 0 18px #e6bb6a66)}#final h2 span{display:inline-block;background:inherit;background-clip:text;-webkit-background-clip:text;will-change:transform,opacity}
#final p{position:absolute;left:5%;right:5%;margin:0;line-height:1.5;letter-spacing:.035em;font-family:Georgia,'Times New Roman',serif;text-shadow:0 2px 5px #000,0 0 18px #000}
#final .fr{top:61%;font-size:1.35cqw;color:#eee5d7}#final .en{top:70%;font-size:1.2cqw;color:#d5dfe1;margin-top:0}
#final .rule{position:absolute;top:67%;left:18%;right:18%;width:auto;height:1px;margin:0;background:linear-gradient(90deg,transparent,#c69954,#fff0cb,#c69954,transparent);box-shadow:0 0 12px #e2b363;opacity:0}
#final .rule:after{content:'';position:absolute;left:50%;top:50%;width:.4cqw;height:.4cqw;transform:translate(-50%,-50%) rotate(45deg);background:#fff1ce;box-shadow:0 0 15px 3px #e8be73}

/* Captions and interactive white-flash / black-screen ending. */
#sim p{margin:1.5cqw 0 0;font-size:1.15cqw;letter-spacing:.20em}
.principles-caption{margin:2.5cqw 0 0;font-size:1.15cqw;letter-spacing:.13em;color:#d5e3e6}
#principles{cursor:default;pointer-events:none}
#final h2{left:50%;right:auto;width:max-content;transform:translate(-50%,-50%);cursor:pointer;pointer-events:none}
#final h2:focus-visible{outline:1px solid #bce4f480;outline-offset:1cqw}
#shutdown{position:fixed;inset:0;z-index:100;background:transparent;pointer-events:auto}
#shutdown[data-state="idle"]{display:none}
#shutdown[data-state="black"]{background:#000}
#shutdown-flash{position:absolute;inset:0;background:#fff;opacity:0;clip-path:circle(0vmax at 50% 50%)}
body:has(#shutdown:not([data-state="idle"])) .controls{visibility:hidden}

/* V4: light assets, opening, loading indicator and ultrawide edge feathering. */
#film{opacity:0}body.is-ready #film{opacity:1}
#loader{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#030608}
.loading-orbit{width:32px;height:32px;border:1px solid #b5d7e929;border-top-color:#e5c894;border-right-color:#a7ddf5;border-radius:50%;box-shadow:0 0 24px #aad9e522;animation:loading-turn 1.3s linear infinite}
@keyframes loading-turn{to{transform:rotate(360deg)}}
body.is-ready #loader{display:none}
#intro{position:absolute;inset:0;background:#020406;z-index:6;overflow:hidden;pointer-events:none}
.intro-core,.intro-orbit{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.intro-core{width:4cqw;height:4cqw;background:radial-gradient(circle,#fff9e6 0%,#d9eef3 7%,#9ccfe6 14%,#5b90af44 40%,transparent 70%);box-shadow:0 0 5cqw #9ecedb22}
.intro-orbit{width:20cqw;height:20cqw;border:1px solid #bfd9e366;box-shadow:0 0 2cqw #acd5e215,inset 0 0 2cqw #a8d2e512}
.intro-orbit.two{width:25cqw;height:25cqw;border-color:#d8b87e33}
.intro-beam{position:absolute;top:-30%;height:140%;width:18%;background:linear-gradient(90deg,transparent,#b8dfea10,transparent);filter:blur(1cqw);transform-origin:50% 80%}
.intro-beam.left{left:23%}.intro-beam.right{right:23%}
.intro-horizon{position:absolute;left:50%;top:57%;height:1px;width:70%;background:linear-gradient(90deg,transparent,#a7ddf5,#fff0d1,#a7ddf5,transparent);box-shadow:0 0 18px #a7ddee;transform:translateX(-50%)}
.intro-reflection{position:absolute;left:20%;right:20%;bottom:14%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#acd3e21c,transparent 68%);filter:blur(1.5cqw)}
#sound{position:fixed;right:22px;bottom:18px;z-index:9;background:#050a10c9;border:1px solid #b8d3df33;border-radius:22px;padding:9px 13px;color:#d8e3e7;font:12px Arial;cursor:pointer;opacity:0;pointer-events:none}
body.is-ready #sound{opacity:1;pointer-events:auto}#sound[aria-pressed="true"] span{display:none}#sound:focus-visible{outline:1px solid #ddc18b}
body:has(#shutdown:not([data-state="idle"])) #sound{display:none}
@media(min-aspect-ratio:17/9){#film:after{content:'';position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(90deg,#030608,transparent 7%,transparent 93%,#030608)}}
@media(prefers-reduced-motion:reduce){.loading-orbit{animation-duration:3s}}