.env-stage{aspect-ratio:7/5;perspective:1400px;--env-paper:#ece2d4;--env-paper-dark:#e2d5c3;--env-paper-darker:#d9cab5;--env-card:#fffdf8;--env-seal:#6a2236;width:100%;position:relative}.env-button{z-index:10;cursor:pointer;border-radius:.5rem;position:absolute;inset:0}.env-button:focus-visible{outline:2px solid var(--env-seal);outline-offset:6px}.env-back,.env-pocket,.env-flap{position:absolute;left:0;right:0}.env-back{background:var(--env-paper);border-radius:.5rem;inset:0;box-shadow:0 30px 60px -30px #3a363173,0 2px 6px #3a363114}.env-card{z-index:2;background:var(--env-card);text-align:center;border:1px solid #eadfce;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;transition:transform .8s cubic-bezier(.22,1,.36,1) .5s;display:flex;position:absolute;inset:6%}.env-pocket{z-index:3;pointer-events:none;inset:0}.env-flap{z-index:4;transform-origin:top;height:56%;transition:transform .6s cubic-bezier(.45,0,.2,1),z-index 0s linear .3s;top:0}.env-seal{z-index:5;aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #a0435a 0%, var(--env-seal) 55%, #4b1827 100%);color:#f6e7e2;border-radius:9999px;place-items:center;width:15%;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #ffffff1f,0 3px 8px #3c141959}.env-open .env-seal{opacity:0;transform:translate(-50%,-50%)scale(.8)}.env-open .env-flap{z-index:1;transform:rotateX(180deg)}.env-open .env-card{transform:translateY(-52%)}.env-hint{animation:2.4s ease-in-out infinite env-pulse}@keyframes env-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.env-card,.env-flap,.env-seal{transition:none}.env-hint{animation:none}}