/* Pintar com o dedo: ateliê com parede listrada, janela, moldura dourada, cavalete e bandeja de tintas. */
.play-pintar .toy-scene{background:#fff4e3}
.pintar-wall{position:absolute;inset:0 0 30% 0;background:repeating-linear-gradient(90deg,#fff4e3 0 6cqw,#fdebd2 6cqw 12cqw)}
.pintar-wall::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3cqh;background:#f3d9b8;box-shadow:0 -4px 0 #ecccA3}
.pintar-easel svg,.pintar-frame svg{display:block;width:100%;height:100%;overflow:visible}
.pintar-window{position:absolute;right:6%;top:3.5%;width:26cqw;aspect-ratio:1;border-radius:18px;overflow:hidden;border:min(2.4cqw,10px) solid #fffdf8;box-shadow:0 0 0 3px #e6d5bb,0 6px 14px rgba(120,80,40,.12)}
.pintar-window::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#fffdf8 47% 53%,transparent 53%),linear-gradient(transparent 47%,#fffdf8 47% 53%,transparent 53%)}
.pintar-frame{position:absolute;left:8%;top:5.5%;width:36cqw;aspect-ratio:120/92;z-index:2;filter:drop-shadow(0 6px 8px rgba(120,80,40,.22))}
.pintar-frame-pic{position:absolute;left:10.8%;top:14.1%;width:78.3%;height:71.7%;overflow:hidden;border-radius:2px}
.pintar-frame-pic img{display:block;width:100%;height:100%;object-fit:fill;background:#fffdf8}
.pintar-floor{position:absolute;left:0;right:0;bottom:0;top:70%;background:repeating-linear-gradient(90deg,#e0b07c 0 18cqw,#d6a26c 18cqw 18.6cqw,#e6b885 18.6cqw 36cqw,#d6a26c 36cqw 36.6cqw);box-shadow:inset 0 10px 0 #c9925c}
.pintar-easel{position:absolute;left:38%;translate:-50% 0;top:21%;width:52cqw;height:52cqh;z-index:3}
.pintar-paper{position:absolute;left:5%;width:66%;top:26%;height:40%;z-index:4;background:#fffdf8;border-radius:10px;box-shadow:0 0 0 min(1.4cqw,6px) #fff,0 0 0 calc(min(1.4cqw,6px) + 3px) #e2d2b8,0 12px 22px rgba(120,80,40,.2);overflow:hidden;touch-action:none}
.pintar-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}
.pintar-ghost{position:absolute;translate:-50% -50%;pointer-events:none;z-index:2}
.pintar-ghost .art-img{display:block;width:100%;height:auto}
.pintar-sparkle{position:absolute;width:min(12cqw,52px);aspect-ratio:1;translate:-50% -50%;pointer-events:none;z-index:3}
.pintar-sparkle svg{display:block;width:100%;height:100%}
.pintar-maya{right:0;top:46%;width:min(31cqw,22cqh);aspect-ratio:3/4;z-index:6;transform-origin:50% 100%;animation:pintar-sway 2.6s ease-in-out infinite alternate}
.pintar-tray{position:absolute;left:0;right:0;bottom:0;top:70%;z-index:7;display:flex;flex-direction:column;justify-content:space-evenly;padding:1cqh 2cqw 2cqh}
.pintar-pots,.pintar-tools{display:flex;justify-content:space-around;align-items:flex-end}
.pintar-pot,.pintar-stamp,.pintar-eraser{position:relative;border:0;padding:0;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:translate .2s,scale .2s}
.pintar-pot{width:19cqw;height:max(96px,13cqh);max-height:15cqh;display:flex;align-items:flex-end;justify-content:center;animation:pintar-bob 2.4s ease-in-out infinite alternate}
.pintar-pot svg{width:100%;height:auto;display:block;overflow:visible}
.pintar-stamp,.pintar-eraser{width:22cqw;height:max(96px,13cqh);max-height:15cqh;display:flex;align-items:flex-end;justify-content:center}
.pintar-stamp svg,.pintar-eraser svg{width:100%;height:auto;display:block}
.pintar-stamp-pic{position:absolute;left:4%;right:4%;bottom:30%;display:block}
.pintar-stamp-pic .art-img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 2px rgba(80,50,30,.25))}
.pintar-pot.on,.pintar-stamp.on,.pintar-eraser.on{translate:0 -10%;scale:1.12}
.pintar-pot.on::after,.pintar-stamp.on::after,.pintar-eraser.on::after{content:"";position:absolute;left:12%;right:12%;bottom:-4%;height:8%;border-radius:50%;background:var(--paint,#ffc23a);opacity:.7;filter:blur(2px);animation:pintar-glow 1s ease-in-out infinite alternate}
.pintar-drop{position:absolute;left:50%;top:38%;width:12px;height:12px;margin:-6px;border-radius:50%;pointer-events:none}
.pintar-fly{position:absolute;z-index:30;transform-origin:0 0;border-radius:8px;background:#fffdf8;box-shadow:0 14px 30px rgba(80,50,30,.3);pointer-events:none}
.pintar-done .pintar-tray{pointer-events:none}
@keyframes pintar-bob{from{translate:0 0}to{translate:0 -4%}}
@keyframes pintar-sway{from{rotate:-3deg}to{rotate:3deg}}
@keyframes pintar-glow{from{opacity:.35}to{opacity:.85}}
/* Paisagem: papel à esquerda, tintas e carimbos numa coluna à direita. */
@container (orientation:landscape){
  .pintar-wall{inset:0 0 18% 0}
  .pintar-floor{top:82%}
  .pintar-frame{left:3%;top:6%;width:17cqw}
  .pintar-window{left:3%;right:auto;top:auto;bottom:22%;width:14cqw}
  .pintar-easel{left:43%;top:6%;width:36cqw;height:94cqh}
  .pintar-paper{left:22%;width:42%;top:5%;height:70%}
  .pintar-maya{left:-1%;right:auto;top:auto;bottom:0;width:16cqw;height:auto}
  .pintar-tray{left:66%;top:0;right:0;bottom:0;padding:2cqh 1cqw;gap:0}
  .pintar-pots,.pintar-tools{flex-wrap:wrap;justify-content:center;align-content:center;gap:0 1cqw}
  .pintar-pot{width:10cqw;height:22cqh;max-height:none}
  .pintar-stamp,.pintar-eraser{width:10.5cqw;height:24cqh;max-height:none}
}