:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fbefef;--blush:#ffe2e2;--pink:#f5cbcb;--lavender:#c5b3d3;--ink:#3d314b;--ink-soft:#584764;--plum:#774f78;--pixel-font:"Press Start 2P", "Courier New", monospace;--body-font:"Pixelify Sans", "Courier New", monospace}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;color:var(--ink);background:var(--lavender);font-family:var(--body-font);margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:4px solid var(--ink);outline-offset:5px}.skip-link{z-index:20;border:3px solid var(--ink);background:var(--cream);color:var(--ink);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site{background:var(--cream);min-height:100dvh}.entry-gate{background:var(--blush);min-height:100dvh}.site__frame{background:var(--cream);grid-template-rows:auto 1fr;width:100%;min-height:100dvh;display:grid}.site__header{min-height:72px;font-family:var(--pixel-font);justify-content:flex-end;align-items:center;gap:20px;padding:12px clamp(20px,4vw,56px);line-height:1.7;display:flex}.site__music-error{color:#7a3549;font-size:9px}.site__main{perspective:1400px;min-width:0;overflow:clip}.site__main:focus-visible{outline:4px solid var(--ink);outline-offset:-4px}.music-toggle{border:2px solid var(--ink);background:var(--cream);min-height:44px;box-shadow:3px 3px 0 var(--ink);font-family:var(--pixel-font);cursor:pointer;padding:10px 14px;font-size:8px;line-height:1.5}.music-toggle:hover{background:var(--lavender)}.music-toggle:active{box-shadow:none;transform:translate(3px,3px)}.stage{min-height:calc(100dvh - 72px)}.stage__copy,.stage__heading{z-index:2;position:relative}h1,p{overflow-wrap:anywhere}h1{font-family:var(--pixel-font);letter-spacing:-.07em;text-shadow:5px 5px 0 var(--pink);margin:0;font-size:clamp(30px,3.8vw,50px);line-height:1.55}h1 span{color:var(--plum)}.stage__description{max-width:510px;margin:25px 0 0;font-size:clamp(20px,1.8vw,24px);line-height:1.28}.pixel-button{border:3px solid var(--ink);background:var(--lavender);min-height:52px;color:var(--ink);box-shadow:5px 5px 0 var(--ink);font-family:var(--pixel-font);text-align:center;cursor:pointer;place-items:center;padding:13px 19px;font-size:9px;line-height:1.7;display:inline-grid}.pixel-button:hover{background:var(--pink)}.pixel-button:active{box-shadow:none;transform:translate(5px,5px)}.pixel-button--quiet{background:var(--cream)}button{touch-action:manipulation}button:active{filter:brightness(.94)}.stage-transition{transform-origin:50%;background:var(--cream)}.stage-transition[inert]{pointer-events:none}.stage-transition--exit{animation:.3s steps(10,end) both page-slide-out}.stage-transition--enter{animation:.3s steps(10,end) both page-slide-in}@keyframes page-slide-out{to{opacity:0;transform:translate(-100%)}}@keyframes page-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes page-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stage-nav{flex-wrap:wrap;gap:16px;margin-top:42px;display:flex}.stage--intro{grid-template-columns:1fr 1fr;display:grid}.stage--intro .stage__copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(36px,6vw,78px);display:flex}.intro-action{min-height:70px;margin-top:30px}.intro-action p{color:var(--plum);margin:6px 0 0;font-size:21px}.intro-art{border-left:4px solid var(--ink);background:var(--blush);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.intro-art__ground{background:var(--lavender);height:16px;box-shadow:0 9px 0 var(--ink);position:absolute;bottom:23%;left:0;right:0}.woman-sprite{z-index:3;filter:drop-shadow(5px 5px #3d314b29);transform-origin:50% 100%;width:112px;height:auto;position:absolute;bottom:24%;right:4%}.woman-sprite--wave{animation:.7s steps(3,end) woman-wave}@keyframes woman-wave{0%,to{transform:rotate(0)}35%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}.heart-burst{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.heart-burst__heart{bottom:-40px;left:var(--left);width:var(--size);animation:heart-rise var(--duration) steps(18, end) var(--delay) both;position:absolute}.heart-burst__heart svg{width:100%;height:auto;display:block}@keyframes heart-rise{0%{opacity:0;transform:translate(0)}10%,78%{opacity:1}to{opacity:0;transform:translate(var(--drift), -90vh)}}.envelope{z-index:1;cursor:pointer;filter:drop-shadow(10px 10px #3d314b2e);background:0 0;border:0;width:320px;height:255px;padding:0;transition:transform .2s steps(3,end);display:block;position:relative}.envelope:hover{transform:translateY(-8px)rotate(-2deg)}.envelope>span{display:block;position:absolute}.envelope__back{z-index:1;border:8px solid var(--ink);background:var(--lavender);inset:45px 10px 20px}.envelope__letter{z-index:2;border:7px solid var(--ink);background:var(--cream);width:244px;height:143px;transition:transform .35s steps(5,end);top:63px;left:38px}.envelope__letter span{height:100%;color:var(--plum);font-family:var(--pixel-font);place-items:center;font-size:42px;display:grid}.envelope__front{z-index:4;border:8px solid var(--ink);background:var(--pink);width:300px;height:115px;bottom:20px;left:10px}.envelope__front:before,.envelope__front:after{content:"";background:#e9b7c6;width:50%;height:100%;position:absolute;top:0}.envelope__front:before{clip-path:polygon(0 0,100% 60%,0 100%);left:0}.envelope__front:after{clip-path:polygon(100% 0,0 60%,100% 100%);right:0}.envelope__flap{z-index:5;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;width:300px;height:113px;transition:transform .35s steps(5,end),z-index .35s;top:45px;left:10px}.envelope__flap:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#e7b4c8;position:absolute;inset:8px 10px 14px}.envelope__seal{z-index:6;border:6px solid var(--ink);background:var(--cream);width:46px;height:46px;color:var(--plum);place-items:center;font-size:23px;transition:opacity .1s;top:109px;left:137px;display:grid!important}.envelope--open .envelope__flap{z-index:1;transform:rotateX(180deg)}.envelope--open .envelope__letter{transform:translateY(-62px)}.envelope--open .envelope__seal{opacity:0}.stage--who,.stage--gifs{flex-direction:column;padding:clamp(30px,4vw,48px);display:flex}.stage--who{padding-block:24px}.stage--who .stage__heading{width:100%;max-width:1040px}.stage--gifs .stage__heading{width:100%;max-width:900px}.stage--who h1,.stage--gifs h1{font-size:clamp(29px,3.6vw,48px)}.stage--who .stage__description,.stage--gifs .stage__description{max-width:100%;margin-top:14px;line-height:1.4}.polaroid-carousel{grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:16px;width:100%;max-width:1300px;margin:36px auto 0;display:grid}.polaroid-grid{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;gap:32px;min-width:0;padding:18px 12px 30px;scroll-padding-inline:12px;display:flex;overflow:auto hidden}.polaroid-grid::-webkit-scrollbar{display:none}.polaroid-grid:focus-visible{outline:4px solid var(--ink);outline-offset:2px}.polaroid-arrow{border:3px solid var(--ink);background:var(--lavender);width:52px;height:52px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;place-items:center;padding:0;font-size:30px;display:grid}.polaroid-arrow:hover:not(:disabled){background:var(--pink)}.polaroid-arrow:disabled{opacity:.4;box-shadow:none;cursor:default}.polaroid{aspect-ratio:11/13;cursor:pointer;perspective:900px;scroll-snap-align:start;scroll-snap-stop:always;transform:rotate(var(--tilt));background:0 0;border:0;flex:0 0 min(340px,33.3333% - 21.3333px);padding:0;transition:transform .2s steps(3,end);display:block}.polaroid:first-child{--tilt:-4deg}.polaroid:nth-child(2){--tilt:3deg;margin-top:20px}.polaroid:nth-child(3){--tilt:-2deg}.polaroid:nth-child(4){--tilt:3deg}.polaroid:nth-child(5){--tilt:-3deg;margin-top:20px}.polaroid:nth-child(6){--tilt:2deg}.polaroid:hover{transform:rotate(0)translateY(-8px)}.polaroid__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s steps(8,end);display:block;position:relative}.polaroid--flipped .polaroid__inner{transform:rotateY(180deg)}.polaroid__face{border:5px solid var(--ink);background:var(--cream);box-shadow:9px 9px 0 var(--ink);backface-visibility:hidden;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.polaroid__face--front{padding:clamp(12px,1.6vw,20px)}.polaroid__face--back{background:var(--lavender);text-align:center;justify-content:center;gap:17px;padding:18px;transform:rotateY(180deg)}.polaroid__picture{border:4px solid var(--ink);background:var(--blush);flex:1;place-items:center;width:100%;min-height:0;display:grid;overflow:hidden}.polaroid__picture img{object-fit:cover;width:100%;height:100%}.polaroid__placeholder,.gif-tile__placeholder{color:var(--ink-soft);font-family:var(--pixel-font);text-align:center;font-size:12px;line-height:1.8}.polaroid__caption{font-family:var(--pixel-font);margin-top:12px;font-size:clamp(8px,1vw,10px);line-height:1.6}.polaroid__heart{color:var(--plum);font-size:30px}.polaroid__message{font-size:clamp(20px,1.8vw,25px);line-height:1.2}.polaroid__hint{font-family:var(--pixel-font);font-size:7px;line-height:1.6}.stage--who .stage-nav{justify-content:flex-end;margin-top:auto;padding-top:24px}.stage--gifs .stage__heading{margin-bottom:30px}.stage--gifs .stage-nav{margin-top:auto}@media (width<=1100px){.polaroid{flex-basis:min(340px,50% - 16px)}}.gif-marquee{border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background:var(--blush);width:calc(100% + clamp(60px,8vw,96px));margin-left:calc(-1*clamp(30px,4vw,48px));overflow:hidden}.gif-marquee__track{width:max-content;padding:18px 0;animation:50s linear infinite marquee-left;display:flex}.gif-marquee__track--right{animation-name:marquee-right}.gif-marquee__track--left{border-top:4px solid var(--ink)}.gif-marquee__group{flex:none;gap:18px;padding-right:18px;display:flex}.gif-tile{border:5px solid var(--ink);background:var(--cream);flex:none;place-items:center;width:245px;height:160px;display:grid;overflow:hidden;box-shadow:7px 7px #9c819b}.gif-tile:nth-child(2n){background:var(--lavender)}.gif-tile:nth-child(3n){background:var(--pink)}.gif-tile img{object-fit:cover;width:100%;height:100%}@keyframes marquee-left{to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.password-form{width:100%;max-width:430px;margin-top:30px}.password-form label{margin-bottom:12px;font-size:20px;display:block}.password-form__row{flex-wrap:wrap;gap:14px;display:flex}.password-form input{border:3px solid var(--ink);min-width:0;min-height:52px;color:var(--ink);box-shadow:5px 5px 0 var(--pink);background:#fff;border-radius:0;flex:170px;padding:8px 12px;font-size:21px}.form-error{color:#7a3549;margin:12px 0 0;font-size:19px;line-height:1.2}@media (width<=850px){.stage--intro{grid-template-columns:1fr}.stage--intro .stage__copy{padding:40px 32px 28px}.intro-art{border-left:0;border-top:4px solid var(--ink);min-height:385px}.intro-art__ground{bottom:14%}.woman-sprite{width:100px;bottom:15%;right:8%}.stage--intro{min-height:0}.stage--who,.stage--gifs{min-height:650px}}@media (width<=620px){.site__header{gap:12px;min-height:64px;padding:8px 20px}.site__music-error,.music-toggle{font-size:8px}.stage{min-height:calc(100dvh - 64px)}.stage--intro .stage__copy{text-align:center;align-items:center;padding:34px 20px 24px}h1{font-size:clamp(25px,7vw,42px)}.stage__description{margin-top:18px;font-size:20px}.intro-action{min-height:60px;margin-top:20px}.intro-art{min-height:315px}.envelope{transform:scale(.75)}.envelope:hover{transform:scale(.75)translateY(-8px)}.intro-art__ground{bottom:13%}.woman-sprite{width:84px;bottom:14%;right:3%}.stage--who,.stage--gifs{padding:34px 20px}.stage--who h1,.stage--gifs h1{font-size:clamp(24px,6vw,34px)}.polaroid-carousel{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.polaroid-grid{grid-area:1/1/auto/-1;gap:24px}.polaroid{flex-basis:min(320px,100%)}.polaroid:nth-child(2),.polaroid:nth-child(5){margin-top:0}.polaroid-arrow{grid-row:2}.polaroid-arrow--previous{grid-column:1}.polaroid-arrow--next{grid-column:2;justify-self:end}.stage--who .stage-nav{justify-content:stretch}.stage-nav{width:100%}.stage-nav .pixel-button{flex:120px}.stage--gifs .stage__heading{margin-bottom:38px}.gif-marquee{width:calc(100% + 40px);margin-left:-20px}.gif-tile{width:205px;height:152px}.password-form{text-align:left}.password-form__row .pixel-button{flex:100%}}@media (width<=380px){.stage--intro .stage__copy,.stage--who,.stage--gifs{padding-inline:14px}.gif-marquee{width:calc(100% + 28px);margin-left:-14px}.intro-art{min-height:290px}.envelope{transform:scale(.68)}.envelope:hover{transform:scale(.68)translateY(-8px)}.woman-sprite{width:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.woman-sprite--wave{animation:none!important}.heart-burst__heart{opacity:0;animation:none!important}.heart-burst__heart:nth-child(2){opacity:1;bottom:65%}.heart-burst__heart:nth-child(5){opacity:1;bottom:78%}.heart-burst__heart:nth-child(8){opacity:1;bottom:58%}.gif-marquee{overflow-x:auto}.gif-marquee__track{animation:none!important}.gif-marquee__group[aria-hidden=true]{display:none}.polaroid-grid{scroll-behavior:auto}}.stage--letter,.stage--video{flex-direction:column;padding:clamp(24px,4vw,48px);display:flex}.letter-heading,.video-heading{margin-bottom:30px}.letter-heading h1,.video-heading h1{font-size:clamp(24px,3vw,38px)}.letter-heading p,.video-heading p{margin:16px 0 0;font-size:clamp(18px,1.8vw,22px);line-height:1.4}.stage--letter .stage-nav,.stage--video .stage-nav{justify-content:space-between;margin-top:32px}.letter-cover{border:4px solid var(--ink);background:var(--pink);width:100%;min-height:350px;box-shadow:8px 8px 0 var(--ink);cursor:pointer;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:32px;display:flex;position:relative}.letter-cover:before{z-index:-1;content:"";background:var(--blush);clip-path:polygon(0 0,100% 0,50% 62%);position:absolute;inset:0}.letter-cover__address{font-family:var(--pixel-font);font-size:16px}.letter-cover__seal{background:var(--lavender);border:4px solid var(--ink);width:76px;height:76px;box-shadow:5px 5px 0 var(--ink);color:var(--ink);place-items:center;font-size:40px;transition:transform .18s steps(4,end);display:grid}.letter-cover:hover .letter-cover__seal{transform:rotate(-8deg)}.letter-cover:active .letter-cover__seal{box-shadow:none;transform:translate(4px,4px)}.letter-cover__action{text-underline-offset:5px;font-size:23px;text-decoration:underline}.letter-paper{border:4px solid var(--ink);background:var(--blush);width:100%;min-height:430px;box-shadow:8px 8px 0 var(--pink);padding:clamp(24px,5vw,64px);position:relative;overflow:hidden}.letter-paper:focus-visible{outline:4px solid var(--plum);outline-offset:4px}.letter-paper__masthead{justify-content:space-between;align-items:center;gap:20px;font-size:23px;display:flex}.letter-stamp{border:4px dashed var(--ink);background:var(--lavender);place-items:center;width:60px;height:66px;font-size:30px;display:grid}.letter-paper h2{font-family:var(--pixel-font);margin:32px 0 24px;font-size:clamp(18px,2vw,26px);line-height:1.6}.letter-paper__message{white-space:pre-line;max-width:65ch;margin:0;font-size:clamp(22px,2.3vw,28px);line-height:1.65}.letter-paper__ending{color:var(--plum);margin-top:32px;font-size:32px}.password-dialog{border:4px solid var(--ink);background:var(--cream);width:min(520px,100% - 40px);max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:8px 8px 0 var(--ink);padding:0}.password-dialog[open]{animation:.18s steps(5,end) both page-settle}.password-dialog::backdrop{background:#3d314ba6}body:has(.password-dialog[open]){overflow:hidden}.password-dialog__bar{border-bottom:4px solid var(--ink);background:var(--lavender);font-family:var(--pixel-font);justify-content:space-between;align-items:center;padding:10px 14px;font-size:9px;display:flex}.dialog-close{border:3px solid var(--ink);background:var(--cream);cursor:pointer;width:44px;height:44px;font-size:30px}.password-dialog__body{padding:26px}.password-dialog h2,.password-dialog h1{font-family:var(--pixel-font);margin:0;font-size:16px;line-height:1.7}.password-dialog__body>p{font-size:21px;line-height:1.4}.password-dialog__body>.password-dialog__hint{color:var(--plum);margin:8px 0 0;font-size:17px}.password-dialog .password-form{margin-top:24px}.marquee-toggle{text-underline-offset:5px;cursor:pointer;background:0 0;border:0;align-self:flex-start;min-height:44px;margin-top:20px;padding:10px 0;font-size:19px;text-decoration:underline}.video-cabinet{border:4px solid var(--ink);background:var(--lavender);width:100%;box-shadow:8px 8px 0 var(--ink);padding:clamp(12px,2vw,24px)}.video-cabinet__label{font-family:var(--pixel-font);justify-content:space-between;margin-bottom:16px;font-size:9px;display:flex}.video-screen{aspect-ratio:16/9;border:4px solid var(--ink);background:var(--blush);display:grid}.video-screen video{background:var(--ink);width:100%;height:100%;max-height:65vh}.video-empty{text-align:center;align-self:center;padding:24px}.video-empty__film{border-block:6px dashed var(--ink);border-inline:4px solid var(--ink);background:var(--lavender);width:88px;height:56px;display:inline-block}.video-empty__film:before{background:var(--ink);content:"";width:4px;height:100%;margin:auto;display:block}.video-empty p{margin:20px 0 10px;font-size:25px}.video-empty>span:last-child{font-size:19px;line-height:1.4}@media (width<=620px){.stage--letter,.stage--video{padding:28px 18px}.letter-cover{min-height:320px;padding:24px}.letter-cover__address{font-size:13px}.password-dialog__body{padding:22px 18px}.video-screen{aspect-ratio:auto;min-height:280px}.video-screen video{aspect-ratio:16/9;align-self:center}}@media (prefers-reduced-motion:reduce){.stage-transition,.password-dialog[open]{animation:none!important}.marquee-toggle{display:none}}.stage--puzzle{flex-direction:column;padding:clamp(24px,4vw,48px);display:flex}.puzzle-heading{margin-bottom:28px}.puzzle-reference__label{font-family:var(--pixel-font);margin-bottom:12px;font-size:9px;line-height:1.5;display:block}.puzzle-heading h1{font-size:clamp(24px,3vw,38px)}.puzzle-heading p{max-width:900px;margin:12px 0 0;font-size:clamp(18px,1.8vw,21px);line-height:1.4}.puzzle-layout{grid-template-columns:minmax(0,1fr) minmax(220px,270px);align-items:start;gap:clamp(20px,3vw,36px);display:grid}.puzzle-game{min-width:0}.puzzle-board{aspect-ratio:3/2;border:4px solid var(--ink);background:var(--ink);width:100%;box-shadow:8px 8px 0 var(--pink);grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.puzzle-piece{background-color:var(--blush);cursor:pointer;background-repeat:no-repeat;background-size:400% 400%;border:0;min-width:0;min-height:0;padding:0;position:relative}.puzzle-piece:hover{filter:brightness(1.1)}.puzzle-piece--selected{box-shadow:inset 0 0 0 5px var(--cream), inset 0 0 0 9px var(--ink)}.puzzle-piece--selected:after{background:var(--ink);width:28px;height:28px;color:var(--cream);content:"1";pointer-events:none;place-items:center;font-family:Arial,sans-serif;font-size:21px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.puzzle-piece:focus-visible{z-index:1;outline-offset:-5px}.puzzle-board--solved{display:block}.puzzle-board--solved img{object-fit:cover;width:100%;height:100%;display:block}.puzzle-status{min-height:28px;margin:18px 0 0;font-size:19px;line-height:1.35}.puzzle-reference{border:3px solid var(--ink);background:var(--blush);padding:18px}.puzzle-reference img{aspect-ratio:3/2;border:3px solid var(--ink);object-fit:cover;width:100%;display:block}.puzzle-reference p{margin:16px 0 20px;font-size:19px;line-height:1.3}.puzzle-reference__actions{gap:12px;display:grid}.puzzle-reference .pixel-button{width:100%}.stage--puzzle .stage-nav{justify-content:space-between;margin-top:auto;padding-top:28px}.puzzle-letter{border:4px solid var(--ink);background:var(--cream);width:min(560px,100% - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:8px 8px 0 var(--ink);padding:0;overflow-y:auto}.puzzle-letter[open]{animation:.18s steps(5,end) both page-settle}.puzzle-letter::backdrop{background:#3d314bb8}body:has(.puzzle-letter[open]){overflow:hidden}.puzzle-letter__bar{border-bottom:4px solid var(--ink);background:var(--lavender);font-family:var(--pixel-font);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:9px;line-height:1.5;display:flex}.puzzle-letter__body{padding:14px clamp(20px,5vw,38px) 30px}.puzzle-letter__art{perspective:500px;height:150px;position:relative;overflow:hidden}.puzzle-letter__envelope-back,.puzzle-letter__paper,.puzzle-letter__envelope-front,.puzzle-letter__flap{display:block;position:absolute;left:50%}.puzzle-letter__envelope-back{z-index:1;border:4px solid var(--ink);background:var(--lavender);width:180px;height:96px;top:49px;transform:translate(-50%)}.puzzle-letter__paper{z-index:2;border:4px solid var(--ink);background:var(--cream);width:138px;height:90px;color:var(--plum);place-items:center;font-size:40px;display:grid;top:48px;transform:translate(-50%,22px)}.puzzle-letter[open] .puzzle-letter__paper{animation:.55s steps(8,end) .22s both puzzle-paper-rise}.puzzle-letter__envelope-front{z-index:3;border:4px solid var(--ink);background:var(--pink);width:180px;height:54px;top:91px;transform:translate(-50%)}.puzzle-letter__envelope-front:before,.puzzle-letter__envelope-front:after{content:"";background:#e9b7c6;width:50%;position:absolute;inset-block:0}.puzzle-letter__envelope-front:before{clip-path:polygon(0 0,100% 50%,0 100%);left:0}.puzzle-letter__envelope-front:after{clip-path:polygon(100% 0,0 50%,100% 100%);right:0}.puzzle-letter__flap{z-index:4;transform-origin:50% 0;clip-path:polygon(0 0,100% 0,50% 100%);background:#e7b4c8;width:180px;height:72px;top:49px;transform:translate(-50%)rotateX(0)}.puzzle-letter[open] .puzzle-letter__flap{animation:.4s steps(6,end) 80ms both puzzle-flap-open}.puzzle-letter__art .heart-burst{z-index:5}.puzzle-letter__art .heart-burst__heart{animation-name:puzzle-heart-rise}.puzzle-letter__content{text-align:center}.puzzle-letter[open] .puzzle-letter__content{animation:.36s steps(6,end) .46s both puzzle-message-appear}.puzzle-letter__eyebrow{font-family:var(--pixel-font);font-size:9px;line-height:1.6}.puzzle-letter h2{font-family:var(--pixel-font);margin:12px 0 16px;font-size:clamp(18px,4vw,24px);line-height:1.6}.puzzle-letter p{white-space:pre-line;max-width:42ch;margin:0 auto 26px;font-size:22px;line-height:1.5}.puzzle-letter .pixel-button{min-height:48px}@keyframes puzzle-paper-rise{0%{transform:translate(-50%,22px)}to{transform:translate(-50%,-12px)}}@keyframes puzzle-flap-open{0%{transform:translate(-50%)rotateX(0)}to{transform:translate(-50%)rotateX(180deg)}}@keyframes puzzle-message-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes puzzle-heart-rise{0%{opacity:0;transform:translate(0)}10%,75%{opacity:1}to{opacity:0;transform:translate(var(--drift), -160px)}}@media (width<=760px){.puzzle-layout{grid-template-columns:1fr}.puzzle-reference{grid-template-columns:minmax(100px,36%) 1fr;align-items:start;gap:12px 16px;display:grid}.puzzle-reference__label{grid-column:1/-1;margin-bottom:0}.puzzle-reference p{margin:0}.puzzle-reference__actions{grid-column:1/-1}}@media (width<=620px){.stage--puzzle{padding:28px 18px}.puzzle-heading{margin-bottom:20px}.puzzle-heading h1{font-size:clamp(23px,6vw,34px)}.puzzle-heading p{font-size:18px}.puzzle-layout{gap:20px}.puzzle-status{font-size:17px}.puzzle-reference{gap:10px 12px;padding:12px}.puzzle-reference p{font-size:17px}.stage--puzzle .stage-nav{padding-top:16px}}@media (width<=380px){.stage--puzzle{padding-inline:6px}.puzzle-board{border-width:3px;gap:2px}.puzzle-letter__body{padding-inline:16px}.puzzle-letter p{font-size:19px}}@media (prefers-reduced-motion:reduce){.puzzle-letter[open],.puzzle-letter[open] .puzzle-letter__paper,.puzzle-letter[open] .puzzle-letter__flap,.puzzle-letter[open] .puzzle-letter__content{animation:none!important}.puzzle-letter__paper{transform:translate(-50%,-12px)}.puzzle-letter__flap{transform:translate(-50%)rotateX(180deg)}}