/* PLAYGROUND */
.play{overflow:hidden}
.pl-head{text-align:center;font-size:16px}
.hint{text-align:center;color:var(--muted);margin-top:8px}
.board{position:relative;height:620px;margin-top:20px}
.clip{position:absolute;background:#fff;padding:6px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.clip img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.clip .lbl{position:absolute;background:var(--n-g);padding:2px 10px;font-size:15px;white-space:nowrap}
.c1{left:0;top:10px;width:24%;height:300px;transform:rotate(-3deg)}.c1 .lbl{top:12px;left:-10px}
.c2{left:12%;top:290px;width:26%;height:260px;transform:rotate(4deg)}.c2 .lbl{top:-14px;left:20px;background:var(--n-b)}
.c3{left:38%;top:60px;width:26%;height:280px;transform:rotate(-2deg)}.c3 .lbl{bottom:-10px;right:10px;background:var(--n-y)}
.c4{left:60%;top:300px;width:24%;height:280px;transform:rotate(3deg)}.c4 .lbl{top:-14px;left:-10px}
.c5{right:0;top:20px;width:22%;height:260px;transform:rotate(5deg)}.c5 .lbl{top:40px;left:-30px;background:var(--n-p)}
.c6{left:35%;top:370px;width:16%;height:210px;transform:rotate(-6deg)}.c6 .lbl{bottom:-10px;left:10px;background:var(--n-y)}
.c6 img{object-position:top;background:#f7e08a}