@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&display=swap');
:root{color-scheme:dark;--bg:#1b201c;--paper:#f4eddb;--ink:#e9e5d8;--muted:#adb4a9;--accent:#e8b0a1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 system-ui,-apple-system,sans-serif;min-height:100svh}header{max-width:760px;margin:auto;display:flex;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #e5e9d51a;font-size:13px}header>span+span{color:var(--muted)}main{max-width:680px;padding:0 24px;margin:auto}.scene{padding:46px 0 24px;text-align:center}[hidden]{display:none!important}small{font-size:12px;color:var(--accent)}h1{font-family:Georgia,serif;font-size:clamp(34px,7vw,48px);font-weight:400;letter-spacing:-1.5px;line-height:1.2;margin:15px 0 18px}p{color:var(--muted);margin:0 0 22px}button{font:inherit;cursor:pointer;touch-action:manipulation;min-width:46px;min-height:46px;border:0}button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.primary{background:#d4dac5;color:#20291e;border-radius:5px;padding:13px 23px;box-shadow:0 3px 0 #8b987c;font-size:14px}.primary:active{transform:translateY(2px)}#score{font-size:13px;color:#e4a293;letter-spacing:3px;margin:25px 0 16px}#field{height:280px;max-width:400px;margin:auto;position:relative;background-color:#212921;border:1px solid #aabd991f;background-image:linear-gradient(#b2c09d06 1px,transparent 1px),linear-gradient(90deg,#b2c09d06 1px,transparent 1px);background-size:24px 24px}.heart{position:absolute;width:58px;height:58px;padding:12px;background:transparent;animation:bob 2.5s ease-in-out infinite}.heart svg{width:100%;height:100%;filter:drop-shadow(0 4px 0 #0004)}.hand{font-family:'Caveat','Segoe Print',cursive;font-size:25px;line-height:1.4;color:#dfb5a3}p.hand{min-height:35px;margin:21px 0}.small{font-size:12px}.wood{width:100%;max-width:390px;margin:30px auto 0;background-color:#886d40;background-image:repeating-linear-gradient(0deg,transparent 0 35px,#4c3b24 35px 39px),repeating-linear-gradient(90deg,#b99c5b44 0 42px,#725b3544 42px 82px,#a68b5144 82px 120px);border:7px solid #59452c;box-shadow:0 7px 0 #101710}#eat{background:transparent;display:block;width:100%;padding:8px 0 0}#eat svg{display:block;width:100%;max-height:300px;shape-rendering:crispEdges;filter:drop-shadow(0 9px 0 #382a2c44)}#eat:disabled{cursor:default}.photo{background:var(--paper);color:#4b4239;max-width:350px;padding:12px;margin:36px auto 0;transform:rotate(-2deg);box-shadow:3px 8px 0 #11181166}.photo img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.photoBottom{padding:15px 3px 4px;display:flex;align-items:center;justify-content:space-between;gap:12px}#caption{color:#4b4239;line-height:1.2;text-align:left}#photoNum{font-size:10px;white-space:nowrap;color:#7f7368}.photoControls{display:flex;justify-content:center;align-items:center;gap:32px;margin:27px 0 42px;color:var(--muted);font-size:12px}.photoControls button{background:transparent;color:var(--ink);border:1px solid #aabd9940;border-radius:3px;font-size:20px}article{text-align:left;max-width:500px;background:var(--paper);color:#403c33;padding:30px;margin:auto;position:relative}article:before{content:'';position:absolute;width:70px;height:23px;background:#d3c99a99;top:-12px;left:calc(50% - 35px);transform:rotate(-4deg)}article h2{font:600 35px 'Caveat','Segoe Print',cursive;margin:5px 0 20px}article p{color:#514a40;font-size:15px;line-height:1.95;margin-bottom:20px}.signature{text-align:right;font-size:32px;color:#8f5548}.hugSection{padding-top:45px}#couple{width:100%;max-width:340px;height:auto;image-rendering:pixelated;display:block;margin:auto}.names{display:flex;justify-content:space-around;max-width:340px;margin:-12px auto 0;font-size:23px;color:var(--muted)}.textButton{display:block;background:transparent;color:var(--muted);font-size:12px;margin:40px auto 0}footer{text-align:center;color:#8c9a86;padding:27px}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.piece{position:absolute;top:-30px;width:8px;height:12px;animation:fall 2.4s ease-in forwards}@keyframes bob{50%{translate:0 -8px}}@keyframes fall{to{transform:translateY(110vh) rotate(650deg);opacity:.1}}@media(max-width:420px){main{padding:0 20px}.scene{padding-top:34px}article{padding:27px 24px}.photo{max-width:290px}#caption{font-size:23px}#field{height:260px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}


/* The PNG has real alpha; there is no panel, floor or extra backdrop. */
#couple.handholdStage{width:100%;max-width:240px;aspect-ratio:1;background-image:url('assets/kiss-sprites-light.png');background-repeat:no-repeat;background-size:300% 100%;background-position:0% center;background-color:transparent;border:0;box-shadow:none;border-radius:0;margin:24px auto 0;image-rendering:pixelated}.names{max-width:360px;margin:10px auto 0}

.hugSection .names{max-width:240px;font-size:21px;margin-top:0}#couple.handholdStage{margin-top:16px}

/* Reference cake sprite: three columns, two rows. */
.wood{max-width:300px;background:none;border:0;box-shadow:none;margin:16px auto 0}#eat{padding:0}#cakeArt{position:relative;width:100%;aspect-ratio:1;background-image:url('assets/minecraft-cake.png');background-size:300% 200%;background-repeat:no-repeat;image-rendering:pixelated}#cakeArt.eaten{background-image:none}.crumb{position:absolute;width:7px;height:6px;background:#9b6231;top:66%;left:45%;box-shadow:3px 0 #dbc697}.crumb.c2{left:55%;top:62%;width:5px;height:4px}.crumb.c3{left:59%;top:68%;width:4px;height:4px;background:#eee3c7}
.photoIntro{margin-top:8px!important;font-size:25px}#letter>h1{margin-bottom:10px}
#caption{font-family:"Caveat","Segoe Print",cursive!important;font-size:25px;font-weight:400;line-height:1.25}
article p{font-family:"Caveat","Segoe Print",cursive;font-size:25px;line-height:1.5} @media(max-width:420px){article p{font-size:24px;line-height:1.5}}

/* Real height fallback for Android in-app browsers without CSS aspect-ratio. */
#cakeArt{aspect-ratio:auto;height:auto}#cakeArt::before{content:'';display:block;padding-top:100%}#couple.handholdStage{aspect-ratio:auto!important;height:240px}.photo img[hidden]{display:none!important}

.moreHint{position:fixed;z-index:8;bottom:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 18px;background:#d4dac5;color:#243020;border:1px solid #a9b49c;border-radius:24px;box-shadow:0 3px 15px #0003;font-size:12px;line-height:1.5;min-height:44px}.moreHint span{display:inline-block;margin-left:10px;animation:hintDown 1.4s ease-in-out infinite}.hugSection{scroll-margin-top:24px}@keyframes hintDown{50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.moreHint span{animation:none}}

.musicToggle{background:transparent;border:1px solid #aabd9940;border-radius:20px;color:#d4dac5;font-size:11px;min-height:36px;padding:5px 11px;white-space:nowrap}.musicNote{font:19px 'Caveat','Segoe Print',cursive;color:#b6bdac;margin:-7px 0 18px}header{align-items:center;gap:12px}@media(max-width:420px){header{padding:18px 20px}header>span:nth-child(2){display:none}}