@font-face{font-family:KeepsakeScript;src:url('../assets/birthday/great-vibes.ttf') format('truetype');font-display:swap}:root{color-scheme:dark;--cream:#f7e4bf;--wood:#714729;--gold:#d5ab67;--wine:#652333}*{box-sizing:border-box}html,body{margin:0;background:#271411;color:var(--cream);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid #f4d18b;outline-offset:5px}h1:focus,h2:focus{outline:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#keepsake-box{height:100svh;min-height:660px;position:relative;overflow:hidden;isolation:isolate}.table{position:absolute;inset:0;z-index:-4;background:#332119 url('../assets/storybook/desk.webp') center/cover}.shade{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse,transparent 15%,#25141466 70%,#170c0bcc),linear-gradient(#200e1344,transparent 40%,#200e1344)}.gift-header{position:absolute;left:28px;right:28px;top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:30}.dedication{position:absolute;left:50%;transform:translateX(-50%);font:19px KeepsakeScript;color:#e3c491;white-space:nowrap}.round{width:44px;height:44px;border:1px solid #d0a66c66;border-radius:50%;display:grid;place-items:center;background:#261710;padding:0;font-size:27px}.round svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#sound[aria-pressed=false] .waves{opacity:.2}.scene-heading{position:absolute;left:20px;right:20px;top:12%;text-align:center;z-index:4;pointer-events:none;text-shadow:0 3px 12px #130805}.eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:2.8px;color:#d9b780;margin:0 0 12px}.scene-heading h1{font:25px/1.15 Georgia;margin:0}.scene-heading h1 em{font:40px/1.1 KeepsakeScript}.scene-heading>p:last-child{font-size:14px;margin:14px 0 0;color:#d9c19d}.box-world{position:absolute;left:50%;top:53%;width:min(680px,79svh,92vw);aspect-ratio:1;transform:translate(-50%,-50%) rotate(-3deg);perspective:1200px;transition:transform 1.4s cubic-bezier(.2,.75,.25,1),filter .8s;filter:drop-shadow(0 24px 28px #0008);isolation:isolate}.box-base{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lid{position:absolute;inset:4%;z-index:14;border:0;padding:0;background:none;transform-origin:50% 0;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.3,.1,.3,1),opacity .8s .8s;filter:drop-shadow(0 9px 9px #12080580)}.lid img{width:100%;height:100%;object-fit:contain;pointer-events:none}.lid:disabled,.ribbon:disabled{opacity:1}.ribbon{position:absolute;left:16%;top:1%;width:68%;height:96%;z-index:15;padding:0;background:none;border:0;touch-action:none;user-select:none;transition:transform 1.05s,opacity .8s;filter:drop-shadow(0 5px 4px #2c070954)}.ribbon img{width:100%;height:100%;object-fit:contain;pointer-events:none}.gift-tag{position:absolute;left:53%;top:44%;z-index:16;color:#785139;background:#f0ddba;padding:15px 23px;box-shadow:0 5px 11px #160c0644;font:28px KeepsakeScript;transform:rotate(15deg);pointer-events:none;transition:transform 1s,opacity .7s}.gift-tag b{display:block;text-align:center;font:21px Georgia;color:#b66556}.gift-tag:before{content:'';position:absolute;left:8px;top:8px;width:5px;height:5px;border-radius:50%;background:#886443}.warm-glow{position:absolute;inset:17%;z-index:13;pointer-events:none;background:radial-gradient(ellipse,#ffd88c3b,transparent 67%);opacity:0;transition:opacity .8s}.scene-bottom{position:absolute;bottom:6%;left:20px;right:20px;text-align:center;z-index:6;pointer-events:none}.scene-bottom button{pointer-events:auto}.paper-action{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:47px;border:1px solid #cda878;padding:12px 24px;border-radius:4px;background:linear-gradient(130deg,#f6e2bd,#dec196);box-shadow:0 5px 12px #1a0c0a50;color:#6c452e;font-size:15px;transition:transform .2s}.paper-action:hover{transform:translateY(-2px)}.plain-action{min-height:44px;padding:10px 15px;background:none;border:0;color:#e2c49e;font-size:14px}.plain-action span{margin-left:10px}.scene-bottom>p{font:17px/1.45 Georgia;margin:17px auto 0;max-width:390px;text-shadow:0 2px 9px #000}.discovery-progress{display:flex;align-items:center;justify-content:center;gap:16px;margin:15px 0 0;font-size:13px;color:#d5bb93}#dots{display:flex;gap:8px}#dots i{width:8px;height:8px;border-radius:50%;border:1px solid #ddc292;background:none}#dots i.seen{background:#f6d49b;box-shadow:0 0 8px #efb96b80}.objects{position:absolute;inset:14%;z-index:5;isolation:isolate}.object{position:absolute;padding:0;border:0;background:none;transform:translate(-50%,-50%) rotate(var(--angle,0deg));transition:left 1.3s,top 1.3s,scale 1.3s,filter .3s;filter:drop-shadow(0 4px 4px #18070655);min-width:44px;min-height:44px;touch-action:manipulation}.object:hover{filter:drop-shadow(0 6px 8px #ffbe6355);z-index:9}.object:focus-visible{z-index:10;outline-offset:2px}.object img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.object-photo{left:24%;top:25%;width:33%;height:39%;--angle:-10deg;z-index:5}.mini-polaroid{display:block;padding:7% 7% 10%;height:100%;background:#f7e8cb;color:#70472f;box-shadow:0 4px 9px #250c0944}.mini-polaroid img{width:100%;height:79%;object-fit:cover}.mini-polaroid>span{display:block;font:clamp(11px,1.7svh,15px) KeepsakeScript;margin-top:6%}.object-letter{left:67%;top:24%;width:43%;height:34%;--angle:7deg;z-index:4}.peek-letter{position:absolute;inset:1% 15% 30%;background:#f4dfb9;font:clamp(10px,1.5svh,14px) KeepsakeScript;color:#7d4a38;transform:translateY(0);opacity:0;transition:transform .7s,opacity .7s}.object-letter.seen .peek-letter{opacity:1;transform:translateY(-15%)}.object-ticket{left:26%;top:65%;width:42%;height:29%;--angle:-9deg;z-index:4}.mini-ticket{position:absolute;inset:22% 15%;color:#6e3e28;font:bold clamp(8px,1.6svh,14px) Georgia;display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:1px}.mini-ticket small{font:clamp(9px,1.8svh,16px)/1.1 KeepsakeScript;letter-spacing:0;margin-top:3px}.object-rose{left:82%;top:51%;width:32%;height:51%;--angle:13deg;z-index:6}.mini-tag{position:absolute;left:0;bottom:5%;padding:8% 10%;background:#f3ddaf;color:#854d36;box-shadow:0 3px 6px #0004;font:clamp(10px,1.9svh,16px)/1 KeepsakeScript;transform:rotate(-18deg)}.object-key{left:48%;top:53%;width:24%;height:30%;--angle:18deg;z-index:8;touch-action:none;user-select:none}.object-key.selected{filter:drop-shadow(0 0 11px #ffe0a299)}.object-key.dragging{transition:none;z-index:22;cursor:grabbing}.object-key.seen{left:38%;top:83%;--angle:60deg;width:22%;height:25%}.seen-mark{position:absolute;right:-2%;bottom:0;display:grid;place-items:center;background:#edcf9b;color:#a9574b;font:14px Georgia;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 5px #0003;opacity:0;transition:opacity .5s}.object.seen>.seen-mark{opacity:1}.secret-drawer{position:absolute;left:51%;top:67%;width:41%;height:31%;z-index:7;perspective:700px;background:#300e17;border:2px ridge #845337;box-shadow:inset 0 0 15px #0b0405}.object-album{left:50%;top:50%;width:94%;height:112%;--angle:4deg;z-index:1}.mini-album{position:absolute;inset:23% 17%;color:#e4bb7e;font:clamp(10px,2.2svh,20px)/1.05 KeepsakeScript;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.drawer-lock{position:absolute;inset:0;z-index:4;padding:0;border:1px ridge #b58951;background:#513321 url('../assets/box-full-of-us/lid.webp') center/cover;transform-origin:right center;transition:transform 1s,filter .3s;backface-visibility:hidden;box-shadow:inset 0 0 16px #2b0d0877}.lock-plate{display:grid;place-items:center;position:absolute;top:30%;left:33%;width:34%;height:40%;border:2px ridge #d6ad64;border-radius:40% 40% 25% 25%;background:linear-gradient(130deg,#edcc88,#9b6d30);color:#392212;font-size:clamp(18px,3.5svh,31px);box-shadow:0 2px 4px #0006}.drawer-lock.key-over,.drawer-lock.inviting{filter:drop-shadow(0 0 10px #ffcb75) brightness(1.2)}.secret-drawer.unlocked .drawer-lock{transform:rotateY(120deg);pointer-events:none}.secret-drawer.unlocked{border-color:#c3924d}.message-floor{position:absolute;inset:13%;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#543320 url('../assets/box-full-of-us/lid.webp') center/115% 115%;box-shadow:inset 0 0 25px #24110d80;opacity:0;text-align:center;color:#f3d6a2;text-shadow:0 1px 0 #201006,0 0 9px #c2945233;transition:opacity 1.2s}.message-floor>span{font:clamp(18px,3.8svh,34px) KeepsakeScript}.message-floor strong{font:clamp(27px,5.7svh,51px)/1.2 KeepsakeScript;margin-top:12px;font-weight:400}.message-floor b{font:30px Georgia;color:#d39174;margin-top:10px}.final-card{display:inline-block;padding:17px 25px 10px;background:linear-gradient(130deg,#f9e8ca,#e0c298);color:#754833;box-shadow:0 6px 15px #160a0644;transform:rotate(-2deg);max-width:100%;pointer-events:auto}.final-card>p{font:30px KeepsakeScript;margin:0 0 5px}.final-card>span{font:14px Georgia}.final-card>div{display:flex;justify-content:center;gap:8px;margin-top:10px}.final-card .paper-action{font-size:13px;min-height:40px;box-shadow:none;padding:8px 14px;background:none;border-color:#9a74484d}.final-card .plain-action{color:#7a5236;font-size:13px}.final-card>small{font:11px Georgia;display:block;min-height:14px;margin-top:5px}
[data-stage=wrapped] .box-world{transform:translate(-50%,-44%) rotate(-9deg) scale(.87)}[data-stage=untie] .box-world{transform:translate(-50%,-50%) rotate(-3deg) scale(.94)}[data-stage=untying] .ribbon,[data-stage=lift] .ribbon,[data-stage=opening] .ribbon{transform:translate(95%,-35%) rotate(35deg);opacity:0;pointer-events:none}[data-stage=untying] .gift-tag,[data-stage=lift] .gift-tag,[data-stage=opening] .gift-tag{transform:translate(150%,-50%) rotate(45deg);opacity:0}[data-stage=opening] .lid{transform:rotateX(108deg) translateY(-40px);opacity:0;pointer-events:none}[data-stage=opening] .warm-glow{opacity:1}[data-stage=inside] .lid,[data-stage=inside] .ribbon,[data-stage=inside] .gift-tag,[data-stage=ready] .lid,[data-stage=ready] .ribbon,[data-stage=ready] .gift-tag,[data-stage=final] .lid,[data-stage=final] .ribbon,[data-stage=final] .gift-tag{display:none}[data-stage=ready] .message-floor,[data-stage=final] .message-floor{opacity:1}[data-stage=ready] .object,[data-stage=final] .object{scale:.62}[data-stage=ready] .object-photo,[data-stage=final] .object-photo{left:7%;top:10%}[data-stage=ready] .object-letter,[data-stage=final] .object-letter{left:90%;top:6%}[data-stage=ready] .object-ticket,[data-stage=final] .object-ticket{left:9%;top:91%}[data-stage=ready] .object-rose,[data-stage=final] .object-rose{left:99%;top:54%}[data-stage=ready] .object-key,[data-stage=final] .object-key{left:72%;top:97%}[data-stage=ready] .secret-drawer,[data-stage=final] .secret-drawer{left:16%;top:20%;width:68%;height:61%;border:0;background:none;box-shadow:none;transition:left 1.3s,top 1.3s,width 1.3s,height 1.3s}[data-stage=ready] .object-album{scale:1.05;--angle:-4deg;touch-action:none}[data-stage=ready] .object-album .mini-album{font-size:30px}[data-stage=ready] .object{touch-action:none}[data-stage=final] .secret-drawer{left:27%;top:-4%;width:33%;height:29%;pointer-events:none}[data-stage=final] .object-album{scale:.65}[data-stage=final] .seen-mark{opacity:0}[data-stage=final] .scene-heading{opacity:0}[data-stage=final] .box-world{top:44%;transform:translate(-50%,-50%) rotate(-2deg) scale(.89)}[data-stage=final] .discovery-progress{display:none}[data-stage=final] #instruction{display:none}
.object-dialog{color:#f7e3be;border:0;background:transparent;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);width:490px;padding:55px 20px 14px;text-align:center;overflow:auto;scrollbar-width:thin;scrollbar-color:#a67e4955 transparent}.object-dialog::backdrop{background:#24130ef0;background-image:linear-gradient(#28140ecc,#180c0cef),url('../assets/storybook/desk.webp');background-size:cover;backdrop-filter:blur(7px)}.return-object{position:absolute;top:5px;right:8px}.object-dialog>.eyebrow{font-size:9px;letter-spacing:2.5px;margin-bottom:10px}.object-dialog h2{font:38px/1.15 KeepsakeScript;margin:0 0 25px;color:#f0d2a0}.object-dialog>#back-to-box{margin-top:22px}.object-detail{position:relative}.photo-flip{display:block;width:300px;max-width:100%;height:370px;position:relative;margin:10px auto 0;border:0;background:none;padding:0;perspective:1000px;color:#765139;transform:rotate(-4deg);-webkit-tap-highlight-color:transparent}.photo-sides{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.2,.7,.2,1)}.photo-flip.flipped .photo-sides{transform:rotateY(180deg)}.photo-front,.photo-back{position:absolute;inset:0;padding:12px;background:linear-gradient(135deg,#fff3d9,#e3caa2);box-shadow:0 12px 20px #0a040677;backface-visibility:hidden}.photo-front img{width:100%;height:82%;object-fit:cover}.photo-front>span{display:block;font:26px/1.1 KeepsakeScript;margin-top:13px}.photo-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;padding:23px;color:#78503b}.photo-back h3{font:33px/1.1 KeepsakeScript;margin:0 0 20px}.photo-back p{font:18px/1.65 Georgia;margin:0}.photo-back>span{font:29px Georgia;color:#ab5c4e;margin-top:16px}.object-tip{font-size:14px;color:#c6a77d;line-height:1.5;margin:23px 0 0}.seal-envelope{position:relative;display:block;width:min(370px,100%);height:270px;padding:0;border:0;background:none;transform:rotate(-5deg);margin:30px auto 0}.seal-envelope img{width:100%;height:100%;object-fit:contain}.seal-envelope>span{position:absolute;left:0;right:0;top:35%;font:34px KeepsakeScript;color:#885747;pointer-events:none}.love-note{background:#f0dcba url('../assets/storybook/paper.webp') center/cover;color:#76503d;padding:30px 27px;box-shadow:0 9px 20px #16090988;transform:rotate(-2deg);text-align:left;animation:note-unfold .85s ease-out}.love-note h3{font:35px/1.2 KeepsakeScript;margin:0 0 20px;color:#8c4a3d}.love-note p{font-size:17px;line-height:1.65;margin:0 0 17px}.love-note .signed{font:29px KeepsakeScript;text-align:right;margin:17px 0 0}.ticket-scene{position:relative;padding:25px 0 10px;isolation:isolate}.big-ticket{position:relative;display:block;width:100%;aspect-ratio:1.7;border:0;background:none;color:#71442e;padding:0;transform:rotate(-6deg);z-index:2;transition:transform .8s}.big-ticket img{width:100%;height:100%;object-fit:fill}.ticket-words{position:absolute;inset:18% 16%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ticket-words strong{font:22px Georgia;letter-spacing:2px}.ticket-words span{font:18px/1.4 KeepsakeScript}.ticket-stub{position:absolute;right:7%;top:15%;height:69%;width:12%;border-left:1px dashed #896343;transform-origin:left top;transition:transform .8s,opacity .7s;background:#e6c798bb;font:12px Georgia;writing-mode:vertical-rl;display:grid;place-items:center}.ticket-scene.open .ticket-stub{transform:translate(40px,30px) rotate(28deg);opacity:0}.ticket-memory{padding:10px 10px 20px;background:#f2dfbc;box-shadow:0 10px 18px #0006;color:#744a33;width:76%;margin:-12px auto 0;transform:rotate(5deg);animation:note-unfold .8s ease-out}.ticket-memory img{width:100%;height:210px;object-fit:cover}.ticket-memory p{font:24px/1.25 KeepsakeScript;margin:12px 0 0}.ticket-scene.open .big-ticket{transform:rotate(-8deg) scale(.9)}.rose-scene{position:relative;height:370px;max-width:370px;margin:auto;perspective:850px}.rose-turn{position:absolute;inset:0;border:0;background:none;padding:0;touch-action:none;user-select:none;transform:rotate(var(--rose-angle,-12deg)) rotateY(var(--rose-depth,0deg));filter:drop-shadow(4px 8px 9px #0006)}.rose-turn img{width:100%;height:100%;object-fit:contain;pointer-events:none}.rose-tag{position:absolute;left:3%;bottom:7%;width:47%;min-height:95px;padding:15px 12px;background:linear-gradient(130deg,#f5e1bc,#dbbb8a);border:1px solid #ad8150;box-shadow:0 5px 12px #0005;transform:rotate(-12deg);font:25px/1.15 KeepsakeScript;color:#86513d}.rose-tag:before{content:'';position:absolute;top:7px;left:8px;width:4px;height:4px;border-radius:50%;background:#88603a}.rose-compliment{background:#f4dfb9;color:#86543b;box-shadow:0 5px 12px #0005;padding:20px;max-width:320px;margin:-15px auto 0;transform:rotate(4deg);font:27px/1.3 KeepsakeScript;position:relative;animation:note-unfold .7s ease-out}.rotate-controls{display:flex;justify-content:center;gap:15px;margin:8px 0}.rotate-controls button{border:1px solid #ac855166;border-radius:50%;width:39px;height:39px;background:#3a2115;color:#e7bf83;font-size:24px}.album-scene{position:relative;width:100%;padding:17px 18px 24px;background:#572d1e url('../assets/storybook/leather.webp') center/100% 100%;border-radius:4px;box-shadow:0 10px 25px #0007;transform:rotate(-3deg);perspective:900px}.album-page{background:#f6e5c9 url('../assets/storybook/paper.webp') center/cover;color:#795039;padding:14px 16px 21px;position:relative;touch-action:pan-y}.album-page:before{content:'';position:absolute;left:5px;top:5%;bottom:5%;width:4px;background:linear-gradient(90deg,#88603688,#f1cd91,#72502c77)}.album-page img{width:100%;height:260px;object-fit:cover;border:7px solid #fff6e4;box-shadow:0 3px 5px #6d442129}.album-page p{font:29px/1.1 KeepsakeScript;margin:17px 0 0}.album-turner{position:absolute;bottom:5px;width:44px;height:44px;border:0;background:none;color:#815630;font-size:28px}.album-turner.prev{left:0}.album-turner.next{right:0}.album-position{font:12px Georgia;color:#d4ae7b;margin:16px 0 0}.album-page.flipping{animation:album-flip .5s ease}.object-dialog.opening-object{animation:object-lift .6s cubic-bezier(.2,.7,.2,1)}@keyframes note-unfold{from{opacity:0;translate:0 20px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes album-flip{0%{transform:rotateY(0)}45%{transform:rotateY(-25deg);filter:brightness(.8)}100%{transform:rotateY(0);filter:brightness(1)}}@keyframes object-lift{from{opacity:0;translate:var(--lift-x,0) var(--lift-y,40px);scale:.35}to{opacity:1;translate:0 0;scale:1}}.no-script{position:absolute;inset:0;z-index:99;display:grid;place-content:center;padding:25px;background:#291410;text-align:center}
@media(min-width:1100px){.box-world{width:min(760px,85svh);top:52%}.scene-heading{left:4%;right:auto;top:29%;max-width:230px;text-align:left}.scene-heading h1{font-size:25px}.scene-heading h1 em{font-size:43px}.scene-heading>p:last-child{font-size:15px;line-height:1.5}.scene-bottom{left:auto;right:3%;bottom:24%;width:240px}.scene-bottom>p{font-size:17px}.discovery-progress{flex-direction:column;gap:12px}.paper-action{font-size:14px;padding:12px 20px}.final-card{width:290px;max-width:none;margin-left:-30px;padding:22px 18px 10px}.final-card>p{font-size:30px}.final-card>div{flex-direction:column;align-items:center}.final-card .plain-action{font-size:13px}[data-stage=final] .box-world{top:49%;scale:.97}[data-stage=final] .scene-bottom{bottom:26%}.object-dialog{width:490px}}
@media(max-width:700px){.gift-header{left:17px;right:17px;top:14px}.dedication{display:none}.scene-heading{top:13%;left:20px;right:20px}.scene-heading .eyebrow{font-size:8px;letter-spacing:2.1px;margin-bottom:9px}.scene-heading h1{font-size:22px}.scene-heading h1 em{font-size:34px}.scene-heading>p:last-child{font-size:13px;margin-top:10px}.box-world{width:108vw;max-width:72svh;top:54%}.gift-tag{font-size:22px;padding:12px 19px}.gift-tag b{font-size:19px}.scene-bottom{bottom:6%;left:18px;right:18px}.scene-bottom>p{font-size:15px;max-width:310px;margin-top:14px}.discovery-progress{font-size:12px;gap:13px;margin-top:13px}#dots{gap:7px}.paper-action{font-size:15px;padding:12px 23px}.mini-ticket{font-size:9px;letter-spacing:.4px}.mini-ticket small{font-size:12px}.mini-album{font-size:14px}.mini-tag{font-size:13px}.mini-polaroid>span{font-size:11px}.lock-plate{font-size:24px}.seen-mark{width:15px;height:15px;font-size:11px}.message-floor>span{font-size:23px}.message-floor strong{font-size:34px;margin-top:10px}.message-floor b{font-size:25px;margin-top:8px}.object-dialog{padding:54px 16px 12px;max-width:calc(100vw - 22px)}.object-dialog h2{font-size:33px;margin-bottom:20px}.object-dialog>.eyebrow{font-size:8px}.object-dialog>#back-to-box{margin-top:18px;font-size:13px}.photo-flip{width:270px;height:340px}.photo-front>span{font-size:25px}.photo-back h3{font-size:30px}.photo-back p{font-size:16px}.seal-envelope{height:220px}.seal-envelope>span{font-size:29px}.love-note{padding:25px 23px}.love-note h3{font-size:31px}.love-note p{font-size:16px;line-height:1.6}.love-note .signed{font-size:27px}.ticket-words{gap:6px}.ticket-words strong{font-size:18px}.ticket-words span{font-size:18px}.ticket-stub{font-size:10px}.ticket-memory img{height:170px}.ticket-memory p{font-size:23px}.rose-scene{height:310px}.rose-tag{font-size:23px;min-height:83px;padding:12px}.rose-compliment{font-size:25px;padding:18px;max-width:275px}.object-tip{font-size:13px;margin-top:19px}.album-scene{padding:14px 13px 21px}.album-page{padding:10px 10px 17px}.album-page img{height:230px;border-width:6px}.album-page p{font-size:26px}.final-card{padding:16px 18px 8px}.final-card>p{font-size:27px}.final-card>span{font-size:12px}.final-card>div{gap:3px}.final-card .paper-action,.final-card .plain-action{font-size:12px;padding:8px 11px}.final-card>small{font-size:10px}[data-stage=final] .box-world{top:41%;transform:translate(-50%,-50%) rotate(-2deg) scale(.92)}[data-stage=final] .scene-bottom{bottom:6%}[data-stage=ready] .object-album .mini-album{font-size:25px}}
@media(max-height:550px) and (min-width:701px){#keepsake-box{min-height:430px}.box-world{width:86svh;max-width:390px;top:53%}.scene-heading{left:3%;right:auto;width:190px;top:26%;text-align:left}.scene-heading h1{font-size:20px}.scene-heading h1 em{font-size:29px}.scene-heading .eyebrow{font-size:8px}.scene-heading>p:last-child{font-size:13px}.scene-bottom{left:auto;right:3%;width:185px;bottom:25%}.scene-bottom>p{font-size:14px}.paper-action{font-size:13px;padding:11px 16px;gap:12px}.discovery-progress{flex-direction:column;gap:10px}.dedication{display:none}.mini-ticket{font-size:9px}.mini-album{font-size:13px}.message-floor strong{font-size:29px}.message-floor>span{font-size:21px}.final-card{padding:13px 13px 7px}.final-card>p{font-size:26px}.final-card>span{font-size:12px}.final-card>div{flex-direction:column;gap:0}.final-card .paper-action,.final-card .plain-action{font-size:12px}[data-stage=final] .box-world{top:51%;scale:.94}[data-stage=final] .scene-bottom{bottom:20%}}
.ticket-memory{display:none}.ticket-scene.open .ticket-memory{display:block}.ticket-scene.open .ticket-stub{visibility:hidden}.ticket-words{right:24%;left:10%}.ticket-stub{border:0;border-left:1px dashed #896343;color:#71442e;min-width:44px}.object-key.selected{filter:drop-shadow(0 0 9px #ebba61)}.rotate-controls{align-items:center}.rotate-controls span{font-size:13px}.album-page p{padding:0 22px}.lid{touch-action:none}.scene-bottom .final-card .plain-action{color:#795136}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep each keepsake and its return control within the available screen. */
.object-dialog{max-height:calc(100dvh - 16px);padding:48px 20px 8px;overflow:visible}
.object-dialog>.eyebrow{margin-bottom:6px}
.object-dialog h2{font-size:clamp(27px,4.2dvh,38px);margin-bottom:14px}
.object-dialog>#back-to-box{margin-top:10px}
.object-tip{margin:12px 0 0}
.photo-flip{height:min(370px,49dvh);width:min(300px,39dvh);margin-top:5px}
.photo-back{padding:18px}.photo-back h3{margin-bottom:12px}.photo-back p{font-size:clamp(13px,2dvh,17px);line-height:1.45}.photo-back>span{margin-top:10px;font-size:23px}
.seal-envelope{height:min(270px,38dvh);margin:10px auto 0}
.love-note{padding:20px 23px}.love-note h3{font-size:29px;margin-bottom:12px}.love-note p{font-size:clamp(14px,1.95dvh,17px);line-height:1.45;margin-bottom:12px}.love-note .signed{font-size:25px;margin:10px 0 0}
.ticket-scene{padding:10px 0 0}.big-ticket{max-width:min(390px,49dvh);margin:auto;aspect-ratio:2.1}.ticket-memory{width:min(76%,34dvh);padding:8px 8px 12px;margin:4px auto 0}.ticket-memory img{height:min(180px,21dvh)}.ticket-memory p{font-size:22px;margin:8px 0 0}
.rose-scene{height:min(330px,36dvh)}#object-detail:has(.rose-compliment:not([hidden])) .rose-scene{height:min(260px,26dvh)}.rose-compliment{font-size:23px;line-height:1.2;padding:14px;margin:0 auto}.rotate-controls{margin:8px 0 0}.rose-tag{font-size:21px;min-height:74px;padding:10px}
.album-page img{height:min(260px,31dvh)}.album-page p{margin-top:10px}.album-position{margin:10px 0 0}.album-scene{padding:12px 14px 18px}
@media(max-height:650px){.object-dialog{padding-top:44px}.object-dialog h2{margin-bottom:10px}.object-dialog>.eyebrow{font-size:8px}.object-tip{font-size:12px;margin-top:8px}.photo-front>span{font-size:21px;margin-top:6px}.photo-back h3{font-size:25px}.love-note{padding:15px 19px}.love-note p{margin-bottom:9px}.love-note h3{font-size:26px;margin-bottom:8px}.love-note .signed{font-size:23px}.ticket-words{gap:3px}.ticket-words strong{font-size:16px}.ticket-words small{font-size:11px}.ticket-memory p{font-size:20px}.rose-compliment{font-size:21px}.album-page p{font-size:23px}.object-dialog>#back-to-box{margin-top:5px}}
@media(max-height:500px) and (min-width:600px){.object-dialog{width:min(820px,96vw);padding:10px 56px 4px}.object-dialog>.eyebrow{display:none}.object-dialog h2{font-size:27px;margin-bottom:8px}.return-object{right:5px;top:5px}.object-dialog>#back-to-box{margin-top:2px}.object-tip{margin-top:5px}.photo-flip{height:65dvh;width:52dvh;margin:0 auto}.photo-front>span{font-size:18px}.photo-back{padding:10px}.photo-back h3{font-size:23px;margin-bottom:6px}.photo-back p{font-size:12px;line-height:1.25}.photo-back>span{font-size:18px;margin-top:5px}.love-note{padding:12px 22px;text-align:left}.love-note h3{font-size:25px;margin-bottom:5px}.love-note p{font-size:14px;line-height:1.3;margin-bottom:7px}.love-note .signed{font-size:22px;margin:0}.ticket-scene.open{display:flex;align-items:center;gap:24px}.big-ticket{width:47%;max-width:none}.ticket-memory{width:42%;margin:0}.ticket-memory img{height:33dvh}.ticket-memory p{font-size:19px}.rose-scene,#object-detail:has(.rose-compliment:not([hidden])) .rose-scene{height:49dvh;width:48%}#object-detail:has(.rose-scene){display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.rose-compliment{width:45%;margin:0;font-size:22px}.rotate-controls{width:100%;margin-top:0}.album-scene{width:310px;margin:auto;padding:8px 12px}.album-page{padding:6px 10px 12px}.album-page img{height:39dvh}.album-page p{font-size:21px;margin:5px 0 0}.album-position{margin:4px 0 0}}