.pzh{margin:0 0 0 10px;font-size:clamp(20px,4vw,30px);color:#4a2f7a}
.pzscroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px 40px}
.pzsub{margin:14px 4px 8px;color:#5b3f8f}
.pzgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}
.pzthumb{aspect-ratio:1;border:0;border-radius:22px;padding:0;overflow:hidden;background:#fff;box-shadow:0 6px 0 #0002,0 12px 20px #6a3f9a33}
.pzthumb img{width:100%;height:100%;object-fit:cover;display:block}
.pzphoto{position:relative;overflow:hidden;font:700 20px inherit;border:0;border-radius:999px;padding:14px 26px;background:linear-gradient(#fff,#ffe9f5);box-shadow:0 5px 0 #0002;color:#4a2f7a}
.pzphoto input{position:absolute;inset:0;opacity:0;font-size:200px;cursor:pointer}
.pzempty{color:#6b5a8a;margin:4px}
.pzdiff{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:12px}
#pzPrev{width:min(46vw,46vh,300px);aspect-ratio:1;object-fit:cover;border-radius:26px;box-shadow:0 8px 0 #0002,0 16px 30px #6a3f9a44;background:#fff}
.pzpills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:720px}
.pzpill{border:0;border-radius:22px;padding:12px 18px;background:#fff;box-shadow:0 5px 0 #0002;display:flex;flex-direction:column;align-items:center;color:#4a2f7a;min-width:96px}
.pzpill b{font-size:20px}.pzpill small{opacity:.7}
.pzpill.on{background:linear-gradient(#ffe36b,#ffc23a);transform:translateY(-3px);box-shadow:0 8px 0 #c98a1a55}
.pzgo{border:0;border-radius:999px;padding:16px 44px;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(#7be07b,#3fae5f);box-shadow:0 6px 0 #2c7e44}
.pzcount{margin-left:auto;margin-right:16px;font-size:20px;color:#4a2f7a;background:#fff;border-radius:999px;padding:6px 14px}
.pzpeek{font-size:26px}
.pzarea{position:relative;flex:1;display:flex;gap:12px;padding:12px;touch-action:none;user-select:none;-webkit-user-select:none}
@media (orientation:portrait){.pzarea{flex-direction:column;align-items:center}}
@media (orientation:landscape){.pzarea{align-items:center}}
.pzboard{position:relative;flex:none;background:#ffffffaa;border-radius:16px;box-shadow:inset 0 0 0 3px #fff,0 8px 24px #6a3f9a33}
.pztray{flex:1;align-self:stretch;min-width:120px;min-height:120px;border-radius:22px;background:#ffffff55}
#pzGhost{position:absolute;inset:0;width:100%;height:100%;opacity:.14;border-radius:16px;transition:opacity .3s;pointer-events:none}
#pzGhost.peek{opacity:.85}
.pzslot{position:absolute;outline:1px dashed #7a5cc455;outline-offset:-1px}
.pzp{position:absolute;box-shadow:0 3px 6px #0004;touch-action:none;cursor:grab;transition:transform .12s}
.pzp.lift{box-shadow:0 10px 18px #0005}
.pzp.snap{box-shadow:none;border-radius:2px!important;transition:left .12s,top .12s,border-radius .3s;cursor:default}
.pzboard.won{animation:pzwin .7s ease}
@keyframes pzwin{50%{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.pzp,.pzp.snap{transition:none}.pzboard.won{animation:none}}
.pzart svg{width:100%;height:100%;display:block}