/* במת איור דו־ממדית למפגשים בלי מודל תלת־ממדי: SVG בצד, כרטיס בצד השני. */
#art{position:fixed;z-index:1;inset-block:76px 46px;inset-inline-end:3vw;width:min(56vw,calc(100vw - min(430px,36vw) - 9vw));display:grid;place-items:center}
#art svg{width:100%;height:100%;max-height:100%;overflow:visible}
#art .photo{width:100%;max-height:100%;object-fit:contain;border:var(--gr-border);box-shadow:8px 8px 0 var(--gr-ink);background:var(--gr-card)}
#art [hidden]{display:none}
.hot{cursor:pointer}
.hot:focus-visible{outline:3px solid var(--gr-sun);outline-offset:4px}
.art-label{font:700 22px var(--gr-font-ui);fill:var(--gr-on-blue)}
.art-label.small{font-size:17px}
.art-label tspan.en{font:italic 500 13px var(--gr-font-latin);fill:#dfe6ff}
.art-ink{stroke:var(--gr-ink);stroke-width:3;stroke-linejoin:round}
@keyframes sway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.cil{transform-box:fill-box;transform-origin:50% 100%;animation:sway 1.6s ease-in-out infinite}
.cil:nth-child(2n){animation-delay:-.5s}.cil:nth-child(3n){animation-delay:-1s}
@keyframes pulse-ring{0%{opacity:.9}100%{opacity:.2}}
.pulse{animation:pulse-ring 1.1s ease-in-out infinite alternate}
@media(max-width:820px){#art{inset-block:62px auto;inset-inline:10px;width:auto;height:calc(50vh - 62px)}}
@media(prefers-reduced-motion:reduce){.cil,.pulse{animation:none}}
#art canvas.sk3d,#art canvas.ul3d,#art canvas[class$="3d"]{background:#1c1d21}