.pz-page{--pz-correct:var(--gold-200);--pz-correct-ink:var(--gray-900);--pz-present:#2f63d6;--pz-present-ink:#fff;--pz-absent:var(--gray-600);--pz-absent-ink:var(--gray-100);--pz-tile:clamp(3.1rem, 15.5vw, 3.9rem);width:100%;max-width:36rem;color:var(--ink);isolation:isolate;flex-direction:column;align-items:center;gap:2.5rem;margin:0 auto;padding:1.75rem 1rem 5rem;display:flex;position:relative}.pz-page:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(40% 60% at 50% 30%,#e3af4a24,#0000 70%);height:30rem;position:absolute;inset:-4rem -50vw auto}.pz-head{text-align:center;justify-items:center;gap:.375rem;display:grid}.pz-kicker{color:var(--gold-200);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.pz-title{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-size:2.5rem;font-weight:600;line-height:1.1}.pz-date{color:var(--ink-3);margin:0;font-size:.9375rem}.pz-game{flex-direction:column;align-items:center;gap:1.75rem;width:100%;display:flex;position:relative}.pz-board{gap:.4rem;display:grid}.pz-row{grid-template-columns:repeat(5, var(--pz-tile));gap:.4rem;display:grid}.pz-tile{width:var(--pz-tile);height:var(--pz-tile);border:2px solid var(--divider-strong);color:var(--ink);font-size:calc(var(--pz-tile) * .5);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:0 0;border-radius:.6rem;place-items:center;font-weight:800;line-height:1;display:grid}.pz-tile[data-state=empty]{border-color:var(--divider)}.pz-tile[data-state=typed]{border-color:var(--gray-300);animation:.12s ease-out pz-pop}.pz-tile[data-state=correct]{border-color:var(--pz-correct);background:var(--pz-correct);color:var(--pz-correct-ink);box-shadow:0 0 1.25rem #e3af4a40}.pz-tile[data-state=present]{border-color:var(--pz-present);background:var(--pz-present);color:var(--pz-present-ink)}.pz-tile[data-state=absent]{border-color:var(--pz-absent);background:var(--pz-absent);color:var(--pz-absent-ink)}.pz-turning{animation:.5s ease-in-out both pz-flip;animation-delay:calc(var(--i) * .26s);transition-property:background-color,border-color,color,box-shadow;transition-duration:0s;transition-delay:calc(var(--i) * .26s + .25s)}.pz-shake{animation:.52s ease-in-out pz-shake}.pz-win .pz-tile{animation:.7s ease-out both pz-leap;animation-delay:calc(var(--i) * .1s)}@keyframes pz-pop{50%{transform:scale(1.12)}}@keyframes pz-flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes pz-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes pz-leap{0%,20%{transform:translateY(0)}40%{transform:translateY(-1.5rem)}50%{transform:translateY(.25rem)}60%{transform:translateY(-.75rem)}80%,to{transform:translateY(0)}}.pz-note{z-index:2;background:var(--ink);color:var(--gray-900);white-space:nowrap;opacity:0;pointer-events:none;border-radius:.625rem;margin:0;padding:.625rem 1rem;font-size:.9375rem;font-weight:700;transition:opacity .16s,transform .16s;position:absolute;top:-.75rem;left:50%;transform:translate(-50%,-.5rem)}.pz-note[data-on]{opacity:1;transform:translate(-50%)}.pz-keys{gap:.5rem;width:100%;max-width:31rem;display:grid}.pz-keyrow{justify-content:center;gap:.375rem;display:flex}.pz-key{background:var(--gray-500);max-width:2.75rem;height:3.5rem;color:var(--ink);font:inherit;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:0;border-radius:.5rem;flex:1 1 0;place-items:center;padding:0;font-size:1.0625rem;font-weight:700;transition:background-color .2s,transform 80ms;display:grid}.pz-key:active{transform:scale(.94)}.pz-key:focus-visible,.pz-share:focus-visible{outline:2px solid var(--gold-100);outline-offset:2px}.pz-key-wide{letter-spacing:.02em;flex-grow:1.6;max-width:4.5rem;font-size:.8125rem}.pz-key[data-state=correct]{background:var(--pz-correct);color:var(--pz-correct-ink)}.pz-key[data-state=present]{background:var(--pz-present);color:var(--pz-present-ink)}.pz-key[data-state=absent]{background:var(--gray-700);color:var(--gray-400)}.pz-result{background:linear-gradient(180deg, #e3af4a14, transparent 45%), var(--surface);text-align:center;border:1px solid #e3af4a59;border-radius:1.25rem;justify-items:center;gap:1.25rem;width:100%;padding:1.75rem 1.25rem;scroll-margin:1rem;animation:.42s ease-out both pz-rise;display:grid}@keyframes pz-rise{0%{opacity:0;transform:translateY(.75rem)}}.pz-answer{gap:.3rem;margin:0;display:flex}.pz-answer-tile{background:var(--pz-correct);width:2.5rem;height:2.5rem;color:var(--pz-correct-ink);text-transform:uppercase;border-radius:.45rem;place-items:center;font-size:1.25rem;font-weight:800;display:grid}.pz-verse{gap:.5rem;max-width:28rem;margin:0;display:grid}.pz-verse p{font-family:var(--font-serif);margin:0;font-size:1.125rem;font-style:italic;line-height:1.6}.pz-verse a{color:var(--gold-100);font-size:.9375rem;font-weight:700;text-decoration:none}.pz-verse a:hover{text-decoration:underline}.pz-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;max-width:22rem;margin:0;display:grid}.pz-stats div{flex-direction:column-reverse;gap:.125rem;display:flex}.pz-stats dd{margin:0;font-size:1.75rem;font-weight:700;line-height:1.1}.pz-stats dt{color:var(--ink-3);font-size:.75rem}.pz-bars{gap:.3rem;width:100%;max-width:22rem;margin:0;padding:0;list-style:none;display:grid}.pz-bars li{align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:flex}.pz-bar-n{width:.75rem;color:var(--ink-3)}.pz-bar{background:var(--gray-600);text-align:right;border-radius:.3rem;min-width:1.5rem;padding:.125rem .5rem}.pz-bars li[data-mine] .pz-bar{background:var(--pz-correct);color:var(--pz-correct-ink)}.pz-actions{justify-items:center;gap:.75rem;display:grid}.pz-share{background:var(--gold-200);color:var(--gray-900);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.875rem 1.75rem;font-size:1rem;font-weight:700}.pz-share[data-copied]{background:var(--pz-correct);color:var(--pz-correct-ink)}.pz-share-text{width:min(100%,22rem);color:var(--ink-3);text-align:center;gap:.375rem;font-size:.875rem;display:grid}.pz-share-text textarea{border:1px solid var(--ink-3);color:var(--ink);font:inherit;text-align:left;field-sizing:content;resize:none;background:0 0;border-radius:.625rem;padding:.625rem .75rem}.pz-share:hover{background:var(--gold-100)}.pz-next{color:var(--ink-3);margin:0;font-size:.875rem}.pz-next strong{color:var(--ink);font-variant-numeric:tabular-nums}.pz-remind{border:1px solid color-mix(in srgb, var(--gold-200) 35%, transparent);text-align:left;background:#e3af4a14;border-radius:1rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;width:100%;padding:1rem 1.25rem;display:flex}.pz-remind-bell{width:1.5rem;fill:var(--gold-200);flex-shrink:0}.pz-remind-text{color:var(--ink-2);flex:14rem;margin:0;font-size:.9375rem;line-height:1.4}.pz-remind-text strong{color:var(--ink)}.pz-remind-on{border:1px solid var(--gold-200);color:var(--gold-200);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700}.pz-remind-on:hover{background:#e3af4a1f}.pz-remind-on:disabled{opacity:.6;cursor:progress}.pz-remind-on:focus-visible{outline:2px solid var(--gold-100);outline-offset:2px}.pz-noscript{color:var(--ink-2);text-align:center;margin:0}.pz-section{gap:1rem;width:100%;display:grid}.pz-section h2{font-family:var(--font-serif);margin:0;font-size:1.5rem;font-weight:600}.pz-section p,.pz-section li{color:var(--ink-2);margin:0;font-size:1rem;line-height:1.6}.pz-section ul{gap:.5rem;margin:0;padding-left:1.25rem;display:grid}.pz-example{align-items:center;gap:.875rem;display:flex}.pz-example .pz-row{--pz-tile:2.25rem;gap:.25rem}.pz-example .pz-tile{border-radius:.4rem}.pz-signup{background:var(--paper);color:var(--paper-ink);border-radius:1.25rem;padding:1.5rem 1.25rem}.pz-signup h2{color:var(--paper-ink)}.pz-signup p{color:var(--paper-ink-2)}@media (prefers-reduced-motion:reduce){.pz-tile,.pz-turning,.pz-shake,.pz-win .pz-tile,.pz-result{animation:none}.pz-turning{transition-delay:0s}}