/* Shared, locally drawn decoration. Content never relies on these images. */
:root{--hb-playful-pattern:url('../img/pattern-happy-paws.svg')}
.hb-playful-surface{background-image:var(--hb-playful-pattern);background-repeat:repeat;background-size:720px 520px}
.hb-playful-canvas{position:relative;isolation:isolate}
.hb-playful-canvas::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--hb-playful-pattern) repeat 0 0 / 720px 520px;opacity:var(--hb-playful-opacity,1)}
.hb-brand-badge{display:block;object-fit:contain;border-radius:22%;background:#ffe15b}
@media(max-width:600px){.hb-playful-surface{background-size:520px 376px}.hb-playful-canvas::before{background-size:520px 376px}}
@media(forced-colors:active){.hb-playful-surface{background-image:none}.hb-playful-canvas::before{display:none}}
