*{box-sizing:border-box}html{background:#09070a;color:#fff4da;font-family:Arial,sans-serif}body{margin:0;background:radial-gradient(ellipse at 50% 47%,#5d301729,transparent 60%),radial-gradient(ellipse at 80% 10%,#38285544,transparent 40%),#09070a;min-height:100svh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#f8d58a 1px,transparent 1px),radial-gradient(#fff8dd 1px,transparent 1px);background-size:137px 149px,233px 257px;background-position:21px 38px,83px 101px;opacity:.3}nav{position:relative;display:flex;justify-content:center;gap:6px;padding:calc(12px + env(safe-area-inset-top)) 12px 0}nav button{border:1px solid #a9864744;background:transparent;color:#ddcaa6;border-radius:50%;width:35px;height:35px;font-size:11px;cursor:pointer}nav button[aria-pressed=true]{background:#dbb967;color:#100b06;border-color:#ffdd94}main{position:relative;width:min(100%,1050px);margin:auto;padding:24px 18px calc(24px + env(safe-area-inset-bottom));text-align:center}.brand{font-family:Georgia,serif;color:#e7c784;font-size:clamp(15px,2.5vw,21px);margin:0 0 23px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:#d7b985;margin:0}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,8vw,72px);letter-spacing:.1em;margin:9px 0;color:#ffe0a0;text-shadow:0 0 35px #ffc25944}.intro{max-width:500px;margin:0 auto;color:#e1d5c0;font-size:14px;line-height:1.7}.gateway{position:relative;width:min(100%,660px);margin:22px auto 18px;padding-top:12px}.halo{position:absolute;inset:0 7% 70px;border-radius:50%;background:radial-gradient(ellipse,#edb14c22,transparent 65%);filter:blur(12px);animation:breathe 5s ease-in-out infinite}.book{position:relative;aspect-ratio:1.48;overflow:hidden;border-radius:50% 50% 8% 8% / 5% 5% 3% 3%;box-shadow:0 0 55px #df9e2618;background:#050406}.book video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pedestal{position:relative;width:76%;margin:-3px auto 0;min-height:100px;display:flex;flex-direction:column;justify-content:center;padding:18px 12px 24px;border-radius:50% / 17%;border-top:6px solid #d6ac5c;border-bottom:9px solid #cfa452;background:linear-gradient(90deg,#300809,#9e2621 45%,#731715 65%,#220708);box-shadow:0 10px 0 #32200d,0 14px 0 #c5a05a,0 30px 45px #000, inset 0 3px 12px #ffdf8566}.pedestal strong{font:26px Georgia,serif;letter-spacing:.16em;color:#ffe0a2}.pedestal span{font:clamp(9px,2vw,13px) Georgia,serif;color:#eed298;margin-top:8px}.controls{position:relative;display:flex;justify-content:center;gap:8px;margin-top:28px}.controls button{background:#ffffff05;border:1px solid #b58e4c66;color:#ead5ae;border-radius:20px;padding:9px 14px;font-size:12px;cursor:pointer}.enter{display:inline-block;background:linear-gradient(110deg,#d5a749,#ffe2a0,#ce9b3e);color:#231407;font-weight:bold;padding:17px 27px;border-radius:30px;text-decoration:none;box-shadow:0 0 30px #e4b96322;font-size:14px}.enter:hover{box-shadow:0 0 40px #e4b96366}.hint{font-size:12px;color:#c7bba7;line-height:1.6}small{color:#958876;font-size:10px}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}@keyframes breathe{50%{opacity:.4;transform:scale(1.08)}}@media(min-width:900px){main{display:grid;grid-template-columns: .8fr 1.2fr;align-items:center;min-height:calc(100svh - 60px);gap:10px 35px}header{grid-column:1;grid-row:1;align-self:end;padding-bottom:18px}footer{grid-column:1;grid-row:2;align-self:start}.gateway{grid-column:2;grid-row:1/3}.brand{line-height:1.5}.intro{font-size:15px}}@media(max-height:500px) and (orientation:landscape){main{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px}header{grid-column:1}.brand{margin-bottom:8px}h1{font-size:36px}.gateway{grid-column:2;grid-row:1/3;margin:0}.pedestal{min-height:65px;padding:10px}.pedestal strong{font-size:18px}footer{grid-column:1}.controls{margin-top:20px}.intro{font-size:12px}.enter{padding:12px 18px}}@media(prefers-reduced-motion:reduce){.halo{animation:none}}

.book-enter{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:70%;max-width:350px;padding:13px 10px;font:clamp(12px,2.7vw,19px) Georgia,serif;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.2s ease,filter 1.2s ease;filter:blur(5px);border:1px solid #fff0b4;box-shadow:0 0 25px #ffd97688;border-radius:8px;background:linear-gradient(110deg,#8d5019,#e7b94e,#ffdf8a,#a76a23)}.book-enter.revealed{opacity:1;visibility:visible;pointer-events:auto;filter:blur(0)}@media(prefers-reduced-motion:reduce){.book-enter{transition:none}}

.maia-avatar-orbit{position:relative;display:block;width:190px;max-width:100%;aspect-ratio:1;}
.maia-avatar-orbit img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px #ffc53b80);animation:maia-living-light 4s ease-in-out infinite;}
.maia-avatar-ring{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 5%,#ffc53b 20%,#ff354d 38%,transparent 48%,#42d8ff 65%,#b77dff 82%,transparent 95%);mask:radial-gradient(circle,transparent 62%,#000 64%,#000 68%,transparent 71%);animation:maia-orbit-colors 9s linear infinite;filter:drop-shadow(0 0 5px #ffca45);}
@keyframes maia-orbit-colors{to{transform:rotate(360deg)}}
@keyframes maia-living-light{0%,100%{filter:brightness(1) drop-shadow(0 0 7px #ffc53b70)}50%{filter:brightness(1.13) drop-shadow(0 0 14px #36caff70)}}
.maia-flame-motion,.maia-flame-glow{position:absolute;inset:0;z-index:3;pointer-events:none;background:url('assets/ai-maia-emblem-v1.png') center/contain no-repeat;mask-image:linear-gradient(90deg,transparent 0%,transparent 70%,#000 86%);transform-origin:82% 65%;}
.maia-flame-motion{animation:maia-flame-wave 2.6s ease-in-out infinite alternate;opacity:.74;}
.maia-flame-glow{mix-blend-mode:screen;opacity:.25;animation:maia-flame-shimmer 1.7s ease-in-out infinite alternate;}
@keyframes maia-flame-wave{0%{transform:translate(0,0) skewY(0deg) scaleY(1);filter:brightness(1)}30%{transform:translate(1px,-2px) skewY(-1.6deg) scaleY(1.025);filter:brightness(1.12)}65%{transform:translate(-1px,1px) skewY(1.4deg) scaleY(.985);filter:brightness(1.03)}100%{transform:translate(2px,-3px) skewY(-2deg) scaleY(1.04);filter:brightness(1.18)}}
@keyframes maia-flame-shimmer{0%{opacity:.1;transform:translateY(1px);filter:brightness(1.08)}40%{opacity:.29;transform:translateY(-1px);filter:brightness(1.3)}100%{opacity:.17;transform:translateY(-3px);filter:brightness(1.15)}}

.book-enter{width:auto;max-width:80%;padding:8px 13px;font:clamp(10px,2vw,14px) Georgia,serif;white-space:nowrap}.final-maia{display:flex;align-items:center;flex-direction:column;gap:12px;padding:28px 0 10px;animation:arrival 1.1s ease both}.final-maia[hidden]{display:none}.final-maia strong{font:30px Georgia,serif;letter-spacing:.1em;color:#ffde94}.final-brand{font:13px Georgia,serif;color:#e0c38a}.final-enter{padding:10px 18px;font-size:13px;margin-top:8px}.finished .book,.finished .pedestal{display:none}@keyframes arrival{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.maia-avatar-ring,.maia-avatar-orbit img,.maia-flame-motion,.maia-flame-glow,.final-maia{animation:none}}

.book-message{position:absolute;left:23%;right:23%;top:22%;height:44%;padding:10px 6px;background:radial-gradient(ellipse,#71380f,#351c0e);border:1px solid #aa783b;box-shadow:0 0 12px #b27c21aa;color:#ffe6ad;text-align:center}.book-message[hidden]{display:none}.book-message h2{font:clamp(11px,2.8vw,22px) Georgia,serif;margin:4px 0 8px}.book-message p{font:clamp(10px,2vw,15px)/1.5 Georgia,serif;margin:0}.book-enter{top:60%}

body.final-screen{background-color:#a9172b;background-image:linear-gradient(135deg,#c51b31e8,#ed972730 44%,#ffdc7a35),url('assets/scenery.png');background-position:center top;background-size:cover;background-attachment:fixed;color:#35151d}body.final-screen:before{background:none;opacity:1;border:5px solid #eeb949;outline:1px solid #fff0ab;outline-offset:-9px}.final-screen .final-maia{border:1px solid #dfbf75;border-radius:13px;background:linear-gradient(125deg,#fffef9f2,#fff6dfef);padding:28px 16px}.final-screen .final-maia strong{color:#822317;text-shadow:none}.final-screen .final-brand{color:#572c16}.final-screen .brand,.final-screen h1,.final-screen .eyebrow{color:#692619;text-shadow:none}.final-screen .intro,.final-screen .hint,.final-screen small{color:#572c16}.final-screen nav button{color:#572c16;border-color:#c39543;background:#fff6dfbb}.final-screen nav button[aria-pressed=true]{background:#e8ba53;color:#35151d}.final-screen .controls button{color:#572c16;background:#fff6dfbb;border-color:#c39543}#final-languages{padding:8px 0 0;gap:5px}#final-languages button{width:32px;height:32px;font-size:10px}

.book{aspect-ratio:688/1020;border-radius:0;background:#000;box-shadow:none;max-height:75svh;width:auto;margin:auto}.book video{object-fit:contain}.gateway{width:min(100%,510px)}.finished .controls,.final-screen footer,.final-screen header,.final-screen>nav,.finished .halo{display:none}.final-screen main{display:block;min-height:100svh;padding-top:calc(28px + env(safe-area-inset-top));display:grid;place-items:center}.final-screen .gateway{width:min(100%,510px);margin:0 auto}.final-screen .final-maia{width:100%;padding:34px 20px}.final-screen .maia-avatar-orbit{width:220px}@media(max-height:500px) and (orientation:landscape){.book{max-height:75svh}.final-screen .maia-avatar-orbit{width:145px}.final-screen .final-maia{padding:14px;gap:8px}}

.book{position:relative}.book-identity{position:absolute;top:22%;left:50%;transform:translateX(-50%);font:clamp(15px,4vw,25px) Georgia,serif;color:#ffe0a0;text-shadow:0 2px 5px #000,0 0 10px #000;letter-spacing:.14em;pointer-events:none}.book-identity[hidden]{display:none}

.book{border:0;box-shadow:none;border-radius:0}.book video{mix-blend-mode:normal;border:0;border-radius:0}

html,body{background:#000}body:before{display:none}.book,.gateway{background:transparent;border:0;outline:0;box-shadow:none;border-radius:0}.book video{background:#000;border:0;outline:0;box-shadow:none;border-radius:0;object-fit:contain}.halo{display:none}

/* 046: soften the actual recorded image edges, including its internal letterbox boundary */
.book video{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 27.2%,#000 33%,#000 67%,transparent 72.8%);mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 27.2%,#000 33%,#000 67%,transparent 72.8%);-webkit-mask-composite:source-in;mask-composite:intersect}.book video.portrait-scene{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%)}

html,body,body.final-screen{background:#000;color:#fff4da}body:before{display:none}.brand,h1,.eyebrow,.final-screen .brand,.final-screen h1{color:#ffe0a0;text-shadow:none}.intro,.hint,small{color:#d9cbb3}nav button,.controls button{background:transparent;color:#e6c98d;border-color:#b58e4c66}.final-screen .final-maia{background:transparent;border:0;box-shadow:none}.final-screen .final-maia strong{color:#ffe0a0}.final-screen .final-brand{color:#e7c784}.book{aspect-ratio:1.48;width:100%;max-height:none;overflow:hidden;border:0;background:transparent}.book video{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.book.portrait-scene{aspect-ratio:688/1020;max-height:75svh;width:auto}.book video.portrait-scene{object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent)}

/* 048: the original AI MAIA ring enlarged around the video */
.gateway{width:min(100%,680px)}.video-orbit{position:relative;width:100%;aspect-ratio:1;margin:14px auto;isolation:isolate}.video-orbit .book,.video-orbit .book.portrait-scene{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#000}.video-orbit .book video{transform:scale(1.35);object-fit:contain}.video-orbit .book video.portrait-scene{transform:scale(.95)}.video-orbit-ring{position:absolute;inset:-5px;z-index:3;pointer-events:none;border-radius:50%;background:conic-gradient(from 0deg,transparent 5%,#ffc53b 20%,#ff354d 38%,transparent 48%,#42d8ff 65%,#b77dff 82%,transparent 95%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 calc(100% - 2px),transparent 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 calc(100% - 2px),transparent 100%);animation:maia-orbit-colors 9s linear infinite;filter:drop-shadow(0 0 7px #ffca45)}.video-orbit-flames{position:absolute;inset:-9px;z-index:4;pointer-events:none;background:url('assets/ai-maia-emblem-v1.png') center/contain no-repeat;-webkit-mask-image:radial-gradient(circle,transparent 57%,#000 61%,#000 69%,transparent 73%),linear-gradient(to right,transparent 65%,#000 83%);mask-image:radial-gradient(circle,transparent 57%,#000 61%,#000 69%,transparent 73%),linear-gradient(to right,transparent 65%,#000 83%);-webkit-mask-composite:source-in;mask-composite:intersect;transform-origin:85% 65%;animation:maia-flame-wave 2.6s ease-in-out infinite alternate;filter:drop-shadow(0 0 9px #ff7c21);opacity:.8}.finished .video-orbit{display:none}@media(max-width:760px){.gateway{width:100%}main{padding-inline:18px}.video-orbit{margin:20px auto}.video-orbit-ring{inset:-4px}}@media(max-height:500px) and (orientation:landscape){.video-orbit{width:min(100%,70svh)}}@media(prefers-reduced-motion:reduce){.video-orbit-ring,.video-orbit-flames{animation:none}}

/* 049: feather the recorded landscape into an ellipse; continuous ring with no rotating black gaps */
.video-orbit .book video{-webkit-mask-image:radial-gradient(ellipse 34% 23% at 50% 50%,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 34% 23% at 50% 50%,#000 65%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}.video-orbit .book video.portrait-scene{-webkit-mask-image:radial-gradient(ellipse 34% 50% at 50% 50%,#000 75%,transparent 100%);mask-image:radial-gradient(ellipse 34% 50% at 50% 50%,#000 75%,transparent 100%)}.video-orbit-ring{background:conic-gradient(from 0deg,#b8842e 0%,#ffd56b 15%,#fff1b2 21%,#ff6c42 30%,#d83d53 40%,#e8ac50 50%,#42d8ff 65%,#b77dff 82%,#d9a946 92%,#b8842e 100%)}.app-download{margin-top:3px;padding:10px 18px;border:1px solid #e7bd65;border-radius:24px;background:transparent;color:#f1d59b;font-size:13px;cursor:default;opacity:1}.final-screen .app-status{font-size:11px;color:#c6b28b;margin-top:-5px}

.video-orbit-flame-glow{position:absolute;inset:-9px;z-index:4;pointer-events:none;background:url('assets/ai-maia-emblem-v1.png') center/contain no-repeat;-webkit-mask-image:radial-gradient(circle,transparent 57%,#000 61%,#000 69%,transparent 73%),linear-gradient(to right,transparent 65%,#000 83%);mask-image:radial-gradient(circle,transparent 57%,#000 61%,#000 69%,transparent 73%),linear-gradient(to right,transparent 65%,#000 83%);-webkit-mask-composite:source-in;mask-composite:intersect;mix-blend-mode:screen;opacity:.25;animation:maia-flame-shimmer 1.7s ease-in-out infinite alternate}.video-orbit-flames{animation:maia-flame-wave 2.6s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.video-orbit-flames,.video-orbit-flame-glow{animation:none}}

/* 050: fill the circular stage more closely, retaining a curved feather at the bottom */
.video-orbit .book video{transform:scale(1.85);-webkit-mask-image:radial-gradient(ellipse 34% 23% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 34% 23% at 50% 50%,#000 78%,transparent 100%)}.video-orbit .book video.portrait-scene{transform:scale(1.08);-webkit-mask-image:radial-gradient(ellipse 34% 50% at 50% 50%,#000 80%,transparent 100%);mask-image:radial-gradient(ellipse 34% 50% at 50% 50%,#000 80%,transparent 100%)}

/* 051: stationary stage; flame light uses no dark bitmap and no lateral transform */
.video-orbit,.video-orbit .book{transform:none!important;animation:none!important}.video-orbit-flames,.video-orbit-flame-glow{background:radial-gradient(ellipse at 88% 45%,#fff5b8 0%,#ffbe42 12%,#ff6327 29%,#d91c3655 45%,transparent 65%);transform:none!important;transform-origin:center;animation:entrance-fire-light 2.2s ease-in-out infinite alternate}.video-orbit-flame-glow{animation-delay:-1.1s;mix-blend-mode:screen}.video-orbit-ring{box-shadow:none;filter:drop-shadow(0 0 5px #ffc85b88)}@keyframes entrance-fire-light{from{opacity:.35;filter:brightness(1) blur(1px)}to{opacity:.85;filter:brightness(1.3) blur(2px)}}
.entrance-3d,.final-screen .final-maia .entrance-3d{position:relative;display:block;isolation:isolate;transform:perspective(1000px) rotateX(8deg) translateZ(12px);transform-style:preserve-3d;font-family:Georgia,serif;font-weight:900;line-height:1.15;color:#ffe98b;background:linear-gradient(180deg,#fffde0 0%,#ffe375 18%,#fff3b8 31%,#d89825 48%,#fff2ae 57%,#b96c12 75%,#fff0a0 91%,#e9a72d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.6px #71300c;text-shadow:0 1px #fff8c9,0 3px #f1c550,0 5px #b76d13,0 7px #6b3211,0 10px #3a1713,0 14px 19px #1b0911c9,0 0 15px #ffe079;filter:drop-shadow(0 0 9px #ffd85677);animation:none}.entrance-3d:before{content:attr(data-depth);position:absolute;inset:0;z-index:-1;color:#98510f;-webkit-text-fill-color:#98510f;background:none;transform:translate3d(0,5px,-16px);text-shadow:0 3px #74390f,0 5px #48210f,0 9px #30120f}.entrance-3d:after{content:attr(data-depth);position:absolute;inset:0;z-index:2;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(270deg,transparent 44%,#fff5bd 48%,#fff 50%,#ffc83d 52%,transparent 56%) 220% center/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;animation:entrance-gold-light 5.4s linear infinite;pointer-events:none}@keyframes entrance-gold-light{from{background-position:220% center}to{background-position:-160% center}}.final-screen .final-maia strong.entrance-3d{font-size:clamp(36px,9vw,49px);letter-spacing:.055em;margin:4px 0 7px}.final-screen .final-maia .final-brand.entrance-3d{font-size:clamp(14px,3.5vw,19px);max-width:95%;margin:0 auto 12px;-webkit-text-stroke:.3px #71300c;text-shadow:0 1px #fff8c9,0 2px #b76d13,0 3px #6b3211,0 5px #3a1713,0 0 12px #ffe079}.brand.entrance-3d{-webkit-text-stroke:.3px #71300c;text-shadow:0 1px #fff8c9,0 2px #b76d13,0 3px #6b3211,0 5px #3a1713}@media(prefers-reduced-motion:reduce){.entrance-3d:after,.video-orbit-flames,.video-orbit-flame-glow{animation:none}}

/* 052: restore the actual AI MAIA flame texture; screen blend avoids moving dark pixels */
.video-orbit-flames,.video-orbit-flame-glow{background:url('assets/ai-maia-emblem-v1.png') center/contain no-repeat;mix-blend-mode:screen;transform-origin:85% 65%;transform:none!important}.video-orbit-flames{animation:entrance-restored-flame 2.6s ease-in-out infinite alternate;opacity:.9}.video-orbit-flame-glow{animation:maia-flame-shimmer 1.7s ease-in-out infinite alternate;opacity:.3}@keyframes entrance-restored-flame{0%{translate:0 0;scale:1;filter:brightness(1)}35%{translate:1px -2px;scale:1 1.025;filter:brightness(1.13)}70%{translate:-1px 1px;scale:1 .985;filter:brightness(1.05)}100%{translate:2px -3px;scale:1 1.04;filter:brightness(1.18)}}@media(prefers-reduced-motion:reduce){.video-orbit-flames,.video-orbit-flame-glow{animation:none}}