/* qz-33c: the flat Maennchen lies right above the 3D picture; drags go through to the 3D canvas */
.qz-figure .qz-toon-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; display: block; }
.qz-figure .qz-toon-canvas[hidden] { display: none; }
/* choice of the figure on /avatar: two big pop buttons per row */
.qz-builder-pick { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 22px; padding-bottom: 18px; border-bottom: 2px dashed rgba(255,255,255,0.18); }
@media (min-width: 720px) { .qz-builder-pick { grid-template-columns: 1fr 1fr; } }
.qz-builder-pick .qz-builder-group + .qz-builder-group { margin-top: 0; }
.qz-builder-pick-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.qz-site .qz-builder-pick-btn { min-height: 52px; font-weight: 800; font-size: 1.05rem; border: 3px solid #000; border-radius: 16px; box-shadow: 4px 4px 0 #000; transition: transform .08s ease, box-shadow .08s ease; }
.qz-site .qz-builder-pick-btn.is-active { background: #ffe500; color: #0d0a17; transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #ff2e88; }
.qz-builder-pick-btn:focus-visible { outline: 3px solid #00e5ff; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .qz-builder-pick-btn { transition: none; } }