#aav-app{--bg:#0c211c;--fg:#d5d4c0;--accent:#7d9b83;position:relative;isolation:isolate;overflow:hidden;min-height:690px;padding:clamp(22px,5vw,70px);background:var(--bg);color:var(--fg);font-family:Georgia,serif;text-align:center;box-sizing:border-box;border:1px solid var(--accent)}#aav-app *{box-sizing:border-box}#aav-app:before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 30%,var(--accent),transparent 48%),repeating-linear-gradient(125deg,transparent 0 36px,#ffffff09 37px 38px);opacity:.19;animation:aav-drift 25s linear infinite}#aav-app:after{content:"";position:absolute;inset:12px;border:1px solid var(--accent);opacity:.3;pointer-events:none}#aav-app .aav-eyebrow{font:12px/1.5 system-ui,sans-serif;letter-spacing:.35em;text-transform:uppercase;opacity:.8}#aav-app .aav-id{font:12px system-ui,sans-serif;letter-spacing:.2em;color:var(--accent);margin-top:26px}#aav-app h1{font-size:clamp(31px,5vw,67px);line-height:1.1;letter-spacing:.04em;max-width:850px;margin:32px auto 20px;text-wrap:balance}#aav-app .aav-copy{max-width:640px;margin:0 auto 35px;line-height:1.7;font-size:clamp(15px,1.7vw,19px)}#aav-app .aav-label{font:11px system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}#aav-app .aav-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:820px;margin:22px auto 34px;gap:12px}#aav-app .aav-unit{border:1px solid var(--accent);padding:24px 4px;background:#00000027;box-shadow:inset 0 0 40px #ffffff07}#aav-app .aav-number{font:clamp(28px,6vw,75px)/1.2 Georgia,serif;font-variant-numeric:tabular-nums}#aav-app .aav-unit span{display:block;font:10px system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;opacity:.8;margin-top:12px}#aav-app .aav-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#aav-app button,#aav-app .aav-link{background:transparent;color:var(--fg);border:1px solid var(--accent);padding:13px 18px;font:12px system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;text-decoration:none}#aav-app button:hover,#aav-app button:focus-visible{background:var(--accent);color:var(--bg)}#aav-app .aav-primary{background:var(--accent);color:var(--bg)}#aav-app .aav-collection{margin-top:25px;font:12px system-ui,sans-serif;opacity:.8}#aav-app .aav-panel{position:absolute;z-index:4;inset:0;background:var(--bg);padding:30px;overflow:auto;text-align:left}#aav-app .aav-panel[hidden]{display:none}#aav-app .aav-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}#aav-app .aav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:22px}#aav-app .aav-skin{min-height:110px;text-align:left!important;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(120deg,var(--tile),#0005)!important;color:#fff!important}#aav-app .aav-skin small{opacity:.7}#aav-app[data-effect="hologram"] .aav-clock{transform:perspective(700px) rotateX(10deg);text-shadow:0 0 18px var(--accent)}#aav-app[data-effect="brutal"]{font-family:Impact,'Arial Black',sans-serif}#aav-app[data-effect="minimal"] .aav-unit{border:0;border-bottom:1px solid var(--accent)}#aav-app[data-effect="mentat"] .aav-number,#aav-app[data-effect="cockpit"] .aav-number{font-family:monospace}#aav-app[data-effect="liquid"]:before,#aav-app[data-effect="visions"]:before{animation:aav-pulse 7s ease-in-out infinite alternate}#aav-app[data-effect="sand"] .aav-number,#aav-app[data-effect="dunes"] .aav-number{filter:drop-shadow(3px 4px 2px #0008)}#aav-app[data-effect="archive"]{background-image:repeating-linear-gradient(0deg,transparent 0 27px,#00000012 28px)}#aav-app[data-effect="space"]:before{background-image:radial-gradient(#fff 1px,transparent 2px);background-size:48px 48px;opacity:.35}#aav-app[data-effect="worm"] .aav-clock{border-radius:50%;box-shadow:0 0 0 16px #0002}#aav-app[data-effect="shield"] .aav-unit{border-radius:50%;box-shadow:0 0 30px var(--accent)}#aav-app[data-effect="path"]:before{background:linear-gradient(125deg,transparent 44%,var(--accent) 49%,transparent 53%);opacity:.28}#aav-app[data-effect="manuscript"]{font-style:italic}#aav-app[data-effect="industrial"] .aav-unit{border-width:4px}#aav-app[data-effect="sunset"]:before{background:radial-gradient(circle at 50% 100%,var(--accent),transparent 55%);opacity:.5}@keyframes aav-drift{to{transform:translateX(8%)}}@keyframes aav-pulse{to{transform:scale(1.25) rotate(8deg);opacity:.4}}@media(max-width:520px){#aav-app{min-height:690px;padding:30px 17px}#aav-app .aav-clock{gap:5px}#aav-app .aav-unit{padding:18px 2px}#aav-app .aav-unit span{font-size:8px;letter-spacing:0}#aav-app .aav-panel{padding:22px}}@media(prefers-reduced-motion:reduce){#aav-app:before{animation:none!important}}/* V2 immersive environments and individual encounters */
#aav-app{min-height:860px;padding:clamp(22px,5vw,68px);background:var(--bg)}#aav-app .aav-content{position:relative;z-index:2}#aav-app .aav-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:auto}#aav-app .aav-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0008,#0005 42%,var(--bg) 88%);pointer-events:none}#aav-app .aav-content>h1{position:relative;text-shadow:0 3px 25px #000a}#aav-app .aav-copy{position:relative;text-shadow:0 2px 12px #000}#aav-app .aav-encounter{max-width:780px;margin:46px auto 0;padding:28px;background:color-mix(in srgb,var(--bg) 84%,#000 16%);border:1px solid var(--accent);box-shadow:0 12px 50px #0007;backdrop-filter:blur(10px);text-align:left}#aav-app .aav-encounter h2{font-size:clamp(22px,3vw,32px);margin:12px 0}#aav-app .aav-encounter p{line-height:1.6}#aav-app #aav-explore-body{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}#aav-app #aav-explore-body button{flex:1 1 140px}#aav-app #aav-explore-body input{min-width:160px;flex:2 1 200px;padding:12px;background:#0007;color:var(--fg);border:1px solid var(--accent)}#aav-app #aav-explore-result:not(:empty){padding:15px;border-left:3px solid var(--accent);background:#0005}#aav-app button:disabled{opacity:.55;cursor:default}#aav-app .aav-footer{font:11px system-ui,sans-serif;opacity:.65;margin-top:28px}#aav-app .aav-panel{z-index:8}#aav-app .aav-atmosphere{position:absolute;inset:-30%;background:radial-gradient(circle at 40% 25%,var(--accent),transparent 37%),conic-gradient(from 10deg at 60% 60%,transparent,var(--accent),transparent,transparent);opacity:.24;animation:aav-breathe 18s ease-in-out infinite alternate}#aav-app .aav-emblem{position:absolute;top:4%;left:50%;transform:translateX(-50%);font-size:clamp(130px,28vw,350px);opacity:.16;color:var(--accent);filter:drop-shadow(0 0 30px var(--accent))}#aav-app[data-vision="1"] .aav-atmosphere,#aav-app[data-vision="21"] .aav-atmosphere{background:repeating-linear-gradient(100deg,transparent 0 17px,#fff2 18px 19px),linear-gradient(180deg,#102c2d,#070b11);animation:aav-rain 7s linear infinite}#aav-app[data-vision="2"] .aav-atmosphere,#aav-app[data-vision="23"] .aav-atmosphere{background:repeating-linear-gradient(90deg,#fff1 0 3px,transparent 3px 70px),linear-gradient(0deg,#222,#000);animation:aav-flicker 5s steps(4) infinite}#aav-app[data-vision="3"] .aav-atmosphere,#aav-app[data-vision="22"] .aav-atmosphere{background:radial-gradient(ellipse at 60% 80%,#d89b4b99,transparent 50%),repeating-linear-gradient(170deg,#d3a36a1a 0 4px,transparent 4px 50px);animation:aav-rain 18s linear infinite}#aav-app[data-vision="10"] .aav-atmosphere{background:radial-gradient(circle at 50% 20%,#25c8e6a8,transparent 48%);animation:aav-breathe 5s ease-in-out infinite alternate}#aav-app[data-vision="26"] .aav-atmosphere{background:linear-gradient(110deg,transparent 43%,#ffdc8090 49%,transparent 54%);animation:aav-breathe 7s ease-in-out infinite alternate}
/* Shai-Hulud: responsive CSS illustration, slowly approaching according to days remaining */
#aav-app[data-vision="6"]{background:linear-gradient(#4e251b,#8c4924 40%,#25120e)}#aav-app .aav-worm-dunes{position:absolute;inset:35% -15% 0;background:radial-gradient(ellipse at 30% 110%,#d18a4a 0 52%,transparent 53%),radial-gradient(ellipse at 90% 105%,#a65b2e 0 55%,transparent 56%)}#aav-app .aav-worm{position:absolute;width:260px;height:340px;left:50%;top:14%;transform:translateX(-50%) scale(var(--worm-scale,.7));transform-origin:center 75%;animation:aav-worm-rise 9s ease-in-out infinite alternate;filter:drop-shadow(0 18px 35px #180905)}#aav-app .aav-worm-mouth{position:absolute;inset:0;border-radius:50% 50% 42% 42%;background:repeating-conic-gradient(from 0deg,#ab754d 0deg 9deg,#5e321d 9deg 17deg,#dbad78 17deg 20deg);border:24px solid #8b512f;box-shadow:0 0 0 12px #5b301c,inset 0 0 50px #000}#aav-app .aav-worm-inner{position:absolute;inset:19%;border-radius:50%;background:radial-gradient(ellipse,#060302 5%,#200d08 54%,#000 70%);box-shadow:0 0 0 8px #4c2718}#aav-app .aav-worm-dust{position:absolute;inset:20% 0 0;background:repeating-linear-gradient(170deg,transparent 0 28px,#d9a27335 29px 31px);animation:aav-rain 13s linear infinite}
/* Hologram: rotating luminous projection over an emitter */
#aav-app[data-vision="11"]{background:#040f13}#aav-app .aav-projector{position:absolute;left:50%;top:2%;transform:translateX(-50%);width:min(78vw,650px);height:480px;perspective:900px}#aav-app .aav-holo-beam{position:absolute;left:10%;top:8%;width:80%;height:80%;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(90deg,transparent,#00e5ff22,transparent);filter:blur(5px)}#aav-app .aav-holo-orbit{position:absolute;left:50%;top:10%;width:220px;height:220px;margin-left:-110px;border:2px solid #59e7ff;border-radius:50%;box-shadow:0 0 40px #16c5ee,inset 0 0 30px #16c5ee;transform-style:preserve-3d;animation:aav-holo-spin 18s linear infinite}#aav-app .aav-holo-world{position:absolute;inset:20px;border:1px dashed #71ecff;border-radius:50%;box-shadow:inset 0 0 40px #19c3e855}#aav-app .aav-holo-orbit i{position:absolute;inset:35px -30px;border:2px solid #5aeaff99;border-radius:50%;transform:rotateX(65deg)}#aav-app .aav-holo-orbit i:nth-child(3){transform:rotateY(70deg)}#aav-app .aav-holo-orbit i:nth-child(4){transform:rotateZ(45deg) rotateX(70deg)}#aav-app .aav-holo-base{position:absolute;left:20%;bottom:3%;width:60%;height:36px;border-radius:50%;border:4px solid #39d9fa;box-shadow:0 0 45px #2acbea;background:#07313c}
/* Ornithopter: parallax desert and cockpit frame */
#aav-app[data-vision="12"]{background:#1c1713}#aav-app .aav-flight{position:absolute;inset:0;overflow:hidden}#aav-app .aav-flight-sky{position:absolute;inset:0 0 35%;background:linear-gradient(#443f36,#c18c58)}#aav-app .aav-flight-horizon{position:absolute;inset:38% -50% -20%;background:repeating-linear-gradient(172deg,#9d6035 0 35px,#b87945 35px 70px,#d9a16b 70px 90px);transform:perspective(350px) rotateX(43deg);animation:aav-flight-move 6s linear infinite}#aav-app .aav-flight-wing{position:absolute;top:36%;width:43%;height:28%;background:linear-gradient(#191d1f,#414544);clip-path:polygon(0 0,100% 65%,100% 90%,0 45%);border-top:5px solid #777}#aav-app .aav-flight-wing.left{left:-6%}#aav-app .aav-flight-wing.right{right:-6%;transform:scaleX(-1)}#aav-app .aav-flight-hud{position:absolute;top:30px;left:30px;right:30px;display:flex;justify-content:space-between;font:13px monospace;color:#f6c889;text-shadow:0 0 8px #ff9a38}#aav-app .aav-flight-reticle{position:absolute;top:29%;left:50%;font-size:85px;transform:translateX(-50%);color:#ffb45c88}#aav-app .aav-flight-dashboard{position:absolute;bottom:-15%;left:-8%;width:116%;height:40%;border:24px solid #252a2a;border-radius:50% 50% 0 0;box-shadow:0 -12px 30px #000c,inset 0 0 25px #000}
@keyframes aav-breathe{to{transform:scale(1.15) rotate(8deg);opacity:.4}}@keyframes aav-rain{to{background-position:180px 340px}}@keyframes aav-flicker{50%{opacity:.15}}@keyframes aav-worm-rise{to{translate:0 -18px}}@keyframes aav-holo-spin{to{rotate:y 360deg}}@keyframes aav-flight-move{to{background-position:0 180px}}@media(max-width:650px){#aav-app .aav-worm{top:17%;width:160px;height:220px}#aav-app .aav-projector{top:3%;height:300px}#aav-app .aav-holo-orbit{width:145px;height:145px;margin-left:-72px}#aav-app .aav-encounter{padding:18px;margin-top:35px}#aav-app .aav-flight-wing{top:25%}}@media(prefers-reduced-motion:reduce){#aav-app .aav-scene *,#aav-app .aav-atmosphere{animation:none!important;transition:none!important}}

/* v3 branching journeys */
.aav-route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin:20px 0}.aav-route-grid button{text-align:left;padding:13px;border:1px solid var(--accent);background:rgba(0,0,0,.2);color:var(--fg);cursor:pointer}.aav-story-stage{padding:22px;border:1px solid var(--accent);background:rgba(0,0,0,.25);margin-bottom:18px;min-height:100px}.aav-story-stage button{margin:7px;padding:11px 16px;border:1px solid var(--accent);background:transparent;color:var(--fg);cursor:pointer}.aav-story-stage button:hover,.aav-route-grid button:hover{background:var(--accent);color:var(--bg)}