.pic{display:flex;flex-direction:column;align-items:center;gap:18px;align-self:stretch}.pic{--pic-plate:clamp(168px,calc(100dvh - 458px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),264px)}.pic:has(.pic-options[data-n="7"]){--pic-plate:clamp(168px,calc(100dvh - 515px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),264px)}#stage.stage .pic{--pic-plate:168px}.pic-plate{width:var(--pic-plate);height:var(--pic-plate);border-radius:28px;background:var(--raise);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transition:background var(--dur-bloom) var(--ease-out)}#stage.stage .pic-plate{margin-top:12px}.pic-art{color:var(--ink);width:76.2%;height:76.2%}.pic-art svg{width:100%;height:100%;display:block}.pic-prompt{direction:rtl}.pic-prompt-en{margin:0;color:var(--muted);font-size:var(--fs-translation);line-height:1.4}.pic-options{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(var(--rows,2),1fr);gap:8px;width:100%;max-width:22rem}.pic-opt{grid-column:span 2}.pic-options[data-n="2"] .pic-opt,.pic-options[data-n="4"] .pic-opt{grid-column:span 3}.pic-options[data-n="5"] .pic-opt:nth-child(4){grid-column:2 / span 2}.pic-options[data-n="7"] .pic-opt:nth-child(7){grid-column:3 / span 2}.pic-opt{font-family:var(--sans-he);font-size:calc(var(--fs-option-he) * var(--milim-text-scale));text-align:center;direction:rtl;min-height:52px;padding:10px 8px;border-radius:26px;display:flex;align-items:center;justify-content:center}.pic.right .pic-plate{background:var(--ok-soft);box-shadow:0 0 0 2px var(--ok),0 0 0 6px var(--ok-halo),0 0 22px var(--ok-bloom);animation:verdictBloom var(--dur-bloom) var(--ease-out) 1}.pic.right .pic-art{color:var(--ok)}.pic.right .pic-art path{stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);animation:drawOn 700ms var(--ease-out) forwards}@keyframes drawOn{to{stroke-dashoffset:0}}.pic-word{direction:rtl;margin:0}.pic-board{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:20rem}.pic-board .pic-tile{grid-column:span 2}.pic-board[data-n="2"] .pic-tile,.pic-board[data-n="4"] .pic-tile{grid-column:span 3}.pic-board[data-n="5"] .pic-tile:nth-child(4){grid-column:2 / span 2}.pic-board[data-n="7"] .pic-tile:nth-child(7){grid-column:3 / span 2}.pic-tile{aspect-ratio:1;min-height:44px;padding:10px;display:flex;align-items:center;justify-content:center}.pic-tile-art{color:var(--ink);width:84%;height:84%;display:block;pointer-events:none}.pic-tile-art svg{width:100%;height:100%;display:block}.pic-tile.correct .pic-tile-art{color:var(--ok)}.pic.right .pic-tile.correct .pic-tile-art path{stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);animation:drawOn 700ms var(--ease-out) forwards}.pic-replay{align-self:center}.pic-replay[hidden]{display:none}@media (prefers-reduced-motion:reduce){.pic-plate{transition:none}.pic.right .pic-plate{animation:none}.pic.right .pic-art path{animation:none;stroke-dashoffset:0}.pic.right .pic-tile.correct .pic-tile-art path{animation:none;stroke-dashoffset:0}}:root{--iso-g-t:#4FD488;--iso-g-l:#2FA263;--iso-g-r:#217A49;--iso-g-ink:#14432A;--iso-a-l:#E39A12}@media (prefers-color-scheme:light){:root{--iso-g-t:#3FB877;--iso-g-l:#248F58;--iso-g-r:#1B6F44;--iso-g-ink:#0F4A2B;--iso-a-l:#DD8C0A}}:root[data-theme="dark"]{--iso-g-t:#4FD488;--iso-g-l:#2FA263;--iso-g-r:#217A49;--iso-g-ink:#14432A;--iso-a-l:#E39A12}:root[data-theme="light"]{--iso-g-t:#3FB877;--iso-g-l:#248F58;--iso-g-r:#1B6F44;--iso-g-ink:#0F4A2B;--iso-a-l:#DD8C0A}.pic.right .pic-plate:has(.iso-pic){background:var(--raise);box-shadow:var(--shadow);animation:none}.pic.right .pic-art svg.iso-pic path,.pic.right .pic-tile.correct .pic-tile-art svg.iso-pic path{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.pic-art,.pic-tile-art{position:relative}.iso-pic{overflow:visible}.iso-pic .pl-t,.iso-pic .pl-l,.iso-pic .pl-r,.iso-pic .pl-shadow{transition:fill .28s,stroke .28s,opacity .28s}:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.warmup-card-pic.matched .warmup-card-face) .iso-pic .pl-t{fill:var(--iso-g-t);stroke:var(--iso-g-ink)}:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.warmup-card-pic.matched .warmup-card-face) .iso-pic .pl-l{fill:var(--iso-g-l);stroke:var(--iso-g-ink)}:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.warmup-card-pic.matched .warmup-card-face) .iso-pic .pl-r{fill:var(--iso-g-r);stroke:var(--iso-g-ink)}:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.warmup-card-pic.matched .warmup-card-face) .iso-pic .pl-shadow{fill:var(--iso-g-l);opacity:.7}:is(.pic:has(.pic-opt.wrong) .pic-art,.pic-tile.wrong .pic-tile-art,.warmup-card-pic.wrong .warmup-card-face) .iso-pic :is(.pl-t,.pl-l,.pl-r){fill:none;stroke:none}:is(.pic:has(.pic-opt.wrong) .pic-art,.pic-tile.wrong .pic-tile-art,.warmup-card-pic.wrong .warmup-card-face):has(.iso-pic){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='30 2 140 168' stroke-linejoin='round' stroke-width='1.1'%3E%3Cpolygon points='34.2,128 100,166 100,150 34.2,112' fill='%23D8890F' stroke='%235A3A08'/%3E%3Cpolygon points='165.8,128 100,166 100,150 165.8,112' fill='%23B06A05' stroke='%235A3A08'/%3E%3Cpolygon points='100,74 165.8,112 100,150 34.2,112' fill='%23FFB52E' stroke='%235A3A08'/%3E%3C/svg%3E"),none;background-repeat:no-repeat;background-position:center;background-size:contain;background-origin:content-box,padding-box;background-clip:content-box,border-box}:is(.pic:has(.pic-opt.wrong) .pic-art,.pic-tile.wrong .pic-tile-art,.warmup-card-pic.wrong .warmup-card-face) svg.iso-pic{filter:grayscale(.8) brightness(.96)}:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.warmup-card-pic.matched .warmup-card-face) .iso-pic .iso-obj{transform-box:fill-box;transform-origin:50% 100%;animation:isoPop .38s cubic-bezier(.2,1.5,.4,1) 1}@keyframes isoPop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.pic:has(.pic-opt.wrong) .pic-art,.pic-tile.wrong .pic-tile-art):has(.iso-pic)::before,:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.pic:has(.pic-opt.wrong) .pic-art,.pic-tile.wrong .pic-tile-art):has(.iso-pic)::after{content:"";position:absolute;top:0;left:50%;height:100%;aspect-ratio:140 / 168;translate:-50% 0;pointer-events:none;transform-origin:85.7% 19%}:is(.warmup-card-pic.matched,.warmup-card-pic.wrong) .warmup-card-face:has(.iso-pic)::before,:is(.warmup-card-pic.matched,.warmup-card-pic.wrong) .warmup-card-face:has(.iso-pic)::after{content:"";position:absolute;top:8px;left:50%;height:calc(100% - 16px);aspect-ratio:140 / 168;translate:-50% 0;pointer-events:none;transform-origin:85.7% 19%}.pic.right .pic-art:has(.iso-pic)::before,.pic.right .pic-art:has(.iso-pic)::after,.pic-tile.correct .pic-tile-art:has(.iso-pic)::before,.pic-tile.correct .pic-tile-art:has(.iso-pic)::after,.warmup-card-pic.matched .warmup-card-face:has(.iso-pic)::before,.warmup-card-pic.matched .warmup-card-face:has(.iso-pic)::after{animation:isoBadge .34s cubic-bezier(.2,1.6,.4,1) 1}@keyframes isoBadge{0%{scale:0}70%{scale:1.18}100%{scale:1}}:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.warmup-card-pic.matched .warmup-card-face):has(.iso-pic)::before{background:var(--iso-g-l)}:is(.pic:has(.pic-opt.wrong) .pic-art,.pic-tile.wrong .pic-tile-art,.warmup-card-pic.wrong .warmup-card-face):has(.iso-pic)::before{background:var(--iso-a-l)}:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.pic:has(.pic-opt.wrong) .pic-art,.pic-tile.wrong .pic-tile-art,.warmup-card-pic:is(.matched,.wrong) .warmup-card-face):has(.iso-pic)::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='30 2 140 168'%3E%3Ccircle cx='150' cy='34' r='15'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='30 2 140 168'%3E%3Ccircle cx='150' cy='34' r='15'/%3E%3C/svg%3E") center / 100% 100% no-repeat}:is(.pic.right .pic-art,.pic-tile.correct .pic-tile-art,.warmup-card-pic.matched .warmup-card-face):has(.iso-pic)::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='30 2 140 168'%3E%3Cpath transform='translate(150 34)' d='M-6,0.5 l4.5,4.5 l8.5,-9.5' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}:is(.pic:has(.pic-opt.wrong) .pic-art,.pic-tile.wrong .pic-tile-art,.warmup-card-pic.wrong .warmup-card-face):has(.iso-pic)::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='30 2 140 168'%3E%3Cpath transform='translate(150 34)' d='M-5,-5 l10,10 M5,-5 l-10,10' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}@media (prefers-reduced-motion:reduce){.iso-pic .pl-t,.iso-pic .pl-l,.iso-pic .pl-r,.iso-pic .pl-shadow{transition:none}.iso-pic .iso-obj{animation:none!important}.pic-art::before,.pic-art::after,.pic-tile-art::before,.pic-tile-art::after,.warmup-card-face::before,.warmup-card-face::after{animation:none!important}}