.picture-art{position:relative;aspect-ratio:3/2;background-size:100% 100%;border-radius:14px;overflow:hidden;margin:12px 0}.picture-objects{position:absolute;inset:0}.picture-object{position:absolute;min-height:0!important;padding:0!important;background:transparent;border:2px solid transparent;display:flex;align-items:center;justify-content:center}.picture-object svg{width:100%;height:100%;stroke:#304354;stroke-width:3;stroke-linejoin:round;pointer-events:none}.picture-object .paint{fill:#fffdf8;transition:fill .5s ease-in-out}.picture-object.matched .paint{fill:var(--object-color)}.picture-object.matched{background:transparent;border-color:transparent;animation:none}.picture-object.selected{background:#eaf8ff80;border-color:#38afe8}.picture-object.hint{background:#fff1b880;border-color:#d4a017}.picture-object:hover:not(:disabled):not(.matched){background:#ffffff40}.picture-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.picture-message{min-height:36px;font-size:13px;text-align:center}.picture-exit{margin-top:8px}#picture-launch{margin:0 auto;min-height:44px}#picture-screen h1{font-size:24px}.picture-object.first-look{animation:first-look .5s ease-in-out}@media(prefers-reduced-motion:reduce){.picture-object .paint{transition:none}.picture-object.first-look{animation:none;background:#f0f8ef80}}
.picture-object svg{filter:grayscale(1);transition:filter .5s ease-in-out}.picture-object.matched svg{filter:grayscale(0)}@media(prefers-reduced-motion:reduce){.picture-object svg{transition:none}}

/* Shared full-resolution rectangle: no independent crop or image recoloring. */
.illustrated .picture-layer{pointer-events:none;border:0!important;border-radius:0;background:transparent!important;transform:none!important;overflow:visible}
.picture-layer .color-reveal{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s;filter:none}
.picture-layer.matched .color-reveal{opacity:1}
.picture-layer .object-highlight{position:absolute;inset:0;mask-image:var(--object-mask);mask-mode:luminance;mask-size:100% 100%;background:transparent}
.picture-layer.selected .object-highlight{background:var(--palette-15);box-shadow:inset 0 0 0 2px var(--palette-14)}
.picture-layer.hint .object-highlight{background:#edc44d80}
.picture-layer.first-look{animation:none}
.picture-layer.first-look .object-highlight{background:#a8d9b570;animation:first-look .5s ease-in-out}
.picture-layer:focus-visible .object-highlight{background:#74b9ff70}
@media(prefers-reduced-motion:reduce){.picture-layer .color-reveal{transition:none}.picture-layer.first-look .object-highlight{animation:none}}