@font-face{font-family:Lilita One;src:url(/assets/LilitaOne-Regular-DWEPn4H6.ttf);font-display:swap}@font-face{font-family:Kalam;src:url(/assets/Kalam-Regular-CTj8dsEg.ttf);font-weight:400;font-display:swap}@font-face{font-family:Kalam;src:url(/assets/Kalam-Bold-CU05l0AI.ttf);font-weight:700;font-display:swap}@font-face{font-family:"Baloo 2";src:url(/assets/Baloo2-BcePNZ8p.ttf);font-weight:400 800;font-display:swap}:root{font-family:"Baloo 2",sans-serif;color:#fff1ce;background:#101535;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:4px solid #fff1ce;outline-offset:7px}button:disabled{cursor:wait}button{touch-action:manipulation}h1,p{margin:0}.app{min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at center,#302050,#090e26)}.toolbar{height:48px;display:flex;align-items:center;gap:16px;padding:0 22px;position:relative;z-index:100;background:#0b1028;color:#edddff;border-bottom:1px solid #8575a733;font-size:15px}.brand{font-weight:700;letter-spacing:.4px}.page-dots{display:flex;margin:auto;gap:3px}.page-dots button{width:24px;height:32px;border:0;background:none;display:grid;place-items:center}.page-dots span{width:6px;height:6px;border-radius:50%;background:#8a81a7;transition:transform .2s,background .2s}.page-dots [aria-current] span{background:#75e9fa;transform:scale(1.7);box-shadow:0 0 10px #75e9fa}.page-dots button:hover span{background:#ffd27c;transform:scale(1.6)}.counter{font-variant-numeric:tabular-nums;white-space:nowrap}.tool-button{border:1px solid #8275a750;border-radius:20px;background:#27203d;padding:3px 12px;min-height:32px}.tool-button:hover{background:#413059}.fullscreen{font-size:22px;padding:0 10px}.viewport{position:relative;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;margin:auto}.stage{flex-shrink:0;position:relative;transform-origin:top center;isolation:isolate;perspective:1800px;overflow:hidden;background:#101535}.scene-backdrop{position:absolute;inset:0;background-size:100% 100%;z-index:-3;pointer-events:none}.page-content{display:contents}.headline{position:absolute;text-align:center;font-family:Lilita One,sans-serif;font-weight:400;line-height:1.18;z-index:40;outline:none;pointer-events:none}.title-line{display:block;white-space:pre;transform:rotate(var(--tilt));transform-origin:center}.letter{display:inline-block;white-space:pre;-webkit-text-stroke:6px #101535;paint-order:stroke fill;text-shadow:0 6px #34204f,0 9px 2px #10153570;transform-origin:center bottom}.subtitle{font-family:Kalam,cursive;font-weight:700;color:#fff1ce;text-align:center;line-height:1.25;-webkit-text-stroke:5px #101535;paint-order:stroke fill}.subtitle p+p{margin-top:.1em}.enter{will-change:transform,opacity}.note-wrap,.picture,.card-wrap,.sign-wrap{position:absolute;z-index:20}.note-wrap{z-index:30}.picture,.card-wrap,.sign-wrap,.choice-wrap{border:0;background:none;padding:0;text-align:inherit}.picture{display:block;perspective:1200px}.polaroid{display:flex;flex-direction:column;width:100%;height:100%;padding:16px 16px 28px;background:linear-gradient(150deg,#fffdf0,#f0e3c8);box-shadow:4px 12px 20px #110a1e77,inset 0 0 0 2px #dccbae;position:relative;transition:filter .2s}.polaroid:has(.caption){padding-bottom:8px}.polaroid>img{width:100%;flex:1;min-height:0;object-fit:contain;background:#eee2c9;box-shadow:0 0 0 1px #bcb0a0}.caption{font-family:Kalam,cursive;font-weight:700;font-size:30px;text-align:center;color:#19233f;min-height:65px;display:grid;place-items:center;line-height:1.15}.picture:hover .polaroid{filter:brightness(1.08);box-shadow:4px 16px 25px #110a1e88,0 0 24px #ffd27c55}.pin{position:absolute;z-index:4;top:10px;left:50%;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff5da 0 18%,#ed86b1 25% 65%,#6a485b 80%);box-shadow:2px 4px 2px #61433077;transform:translate(-50%)}.paper{width:100%;height:100%;position:relative;color:#19233f;font-family:Kalam,cursive;font-weight:400;display:flex;align-items:center;filter:drop-shadow(4px 9px 8px #110a1e66);isolation:isolate}.paper:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 30%,#fff9e133,transparent 65%),repeating-linear-gradient(5deg,transparent 0 8px,#b6853710 8px 9px,transparent 9px 15px),linear-gradient(160deg,#fff6d9,#f1d9a4);clip-path:polygon(1% 2%,24% 1%,50% 1.5%,76% .7%,99% 1.5%,99.5% 35%,99% 70%,100% 94%,96% 99%,70% 98%,43% 99%,18% 98.5%,.5% 99%,0 70%,.8% 38%);box-shadow:inset 0 0 0 2px #d5b779}.paper:after{content:"";position:absolute;right:0;bottom:1%;width:27px;height:27px;background:linear-gradient(135deg,#dbc08a,#f9e7b7);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}.paper>.pin{left:22px;top:16px;width:12px;height:12px;background:radial-gradient(circle at 35% 25%,#fff5da 0 18%,#b9aa78 25% 65%,#6a485b 80%)}.paper-copy{width:100%;line-height:1.25;white-space:pre-line}.paper-copy p+p{margin-top:.45em}.heart{position:absolute;right:29px;bottom:20px;color:#ed7098;font-family:Arial,sans-serif;font-size:30px;line-height:1;pointer-events:none}.choice{font-weight:700;justify-content:center;text-align:center}.choice .pin,.choice .heart{display:none}.choice-wrap:hover{filter:brightness(1.08)}.magic-card{display:block;position:relative;width:100%;height:100%;filter:drop-shadow(0 6px 7px #110a1e88) drop-shadow(0 0 10px color-mix(in srgb,var(--accent),transparent 55%));isolation:isolate}.magic-card:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,color-mix(in srgb,var(--accent),#fff9ea 87%),color-mix(in srgb,var(--accent),white 62%));border:4px solid var(--accent);clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);z-index:-1}.magic-card:after{content:"";position:absolute;inset:10px;border:2px solid #fff8e8;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);pointer-events:none}.card-corners{position:absolute;left:14px;top:7px;font-size:20px;color:var(--accent)}.card-corners:after{content:"✦";position:absolute;left:248px}.card-icon{display:grid;place-items:center;position:absolute;top:30px;left:50%;transform:translate(-50%);width:130px;height:120px}.card-icon img{width:120px;height:120px}.skill .card-icon:after{content:"";position:absolute;width:145px;height:2px;top:138px;background:color-mix(in srgb,var(--accent),white 60%)}.card-label{position:absolute;inset:194px 30px 30px;display:flex;align-items:center;justify-content:center;text-align:center;color:#19233f;font-weight:600;line-height:1.25}.card-wrap:hover .magic-card{filter:drop-shadow(0 8px 12px #110a1e99) drop-shadow(0 0 18px var(--accent))}.session .card-icon{top:27px;width:86px;height:86px;border-radius:50%;background:var(--accent);border:3px solid #fff8e7}.session .card-icon img{width:58px;height:58px}.session .card-label{inset:133px 24px auto;height:58px}.session .card-corners:after{left:313px}.landscape{position:absolute;left:16px;right:16px;bottom:16px;height:170px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));-webkit-mask-image:linear-gradient(transparent,#000 27%);mask-image:linear-gradient(transparent,#000 27%)}.landscape img{width:100%;height:100%;object-fit:cover}.wood{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:Kalam,cursive;font-weight:700;color:#34231d;background:repeating-linear-gradient(3deg,transparent 0 13px,#9e652230 14px 15px,transparent 16px 25px),linear-gradient(#f3c77f,#bc753c);clip-path:polygon(2% 5%,94% 3%,100% 50%,94% 96%,2% 92%,0 50%);border-block:5px solid #936335;box-shadow:inset 0 4px #ffe2a8;transition:filter .2s}.wood i:before,.wood i:after{content:"";position:absolute;top:45%;width:9px;height:9px;border-radius:50%;background:#795031;box-shadow:0 -2px 1px #ffd68b}.wood i:before{left:23px}.wood i:after{right:42px}.wood b{position:absolute;right:60px;font-size:26px;color:#fff1ce}.sign-wrap{filter:drop-shadow(3px 6px 4px #110a1e88)}.sign-wrap:hover .wood,.sign-wrap.chosen .wood{filter:brightness(1.18)}.sign-wrap.chosen{filter:drop-shadow(0 0 10px #ffd27c)}.nav-button{position:absolute;z-index:50;display:flex;align-items:center;justify-content:center;gap:20px;border-radius:999px;font-family:"Baloo 2",sans-serif;font-size:36px;line-height:1;font-weight:600;color:#fff1ce;border:3px solid #a2f3ff;background:linear-gradient(#8654c6,#351659);box-shadow:inset 0 0 0 5px #be94f480,inset 0 -5px 8px #28134366,0 0 18px #7845cf77,0 4px 8px #110a1e99;padding:16px 56px 19px;transition:filter .2s,box-shadow .2s}.nav-button span{font-size:21px;position:absolute;top:50%;transform:translateY(-50%)}.nav-button span:first-child{left:19px}.nav-button span:last-child{right:19px}.nav-button:hover{filter:brightness(1.2);box-shadow:inset 0 0 0 5px #be94f480,0 0 30px #65edfa99}.nav-button:active{filter:brightness(1.3)}.nav-button.back{background:linear-gradient(#3b315a,#171b35);border-color:#e8cda5;padding-inline:24px;box-shadow:inset 0 0 0 5px #8b7aa366,0 4px 8px #110a1e66}.nav-button[aria-disabled=true]{cursor:wait}.celebrating{box-shadow:0 0 38px #ffd27c}.atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.lantern{position:absolute;border-radius:50%;background:radial-gradient(ellipse,#fff3ab70 0,#ffc14b38 22%,#ff8c241a 45%,transparent 70%);mix-blend-mode:screen;animation:lantern-breathe 5.7s ease-in-out infinite;animation-delay:var(--delay)}@keyframes lantern-breathe{0%,to{opacity:.45;transform:scale(.94)}23%{opacity:.65;transform:scale(1.03)}38%{opacity:.5}64%{opacity:.8;transform:scale(1.08)}79%{opacity:.56}}.shooting-star{position:absolute;width:170px;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,#9ff5ff 80%,#fff9dc);filter:drop-shadow(0 0 5px #a5f4ff);opacity:0;transform:rotate(-27deg);animation:shoot var(--duration) linear infinite;animation-delay:var(--delay)}@keyframes shoot{0%,3%{opacity:0;transform:translate(260px,-130px) rotate(-27deg) scaleX(.4)}5%{opacity:.8}11%{opacity:0;transform:translate(-280px,140px) rotate(-27deg) scaleX(1.1)}to{opacity:0;transform:translate(-280px,140px) rotate(-27deg)}}.firefly{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffdfa0;box-shadow:0 0 12px 3px #ffd27c88;animation:float-light var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes float-light{0%{transform:translateY(8px);opacity:.1}to{transform:translate(20px,-15px);opacity:.65}}.quiet .lantern{animation:none;opacity:.35}.quiet .shooting-star,.quiet .firefly{display:none}.celebration{position:absolute;inset:0;pointer-events:none;z-index:70;overflow:hidden}.celebration i{position:absolute;top:-60px;display:block;color:var(--colour);animation:fall var(--fall) cubic-bezier(.2,.6,.4,1) both;animation-delay:var(--delay)}.leaf{width:22px;height:40px;border-radius:0 80%;background:linear-gradient(130deg,var(--colour),#fff4c6);box-shadow:inset 2px 0 #fff7d766}.spark{font-size:32px;text-shadow:0 0 15px var(--colour)}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:0}8%{opacity:1}85%{opacity:1}to{transform:translate(var(--drift),1200px) rotate(var(--spin));opacity:0}}.static-celebration i{animation:none;top:250px}.static-celebration .leaf{display:none}.skip{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:150;border:1px solid #b7a4d3;border-radius:22px;background:#19182fea;padding:7px 16px;box-shadow:0 3px 14px #0006}.loading{height:calc(100dvh - 48px);display:grid;place-content:center;text-align:center;gap:16px}.loading>span{font-size:50px;color:#ffd27c;animation:float-light 1.5s infinite alternate}.travel{position:fixed;left:50%;top:62px;transform:translate(-50%);background:#19182fe8;border-radius:24px;padding:8px 24px;z-index:180}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:160;background:#fff1ce;color:#19233f;border-radius:18px;max-width:min(620px,92vw);box-shadow:0 6px 28px #0008;display:flex;align-items:center;font-size:20px;line-height:1.3}.toast.visible{padding:14px 18px;gap:16px}.toast button{background:none;border:0;color:#553478;font-size:26px;min-width:32px}.art-dialog{border:2px solid #fff1ce;background:#19132e;color:#fff1ce;border-radius:18px;max-width:90vw;max-height:92dvh;overflow:visible;padding:20px 20px 24px;box-shadow:0 0 70px #7845cf66;text-align:center}.art-dialog::backdrop{background:#090b22dc;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.art-dialog>img{display:block;max-width:80vw;max-height:70dvh;object-fit:contain;margin:auto;border:8px solid #fff1ce;border-radius:3px}.art-dialog p{font-size:26px;margin-top:10px}.dialog-hint{font-family:Kalam;font-size:18px;color:#cebcdd}.close-art{position:absolute;right:-12px;top:-14px;border:2px solid #fff1ce;background:#4b2b78;border-radius:50%;width:44px;height:44px;font-size:28px;z-index:2}@container viewport (max-width:759px){.toolbar{gap:8px;padding:0 12px}.brand{font-size:13px}.page-dots{display:none}.counter{margin-left:auto}.tool-button{font-size:12px;padding:3px 9px}.fullscreen{display:none}.viewport.narrow{height:calc(100dvh - 48px);overflow-y:auto;display:block}.narrow .stage{width:100%;height:auto;min-height:100%;padding:20px 20px 28px;display:flex;flex-direction:column;align-items:center;gap:22px;background:#151c38}.narrow .scene-backdrop{position:relative;width:calc(100% + 40px);margin:-20px -20px 0;aspect-ratio:16/9;background-size:contain;order:0;flex-shrink:0}.narrow .atmosphere{display:none}.narrow .headline{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;font-size:clamp(26px,6vw,43px)!important;order:1;margin:0 0 8px}.narrow .title-line{white-space:normal;transform:none}.narrow .letter{transform:none!important;-webkit-text-stroke:3px #101535;text-shadow:0 3px #34204f}.narrow .page-content{display:flex;flex-direction:column;gap:24px;align-items:center;order:2;width:100%}.narrow .note-wrap,.narrow .picture,.narrow .card-wrap,.narrow .sign-wrap{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:480px;height:auto!important}.narrow .paper{font-size:22px!important;padding:32px!important;min-height:120px;transform:rotate(0)!important}.narrow .heart{font-size:22px;right:15px;bottom:14px}.narrow .paper-copy p+p{margin-top:.65em}.narrow .subtitle{font-size:25px!important;min-height:70px}.narrow .polaroid{transform:rotate(0)!important;padding:12px 12px 22px}.narrow .polaroid>img{max-height:360px;min-height:160px;object-fit:contain}.narrow .caption{font-size:24px;min-height:48px}.narrow .card-wrap{height:300px!important;max-width:355px}.narrow .session{height:375px!important}.narrow .card-label{font-size:28px!important}.narrow .skill .card-label{top:190px}.narrow .card-corners:after{display:none}.narrow .sign-wrap{height:72px!important}.narrow .wood{font-size:28px!important;transform:none!important}.narrow .nav-button{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:480px;height:auto!important;min-height:60px;order:3;font-size:23px;padding:17px 34px 20px;line-height:1.2}.narrow .nav-button.back{order:4;max-width:140px;min-height:48px;font-size:21px}.narrow .celebration{position:fixed}.toast{font-size:17px}.skip{font-size:14px}.art-dialog>img{max-width:74vw;max-height:65dvh}.art-dialog p{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.shooting-star,.firefly{display:none}.loading>span{opacity:1}.lantern{opacity:.35}}.skill .card-label{line-height:1.05}.card-icon:before{content:"";width:120px;height:120px;background:var(--icon-colour);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.session .card-icon:before{width:58px;height:58px}.viewport{container-type:inline-size;container-name:viewport;width:100%}.viewport.narrow{height:calc(100dvh - 48px);overflow-y:auto;display:block}@media(max-width:759px){.toolbar{gap:7px;padding:0 10px}.brand{font-size:12px}.page-dots{display:none}.counter{margin-left:auto}.tool-button{font-size:12px;padding:3px 8px}.fullscreen{display:none}.toast{font-size:17px}.skip{font-size:14px}}.viewport.narrow{max-width:600px}.viewport.reading{max-width:540px}.nav-button{min-height:calc(44px / var(--scene-scale,1))}.page-dots button{width:32px;height:44px}.tool-button{min-height:36px}@media(max-width:1000px){.page-dots{display:none}.counter{margin-left:auto}.toolbar{gap:10px}}.enter{opacity:0;visibility:hidden}.viewport.narrow,.loading{height:100dvh}.nav-label{font:inherit;display:block}.viewport:not(.narrow){overflow:clip}.lantern{background:radial-gradient(ellipse,#fff4b9b3 0%,#ffc44f80 18%,#ff9b303d 38%,transparent 70%);animation:lamp-flicker var(--flicker) ease-in-out infinite;animation-delay:var(--delay)}.lantern:after{content:"";position:absolute;inset:34% 38%;border-radius:50%;background:radial-gradient(ellipse,#fffcead9,#ffe27a70 45%,transparent 72%);filter:blur(3px);animation:flame-shimmer 1.3s ease-in-out infinite alternate;animation-delay:var(--delay);transform-origin:50% 85%}@keyframes lamp-flicker{0%,to{opacity:.38;transform:scale(.9)}18%{opacity:.85;transform:scale(1.06)}32%{opacity:.5;transform:scale(.95)}47%{opacity:1;transform:scale(1.12)}61%{opacity:.58;transform:scale(.97)}78%{opacity:.92;transform:scale(1.07)}91%{opacity:.48;transform:scale(.94)}}@keyframes flame-shimmer{0%{transform:scaleX(.8) skew(-5deg);opacity:.55}40%{transform:scale(1.06,.87) skew(3deg);opacity:1}to{transform:scale(.92,1.15) skew(-2deg);opacity:.75}}.shooting-star{background:linear-gradient(90deg,#fff9dc,#9ff5ff 20%,transparent);height:3px}@keyframes shoot{0%{opacity:0;transform:translate(260px,-90px) rotate(-27deg)}3%{opacity:.95}18%{opacity:.9}24%{opacity:0;transform:translate(-360px,220px) rotate(-27deg)}to{opacity:0;transform:translate(-360px,220px) rotate(-27deg)}}.ambient-leaf{position:absolute;width:20px;height:36px;border-radius:0 85%;background:linear-gradient(125deg,#b8bf55,#547e48 55%,#244b40);border:1px solid #213d36;box-shadow:inset 1px 1px #e6cc6b66;transform-origin:bottom center;animation:leaf-rustle var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:.8}.ambient-leaf:after{content:"";position:absolute;left:49%;top:12%;height:78%;width:1px;background:#d4d37c80;transform:rotate(-25deg)}@keyframes leaf-rustle{0%,to{transform:translate(0) rotate(var(--leaf-angle))}25%{transform:translate(12px,5px) rotate(calc(var(--leaf-angle) + 18deg))}55%{transform:translate(-5px,11px) rotate(calc(var(--leaf-angle) - 12deg))}78%{transform:translate(8px,3px) rotate(calc(var(--leaf-angle) + 9deg))}}.quiet .lantern:after{animation:none}.quiet .ambient-leaf{display:none}.twinkle-star{position:absolute;border-radius:50%;background:var(--star-colour);box-shadow:0 0 9px 2px color-mix(in srgb,var(--star-colour),transparent 45%);animation:star-twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:.25}.twinkle-star.star-cross{border-radius:0;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 4px var(--star-colour))}@keyframes star-twinkle{0%,to{opacity:.18;transform:scale(.65)}28%{opacity:.4;transform:scale(.85)}47%{opacity:1;transform:scale(1.18)}66%{opacity:.3;transform:scale(.8)}82%{opacity:.55;transform:scale(.95)}}.quiet .twinkle-star{animation:none;opacity:.4}.painted-star{mix-blend-mode:screen;animation-name:painted-star-twinkle}.signpost{left:1495px;top:228px;width:64px;height:700px;z-index:10;border:3px solid #603a26;border-radius:13px 9px 6px 4px;background:repeating-linear-gradient(88deg,transparent 0 11px,#5e381e55 12px 14px,transparent 15px 23px),linear-gradient(90deg,#7c482b,#c58b4a 35%,#9a6035 72%,#683e28);box-shadow:inset 4px 0 #e6af6866,5px 7px 9px #130c2366;pointer-events:none}.narrow .signpost{display:none}.finale-return{display:inline-flex;align-items:center;justify-content:center;gap:14px}.finale-return .return-icon{display:inline-block;font-size:25px;line-height:1;transform:translateY(3px)}.finale-note h2{text-wrap:balance}.path-note{width:min(510px,calc(100vw - 40px));left:29%;bottom:max(24px,8vh);padding:26px 38px 30px;max-height:90dvh;overflow-y:auto}.path-category{display:block;color:#88528b;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:16px;margin-bottom:10px}.path-note h2{font-size:29px}.path-note p{font-size:21px;margin-bottom:16px}.path-note .path-prompt{font-weight:700;color:#75487d;margin-bottom:22px}.path-note .finale-stars{margin-bottom:4px}@media(max-width:850px){.path-note{left:50%;bottom:20px}.path-note h2{font-size:25px}.path-note p{font-size:19px}}@keyframes leaf-rustle{0%,to{transform:rotate(var(--leaf-angle))}25%{transform:rotate(calc(var(--leaf-angle) + 8deg))}55%{transform:rotate(calc(var(--leaf-angle) - 5deg))}78%{transform:rotate(calc(var(--leaf-angle) + 4deg))}}@keyframes painted-star-twinkle{0%,to{opacity:.05;transform:scale(.55)}32%{opacity:.18;transform:scale(.8)}49%{opacity:1;transform:scale(1.4)}65%{opacity:.12;transform:scale(.7)}84%{opacity:.5;transform:scale(1)}}.finale-note{position:fixed;z-index:165;left:50%;bottom:24px;transform:translate(-50%) rotate(-1deg);width:min(540px,calc(100vw - 40px));padding:26px 44px 32px;text-align:center;color:#302340;filter:drop-shadow(0 10px 22px #090b2277);isolation:isolate;animation:note-arrival .55s ease-out both}.finale-note:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(5deg,transparent 0 11px,#b6853710 12px 13px),linear-gradient(150deg,#fff8df,#efd6a0);clip-path:polygon(1% 2%,25% 0,52% 1%,78% 0,99% 2%,100% 38%,99% 70%,100% 97%,75% 99%,48% 98%,20% 100%,0 97%,1% 65%,0 32%)}.finale-note:after{content:"";position:absolute;inset:13px;border:1px solid #b18b5270;border-radius:45% 4% 35% 3%/3% 25% 3% 20%;pointer-events:none}.finale-stars{color:#8654a5;font-size:25px;letter-spacing:10px;margin-bottom:8px}.finale-note h2{font-family:Lilita One;font-size:clamp(25px,4vw,32px);font-weight:400;line-height:1.15;margin:0 0 12px}.finale-note p{font-family:Kalam;font-size:22px;line-height:1.35;margin-bottom:22px}.finale-return{position:relative;z-index:1;border:2px solid #c9acec;border-radius:999px;background:linear-gradient(#8654c6,#442261);box-shadow:inset 0 0 0 3px #be94f450,0 3px 6px #39234140;color:#fff1ce;padding:12px 24px;font-size:21px;line-height:1.2;min-height:48px}.finale-return:hover{filter:brightness(1.15)}.finale-dismiss{position:absolute;right:15px;top:12px;width:44px;height:44px;border:0;background:none;color:#745279;font-size:28px;z-index:2}.finale-heart{position:absolute;right:27px;bottom:20px;color:#db7096;font-size:22px}@keyframes note-arrival{0%{opacity:0;transform:translate(-50%,18px) rotate(-3deg)}to{opacity:1;transform:translate(-50%) rotate(-1deg)}}@media(max-width:600px){.finale-note{bottom:16px;padding:26px 28px 30px}.finale-note p,.finale-return{font-size:19px}}.app{height:100dvh;min-height:0;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 15%,#292048,#101731 48%,#080b20)}.outer-sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 25% 80%,#50337924,transparent 65%)}.presentation-frame{position:relative;flex:none;z-index:1;box-sizing:content-box}.presentation-frame.ornate{border:12px solid #896034;border-radius:26px;background:#171328;box-shadow:0 0 0 2px #24172a,0 0 0 4px #d4ad65,0 0 0 7px #553327,0 0 0 9px #ad7c40,0 16px 55px #000a,inset 0 0 0 2px #ffe4a2}.ornate:before{content:"";position:absolute;inset:-10px;border:2px solid #f3cd87;border-radius:22px;box-shadow:0 2px 2px #fff1bd55,inset 0 3px 4px #372031;pointer-events:none;z-index:102}.ornate .viewport{border-radius:14px;box-shadow:0 0 0 2px #352333}.frame-ornaments{position:absolute;inset:-20px;pointer-events:none;z-index:103}.frame-corner{position:absolute;width:76px;height:76px;filter:drop-shadow(0 2px 2px #211325)}.corner-0{left:0;top:0}.corner-1{right:0;top:0;transform:rotate(90deg)}.corner-2{right:0;bottom:0;transform:rotate(180deg)}.corner-3{left:0;bottom:0;transform:rotate(270deg)}.frame-jewel{position:absolute;left:50%;transform:translate(-50%);color:#a1eadf;font-size:25px;font-style:normal;text-shadow:0 0 2px #fff4c1,0 2px 3px #2a1937;line-height:1}.top-jewel{top:-2px}.bottom-jewel{bottom:-2px}.signpost-group{display:contents}.mobile-title,.mobile-scenery{display:none}.polaroid>img{object-fit:cover}.mobile-app .presentation-frame{width:100%;height:100dvh}.mobile-app>.outer-sky{display:none}.mobile-scenery{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#101535}.mobile-scenery>img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.mobile-scenery:after{content:"";position:absolute;inset:0;background:linear-gradient(#1015350a,#10153524 55%,transparent)}.mobile-sky{position:absolute;inset:0;opacity:.65}.mobile-sky .outer-sky{position:absolute;z-index:0;background:none}.mobile-sky .shooting-star{width:90px}.viewport.narrow{max-width:none;height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:transparent;scrollbar-width:thin;scrollbar-color:#b99bd766 transparent}.narrow .stage{min-height:100dvh;background:transparent;perspective:none;overflow:visible;padding:clamp(66px,12vh,105px) 24px max(28vh,180px);gap:28px}.narrow .scene-backdrop,.narrow .desktop-title{display:none}.narrow .mobile-title{display:block;text-wrap:balance;-webkit-text-stroke:3px #101535;paint-order:stroke fill;text-shadow:0 3px #34204f,0 6px 10px #070923}.narrow .headline{font-size:clamp(30px,8vw,46px)!important;line-height:1.13;max-width:480px;margin:0 0 8px}.narrow .page-content{gap:28px;max-width:480px}.narrow .picture{max-width:440px}.narrow .polaroid{padding:12px 12px 18px}.narrow .polaroid>img{width:100%;height:auto;aspect-ratio:4/3;min-height:0;max-height:none;object-fit:cover;flex:none}.narrow .polaroid:has(.caption){padding-bottom:6px}.narrow .caption{min-height:42px;font-size:22px}.narrow .paper{padding:28px 30px!important;min-height:0;font-size:clamp(19px,5.3vw,23px)!important}.narrow .paper-copy{white-space:normal;text-wrap:pretty}.narrow .paper:has(.short-copy){padding:23px 26px!important}.narrow .short-copy{font-size:clamp(17px,5vw,22px);white-space:nowrap;text-align:center}.narrow .paper>.pin{top:12px;left:14px;width:9px;height:9px}.narrow .heart{right:13px;bottom:13px;font-size:17px}.narrow .signpost-group{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;gap:20px;padding:25px 0 60px;margin:0 0 4px;isolation:isolate}.narrow .signpost-group .signpost{display:block;position:absolute!important;left:calc(50% - 20px)!important;top:0!important;width:40px!important;height:100%!important;max-width:none;z-index:-1}.narrow .signpost-group .sign-wrap{height:65px!important;width:100%!important;flex-shrink:0}.narrow .signpost-group .wood{font-size:clamp(23px,6.3vw,29px)!important}.narrow .signpost-group .sign-wrap:nth-of-type(2n) .wood{transform:rotate(-2deg)!important}.narrow .signpost-group .sign-wrap:nth-of-type(odd) .wood{transform:rotate(2deg)!important}.narrow .wood b{right:36px;font-size:19px}.narrow .wood i:before{left:17px}.narrow .wood i:after{right:22px}.narrow .nav-button{max-width:480px;font-size:clamp(19px,5.2vw,24px);padding-inline:38px}.narrow .nav-button span:first-child{left:13px}.narrow .nav-button span:last-child{right:13px}.narrow .nav-button.back{margin-top:-12px}.narrow .subtitle{font-size:clamp(22px,6vw,28px)!important;line-height:1.4}.mobile-app .path-note,.mobile-app .finale-note{max-height:calc(100dvh - 40px);overflow:auto;left:50%;bottom:20px;width:calc(100vw - 32px);padding:28px}.mobile-app .path-note p{font-size:19px}.mobile-app .finale-note h2{font-size:26px}.mobile-app .path-note .path-category{margin-bottom:10px}@media(max-width:359px){.narrow .stage{padding-inline:18px}.narrow .paper{padding-inline:24px!important}.narrow .short-copy{font-size:17px}.narrow .nav-button{font-size:18px}.mobile-app .finale-note{padding:26px 22px}}.portrait-plane{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:max(100vw,56.25dvh);height:max(100dvh,177.778vw)}.portrait-plane>img{display:block;width:100%;height:100%;object-fit:fill}.narrow .nav-button{width:100%!important;max-width:min(480px,100%)!important;transform:none!important}.narrow .nav-button.back{width:140px!important;max-width:100%!important}.finale-note,.path-note,.mobile-app .finale-note,.mobile-app .path-note{left:50%;top:50%;bottom:auto;max-height:calc(100dvh - 48px);overflow-y:auto;transform:translate(-50%,-50%) rotate(-1deg)}@keyframes note-arrival{0%{opacity:0;transform:translate(-50%,calc(-50% + 18px)) rotate(-3deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(-1deg)}}.picture .polaroid{transform:rotate(var(--photo-angle,0deg));transform-origin:50% 8%;animation:polaroid-sway 7s ease-in-out infinite;animation-delay:var(--sway-delay,0s)}@keyframes polaroid-sway{0%,to{transform:rotate(calc(var(--photo-angle,0deg) - .65deg))}50%{transform:rotate(calc(var(--photo-angle,0deg) + .65deg))}}.picture:hover .polaroid{animation-duration:5s;filter:brightness(1.045)}.art-dialog{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;max-width:90vw;max-height:90dvh}.dialog-polaroid{width:min(760px,86vw);height:auto;padding:18px 18px 22px;max-height:88dvh;animation:none;color:#19233f;transform-origin:center;box-shadow:5px 18px 55px #09071c99}.dialog-polaroid>img{display:block;width:100%;height:min(62dvh,560px);flex:none;object-fit:contain;background:#eee2c9}.dialog-copy{padding:10px 8px 0}.dialog-copy p{font-family:Kalam,cursive;font-weight:700;font-size:clamp(21px,3vw,29px);line-height:1.2;margin:0 0 7px}.dialog-copy .dialog-hint{color:#66516a}.dialog-polaroid .close-art{right:-12px;top:-12px}.path-note p+p{margin-top:.8em}.narrow .picture .polaroid{transform:rotate(0)!important;animation:none}.still .picture .polaroid{animation:none}@media(prefers-reduced-motion:reduce){.picture .polaroid{animation:none}}@media(max-width:759px){.dialog-polaroid{padding:12px 12px 18px}.dialog-polaroid>img{height:min(55dvh,440px)}}.dialog-polaroid{max-height:none;flex:none;box-sizing:border-box}.dialog-copy p{font-size:clamp(16px,2.2vw,26px);margin:0;line-height:1.1}.dialog-old-caption{font-family:Kalam,cursive;font-weight:700;font-size:clamp(16px,2.2vw,26px);line-height:1.1;pointer-events:none}.picture-story{display:block;font-family:Kalam,cursive;font-size:clamp(16px,1.5vw,20px);line-height:1.35;margin-top:8px;font-weight:400}.dialog-copy{overflow:visible}.dialog-old-caption{overflow:hidden}