.page-play .zb-page,.page-play .ink-page{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.page-play main:has(.zb-page),.page-play main:has(.ink-page){overflow-x:clip}.page-play .zb,.page-play .ink{position:relative;margin-inline:calc(50% - 50vw)}.page-play .zb .mascot .mascot-mood,.page-play .ink .mascot .mascot-mood{display:none}.page-play .zb .mascot[data-mood=happy] .mascot-happy,.page-play .zb .mascot[data-mood=thinking] .mascot-thinking,.page-play .zb .mascot[data-mood=cheering] .mascot-cheering,.page-play .ink .mascot[data-mood=happy] .mascot-happy,.page-play .ink .mascot[data-mood=thinking] .mascot-thinking,.page-play .ink .mascot[data-mood=cheering] .mascot-cheering{display:inline}@media(prefers-reduced-motion:no-preference){.page-play .zb .mascot.is-bouncing .mascot-figure,.page-play .ink .mascot.is-bouncing .mascot-figure{animation:play-squish .52s cubic-bezier(.3,1.6,.5,1);transform-origin:50% 100%}.page-play .zb .mascot[data-mood=cheering].is-bouncing .mascot-figure,.page-play .ink .mascot[data-mood=cheering].is-bouncing .mascot-figure{animation-name:play-hop}}@keyframes play-squish{0%{transform:scale(1)}40%{transform:scale(1.07,.93)}to{transform:scale(1)}}@keyframes play-hop{0%{transform:translateY(0)}40%{transform:translateY(-12px)}to{transform:translateY(0)}}.page-play .zb .fun-confetti,.page-play .ink .fun-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.page-play .zb-page .fun-stickers,.page-play .ink-page .fun-stickers{display:grid;gap:12px;padding:clamp(16px,3vw,24px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}.page-play .zb-page .fun-stickers h2,.page-play .ink-page .fun-stickers h2{font-size:var(--step-2)}.page-play .zb-page .fun-lead,.page-play .ink-page .fun-lead{color:var(--muted)}.page-play .zb-page .sticker-grid,.page-play .ink-page .sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin:0;padding:0;list-style:none}.page-play .zb-page .sticker,.page-play .ink-page .sticker{display:grid;justify-items:center;align-content:start;gap:4px;padding:12px 8px;text-align:center;background:var(--surface-2);border:2px dashed var(--field-border);border-radius:var(--radius)}.page-play .zb-page .sticker-art,.page-play .ink-page .sticker-art{width:64px;height:64px;filter:grayscale(1);opacity:.4}.page-play .zb-page .sticker-name,.page-play .ink-page .sticker-name{font-weight:750;color:var(--ink)}.page-play .zb-page .sticker-hint,.page-play .ink-page .sticker-hint{font-size:var(--step--1);color:var(--muted);line-height:1.35}.page-play .zb-page .sticker-state,.page-play .ink-page .sticker-state{margin-top:2px;font-size:var(--step--1);font-weight:700;color:var(--muted)}.page-play .zb-page .sticker.is-earned,.page-play .ink-page .sticker.is-earned{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.page-play .zb-page .sticker.is-earned .sticker-art,.page-play .ink-page .sticker.is-earned .sticker-art{filter:none;opacity:1}.page-play .zb-page .sticker.is-earned .sticker-state,.page-play .ink-page .sticker.is-earned .sticker-state{color:var(--accent-ink)}.page-play .zb-page .grownups,.page-play .ink-page .grownups{display:grid;gap:12px;justify-items:start;padding:20px 22px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}.page-play .zb-page .grownups h2,.page-play .ink-page .grownups h2{font-size:var(--step-1)}.page-play .zb-page .grownups-list,.page-play .ink-page .grownups-list{display:grid;gap:6px;margin:0;padding-left:1.2em;color:var(--muted)}@media print{.page-play .zb-page,.page-play .ink-page{display:none!important}}
