@font-face{font-family:KNDR Royal;src:url(kndr-royal.woff2) format("woff2");font-display:swap;font-weight:500}:root{color-scheme:dark;--gold:#e4ce93;--cream:#f6ecd2;--night:#061712}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--night)}body{font-family:KNDR Royal,Georgia,serif;color:var(--cream)}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#arrival{position:fixed;inset:0;isolation:isolate;overflow:hidden}#dream{position:absolute;inset:0;background:url(../images/dream-cosmos-v1.webp) center/cover no-repeat;overflow:hidden;touch-action:none}#dream canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.6s}#dream.is-ready canvas{opacity:1}.scene-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 99% 100%,#02100fea,transparent 59%),linear-gradient(0deg,#031711bb,transparent 24%)}.welcome{position:absolute;right:max(5.3vw,24px);bottom:max(8.5vh,86px);width:min(560px,44vw);text-align:right;pointer-events:none;filter:drop-shadow(0 2px 12px #000);animation:welcome 3s .4s both}.royal-seal{width:48px;height:48px;margin:0 3px 21px 0;opacity:.86;box-shadow:0 0 27px #baa65818;border-radius:50%}.salutation{margin:0 0 5px;font-size:clamp(21px,2.1vw,32px);letter-spacing:.035em;color:#e5d9b4}h1{font:500 clamp(54px,6.5vw,102px)/1.01 "KNDR Royal",Georgia,serif;margin:0;letter-spacing:-.042em;background:linear-gradient(120deg,#968058,#e5cd90 22%,#fff2c4 46%,#c1a669 65%,#f1dca7);color:var(--gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:7px 3px 2px}h1 span{font-size:.91em;letter-spacing:-.06em}.enchantment{font-size:clamp(27px,3vw,45px);margin:0 2px 16px;color:#e9d6a5;font-style:normal}.promise{font-size:clamp(16px,1.4vw,21px);margin:0;color:#c5cdb5;letter-spacing:.01em}.scene-controls{position:absolute;left:max(28px,3vw);bottom:max(25px,env(safe-area-inset-bottom));display:flex;gap:15px;z-index:5;font:11px/1.3 system-ui,sans-serif}.scene-controls button{background:#071b145c;color:#dfd9bf;border:0;display:flex;gap:9px;align-items:center;min-width:44px;min-height:44px;padding:10px 9px;backdrop-filter:blur(9px);border-radius:2px;font:inherit;transition:color .3s,background .3s}.scene-controls button:hover{color:#fff1c6;background:#102d2399}.scene-controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.scene-controls [aria-pressed=false]{color:#b7bdac}.sound-note{position:absolute;bottom:79px;left:max(36px,3vw);font:11px/1.5 system-ui,sans-serif;color:#d3d5bf;max-width:280px;margin:0;pointer-events:none;text-shadow:0 1px 4px #000}.apparition{position:absolute;width:560px;height:430px;left:7vw;top:16vh;pointer-events:none;z-index:3;--lean:-3deg;--flip:1;--aura:#d3b970;opacity:0;transition:opacity 2.5s,filter 2.5s;filter:blur(14px);transform-origin:50% 70%}.apparition[hidden]{display:none}.apparition.is-visible{opacity:1;filter:blur(0)}.phantom-body{position:absolute;inset:0 auto 0 0;width:255px;transform:scaleX(var(--flip)) rotate(var(--lean));animation:float 9s ease-in-out infinite}.phantom-body img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px #d0c48844);mask-image:linear-gradient(#000 70%,transparent 100%)}.phantom-aura{position:absolute;inset:10% -10% 7%;background:radial-gradient(ellipse,#c9dca12a,#1d846231 42%,transparent 69%);filter:blur(19px);animation:aura 7s ease-in-out infinite}.papyrus{position:absolute;left:229px;top:100px;width:300px;padding:31px 29px 23px;color:#3d321c;text-shadow:0 1px #fff8cb66;background:repeating-linear-gradient(2deg,#86642c08 0 1px,transparent 1px 4px),radial-gradient(ellipse at 20% 40%,#f2e3b5,#cfb77c 72%,#98804e);box-shadow:0 12px 45px #0005,inset 0 0 30px #90734870;clip-path:polygon(2% 0,98% 2%,100% 14%,98% 48%,100% 79%,97% 98%,70% 100%,32% 98%,1% 100%,2% 76%,0 43%,2% 17%);transform:rotate(-2deg);opacity:0;transition:opacity 2s 1s}.is-visible .papyrus{opacity:1}.papyrus:before,.papyrus:after{content:"";height:8px;position:absolute;left:5px;right:4px;background:linear-gradient(#77603388,#fae9b69c,#80662a44);border-radius:50%}.papyrus:before{top:5px}.papyrus:after{bottom:4px}.papyrus-title{font-size:15px;letter-spacing:.07em;color:#79602c;display:block;margin-bottom:10px}.papyrus p{font-size:25px;line-height:1.18;margin:0}.papyrus-flourish{display:block;text-align:center;font-size:23px;margin-top:10px;color:#8e7138}.apparition[data-effect=mist]{--aura:#a1ddba}.apparition[data-effect=mist] .phantom-body{animation:mist-drift 12s ease-in-out infinite}.apparition[data-effect=embers] .phantom-body img{filter:drop-shadow(0 0 18px #ecc96877)}.apparition[data-effect=veil] .phantom-body{animation:veil-drift 10s ease-in-out infinite}#revelation{position:absolute;width:240px;height:240px;transform:translate(-50%,-50%);opacity:0;transition:opacity 3s;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse,#e2d1a11e,transparent 65%);border-radius:50%}#revelation.lit{opacity:1}#revelation i{position:absolute;inset:20%;border-radius:50%;box-shadow:0 0 35px #c8ad6150,inset 0 0 32px #bfb97c21;animation:light-ring 8s ease-in-out infinite}#revelation i:nth-child(2){inset:35%;animation-delay:-3s}#revelation i:nth-child(3){inset:47%;animation-delay:-6s}.no-script{position:absolute;left:30px;top:24px;font-size:19px}.is-paused *{animation-play-state:paused!important}.is-reduced .apparition,.is-reduced .papyrus,.is-reduced #revelation,.is-reduced #dream canvas{transition:none}.is-reduced *{animation:none!important}.is-reduced .welcome{opacity:1}@keyframes welcome{0%{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:drop-shadow(0 2px 12px #000)}}@keyframes float{0%,to{transform:scaleX(var(--flip)) rotate(var(--lean)) translateY(0)}50%{transform:scaleX(var(--flip)) rotate(calc(var(--lean) + 2deg)) translateY(-13px)}}@keyframes mist-drift{0%,to{transform:scaleX(var(--flip)) rotate(var(--lean)) translate(0);opacity:.87}50%{transform:scaleX(var(--flip)) rotate(calc(var(--lean) - 3deg)) translate(8px,-17px);opacity:1}}@keyframes veil-drift{0%,to{transform:scaleX(var(--flip)) rotate(var(--lean)) scale(.98,1.01)}50%{transform:scaleX(var(--flip)) rotate(calc(var(--lean) + 3deg)) scale(1.02,.98) translateY(-10px)}}@keyframes aura{50%{opacity:.5;transform:scale(1.08)}}@keyframes light-ring{50%{opacity:.4;transform:scale(1.24)}}@media(max-width:760px){.scene-shade{background:linear-gradient(0deg,#02110feb,transparent 62%)}.welcome{width:calc(100% - 44px);right:22px;bottom:106px}.royal-seal{height:35px;width:35px;margin-bottom:12px}h1{font-size:clamp(53px,13vw,84px)}.salutation{font-size:23px}.enchantment{font-size:32px;margin-bottom:10px}.promise{font-size:17px;max-width:300px;margin-left:auto}.scene-controls{left:14px;bottom:max(18px,env(safe-area-inset-bottom));gap:4px}.scene-controls button{font-size:10px;gap:7px;padding:10px 7px}.sound-note{left:22px;bottom:69px;font-size:10px}.apparition{width:calc(100vw - 20px);height:350px}.phantom-body{width:43%;height:310px}.papyrus{left:38%;top:64px;width:60%;padding:27px 21px 20px}.papyrus p{font-size:22px}.papyrus-title{font-size:13px}.papyrus-flourish{margin-top:6px}.apparition.is-visible~.welcome .royal-seal{opacity:.5}}@media(max-height:650px)and (min-width:761px){.apparition{transform:scale(.78);transform-origin:top left}.welcome{bottom:82px}h1{font-size:75px}.royal-seal{height:35px;width:35px;margin-bottom:8px}.enchantment{font-size:34px}}@media(max-height:720px)and (max-width:760px){.apparition{height:260px}.phantom-body{height:245px}.papyrus{top:30px;padding:23px 18px 17px}.papyrus p{font-size:20px}.welcome{bottom:100px}.royal-seal{display:none}.promise{font-size:16px}.enchantment{margin-bottom:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.welcome{opacity:1}}