.pzm{position:relative;display:flex;flex-direction:column;gap:var(--s2);max-width:560px;height:var(--gm-h, 100svh);min-height:460px;padding-block:var(--s3) var(--s2);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.pzm-top{position:relative;flex:none;display:grid;min-height:92px;padding-right:calc(var(--tap) + var(--s2))}.pzm-intro,.pzm-hud,.pzm-aha{grid-area:1 / 1}.pzm-h{font-size:var(--t-h1)}.pzm-h em{font-style:normal;color:var(--red)}.pzm-lead{margin-top:var(--s2);max-width:28em;font-size:var(--t-small);color:var(--ink-2)}.pzm[data-s=idle] .pzm-hud,.pzm:not([data-s=idle]) .pzm-intro{visibility:hidden}.pzm-meta{display:flex;align-items:center;min-height:var(--tap);font-size:var(--t-small);color:var(--muted)}.pzm-meta b{color:var(--ink);font-weight:var(--w-strong)}.pzm-say{font:var(--w-head) var(--t-h2)/var(--lh-head) var(--font);letter-spacing:var(--ls-head);text-transform:uppercase}.pzm-say.is-err{color:var(--red)}.pzm-aha{z-index:1;display:flex;flex-direction:column;justify-content:center;gap:var(--s1);background:var(--bg);visibility:hidden;opacity:0;transition:opacity .25s,visibility 0s .25s}.pzm-aha.is-on{visibility:visible;opacity:1;transition:opacity .25s}.pzm-aha b{font:var(--w-head) var(--t-h3)/var(--lh-head) var(--font);text-transform:uppercase;letter-spacing:var(--ls-head);color:var(--red)}.pzm-aha span{font-size:var(--t-small);font-weight:var(--w-strong)}.pzm-snd{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:var(--tap);height:var(--tap);padding-inline:12px 14px;border-radius:var(--r-pill);font:var(--w-btn) 14px/1 var(--font);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow var(--dur)}@media(hover:hover){.pzm-snd:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}}.pzm-snd svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pzm-snd[aria-pressed=false] .pzm-snd__on,.pzm-snd[aria-pressed=true] .pzm-snd__off{display:none}.pzm-box{flex:1;min-height:0;display:grid;place-items:center;container-type:size}.pzm-pads{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--s3);width:min(100cqw,100cqh,440px);height:min(100cqw,100cqh,440px)}.pzm.is-play .pzm-pads{touch-action:none}.pzm-pad{position:relative;display:grid;place-items:center;border-radius:var(--r-l);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line),0 3px 0 var(--line);touch-action:manipulation;transition:transform .08s,box-shadow .08s,background-color .08s}@media(hover:hover){.pzm-pad:hover{box-shadow:inset 0 0 0 1.5px var(--ink),0 3px 0 var(--line)}}.pzm-pad svg{width:62%;height:62%;overflow:visible;pointer-events:none}.pzm-sh{fill:transparent;stroke:var(--ink);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pzm-pad.is-on{transform:translateY(2px);background:color-mix(in srgb,var(--red) 8%,var(--paper));box-shadow:inset 0 0 0 1.5px var(--line),0 1px 0 var(--line)}.pzm-pad.is-on .pzm-sh,.pzm[data-s=idle] .pzm-pad:last-child .pzm-sh{fill:var(--red)}.pzm-pad.is-bad .pzm-sh{stroke:var(--red);stroke-dasharray:6 5}.pzm-pad.is-hint:after{content:"";position:absolute;inset:3px;border:2px dashed var(--red);border-radius:calc(var(--r-l) - 3px)}.pzm-pad i{position:absolute;left:var(--s3);top:var(--s2);font:var(--w-strong) var(--t-micro)/1 var(--font);font-style:normal;color:var(--muted)}@media(hover:none){.pzm-pad i{display:none}}.pzm-kar{position:relative;flex:none;display:flex;align-items:flex-end;justify-content:center;height:52px;overflow:hidden;text-align:center}.pzm-kar p{max-width:100%;font-size:var(--t-small);line-height:var(--lh-text)}.pzm-ph,.pzm-sy.is-dim{color:var(--muted)}.pzm-sy.is-hid{visibility:hidden}.pzm-sy.is-now{color:var(--red)}.pzm-ball{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:var(--red);opacity:0;pointer-events:none}.pzm-ball.is-on{opacity:1}.pzm-ctl{flex:none;display:flex;align-items:center;justify-content:center;min-height:var(--btn-h-main)}.pzm .pzm-ctl>*{display:none}.pzm[data-s=idle] .pzm-go,.pzm[data-s=fail] .pzm-retry{display:inline-flex;min-height:var(--btn-h-main)}.pzm:not([data-s=idle]):not([data-s=fail]) .pzm-tip{display:block}.pzm-tip{max-width:30em;font-size:var(--t-small);line-height:1.35;color:var(--muted);text-align:center}.pzm-res{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding-block:var(--s3) var(--s2);overflow:auto;background:var(--bg);animation:pzm-up .35s var(--ease)}@keyframes pzm-up{0%{opacity:0;transform:translateY(16px)}}.pzm-kick{font-size:var(--t-small);color:var(--muted)}.pzm-res__h{margin-block:var(--s2) var(--s1);font:var(--w-head) var(--t-h1)/var(--lh-head) var(--font);letter-spacing:var(--ls-head);text-transform:uppercase;text-wrap:balance}.pzm-res__h:focus{outline:none}.pzm-res__h em{font-style:normal;color:var(--red)}.pzm-res__l{font:var(--w-strong) var(--t-body)/1.3 var(--font)}.pzm-score{width:100%;height:auto;margin-block:var(--s3) var(--s1)}.pzm-score .pzm-ln{fill:none;stroke:var(--line);stroke-width:1.5;stroke-linejoin:round}.pzm-score .pzm-nt{fill:var(--paper);stroke:var(--muted);stroke-width:1.5}.pzm-score .pzm-nt.is-on{fill:var(--red);stroke:var(--red)}.pzm-cap{font-size:var(--t-small);line-height:1.35;color:var(--muted)}.pzm-res__n{margin-top:var(--s2);font-size:var(--t-small)}.pzm-res__s{margin-top:auto;padding-top:var(--s3);color:var(--ink-2)}.pzm-acts{padding-top:var(--s3)}