/* City of Creativity — Engine 2 · passport, bookbag and Idea Notebook pictures (shared by every world) */
.pp{position:relative;width:min(100%,640px);aspect-ratio:600/400;container-type:inline-size;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))}
.pp .base{width:100%;height:100%}
.pp .sym{position:absolute;left:16.5%;top:15.5%;width:22%;height:25%;object-fit:contain}
.pp .ln{position:absolute;left:11.5%;width:31%;text-align:center;font:400 3.6cqw/1 var(--hand);color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp .l1{top:49%;font-size:4cqw}.pp .l2{top:58.5%;letter-spacing:.06em}.pp .l3{top:67.5%;font-size:3.2cqw;color:var(--teal-ink)}
.pp .st{position:absolute;width:15%;transform:rotate(-7deg);filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.pp .st:nth-of-type(even){transform:rotate(5deg)}
.pp .st.later{width:12.5%;transform:rotate(11deg)}
.pp .st.fresh{animation:ppstamp .8s cubic-bezier(.2,1.6,.4,1) both .5s}
@keyframes ppstamp{0%{transform:scale(3) rotate(-18deg);opacity:0}100%{transform:scale(1) rotate(5deg);opacity:1}}
.item{position:relative;aspect-ratio:1;width:100%;container-type:inline-size}
.item .base{width:100%;height:100%;object-fit:contain}
.item .patch{position:absolute;transform:translate(-50%,-50%);line-height:0}
.item .patch img{width:100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.item .booktitle{position:absolute;left:28%;top:16%;width:49%;height:14%;display:grid;place-items:center;text-align:center;padding:0 3%;font:600 5.4cqw/1.02 var(--display);color:var(--navy);overflow:hidden}