.intro-envelope{z-index:9999;cursor:pointer;perspective:1400px;background:radial-gradient(at 50% 40%,#1b2e54 0%,#0f1e3d 45%,#060c1c 100%);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;font-family:Inter,system-ui,sans-serif;transition:opacity .9s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset:0}.intro-envelope:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffffff05 0 2px,#0000 2px 5px),repeating-linear-gradient(-45deg,#0000001f 0 1px,#0000 1px 3px);position:absolute;inset:0}.intro-envelope.is-opening{opacity:0;pointer-events:none}.intro-envelope.is-opening .envelope__flap{transform:rotateX(-180deg)}.intro-envelope.is-opening .envelope__seal{opacity:0;transform:translate(-50%,-50%)scale(1.5)rotate(35deg)}.envelope{aspect-ratio:3/2;width:min(78vw,360px);transform-style:preserve-3d;filter:drop-shadow(0 30px 60px #0000008c);position:relative}.envelope__back,.envelope__body,.envelope__flap{border-radius:6px;position:absolute;inset:0}.envelope__back{background:linear-gradient(#16284d 0%,#0a1530 100%);box-shadow:inset 0 0 30px #00000080}.envelope__body{clip-path:polygon(0 0,100% 0,100% 100%,50% 55%,0 100%);background:linear-gradient(#15264a 0%,#0d1b39 100%);box-shadow:inset 0 0 40px #0006}.envelope__flap{clip-path:polygon(0 0,100% 0,50% 70%);transform-origin:top;backface-visibility:hidden;background:linear-gradient(#1a2d56 0%,#0f1e3d 100%);transition:transform 1s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 18px #00000059}.envelope__seal{aspect-ratio:1;z-index:3;background:radial-gradient(circle at 35% 30%,#fff 0%,#efe6d2 35%,#d9c89f 70%,#b89a63 100%);border-radius:50%;place-items:center;width:26%;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 14px #00000073,inset 0 -4px 8px #00000040,inset 0 4px 8px #fff9}.envelope__seal:before{content:"";border:1px dashed #00000040;border-radius:50%;position:absolute;inset:8%}.envelope__seal-mono{color:#5c4520;font-family:Allura,Snell Roundhand,cursive;font-size:clamp(28px,6vw,44px);line-height:1;transform:translateY(-2px)}.intro-envelope__hint{color:#f8f0dcd9;z-index:1;text-align:center;align-items:center;gap:1rem;margin:0;font-family:Allura,Snell Roundhand,cursive;font-size:clamp(20px,4.5vw,28px);animation:2.4s ease-in-out infinite re-pulse;display:flex;position:relative}.intro-envelope__hint-line{background:#f8f0dc73;width:36px;height:1px}@keyframes re-pulse{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}