:root{--pg-ink: #1d1d1b;--pg-muted: #5a5a53;--pg-cream: #fbf8f1;--pg-sand: #ecebe5;--pg-red: #d62828;--pg-sun: #fff4d6}*{box-sizing:border-box}.pg [hidden]{display:none!important}html,body{margin:0;height:100%}.pg-body{overflow:hidden;background:var(--pg-cream);color:var(--pg-ink);font-family:PetFOMO Body,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}.pg{position:fixed;inset:0}.pg canvas.pg-gl{position:absolute;inset:0;width:100%;height:100%;display:block}.pg-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:max(18px,env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;background:var(--pg-cream);touch-action:pan-y}.pg-screen[hidden]{display:none}.pg-screen.is-end{background:#fbf8f1f2}.pg-brand{font-family:PetFOMO Display,system-ui,sans-serif;font-weight:800;font-size:18px;color:var(--pg-red);text-decoration:none}.pg-title{margin:0;font-family:PetFOMO Display,system-ui,sans-serif;font-weight:800;font-size:clamp(32px,9vw,44px);line-height:1;letter-spacing:-.02em;text-align:center}.pg-sub{margin:0;max-width:360px;font-size:16px;line-height:1.35;color:var(--pg-muted);text-align:center}.pg-cta{display:grid;place-items:center;width:100%;max-width:420px;min-height:58px;padding:0 20px;border:0;border-radius:999px;background:var(--pg-red);color:#fff;font:inherit;font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px #d6282847}.pg-cta:disabled{background:#b8b6ad;box-shadow:none}.pg-cta.is-second{background:#fff;color:var(--pg-ink);border:2px solid var(--pg-ink);box-shadow:none}.pg-upload{position:relative}.pg-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.pg-link{padding:6px;border:0;background:none;color:var(--pg-ink);font:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pg-frame{position:relative;width:min(62vw,240px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--pg-sand);border:4px solid #fff;box-shadow:0 10px 30px #0000002e;touch-action:none;cursor:grab}.pg-frame canvas{width:100%;height:100%;display:block}.pg-hint{margin:-6px 0 0;font-size:13px;color:var(--pg-muted)}.pg-zoom{width:min(62vw,240px);accent-color:var(--pg-red)}.pg-name{width:100%;max-width:420px;padding:14px 16px;border:2px solid var(--pg-ink);border-radius:14px;font:inherit;font-size:20px;text-align:center;background:#fff}.pg-how{display:flex;gap:14px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--pg-muted)}.pg-how b{color:var(--pg-ink)}.pg-hud{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 0;font-weight:800;font-size:22px;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 1px 0 #fff}.pg-hud[hidden]{display:none}.pg-hud .pg-time{padding:4px 12px;border-radius:999px;background:#1d1d1bd9;color:#fff;font-size:16px;text-shadow:none}.pg-hud .pg-hearts{font-size:18px;letter-spacing:2px}.pg-toast{position:absolute;left:50%;top:22%;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#fff;font-weight:800;font-size:20px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.pg-toast.is-on{opacity:1;transform:translate(-50%,-16px)}.pg-go{position:absolute;inset:0;display:grid;place-items:center;font-family:PetFOMO Display,system-ui,sans-serif;font-size:clamp(60px,22vw,120px);font-weight:800;color:var(--pg-red);pointer-events:none;text-shadow:0 4px 0 #fff}.pg-go[hidden]{display:none}.pg-card{width:min(100%,300px);border-radius:16px;box-shadow:0 10px 30px #0000002e}.pg-row{display:flex;gap:10px;width:100%;max-width:420px}.pg-row .pg-cta{flex:1;min-height:52px;font-size:16px}.pg-portraits{display:grid;gap:10px;width:100%;max-width:420px;padding:14px;border-radius:18px;background:var(--pg-sun)}.pg-portraits p{margin:0;font-weight:700;font-size:16px}.pg-looks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pg-looks img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--pg-sand)}.pg-fine{margin:0;font-size:13px;color:var(--pg-muted);text-align:center}.pg-fine a{color:inherit}.pg-body .pf-replay-choice{font-family:inherit}.pg-body .pf-replay-choice .button{padding:10px 16px;border-radius:999px;border:2px solid var(--pg-ink);background:var(--pg-ink);color:#fff;font:inherit;font-weight:700;cursor:pointer}.pg-body .pf-replay-choice .button-secondary{background:#fff;color:var(--pg-ink)}.pg-body .pf-replay-settings{display:none}@media(min-width:700px){.pg-screen{justify-content:center}.pg-how{font-size:15px}}