/* Original artwork, with no illumination or ornamental animation. */
#envelope .family-title{position:absolute;top:10%;left:10%;right:10%;margin:0;text-align:center;z-index:8;color:#f2d9b8;font-family:'Aref Ruqaa','Amiri',serif;font-size:clamp(26px,7vw,38px);font-weight:400;line-height:1.8;pointer-events:none}
#envelope .family-title[hidden]{display:none}
#envelope .envelope-inner{width:min(100%,calc(100svh * 941 / 1672),560px);height:auto;aspect-ratio:941/1672;align-self:center;flex:none}
#envelope .paper-panel img,#envelope img.paper-panel,#envelope .paper-seal,#envelope .approved-poster{object-fit:contain}
#envelope.is-animating{background:#190b08}
#envelope.is-animating .envelope-inner{background:transparent}
#envelope .foil-pass,#envelope .interior-light{display:none!important}
#envelope .paper-panel{will-change:transform}
#envelope .paper-panel,#envelope .paper-seal{display:none}
#envelope .opening-cue{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:220px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#f2d9b8;font-family:'Noto Naskh Arabic',serif;font-size:18px;font-weight:400;line-height:1.6;white-space:nowrap}
#envelope .opening-cue>span{font-family:serif;font-size:28px;line-height:1}
.music-toggle{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));right:16px;z-index:20;width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #b38a5570;border-radius:50%;background:#f8eddf;color:#551f2b;cursor:pointer;box-shadow:0 2px 10px #0002}
.music-toggle[hidden]{display:none}