*{box-sizing:border-box}html,body{margin:0;background:#000;min-height:100%;font-family:Arial,sans-serif}body{min-height:100dvh;display:grid;place-items:center}.stage{position:relative;width:min(100vw,58.378378dvh);aspect-ratio:1080/1850;isolation:isolate;background:#000}.media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}#cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#000;z-index:5}#actions{position:absolute;inset:0;z-index:2;pointer-events:none}#actions>*{position:absolute;pointer-events:auto;border:0;background:transparent;cursor:pointer}#rsvp{left:24.5%;top:61.9%;width:12.2%;height:13.5%}#location{left:38.2%;top:62.3%;width:11.2%;height:13.7%}#gifts-open{left:51.1%;top:62.6%;width:11.7%;height:12.9%}button:focus-visible,a:focus-visible{outline:3px solid #ffdf23;outline-offset:3px}.pill{background:#172332bd;color:#fff;border:1px solid #ffffff60;border-radius:30px;padding:10px 14px;font:14px Arial;min-height:44px;backdrop-filter:blur(12px)}.skip{position:absolute;bottom:3%;right:4%;z-index:3}.controls{position:absolute;top:10px;right:10px;display:flex;gap:5px;z-index:4}#gifts{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;overflow:hidden}#gifts::backdrop{background:#0008;backdrop-filter:blur(8px)}#gifts-close{position:absolute;top:12px;right:12px;width:48px;height:48px;border:1px solid #fff8;border-radius:14px;background:#ffffffe0;color:#000;font:32px Arial;z-index:1}#status{position:fixed;bottom:10px;background:#172332;color:white;padding:12px;z-index:10}@media(max-width:650px){body{align-items:start}.stage{width:100%;max-width:540px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.stage.final-layout{aspect-ratio:9/16;width:min(100vw,56.25dvh)}.final-layout #final{object-fit:contain}.final-layout #rsvp{left:25%;top:68%;width:12%;height:9%}.final-layout #location{left:39%;top:68%;width:12%;height:9%}.final-layout #gifts-open{left:54%;top:68%;width:12%;height:9%}@media(max-width:650px){.stage.final-layout{width:100%;max-width:540px}}

#gifts-art{object-fit:contain}