.pz{max-width:1000px;margin:0 auto}.pz-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pz-levels{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--g-key);box-shadow:var(--g-key-shadow)}.pz-level{min-height:38px;padding:8px 14px;border-radius:999px;border:0;background:#fff0;color:var(--color-ink);font:700 13px/1 var(--font-sans);cursor:pointer;white-space:nowrap;transition:background .25s var(--ease),color .25s var(--ease)}.pz-level small{font-size:11px;font-weight:700;color:var(--color-text-muted);margin-left:2px}.pz-level:hover{color:var(--color-brand)}.pz-level.is-active{background:var(--color-ink);color:var(--color-bg)}.pz-level.is-active small{color:inherit;opacity:.7}.pz-level.is-done::after{content:' ✓';color:var(--lx-green)}.pz-meta{margin:0 0 0 auto;font-size:15px;font-weight:700;color:var(--color-text-soft);font-variant-numeric:tabular-nums}.pz-ghost{min-height:40px;padding:8px 16px;font-size:13px}.pz-ghost[aria-pressed="true"]{border-color:var(--color-brand);color:var(--color-brand)}.pz-area{position:relative;margin-top:18px;min-height:320px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pz-board{position:absolute;left:0;top:0;border-radius:4px;background:var(--g-key);box-shadow:inset 0 0 0 2px var(--color-border-strong),var(--g-key-shadow);animation:g-pop-in .5s var(--ease-spring) both}.pz-board.is-glow{animation:pz-glow 1.6s var(--ease)}@keyframes pz-glow{0%{box-shadow:0 0 0 0 #fff0}30%{box-shadow:0 0 0 6px rgb(31 157 107 / .45),0 0 70px rgb(31 157 107 / .35)}100%{box-shadow:0 0 0 0 #fff0}}.pz-ghostimg{position:absolute;inset:0;border-radius:inherit;background-size:cover;background-position:center;opacity:0;transition:opacity .35s var(--ease)}.pz.is-ghost .pz-ghostimg{opacity:.3}.pz.is-done .pz-ghostimg{opacity:1}.pz-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .4s var(--ease)}.pz-guide path{fill:none;stroke:var(--color-border-strong);stroke-width:1.2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.pz-tray{position:absolute;border-radius:20px;border:2px dashed var(--color-border-strong);background:rgb(128 128 128 / .04);pointer-events:none;transition:opacity .4s var(--ease)}.pz-pieces{position:absolute;inset:0;pointer-events:none}.pz-piece{position:absolute;left:0;top:0;pointer-events:none;will-change:transform;filter:drop-shadow(0 1px 1.5px rgb(0 0 0 / .35)) drop-shadow(0 3px 6px rgb(0 0 0 / .12));transition:filter .2s var(--ease),scale .18s var(--ease)}.pz-piece svg{display:block;width:100%;height:100%;overflow:visible}.pz-piece image{pointer-events:auto;cursor:grab;touch-action:none}.pz-piece.is-drag{scale:1.05;filter:drop-shadow(0 12px 16px rgb(0 0 0 / .32)) drop-shadow(0 2px 3px rgb(0 0 0 / .2))}.pz-piece.is-drag image{cursor:grabbing}.pz-piece.is-in{animation:pz-in .55s var(--ease-spring) both}@keyframes pz-in{from{opacity:0;scale:.3}}.pz-piece.is-snap{transition:transform .16s var(--ease),filter .3s var(--ease);animation:pz-pop .42s var(--ease-spring)}@keyframes pz-pop{45%{scale:1.07}}.pz-piece.is-placed{z-index:1;filter:none}.pz-piece.is-placed image{pointer-events:none;cursor:default}.pz-edge{fill:none;stroke:rgb(255 255 255 / .6);stroke-width:1.3;vector-effect:non-scaling-stroke;transition:stroke .6s var(--ease)}.pz-piece.is-placed .pz-edge{stroke:rgb(255 255 255 / .2)}.pz.is-done .pz-edge{stroke:#fff0}.pz.is-done .pz-guide,.pz.is-done .pz-tray{opacity:0}.pz-loading{position:absolute;inset:0;margin:0;display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--color-text-muted)}.pz-done{position:absolute;z-index:500;display:flex;flex-direction:column;gap:12px}.pz-done.is-anim{animation:g-rise .5s var(--ease) both}.pz-done .pg-label{margin:0;color:var(--lx-green)}.pz-done__time{margin:0;font-size:40px;font-weight:900;line-height:1;color:var(--color-ink);font-variant-numeric:tabular-nums}.pz-article{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--color-bg);border:2px solid var(--color-border);text-decoration:none;color:var(--color-ink);box-shadow:var(--shadow-soft);transition:border-color var(--t-fast) var(--ease),transform .3s var(--ease-spring),box-shadow .3s var(--ease)}.pz-article:hover{border-color:var(--color-brand);transform:translateY(-3px);box-shadow:var(--shadow-lift)}.pz-article__thumb{display:block;aspect-ratio:16/9;background-size:cover;background-position:center}.pz-article__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}.pz-article__body .pg-label{margin:0;color:var(--color-brand)}.pz-article__t{font-size:17px;font-weight:900;line-height:1.3}.pz-article__go{font-size:15px;font-weight:800;color:var(--color-brand)}.pz-article:hover .pz-article__go{text-decoration:underline}.pz-done__actions{display:flex;flex-wrap:wrap;gap:8px}.pz-done__actions .pg-btn{flex:1 1 auto}@media (max-width:760px){.pz-top{gap:10px}.pz-levels{width:100%;justify-content:space-between}.pz-level{flex:1;padding:8px 6px}.pz-meta{margin:0;font-size:14px}.pz-ghost{margin-left:auto}.pz-area{margin-top:14px}.pz-article{flex-direction:row;align-items:stretch}.pz-article__thumb{flex:0 0 38%;aspect-ratio:auto;min-height:100px}.pz-done__time{font-size:32px}}