.pp-demo-top{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:14px 16px}.pp-demo-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:22px}.pp-demo-brand .amp{color:var(--poppy)}.pp-demo-back{color:var(--ink);font-weight:700;font-size:15px}.pp-demo-page{max-width:1080px;margin:0 auto;padding:8px 16px 40px}.pp-demo-title{font-family:var(--font-display);font-size:32px;line-height:38px}.pp-demo-intro{max-width:60ch;margin:8px 0 20px;color:var(--ink-muted)}.is-embedded,.is-embedded body{background:transparent}.is-embedded .pp-demo-top,.is-embedded .pp-demo-title,.is-embedded .pp-demo-intro{display:none}.is-embedded .pp-demo-page{padding:4px 4px 8px}.pp-demo{display:grid;gap:20px}.pp-demo>section{display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px;background:var(--oat);border:3px solid var(--ink);border-radius:var(--radius-lg)}.pp-demo-grownups{background:var(--paper)!important}.pp-demo-heading{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;line-height:28px}.pp-demo-number{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:3px solid var(--ink);background:var(--honey);font-size:18px}.pp-demo .pp-explorers [role=radiogroup]{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-demo .pp-explorers button{min-height:84px;gap:4px}.pp-demo .pp-explorers img{width:48px;height:48px}.pp-demo-trails,.pp-demo-rewards{margin:0;padding:0;border:0}.pp-demo-trails legend,.pp-demo-rewards legend{padding:0;margin-bottom:10px;font-size:15px;font-weight:700}.pp-demo-trails [role=radiogroup]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pp-demo-trails button{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px 6px 8px;border-radius:var(--radius-md);background:var(--paper);border:2px solid var(--control-border);font-weight:700;font-size:15px}.pp-demo-trails .pp-trail-thumb{width:100%;height:64px}.pp-demo-trails button[aria-checked=true],.pp-demo-rewards button[aria-checked=true]{background:var(--cream);border:3px solid var(--ink);box-shadow:var(--shadow-press)}.pp-demo-rewards [role=radiogroup]{display:flex;flex-wrap:wrap;gap:10px}.pp-demo-rewards button{min-height:48px;padding:0 16px;border-radius:999px;background:var(--paper);border:2px solid var(--control-border);font-weight:700;font-size:15px}.pp-demo-hint{padding:12px 14px;background:var(--paper);border:2px solid var(--line-soft);border-radius:var(--radius-md)}.pp-demo-badge{display:flex;align-items:flex-start;gap:14px;padding:14px;background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-lift)}.pp-demo-badge svg{flex:none}.pp-demo-badge>div{display:flex;flex-direction:column;gap:8px;min-width:0}.pp-demo-badge strong,.pp-demo-summit strong{font-family:var(--font-display);font-size:22px;line-height:26px}.pp-demo-find{display:flex;align-items:center;gap:10px;font-weight:700}.pp-demo-find .pp-found-art{width:56px;height:56px}.pp-demo-summit{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-lift)}.pp-demo-summit img{width:180px;max-width:60%}.pp-demo-summit .pp-confetti{position:absolute}.pp-demo-reward{font-family:var(--font-display);font-size:20px;line-height:26px}.pp-demo-reward b{color:var(--poppy-deep)}.pp-demo-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--sand);border-radius:var(--radius-sm);font-size:15px;line-height:22px}.pp-demo-note svg{flex:none;margin-top:2px}.pp-demo-day{font-family:var(--font-display);font-weight:700;font-size:18px}.pp-demo-end{display:flex;flex-wrap:wrap;gap:12px}.pp-demo-end .pp-button{text-decoration:none}.pp-demo-small{margin-top:auto}@media(min-width:820px){.pp-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.pp-demo-setup{grid-column:1 / -1;display:grid!important;grid-template-columns:1.3fr 1fr;column-gap:24px}.pp-demo-setup{grid-template-areas:"head head" "name trails" "explorers trails" "explorers rewards" "more more";align-items:start}.pp-demo-setup .pp-demo-heading{grid-area:head}.pp-demo-setup .pp-demo-name{grid-area:name}.pp-demo-setup .pp-explorers{grid-area:explorers}.pp-demo-setup .pp-demo-trails{grid-area:trails}.pp-demo-setup .pp-demo-rewards{grid-area:rewards}.pp-demo .pp-explorers [role=radiogroup]{grid-template-columns:repeat(6,minmax(0,1fr))}.pp-demo-grownups{position:sticky;top:12px}}.pp-demo-field{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:700}.pp-demo-rewards .pp-demo-field{margin-top:12px}.pp-demo-field input,.pp-demo-add input{min-height:48px;padding:0 14px;border:2px solid var(--control-border);border-radius:var(--radius-sm);background:var(--paper);font-weight:400;font-size:16px}.pp-demo-add{display:flex;gap:8px}.pp-demo-add input{flex:1;min-width:0}.pp-demo-more{padding:10px 12px;border:2px dashed var(--control-border);border-radius:var(--radius-sm);font-size:15px;line-height:22px}@media(min-width:820px){.pp-demo-setup .pp-demo-more{grid-area:more}}