body.invitation-active{overflow:hidden}body.invitation-active>.masthead,body.invitation-active>.music-panel,body.invitation-active>main,body.invitation-active>.footer{visibility:hidden}.invitation{position:fixed;inset:0;z-index:25;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;padding:38px 24px 25px;color:#d5d4bf;background:radial-gradient(ellipse at 48% 35%,#56634736,transparent 67%),linear-gradient(125deg,#0c130f,#1c251b 65%,#0c140e)}.invitation:before{content:'';position:fixed;inset:15px;border:1px solid #b1b28722;pointer-events:none}.invitation-brand{display:flex;align-items:center;justify-content:center;gap:11px;color:#b3b99d;font-size:8px;letter-spacing:2px;line-height:1.6;text-align:left;margin-bottom:34px}.invitation-brand svg{width:33px;height:36px;color:#c2af80}.invitation-intro{text-align:center;max-width:650px}.invitation-intro .eyebrow{font-size:8px;letter-spacing:2.5px}.invitation h1{font:400 clamp(37px,5vw,61px)/1.08 var(--serif);margin:18px 0 14px;letter-spacing:-.7px;color:#e0dfce}.invitation-intro>p:last-child{font-size:11px;color:#8f9b83}.envelope-scene{width:min(100%,570px);padding:25px 0 20px;margin:24px auto 0;text-align:center}.envelope{position:relative;display:block;width:100%;height:286px;padding:0;border:1px solid #a5916266;background:linear-gradient(140deg,#c8b68a,#e3d3aa 40%,#c6b183);color:#464331;text-align:left;box-shadow:0 25px 65px #0008,inset 0 0 35px #74644625;border-radius:2px;perspective:900px;isolation:isolate;transition:transform .3s,box-shadow .3s}.envelope:hover{transform:translateY(-4px);box-shadow:0 29px 65px #0009}.envelope:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(32deg,#b6a47a35 49.4%,#7c704c33 49.8%,transparent 50.3%) left bottom/50% 100% no-repeat,linear-gradient(-32deg,#c3af7f35 49.4%,#7c704c33 49.8%,transparent 50.3%) right bottom/50% 100% no-repeat;pointer-events:none}.envelope-flap{position:absolute;left:0;right:0;top:0;height:55%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#cebe95,#a89973);transform-origin:50% 0;box-shadow:0 10px 15px #0003;transition:transform .6s,opacity .6s;z-index:3}.envelope-address{position:absolute;left:9%;top:60%;z-index:2;display:flex;flex-direction:column;gap:8px}.envelope-address>span:first-child{font-size:7px;letter-spacing:2.5px;color:#6c674e}.envelope-address strong{font:400 clamp(32px,5vw,47px)/1.1 var(--serif);letter-spacing:.2px}.envelope-address>span:last-child{font:italic 16px var(--serif);color:#797154}.envelope-stamp{position:absolute;right:7%;top:20%;z-index:4;color:#7a63494d;border:2px double currentColor;padding:10px 7px;font:9px/1.6 var(--serif);letter-spacing:2px;text-align:center;transform:rotate(-11deg)}.wax-seal{position:absolute;z-index:5;left:calc(50% - 28px);top:calc(55% - 27px);width:56px;height:56px;border-radius:47% 53% 44% 56%;background:radial-gradient(circle at 35% 30%,#a8543d,#5d241c 60%,#421b16);box-shadow:1px 5px 10px #0005,inset 0 0 0 3px #b46b4544,inset 0 0 0 6px #41181177;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);transition:opacity .25s,transform .5s}.wax-seal>span{font:italic 28px var(--serif);color:#c38b68;text-shadow:0 1px #2d0d08}.envelope-hint{font-size:9px;letter-spacing:1px;color:#939d84;margin-top:28px}.envelope-scene.opening .envelope-flap{transform:rotateX(178deg);opacity:0}.envelope-scene.opening .wax-seal{transform:translateY(25px) rotate(16deg);opacity:0}.envelope-scene.opening .envelope{animation:envelope-away .65s ease both}.invitation-paper{position:relative;width:min(100%,520px);margin:23px auto 20px;padding:34px 39px 30px;color:#3b3b2b;background:radial-gradient(ellipse at 25% 30%,#ece0b8,transparent 80%),linear-gradient(100deg,#c4b68d,#e1d4aa 40%,#cdbd94);box-shadow:0 24px 70px #0008,inset 0 0 40px #89714730;clip-path:polygon(0 .3%,26% 0,55% .3%,79% 0,100% .3%,99.8% 40%,100% 72%,99.8% 100%,67% 99.7%,34% 100%,0 99.7%,.3% 65%);animation:letter-arrive .5s ease both}.letter-date{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #8c805b55;padding-bottom:13px;font-size:7px;letter-spacing:1.2px;color:#80734f}.letter-greeting{font:italic 24px var(--serif);margin-top:26px;color:#77603e}.invitation-paper h2{font:500 39px/1.03 var(--serif);color:#3b3c2a;margin:10px 0 23px;letter-spacing:-.5px;outline-offset:6px}.letter-copy p{font:500 21px/1.32 var(--serif);margin-top:17px}.letter-copy p:first-child{font-style:italic;font-size:24px;color:#685735}.letter-signoff{font:italic 17px/1.4 var(--serif);margin-top:25px;color:#7c6947}.letter-signature{font:500 23px var(--serif);margin:5px 0 28px;color:#5d5033}.invitation-paper .unlock{width:100%;padding-block:15px;background:#393f2d;border-color:#535a3b;color:#e1d2a8;box-shadow:none}.invitation-paper .unlock:hover{background:#49513a}.invitation-close{position:absolute;top:28px;right:32px;font-size:10px;background:none;border:1px solid #8291684d;padding:9px 13px;color:#b2bb9f}.invitation-footer{margin-top:auto;padding-top:18px;text-align:center;color:#69765e;font-size:8px;letter-spacing:1.3px}.invitation .no-script{margin-top:20px;max-width:500px}.quest-actions{flex-wrap:wrap}.quest-actions #reread-invitation{margin-right:auto;max-width:none}
@keyframes envelope-away{0%,40%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}@keyframes letter-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.invitation{padding:28px 25px 21px}.invitation-brand{margin-bottom:32px;font-size:7px}.invitation h1{font-size:43px}.invitation-intro .eyebrow{font-size:7px;letter-spacing:1.6px}.invitation-intro>p:last-child{font-size:10px}.envelope-scene{margin-top:19px;padding-top:21px}.envelope{height:232px}.envelope-address{left:8%;top:60%;gap:6px}.envelope-address strong{font-size:35px}.envelope-address>span:first-child{font-size:6px;letter-spacing:1.8px}.envelope-address>span:last-child{font-size:14px}.envelope-stamp{font-size:7px;right:6%;top:21%;padding:8px 5px;letter-spacing:1px}.wax-seal{width:47px;height:47px;left:calc(57% - 23px);top:calc(55% - 24px)}.wax-seal>span{font-size:25px}.invitation-paper{padding:28px 26px 26px;margin-top:20px}.invitation-paper h2{font-size:35px}.letter-copy p{font-size:20px}.letter-copy p:first-child{font-size:23px}.letter-greeting{font-size:23px;margin-top:22px}.letter-date{font-size:6px}.invitation-close{position:static;align-self:flex-end;margin-bottom:16px}.quest-actions #reread-invitation{flex-basis:100%;text-align:left}.invitation-footer{font-size:7px}}
@media(max-width:370px){.invitation{padding-inline:21px}.invitation h1{font-size:38px}.envelope{height:218px}.envelope-address strong{font-size:31px}.envelope-address>span:last-child{font-size:13px}.invitation-paper{padding-inline:23px}.invitation-paper h2{font-size:32px}.letter-copy p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.envelope,.envelope-flap,.wax-seal{transition:none}.envelope-scene.opening .envelope,.invitation-paper{animation:none}}