.pz-app{--pz-ink: #1f2933;--pz-muted: #5b6770;--pz-line: #d5dbe0;--pz-accent: #1769aa;--pz-accent-ink: #fff;--pz-panel: #fff;--pz-soft: #f3f6f8;--pz-gold: #f2a900;--pz-fill: #2f9e44;max-width: 820px;margin: 0 auto;padding: 12px 16px 24px;color: var(--pz-ink);font: 15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-sizing: border-box}.pz-app *,.pz-app *::before,.pz-app *::after{box-sizing: border-box}.pz-series{margin-bottom: 14px}.pz-series-label{font-size: 13px;color: var(--pz-muted);margin-bottom: 4px}.pz-series-bar{display: flex;gap: 3px}.pz-seg{flex: 1;height: 10px;border-radius: 3px;background: var(--pz-line);overflow: hidden;position: relative}.pz-seg i{display: block;height: 100%;width: 0;background: var(--pz-fill);transition: width .8s ease}.pz-seg-current{outline: 2px solid var(--pz-accent);outline-offset: 1px}.pz-bump .pz-seg-current{animation: pz-bump .8s ease}@keyframes pz-bump{40%{transform: scaleY(1.8)}}.pz-title{font-size: 26px;margin: 0 0 2px}.pz-goal{margin: 0 0 8px;color: var(--pz-muted)}.pz-stats{display: flex;flex-wrap: wrap;gap: 6px 18px;font-variant-numeric: tabular-nums;margin-bottom: 8px}.pz-stat-level{font-weight: 600}.pz-tools{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 8px}.pz-btn{min-height: 40px;padding: 6px 14px;border: 1px solid var(--pz-line);border-radius: 8px;background: var(--pz-panel);color: var(--pz-ink);font: inherit;cursor: pointer;text-decoration: none;display: inline-flex;align-items: center;justify-content: center}.pz-btn:hover:not(:disabled){border-color: var(--pz-accent)}.pz-btn:disabled{opacity: .45;cursor: default}.pz-btn:focus-visible,.pz-level-btn:focus-visible{outline: 3px solid var(--pz-accent);outline-offset: 2px}.pz-btn-primary{background: var(--pz-accent);border-color: var(--pz-accent);color: var(--pz-accent-ink)}.pz-btn-contrast{margin-left: auto;min-width: 40px;padding: 6px 10px;font-size: 18px}.pz-btn-contrast[aria-pressed="true"]{background: var(--pz-ink);color: #fff}.pz-tut{min-height: 1.45em;margin: 4px 0 8px;color: var(--pz-muted)}.pz-tut:empty{display: none}.pz-tut-lesson{background: #fff7d6;border: 1px solid #f0d77a;border-radius: 8px;padding: 8px 12px;color: var(--pz-ink);font-weight: 500}.pz-msg{min-height: 1.45em;margin: 10px 0 4px}.pz-keys{font-size: 12px;color: var(--pz-muted);margin: 6px 0 0}@media (hover: none){.pz-keys{display: none}}.pz-dialog{position: fixed;inset: 0;background: rgba(15,25,35,.45);display: flex;align-items: center;justify-content: center;padding: 16px;z-index: 50}.pz-dialog[hidden],.pz-btn[hidden],.pz-stat[hidden]{display: none}.pz-dialog-box{background: var(--pz-panel);border-radius: 14px;padding: 20px 22px;max-width: 420px;width: 100%;box-shadow: 0 12px 40px rgba(0,0,0,.25);text-align: center}.pz-card-text{text-align: left;margin: 0 0 10px}.pz-dialog-box h2{margin: 0 0 10px;font-size: 22px}.pz-dialog-buttons{display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;margin-top: 14px}.pz-stars{font-size: 40px;letter-spacing: 6px;line-height: 1}.pz-star{color: var(--pz-line);display: inline-block}.pz-star-on{color: var(--pz-gold);animation: pz-star-pop .5s ease backwards}.pz-star-on:nth-child(2){animation-delay: .15s}.pz-star-on:nth-child(3){animation-delay: .3s}@keyframes pz-star-pop{0%{transform: scale(0)}70%{transform: scale(1.3)}}.pz-criteria{list-style: none;padding: 0;margin: 12px 0 6px}.pz-criteria li{margin: 2px 0}.pz-ok{color: #2b7a3a}.pz-miss{color: var(--pz-muted)}.pz-result{color: var(--pz-muted);margin: 6px 0 0;font-variant-numeric: tabular-nums}.pz-level-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px}.pz-level-btn{min-height: 58px;border: 1px solid var(--pz-line);border-radius: 10px;background: var(--pz-soft);font: inherit;color: var(--pz-ink);cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center}.pz-level-btn:disabled{opacity: .4;cursor: default}.pz-level-num{font-size: 18px;font-weight: 600}.pz-level-stars{color: var(--pz-gold);font-size: 13px;letter-spacing: 1px}.pz-level-current{border: 2px solid var(--pz-accent)}.pz-level-solved{background: #eaf6ec}.pz-menu{list-style: none;padding: 0;margin: 12px 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(170px,1fr));gap: 10px}.pz-menu li{border: 1px solid var(--pz-line);border-radius: 10px;padding: 10px 12px;background: var(--pz-panel)}.pz-menu a{font-weight: 600;color: var(--pz-accent);text-decoration: none}.pz-menu .pz-num{color: var(--pz-muted);font-size: 12px;display: block}.pz-menu .pz-status{font-size: 13px;color: var(--pz-muted);display: block}.pz-menu .pz-soon{opacity: .55}.pz-gallery h2{font-size: 18px;margin: 18px 0 8px}.pz-gallery-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(100px,1fr));gap: 10px}.pz-gallery-grid a{display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 10px 6px 8px;border: 1px solid var(--pz-line);border-radius: 10px;background: var(--pz-panel);color: var(--pz-ink);text-decoration: none;font-size: 13px;text-align: center}.pz-gallery-grid a:hover{border-color: var(--pz-accent)}.pz-gallery-grid img{width: 72px;height: 72px;object-fit: contain;image-rendering: pixelated}.pz-hero{display: flex;align-items: center;gap: 14px;margin: 4px 0 6px}.pz-cat{width: 132px;height: 132px;flex: none}.pz-cat-eyes{transform-origin: 100px 74px;animation: pz-blink 5s infinite}@keyframes pz-blink{0%,94%,100%{transform: scaleY(1)}97%{transform: scaleY(.1)}}.pz-hero-words{min-width: 0}.pz-bubble{position: relative;margin: 8px 0 0;padding: 10px 14px;border: 2px solid #f4a340;border-radius: 14px;background: #fff7ec;font-size: 17px}.pz-bubble::before{content: "";position: absolute;left: -11px;top: 16px;border: 10px solid transparent;border-left: 0;border-right-color: #f4a340}.pz-back{display: inline-block;margin-bottom: 8px;color: var(--pz-accent);font-weight: 600;text-decoration: none}.pz-back:hover{text-decoration: underline}@media (max-width: 420px){.pz-cat{width: 96px;height: 96px}.pz-bubble{font-size: 15px}}@media (prefers-reduced-motion: reduce){.pz-cat-eyes{animation: none}}.pz-app.pz-hc{--pz-ink: #000;--pz-muted: #222;--pz-line: #555;--pz-accent: #0033aa}@media (prefers-contrast: more){.pz-app{--pz-ink: #000;--pz-muted: #222;--pz-line: #555;--pz-accent: #0033aa}}@media (prefers-reduced-motion: reduce){.pz-app *,.pz-app *::before{animation-duration: .01ms !important;transition-duration: .01ms !important}}.ww-wrap{padding: 2px 0}.ww-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 12px;margin: 0 0 10px}.ww-auto{display: flex;align-items: center;gap: 6px;font-size: 14px;color: var(--pz-muted);cursor: pointer}.ww-auto input{width: 18px;height: 18px;margin: 0}.ww-check{min-width: 120px}.ww-layout{display: flex;flex-wrap: wrap;gap: 14px 18px;align-items: flex-start}.ww-panel{flex: 1 1 240px;min-width: 220px;border: 1px solid var(--pz-line);border-radius: 10px;background: var(--pz-soft);padding: 8px 12px}.ww-panel-title{font-weight: 600;cursor: pointer}.ww-clues{margin: 6px 0 0;padding: 0;list-style: none}.ww-clue-btn{display: flex;gap: 6px;width: 100%;text-align: left;background: none;border: 0;padding: 5px 4px;font: inherit;color: var(--pz-ink);cursor: pointer;border-radius: 6px;line-height: 1.35}.ww-clue-btn:hover,.ww-clue-btn:focus-visible{background: #e3ebf2;outline: none}.ww-clue-num{color: var(--pz-muted);flex: none;min-width: 1.7em;font-variant-numeric: tabular-nums}.ww-done .ww-clue-btn{color: var(--pz-muted)}.ww-done .ww-clue-text{text-decoration: line-through;opacity: .75}.ww-clue-hint .ww-clue-btn{background: #fff3c4;box-shadow: inset 0 0 0 2px #f08c00}.ww-main{flex: 0 1 auto;max-width: 100%;min-width: 0}.ww-cards{display: flex;gap: 8px;margin: 0 0 10px;position: sticky;top: 0;z-index: 3;background: #fff;padding: 4px 0;overflow-x: auto}.ww-card{--ww-house: #d9e0e6;flex: 1 1 0;min-width: 92px;border: 1px solid var(--pz-line);border-radius: 10px;background: #fff;padding: 0 0 6px;position: relative}.ww-roof{height: 22px;margin: 0 4px;background: var(--ww-house);clip-path: polygon(0 100%,50% 0,100% 100%)}.ww-white .ww-roof{background: #f2f2f2;box-shadow: inset 0 -2px 0 #bbb}.ww-card-title{font-weight: 600;font-size: 13px;padding: 4px 4px 3px;display: flex;align-items: center;justify-content: center;gap: 6px}.ww-card-body{display: flex;flex-direction: column;gap: 3px;padding: 0 6px}.ww-slot{display: flex;align-items: center;gap: 6px;min-height: 30px;width: 100%;border: 1px dashed var(--pz-line);border-radius: 7px;background: var(--pz-soft);font: inherit;font-size: 13px;padding: 2px 6px;cursor: pointer;color: var(--pz-ink);text-align: left;touch-action: none}.ww-slot:hover,.ww-slot:focus-visible{border-color: var(--pz-accent);outline: none}.ww-slot.ww-filled{border-style: solid;background: #fff}.ww-ph{color: var(--pz-muted);font-size: 12px}.ww-card.ww-over{outline: 3px solid var(--pz-accent);outline-offset: 1px}.ww-icon{width: 22px;height: 22px;flex: none;display: inline-flex;align-items: center;justify-content: center;font-size: 17px;line-height: 1}.ww-avatar{width: 22px;height: 22px;display: block}.ww-swatch{display: block;width: 18px;height: 18px;border-radius: 4px;border: 1px solid rgba(0,0,0,.25)}.ww-chip-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ww-scroll{overflow-x: auto;max-width: 100%;padding-bottom: 4px}.ww-grid{border-collapse: collapse;font-size: 12px;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none}.ww-grid th{font-weight: 600;padding: 0}.ww-corner{border: 0}.ww-colcat,.ww-rowcat{background: var(--pz-soft);border: 1px solid var(--pz-line)}.ww-colcat{padding: 3px 4px;border-bottom: 2px solid #7f8b96;border-left: 2px solid #7f8b96;border-right: 2px solid #7f8b96}.ww-colhead{vertical-align: bottom;height: 88px;border: 1px solid var(--pz-line);background: #fff;touch-action: none;cursor: grab}.ww-colhead .ww-vert{writing-mode: vertical-rl;transform: rotate(180deg);display: inline-block;padding: 4px 0 5px;white-space: nowrap;max-height: 86px;overflow: hidden}.ww-rowcat{width: 24px;border-right: 2px solid #7f8b96;border-top: 2px solid #7f8b96;border-bottom: 2px solid #7f8b96}.ww-rowcat .ww-vert{writing-mode: vertical-rl;transform: rotate(180deg);display: inline-block;white-space: nowrap;padding: 0 3px}.ww-rowhead{text-align: right;padding: 0 6px 0 5px;border: 1px solid var(--pz-line);white-space: nowrap;background: #fff;touch-action: none;cursor: grab}.ww-cell{width: 26px;height: 26px;min-width: 26px;border: 1px solid var(--pz-line);text-align: center;vertical-align: middle;cursor: pointer;font-size: 17px;line-height: 1;outline: none;padding: 0}.ww-bl{border-left: 2px solid #7f8b96 !important}.ww-br{border-right: 2px solid #7f8b96 !important}.ww-bt{border-top: 2px solid #7f8b96 !important}.ww-bb{border-bottom: 2px solid #7f8b96 !important}.ww-x{color: #b7332a}.ww-tick{color: #1c8a3c;font-weight: 700}.ww-hl{background: #edf4fa}.ww-hl-line{background: #dbe8f4}.ww-hl-head{background: #ffe9a8 !important}.ww-cell:focus-visible,.ww-cell.ww-focus:focus{box-shadow: inset 0 0 0 3px var(--pz-accent)}.ww-hint{background: #fff3c4 !important;box-shadow: inset 0 0 0 2px #f08c00}.ww-flash{animation: ww-flash 1.3s ease}@keyframes ww-flash{0%,60%{background: #ffe28a}100%{background: transparent}}.ww-point{box-shadow: inset 0 0 0 3px #f08c00;animation: ww-point 1.2s ease-in-out infinite}@keyframes ww-point{50%{box-shadow: inset 0 0 0 3px rgba(240,140,0,.2)}}.ww-pick-back{position: fixed;inset: 0;z-index: 60}.ww-pick{position: fixed;z-index: 61;background: #fff;border: 1px solid var(--pz-line);border-radius: 10px;box-shadow: 0 8px 30px rgba(0,0,0,.22);padding: 8px;min-width: 160px}.ww-pick-title{font-size: 13px;color: var(--pz-muted);margin: 0 0 6px}.ww-pick .pz-btn{width: 100%;justify-content: flex-start;gap: 8px;min-height: 36px;margin-bottom: 4px}.ww-pick .pz-btn[aria-pressed="true"]{border-color: var(--pz-accent);background: #eaf2fb}.ww-pick-clear{color: var(--pz-muted)}.ww-ghost{position: fixed;z-index: 70;pointer-events: none;background: #fff;border: 1px solid var(--pz-accent);border-radius: 8px;padding: 4px 10px;box-shadow: 0 6px 20px rgba(0,0,0,.25);font-size: 13px;display: flex;align-items: center;gap: 6px;transform: translate(-50%,-130%);white-space: nowrap}.ww-won .ww-slot{border-color: transparent;background: transparent;justify-content: center;cursor: default}.ww-won .ww-icon{font-size: 30px;width: 36px;height: 36px}.ww-won .ww-avatar{width: 36px;height: 36px}.ww-won .ww-swatch{width: 28px;height: 28px}.ww-won .ww-card{animation: ww-pop .6s ease backwards}.ww-won .ww-card:nth-child(2){animation-delay: .15s}.ww-won .ww-card:nth-child(3){animation-delay: .3s}.ww-won .ww-card:nth-child(4){animation-delay: .45s}.ww-won .ww-card:nth-child(5){animation-delay: .6s}@keyframes ww-pop{0%{transform: scale(.6);opacity: 0}70%{transform: scale(1.08)}100%{transform: none;opacity: 1}}.ww-won .ww-cell{cursor: default}@media (min-width: 701px){.ww-panel-title{pointer-events: none;list-style: none}.ww-panel-title::-webkit-details-marker{display: none}}@media (max-width: 700px){.ww-layout{flex-direction: column;gap: 10px}.ww-panel{flex: none;width: 100%;min-width: 0}.ww-cards{gap: 5px}.ww-card{min-width: 58px;padding-bottom: 4px}.ww-roof{height: 16px}.ww-card-title{font-size: 12px;padding: 3px 2px 2px}.ww-card-body{gap: 2px;padding: 0 4px}.ww-slot{font-size: 11px;padding: 1px 3px;gap: 3px;min-height: 24px}.ww-icon{width: 18px;height: 18px;font-size: 14px}.ww-avatar{width: 18px;height: 18px}.ww-swatch{width: 14px;height: 14px}.ww-cell{width: 24px;height: 24px;min-width: 24px;font-size: 16px}.ww-colhead{height: 80px}}@media (max-width: 420px){.ww-scroll{margin: 0 -12px;padding: 0 12px 4px}.ww-cards{margin-left: -12px;margin-right: -12px;padding-left: 12px;padding-right: 12px}}