:root{--cream:#f7efe3;--coral:#d97b73;--coral-dk:#b9554d;--pink:#f0b6c6;--pink-lt:#f7d8e0;--gingham:#f3c6d2;--gingham-2:#ce768e47;--maroon:#7a2230;--red:#e23b4e;--red-dk:#b22a3b;--paper:#fdf4ef;--sel:#2f54d6;--heart-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.6 4.1 13.7a5.1 5.1 0 0 1 7.2-7.2l.7.7.7-.7a5.1 5.1 0 1 1 7.2 7.2z'/%3E%3C/svg%3E");--font-pix:"Press Start 2P", monospace;--font-body:"Pixelify Sans", "Press Start 2P", monospace;--ease:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{min-height:100svh;font-family:var(--font-body);color:var(--maroon);background:var(--cream);-webkit-font-smoothing:antialiased;place-items:center;padding:24px;display:grid;overflow:hidden}.heart{background:var(--red);width:14px;height:14px;-webkit-mask:var(--heart-mask) center/contain no-repeat;-webkit-mask:var(--heart-mask) center/contain no-repeat;mask:var(--heart-mask) center/contain no-repeat;display:inline-block}.heart--inline{vertical-align:-.05em;width:.9em;height:.9em}.fx{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx__aurora{position:absolute;inset:-10%}.fx__aurora:before,.fx__aurora:after{content:"";will-change:transform;border-radius:50%;position:absolute}.fx__aurora:before{background:radial-gradient(circle,#ffc1d4d9,#ffc1d400 62%);width:65vmax;height:65vmax;animation:19s ease-in-out infinite alternate auroraA;top:-18%;left:-12%}.fx__aurora:after{background:radial-gradient(circle,#ffe1c4cc,#ffe1c400 62%);width:70vmax;height:70vmax;animation:24s ease-in-out infinite alternate auroraB;bottom:-20%;right:-15%}@keyframes auroraA{0%{transform:translate(0)scale(1)}to{transform:translate(8vw,6vh)scale(1.18)}}@keyframes auroraB{0%{transform:translate(0)scale(1.1)}to{transform:translate(-7vw,-5vh)scale(.92)}}.fx__vignette{background:radial-gradient(125% 110% at 50% 38%,#0000 52%,#7828321f 100%);position:absolute;inset:0}.fx__grain{opacity:.4;mix-blend-mode:multiply;background:url(/textures/grain.png) 0 0/180px 180px;animation:5s steps(4,end) infinite grainShift;position:absolute;inset:0}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,-1%)}to{transform:translate(0)}}.scene{z-index:2;place-items:center;width:100%;max-width:520px;display:grid;position:relative}.confetti{pointer-events:none;z-index:1;position:fixed;inset:0}.confetti__layer{will-change:transform;position:absolute;inset:0}.confetti .heart{opacity:0;animation:linear infinite drift;position:absolute}@keyframes drift{0%{opacity:0;transform:translateY(10px)rotate(0)scale(.9)}10%{opacity:.9}90%{opacity:.9}to{opacity:0;transform:translateY(-26px)rotate(12deg)scale(1.05)}}.stage,.window{z-index:1;grid-area:1/1;position:relative}:root{--wood:#b5793f;--wood-dk:#8a5a2b}.stage--aim{touch-action:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cg stroke='%23fff' stroke-width='4'%3E%3Cpath d='M12 2v6M12 16v6M2 12h6M16 12h6'/%3E%3C/g%3E%3Cg stroke='%23000' stroke-width='2'%3E%3Cpath d='M12 2v6M12 16v6M2 12h6M16 12h6'/%3E%3C/g%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='2.4' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23000'/%3E%3C/svg%3E") 12 12,crosshair;width:100%;height:min(80svh,600px);transition:opacity .4s ease, transform .45s var(--ease);position:relative}.stage--aim:focus-visible{outline:3px dashed var(--coral-dk);outline-offset:6px;border-radius:16px}.stage--aim.is-gone{opacity:0;pointer-events:none;transform:scale(.6)translateY(-14px)}.target{pointer-events:none;z-index:2;justify-items:center;gap:18px;display:grid;position:absolute;top:6%;left:50%;transform:translate(-50%)}.target__label{letter-spacing:.02em;color:var(--maroon);align-items:center;gap:.4em;font-size:1.35rem;display:flex}.envelope{border:5px solid var(--coral);background:var(--paper);border-radius:8px;width:200px;height:142px;animation:3s ease-in-out infinite bob;position:relative;box-shadow:0 18px 0 -8px #b9554d2e}.target.is-pulse .envelope{outline:3px dashed var(--red);outline-offset:8px}.target.is-hit .envelope{animation:.45s hitwobble}.envelope__flap{border-left:95px solid #0000;border-right:95px solid #0000;border-top:68px solid var(--pink);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.envelope:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 2px), var(--coral) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) bottom left / 50% 60% no-repeat, linear-gradient(to top left, transparent calc(50% - 2px), var(--coral) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) bottom right / 50% 60% no-repeat;opacity:.6;position:absolute;inset:0}.envelope__seal{z-index:2;width:32px;height:32px;filter:drop-shadow(0 2px 0 var(--red-dk));position:absolute;top:56px;left:50%;transform:translate(-50%)}@keyframes bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes hitwobble{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(4px,-3px)rotate(5deg)}55%{transform:translate(-4px,2px)rotate(-4deg)}80%{transform:translate(2px,-1px)rotate(2deg)}}.archer{pointer-events:none;z-index:3;width:180px;height:180px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.bow{border:9px solid var(--wood);transform-origin:100%;filter:drop-shadow(0 3px #7a4a2238);border-right-color:#0000;border-radius:90%/50%;width:34px;height:158px;position:absolute;top:11px;left:56px;transform:rotate(-90deg)}.bow:before{content:"";background:var(--wood-dk);border-radius:6px;width:14px;height:44px;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.bow:after{content:"";background:var(--wood-dk);border-radius:2px;width:3px;position:absolute;top:-5px;bottom:-5px;right:-2px}.nock{width:1px;height:1px;position:absolute;top:90px;left:90px}.arrow{transform-origin:0;background:linear-gradient(var(--wood-dk), var(--wood-dk)) left 50% / 42px 4px no-repeat;z-index:6;pointer-events:none;opacity:0;will-change:transform;width:58px;height:16px;position:absolute;top:0;left:0}.arrow.is-on{opacity:1}.arrow:after{content:"";border-left:16px solid var(--red);border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.arrow:before{content:"";border-right:13px solid var(--pink);border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.trail{z-index:5;pointer-events:none;width:11px;height:11px;animation:.5s ease-out forwards trailFade;position:absolute}@keyframes trailFade{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.hint{text-align:center;color:var(--maroon);opacity:.78;pointer-events:none;justify-content:center;align-items:center;gap:.4em;font-size:1rem;animation:2.4s ease-in-out infinite hintpulse;display:flex;position:absolute;bottom:1%;left:0;right:0}@keyframes hintpulse{0%,to{opacity:.55}50%{opacity:.85}}.window{border:5px solid var(--coral);background:var(--pink-lt);opacity:0;visibility:hidden;width:min(86vw,360px);transition:opacity .4s ease, transform .5s var(--ease), visibility 0s linear .5s;border-radius:12px;overflow:hidden;transform:scale(.78);box-shadow:0 22px 44px -20px #7a223080}.window.is-open{opacity:1;visibility:visible;transition:opacity .4s ease, transform .55s var(--ease);transform:scale(1)}.window .titlebar,.window .heartrow,.window .content{opacity:0;transition:opacity .45s ease, transform .55s var(--ease);transform:translateY(12px)}.window.is-open .titlebar{opacity:1;transition-delay:.16s;transform:none}.window.is-open .heartrow{opacity:1;transition-delay:.26s;transform:none}.window.is-open .content{opacity:1;transition-delay:.36s;transform:none}.window .heartrow>*{opacity:0;transition:opacity .3s ease, transform .4s var(--ease);transform:scale(.3)}.window.is-open .heartrow>*{opacity:1;transform:none}.window.is-open .heartrow>:first-child{transition-delay:.42s}.window.is-open .heartrow>:nth-child(2){transition-delay:.48s}.window.is-open .heartrow>:nth-child(3){transition-delay:.54s}.window.is-open .heartrow>:nth-child(4){transition-delay:.6s}.window.is-open .heartrow>:nth-child(5){transition-delay:.66s}.window.is-celebrate{animation:1.7s ease-in-out infinite winGlow}@keyframes winGlow{0%,to{box-shadow:0 22px 44px -20px #7a223080,0 0 #e23b4e00}50%{box-shadow:0 22px 52px -18px #7a22308c,0 0 42px 6px #e23b4e66}}.titlebar{background:var(--pink);border-bottom:4px solid var(--coral);justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.titlebar__name{font-family:var(--font-pix);letter-spacing:.12em;color:var(--maroon);font-size:.72rem}.titlebar__btns{gap:5px;display:flex}.winbtn{width:20px;height:20px;font-family:var(--font-pix);color:var(--maroon);background:var(--paper);border:2px solid var(--coral);cursor:pointer;border-radius:3px;place-items:center;font-size:.5rem;line-height:1;transition:transform .12s,background .12s;display:grid}.winbtn:hover{transform:translateY(-1px)}.winbtn--x:hover{background:var(--red);color:#fff}.winbtn:focus-visible{outline:2px solid var(--coral-dk);outline-offset:2px}.heartrow{background:var(--pink-lt);border-bottom:4px solid var(--coral);justify-content:center;align-items:center;gap:10px;padding:8px 0;display:flex}.heartrow .heart{width:18px;height:18px}.hdot{background:var(--coral);border-radius:1px;width:5px;height:5px}.content{background-color:var(--gingham);background-image:repeating-linear-gradient(0deg, transparent 0 9px, var(--gingham-2) 9px 18px), repeating-linear-gradient(90deg, transparent 0 9px, var(--gingham-2) 9px 18px);align-content:start;justify-items:center;gap:18px;min-height:300px;padding:22px 18px 24px;display:grid;position:relative}.title{text-align:center;color:var(--maroon);text-shadow:0 2px #ffffff80;font-size:1.5rem;font-weight:600;line-height:1.15}.cat{width:150px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 6px #b22a3b29);animation:2.4s ease-in-out infinite catbob}@keyframes catbob{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-5px)scaleY(1.02)}}.content.is-won .cat{transform-origin:50% 88%;animation:.8s ease-in-out infinite catdance}@keyframes catdance{0%{transform:rotate(-9deg)translateY(0)scaleY(1)}25%{transform:rotate(-9deg)translateY(-11px)scaleY(1.04)}50%{transform:rotate(9deg)translateY(0)scaleY(1)}75%{transform:rotate(9deg)translateY(-11px)scaleY(1.04)}to{transform:rotate(-9deg)translateY(0)scaleY(1)}}.cat-heart{z-index:3;opacity:0;pointer-events:none;width:26px;height:26px;position:absolute}.content.is-won .cat-heart{opacity:1;animation:1.8s ease-in-out infinite floatHeart}@keyframes floatHeart{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.12)}}.buttons{justify-content:center;align-items:center;gap:16px;min-height:46px;display:flex}.buttons[hidden]{display:none}.btn{font-family:var(--font-pix);letter-spacing:.06em;color:var(--red-dk);background:var(--paper);border:3px solid var(--coral);cursor:pointer;box-shadow:0 4px 0 0 var(--coral);transition:transform .14s var(--ease), background .14s ease, color .14s ease, box-shadow .14s ease;border-radius:6px;padding:11px 16px;font-size:.74rem}.btn:active{box-shadow:0 2px 0 0 var(--coral);transform:translateY(2px)}.btn:focus-visible{outline:3px dashed var(--coral-dk);outline-offset:3px}.btn--yes{transform-origin:50%;position:relative}.btn--yes:before{content:"";opacity:0;z-index:-1;border-radius:6px;transition:opacity .3s;position:absolute;inset:0}.btn--yes:hover{background:var(--red);color:#fff;box-shadow:0 4px 0 0 var(--red-dk)}.btn--yes:hover:before,.btn--yes.is-tempting:before{opacity:1;animation:1.2s ease-in-out infinite yesGlow}@keyframes yesGlow{0%,to{box-shadow:0 0 16px 2px #e23b4e66}50%{box-shadow:0 0 28px 7px #e23b4e99}}.btn--no{transition:left .18s var(--ease), top .18s var(--ease), transform .14s var(--ease);position:relative}.rain{pointer-events:none;z-index:6;position:fixed;inset:0}.rainheart{pointer-events:none;animation:linear forwards rainfall;position:absolute;top:-6%}@keyframes rainfall{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(112vh) translateX(var(--rx)) rotate(var(--rr))}}.final{text-align:center;color:var(--maroon);opacity:0;max-width:30ch;transition:opacity .5s ease .15s, transform .5s var(--ease) .15s;font-size:1.05rem;line-height:1.4;transform:translateY(8px)}.final.is-show{opacity:1;transform:none}.final strong{font-weight:700}.final mark{background:var(--sel);color:#fff;border-radius:2px;padding:0 .15em}.burst{z-index:5;pointer-events:none;width:18px;height:18px;animation:.9s ease-out forwards burst;position:absolute}@keyframes burst{0%{opacity:1;transform:translate(0)scale(.4)}to{opacity:0;transform:translate(var(--bx), var(--by)) scale(1.1)}}.confetti-heart{pointer-events:none;opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}@media (width<=480px){body{padding:14px}.envelope{width:164px;height:116px}.envelope__flap{border-top-width:56px;border-left-width:77px;border-right-width:77px}.envelope__seal{top:46px}.target__label{font-size:1.15rem}.title{font-size:1.3rem}.cat{width:128px}.content{gap:14px;min-height:260px;padding:18px 14px 20px}.hint{font-size:.92rem}}@media (prefers-reduced-motion:reduce){.envelope,.cat,.hint,.fx__aurora:before,.fx__aurora:after,.fx__grain,.window.is-celebrate,.btn--yes:before,.content.is-won .cat,.content.is-won .cat-heart{animation:none}.confetti .heart{opacity:.55;animation:none}.window,.stage--aim,.final,.btn{transition-duration:1ms}.burst,.trail,.rainheart,.confetti-heart{display:none}}