:root{font-family:Avenir,'Trebuchet MS',sans-serif;background:#0b1825;color:#f6e9cf;color-scheme:dark;--gold:#e8c47e}*{box-sizing:border-box}body{margin:0;overflow:hidden;height:100dvh;background:radial-gradient(ellipse at 50% 44%,#24434a,#0b1825 78%)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:0;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #a5e4d7;outline-offset:4px}[hidden]{display:none!important}.topbar{position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(17px,env(safe-area-inset-top)) max(25px,env(safe-area-inset-right)) 10px max(25px,env(safe-area-inset-left));background:linear-gradient(#06121ed0,transparent)}.topbar>a{font-size:21px;text-decoration:none;color:var(--gold);display:flex;align-items:center;gap:10px;min-height:44px}.topbar>a span{font-size:10px;color:#e9e3d4}.brand{font-size:7px;letter-spacing:1.7px;color:#c3d0c1;text-shadow:0 1px 5px #000}.brand b{font-size:15px;margin:0 13px;color:var(--gold)}.topbar>div{display:flex;gap:6px}.topbar button{background:#0b20328c;backdrop-filter:blur(10px);border:1px solid #d4e3ce30;border-radius:5px;min-height:42px;padding:10px 12px;font-size:9px}.topbar button[aria-pressed=true]{color:var(--gold);border-color:#e8c47e88}#fullscreen,#pause{min-width:39px;font-size:16px}.theatre{position:absolute;left:50%;top:47%;width:min(100vw,calc((100dvh - 70px)*1.5));aspect-ratio:3/2;transform:translate(-50%,-50%);perspective:1600px;isolation:isolate}.camera{position:absolute;inset:0;overflow:visible;transform:scale(.85) rotateX(24deg) translateY(9%);opacity:0;transform-origin:50% 74%;transition:transform 2.8s cubic-bezier(.18,.8,.22,1),opacity 1s}.opened .camera{transform:translate(var(--camera-x,0),var(--camera-y,0)) scale(var(--camera-zoom,1));opacity:1}.world{position:absolute;inset:0;isolation:isolate;touch-action:none}.backdrop{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;mask-image:radial-gradient(ellipse 82% 86% at center,#000 60%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 82% 86% at center,#000 60%,transparent 85%)}.earth{position:absolute;left:13%;top:13%;width:16%;aspect-ratio:1;border-radius:50%;background:url('assets/gallery/25-flag.webp') 16.2% 14%/640%;box-shadow:inset -8px -5px 20px #0002,0 0 45px #96dae72b;animation:none}.family-flag{position:absolute;left:42%;top:3%;width:55%;height:auto;pointer-events:none;transform-origin:16% 100%;animation:none;z-index:3}.flag-shaft{position:absolute;left:49.7%;top:48%;width:.32%;height:25%;background:linear-gradient(90deg,#8b5930,#e7c28b,#b48147);border-radius:3px;transform:rotate(5deg);transform-origin:center top;box-shadow:1px 0 2px #34261455;z-index:2}.character{position:absolute;transform:translate(-50%,-100%) scale(var(--depth,1));transform-origin:50% 100%;pointer-events:none;will-change:left,top,transform;z-index:5}.henry{height:53%;width:25%;left:44%;top:72%}.rabbit{height:30%;width:20%;left:30%;top:73%}.character .actor{position:absolute;inset:0;transform:translateY(var(--jump-y,0));transform-origin:center bottom;will-change:transform}.character img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;user-select:none;-webkit-user-select:none}.character .outfit{z-index:1}.character-shadow{position:absolute;width:12%;height:2.7%;border-radius:50%;background:#39291c36;filter:blur(7px);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.rabbit-shadow{width:9%;height:2%}.henry-shadow{left:44%;top:72%}.rabbit-shadow{left:30%;top:73%}.footprint{position:absolute;width:1%;height:.65%;background:#695a4840;border-radius:45%;transform:rotate(-12deg);pointer-events:none}.targets{position:absolute;inset:0;pointer-events:none;z-index:8}.targets button{pointer-events:auto;background:transparent;position:absolute;min-width:44px;min-height:44px}.moon-rock{width:5%;height:6%;padding:0;transform-origin:center bottom}.moon-rock i{position:absolute;inset:20% 12% 10%;display:block;clip-path:polygon(5% 68%,23% 22%,58% 6%,94% 42%,98% 79%,62% 96%,21% 86%);background:linear-gradient(135deg,#e8d8b0,#bbb7a2 43%,#7d7e75 45%,#b3b9aa);filter:drop-shadow(0 3px 2px #44352955)}.moon-rock span{position:absolute;right:-2px;top:-8px;color:#ffe29d;font-size:24px;filter:drop-shadow(0 0 9px #ffe7a0);animation:sparkle 2.3s ease-in-out infinite}.r0{left:12%;top:69%}.r1{left:63%;top:76%}.r2{left:85%;top:61%}.r1 span{animation-delay:.8s}.r2 span{animation-delay:1.6s}.moon-rock.collected{animation:collect .7s ease-in forwards;pointer-events:none}.rabbit-target{width:13%;height:26%;left:24%;top:45%;border-radius:50%}.flag-target{left:58%;top:10%;width:34%;height:34%}.send-love{left:48%;top:68%;background:#122e3dd9!important;border:1px solid #e7cb8b77;border-radius:25px;padding:11px 15px;font-size:11px;white-space:nowrap;color:#f7dfa8}.stars{position:absolute;inset:0;pointer-events:none;z-index:4}.stars button{position:absolute;min-width:44px;min-height:44px;background:none;color:#f9d792;font-size:22px;pointer-events:auto;text-shadow:0 0 18px #ffd78c88;animation:sparkle 4s ease-in-out infinite}.stars button.lit{color:#fff5d0;text-shadow:0 0 12px #ffd987,0 0 25px #ffd987;transform:scale(1.2)}.destination{position:absolute;width:3%;aspect-ratio:1;border:1px solid #f0db9d99;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:destination 1.2s ease-in-out infinite}.moon-heart{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.moon-heart path{fill:none;stroke:#ffe6a3;stroke-width:5;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;filter:drop-shadow(0 0 6px #ffda79)}.complete .moon-heart path{animation:heart-draw 2.8s ease forwards}.original-picture{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:25}.comparing #magic,.comparing .targets,.comparing .stars{visibility:hidden}#magic{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}.opening{position:absolute;inset:0;z-index:15;padding:9% 0 0 4%;pointer-events:none;transition:opacity .7s}.opening>*{pointer-events:auto;max-width:49%}.eyebrow{font-size:7px;letter-spacing:2px;color:var(--gold);line-height:1.8;margin:0 0 20px;font-weight:600}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(37px,4.7vw,72px);line-height:1.07;letter-spacing:-2.5px;margin:0 0 20px}h1 em{font-weight:400;color:var(--gold)}.opening>p:not(.eyebrow){font-family:Georgia,serif;font-size:16px;line-height:1.8;color:#c8d3c5;margin:0 0 25px}.gold-button{background:var(--gold);color:#1e3540;border-radius:5px;min-height:50px;padding:15px 23px;font-size:12px;font-weight:600;box-shadow:0 7px 25px #0003}.gold-button:hover{background:#f9dca3}.opening small{display:block;font-size:8px;color:#a3b8ae;line-height:1.8;margin-top:18px}.opened .opening{opacity:0;pointer-events:none}.opened .opening>*{pointer-events:none}.closed-book{position:absolute;left:57%;top:29%;width:28%;height:51%;transform:rotate(-13deg) rotateY(-16deg);filter:drop-shadow(12px 25px 25px #0007);z-index:13;pointer-events:none;transition:opacity .6s,transform 1.3s}.closed-book>div{position:absolute;inset:0;background:linear-gradient(120deg,#214852,#082735 80%);border:2px solid #b4a17188;border-radius:2px 8px 8px 2px;box-shadow:inset 10px 0 #061c2888,inset 16px 0 #c0bb7d30,inset 0 0 0 12px #0a2834;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;color:#edcf91;font-family:Georgia,serif;text-align:center;padding:24px}.closed-book span{font-size:clamp(34px,4.4vw,68px)}.closed-book strong{font-size:clamp(10px,1.45vw,23px);font-weight:400;letter-spacing:2px;line-height:1.5}.closed-book i{font-size:9px;color:#b1c2b2}.opened .closed-book{opacity:0;transform:rotate(-18deg) rotateY(-95deg) scale(.7)}.quest{position:absolute;top:max(82px,calc(env(safe-area-inset-top) + 72px));left:max(26px,env(safe-area-inset-left));z-index:15;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 13px;border-radius:7px;background:linear-gradient(100deg,#0a2033db,#0a203370);backdrop-filter:blur(8px);pointer-events:none;max-width:560px}.quest>span{font-size:24px;color:var(--gold)}.quest .eyebrow{font-size:6px;margin-bottom:3px;letter-spacing:1.8px}.quest h2{font-size:22px;margin:0 0 5px;line-height:1.2}.quest p:last-child{margin:0;font-size:9px;color:#becdbd;line-height:1.5}.rock-count{display:flex;gap:5px;margin-left:12px}.rock-count i{width:13px;height:17px;clip-path:polygon(22% 5%,77% 0,100% 70%,52% 100%,0 73%);background:#dce4c626}.rock-count i.found{background:#e9d08d;filter:drop-shadow(0 0 10px #ffe7b5)}.caption{position:absolute;left:16%;right:16%;bottom:155px;text-align:center;z-index:17;font-family:Georgia,serif;font-size:clamp(17px,2vw,29px);line-height:1.4;white-space:pre-line;color:#fff2d7;pointer-events:none;text-shadow:0 2px 10px #101625,0 0 25px #071420}.caption:empty{display:none}.controls{position:absolute;left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));bottom:max(32px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.controls>*{pointer-events:auto}.move-wrap{text-align:center}.move-wrap small{display:block;font-size:6px;letter-spacing:1.7px;color:#c4d1c1;margin-top:9px}.joystick{width:98px;height:98px;position:relative;background:#18374240;backdrop-filter:blur(8px);border:1px solid #e8e7c94d;border-radius:50%;touch-action:none;box-shadow:inset 0 0 25px #08162644}.joystick>span{position:absolute;inset:0;display:grid;place-items:center;font-size:57px;color:#d6e6ce22}#stick{position:absolute;left:26px;top:26px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ceddce44,#7fada82b);border:1px solid #cde0ca66;pointer-events:none}.jump{width:85px;height:85px;border-radius:50%;border:1px solid #edcf9388;background:radial-gradient(circle at 40% 35%,#e7d79b22,#324a4822);backdrop-filter:blur(8px);font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.jump>span{font-size:33px;line-height:1;color:#f3d796}.wardrobe{display:flex;gap:10px;padding:8px 10px;background:#0a1d2bc4;backdrop-filter:blur(12px);border:1px solid #d5ddc92b;border-radius:9px}.wardrobe button{min-height:44px;display:flex;align-items:center;gap:9px;background:none;padding:6px 9px;font-size:10px;white-space:nowrap}.wardrobe button>i{width:30px;height:18px;border:1px solid #b3c4b466;border-radius:20px;background:#879e9830;position:relative;flex-shrink:0}.wardrobe button>i:after{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#b9cac1;transition:transform .2s}.wardrobe button[aria-checked=true]>i{background:#ddb97388;border-color:#e9cd88}.wardrobe button[aria-checked=true]>i:after{transform:translateX(12px);background:#ffedc3}.wardrobe button[aria-checked=true]{color:#f1d69b}footer{position:absolute;bottom:10px;left:16%;right:16%;text-align:center;font-size:7px;line-height:1.7;color:#97b0aa;z-index:16;pointer-events:none}footer span{color:#c0a66b;margin:0 9px}.panel{background:#102a38ef;backdrop-filter:blur(25px);border:1px solid #cdd8bd44;color:#f6e9cf;border-radius:11px;max-width:450px;width:calc(100% - 40px);padding:38px;text-align:center;box-shadow:0 25px 100px #0007}.panel::backdrop{background:#04111ec9;backdrop-filter:blur(8px)}.panel h2{font-size:36px;letter-spacing:-1px;margin:0 0 20px}.panel p:not(.eyebrow){font-size:12px;line-height:1.9;color:#c1cfbf}.panel .gold-button{width:100%;margin-top:15px}.text-button{background:none;padding:13px;min-height:44px;color:#dec699;font-size:11px}.ending,.error{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(#06152280,#061522db);padding:35px}.ending h2{font-size:clamp(32px,4.2vw,62px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 22px}.ending>p:not(.eyebrow){font-family:Georgia,serif;font-size:18px;line-height:1.8;color:#d4ddcc}.ending>div{display:flex;gap:15px;align-items:center;margin-top:15px}.error{background:#0b1825ef}.error h2{font-size:34px}.error p,.error a{font-size:13px;line-height:1.8;color:#d7dfcf}.cinematic .quest,.cinematic .controls,.cinematic footer{opacity:0;pointer-events:none}.cinematic .controls *{pointer-events:none}.paused *, .paused *:after{animation-play-state:paused!important}.flag-waving .family-flag{animation:flag-wave 1.8s ease-in-out 2}.replaying .camera,.replaying .closed-book{transition:none!important}
@keyframes flag-wave{0%,100%{transform:rotate(0) skewY(0)}25%{transform:rotate(-1deg) skewY(.7deg)}65%{transform:rotate(.5deg) skewY(-.5deg)}}@keyframes sparkle{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.13)}}@keyframes destination{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}@keyframes collect{to{opacity:0;transform:translateY(-80px) scale(.2)}}@keyframes heart-draw{to{stroke-dashoffset:0}}
@media(max-width:1050px){.brand{font-size:6px;letter-spacing:1px}.brand b{margin:0 8px}.topbar{padding-left:18px;padding-right:18px}.topbar button{font-size:8px;padding:9px}.quest{top:80px;left:18px;padding:10px 12px;gap:8px}.quest h2{font-size:20px}.wardrobe{gap:3px;padding:5px}.wardrobe button{font-size:9px;padding:5px 7px;gap:6px}.caption{bottom:160px}.opening .eyebrow{font-size:6px}.opening>p:not(.eyebrow){font-size:13px}}
@media(max-width:650px){.brand{position:absolute;top:max(68px,calc(env(safe-area-inset-top) + 53px));left:0;right:0;text-align:center;font-size:5px;letter-spacing:1.5px}.topbar{padding-top:max(12px,env(safe-area-inset-top));padding-left:14px;padding-right:14px;gap:9px}.topbar>a{gap:8px}.topbar>a span{font-size:9px}.topbar>div{gap:4px}.topbar button{min-height:39px;font-size:8px;padding:8px}#fullscreen,#pause{min-width:32px;font-size:14px}.theatre{width:100vw;top:46%;}.backdrop{mask-image:none;-webkit-mask-image:none}.opening{position:fixed;inset:0;padding:0;display:flex;align-items:center;flex-direction:column;justify-content:center;transform:translateY(-2%);background:radial-gradient(ellipse at 50% 38%,#1b3a45,#0a1b2af0 75%)}.opening>*{max-width:85%;text-align:center;position:relative;z-index:2}.opening .eyebrow{font-size:5px;letter-spacing:1.4px;margin-bottom:17px;max-width:290px}h1{font-size:43px;letter-spacing:-1.7px;line-height:1.08;margin-bottom:16px}.opening>p:not(.eyebrow){font-size:13px;line-height:1.7;margin-bottom:18px}.opening small{font-size:7px;max-width:260px;margin-top:16px}.gold-button{font-size:11px;min-height:47px;padding:14px 20px}.closed-book{z-index:17;left:61%;top:64%;width:24%;height:34%;opacity:.23;transform:rotate(-12deg);}.closed-book>div{padding:10px;gap:8px}.closed-book span{font-size:25px}.closed-book strong{font-size:8px;letter-spacing:1px}.closed-book i{font-size:5px}.opened .closed-book{opacity:0}.quest{top:max(98px,calc(env(safe-area-inset-top) + 82px));left:13px;right:13px;gap:8px;max-width:none;padding:10px 12px}.quest h2{font-size:18px;margin-bottom:4px}.quest .eyebrow{font-size:5px;letter-spacing:1.4px}.quest p:last-child{font-size:8px}.quest>span{font-size:20px}.rock-count{margin-left:auto;gap:4px}.rock-count i{width:11px;height:15px}.controls{bottom:max(38px,env(safe-area-inset-bottom));left:16px;right:16px}.joystick{width:78px;height:78px}#stick{width:35px;height:35px;left:20.5px;top:20.5px}.joystick>span{font-size:46px}.move-wrap small{font-size:5px;letter-spacing:1.3px}.jump{width:70px;height:70px;font-size:8px;margin-bottom:10px}.jump>span{font-size:28px}.wardrobe{display:flex;flex-direction:column;gap:0;padding:3px 5px;min-width:158px;border-radius:7px;margin:0 6px 3px}.wardrobe button{font-size:8px;gap:6px;min-height:39px;padding:4px}.wardrobe button>i{width:27px;height:17px}.wardrobe button>i:after{height:11px;width:11px}.wardrobe button[aria-checked=true]>i:after{transform:translateX(10px)}.caption{left:9%;right:9%;bottom:160px;font-size:18px;line-height:1.5}footer{font-size:5px;left:7%;right:7%;bottom:10px}.send-love{font-size:8px;padding:8px 10px;min-height:38px!important;left:46%;top:70%}.moon-rock span{font-size:18px;top:-5px}.stars button{font-size:17px}.panel{padding:32px 25px}.panel h2{font-size:33px}.ending h2{font-size:34px}.ending .eyebrow{font-size:6px;letter-spacing:1.5px}.ending>p:not(.eyebrow){font-size:15px}.ending>div{flex-direction:column;gap:5px}}
@media(max-height:550px) and (orientation:landscape){.topbar{padding-top:max(7px,env(safe-area-inset-top))}.brand{display:none}.theatre{width:min(100vw,calc((100dvh - 10px)*1.5));top:48%}.quest{top:62px;padding:8px 10px;max-width:380px}.quest h2{font-size:16px}.quest .eyebrow{font-size:5px}.quest p:last-child{font-size:7px}.controls{bottom:20px;left:22px;right:22px}.joystick{width:68px;height:68px}#stick{width:31px;height:31px;left:17.5px;top:17.5px}.joystick>span{font-size:40px}.move-wrap small{font-size:5px}.jump{width:64px;height:64px;font-size:8px}.jump>span{font-size:25px}.wardrobe{padding:3px;gap:4px}.wardrobe button{font-size:8px;min-height:39px;padding:4px 7px}.caption{bottom:107px;font-size:18px}.opening{padding-top:7%}.opening .eyebrow{font-size:5px;margin-bottom:10px}h1{font-size:34px;margin-bottom:12px}.opening>p:not(.eyebrow){font-size:11px;margin-bottom:15px}.opening small{font-size:6px;margin-top:10px}.gold-button{font-size:10px;min-height:42px;padding:12px 17px}footer{font-size:5px;bottom:6px}.ending h2{font-size:31px}.ending>p:not(.eyebrow){font-size:13px;margin:8px}.ending>div{flex-direction:row;margin-top:8px}.ending .eyebrow{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.complete .moon-heart path{stroke-dashoffset:0}.moon-rock.collected{opacity:0}.opened .camera{transform:none}}
/* Grounded puppet motion: joints move; the entire character does not bob. */
.character .actor,.henry.idle .actor,.henry.walking .actor,.rabbit.idle .actor,.rabbit.walking .actor,.character.waving .actor{animation:none!important;transform:translateY(var(--jump-y,0));}
.actor>img{opacity:0;pointer-events:none}
.paper-skeleton{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;contain:layout style}
.character-shadow{background:#37282052;filter:blur(4px);width:11.5%;height:1.25%;transform:translate(-50%,-50%) scale(var(--shadow-spread,1));}
.rabbit-shadow{width:7%;height:.9%;background:#37282048;filter:blur(3px)}
.world::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:16;background:radial-gradient(ellipse at 30% 22%,#ffdc8c0b 0,transparent 45%),linear-gradient(115deg,transparent 60%,#12283b0d);mix-blend-mode:soft-light;}


.character{isolation:isolate}