#vkm-memory-art{width:100%}#vkm-memory-art *{box-sizing:border-box}#vkm-memory-art .vkm-stage{min-height:790px;padding:12px 0 24px}#vkm-memory-art .vkm-game{--paper:#101b16;--text:#eeeede;--muted:#a8b6a9;--edge:#3b4d40;--accent:#d2b77e;--front:#21372a;--back:#18261e;max-width:690px;margin:auto;background:var(--paper);color:var(--text);border:1px solid var(--edge);border-radius:22px;padding:30px;position:relative;overflow:hidden;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;isolation:isolate;box-shadow:0 20px 70px #0002}
#vkm-memory-art .vkm-game[data-art=cosmos]{--paper:#101329;--text:#eeeafa;--muted:#b9b8d5;--edge:#4c4970;--accent:#c2adff;--front:#262b50;--back:#191d3a;background:radial-gradient(ellipse at 88% 12%,#47346f88,transparent 48%),radial-gradient(ellipse at 6% 85%,#1d536355,transparent 48%),#101329;border-radius:30px}
#vkm-memory-art .vkm-game[data-art=taller]{--paper:#f3ead8;--text:#243340;--muted:#5a625e;--edge:#c5bba4;--accent:#9d4a30;--front:#fffaf0;--back:#e4d7ba;background:radial-gradient(#b1a58835 .7px,transparent .7px) 0 0/7px 7px,#f3ead8;border-radius:8px;box-shadow:0 18px 50px #36261422}
#vkm-memory-art .vkm-mast{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}#vkm-memory-art .vkm-brand{font-size:12px;letter-spacing:.16em;font-weight:600}#vkm-memory-art .vkm-tag{font-size:10px;letter-spacing:.09em;color:var(--muted);text-transform:uppercase}#vkm-memory-art .vkm-game h2{font:500 32px/1.12 system-ui,sans-serif;letter-spacing:-.045em;margin:29px 0 10px;color:var(--text)}#vkm-memory-art .vkm-game[data-art=cosmos] h2{text-align:center;font-size:37px;letter-spacing:-.04em}#vkm-memory-art .vkm-game[data-art=taller] h2{font:400 36px/1.1 Georgia,serif;letter-spacing:-.04em}#vkm-memory-art .vkm-game[data-art=cosmos] .vkm-instruction{text-align:center}#vkm-memory-art .vkm-instruction{font-size:14px;margin:0;color:var(--muted);max-width:52ch}#vkm-memory-art .vkm-hud{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 0 14px;margin-top:9px;border-bottom:1px solid var(--edge);font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}#vkm-memory-art .vkm-hud b{color:var(--text);font-weight:500}#vkm-memory-art .vkm-board{position:relative;margin-top:21px;min-height:280px}#vkm-memory-art .vkm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;perspective:1100px;padding:2px}#vkm-memory-art .vkm-card{display:block;position:relative;aspect-ratio:.79;width:100%;min-width:0;background:transparent;color:var(--text);border:0;border-radius:12px;padding:0;perspective:800px;appearance:none;outline-offset:5px;transition:transform .25s ease}#vkm-memory-art .vkm-card:focus-visible{outline:3px solid var(--accent)}#vkm-memory-art .vkm-turn{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .56s cubic-bezier(.22,.7,.25,1)}#vkm-memory-art .vkm-card.is-open .vkm-turn,#vkm-memory-art .vkm-card.is-match .vkm-turn{transform:rotateY(180deg)}#vkm-memory-art .vkm-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--edge);border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 7px 13px #0003;pointer-events:none}#vkm-memory-art .vkm-back{background:linear-gradient(135deg,#ffffff08,transparent 60%),repeating-linear-gradient(0deg,transparent 0 18px,#d9e6cb08 18px 19px),var(--back)}#vkm-memory-art .vkm-back:after{content:"";position:absolute;inset:7px;border:1px solid #d2b77e33;border-radius:7px}#vkm-memory-art .vkm-back .vkm-id{position:absolute;bottom:12px;font:9px ui-monospace,monospace;letter-spacing:.2em;opacity:.55}#vkm-memory-art .vkm-front{transform:rotateY(180deg);background:radial-gradient(ellipse at 50% 25%,#ffffff0d,transparent 65%),var(--front)}#vkm-memory-art .vkm-front svg{width:78%;height:68%;overflow:visible;color:var(--accent);filter:drop-shadow(0 4px 6px #0003)}#vkm-memory-art .vkm-back svg{width:52%;height:52%;fill:none;stroke:var(--accent);stroke-width:1.1;opacity:.7}#vkm-memory-art .vkm-label{font-size:11px;letter-spacing:.01em;max-width:100%;padding:0 3px 9px;line-height:1.2}#vkm-memory-art .vkm-check{position:absolute;right:8px;top:6px;font-size:13px;color:var(--accent);opacity:0;transform:scale(.1);transition:opacity .3s,transform .4s cubic-bezier(.2,1.8,.4,1)}#vkm-memory-art .is-match .vkm-check{opacity:1;transform:scale(1)}#vkm-memory-art .vkm-card.is-match{animation:vkm-pair .7s ease both}#vkm-memory-art .vkm-card.is-match .vkm-front{border-color:var(--accent);box-shadow:0 0 0 1px #d2b77e25,0 0 22px #d2b77e18}#vkm-memory-art .vkm-card.is-wrong{animation:vkm-wrong .36s ease 1}#vkm-memory-art .vkm-card:hover:not(:disabled):not(.is-open){transform:translateY(-4px)}#vkm-memory-art .vkm-card:disabled{opacity:1}
#vkm-memory-art [data-art=cosmos] .vkm-back{background:radial-gradient(circle at 50% 45%,#6954ae44,transparent 70%),radial-gradient(#e0ddff88 .65px,transparent 1px) 0 0/23px 29px,var(--back)}#vkm-memory-art [data-art=cosmos] .vkm-back:after{border:1px solid #bfa6f02b;border-radius:16px;inset:6px}#vkm-memory-art [data-art=cosmos] .vkm-face{border-radius:21px;box-shadow:inset 0 1px 0 #fff2,0 9px 24px #0005}#vkm-memory-art [data-art=cosmos] .vkm-back svg{width:70%;height:70%;stroke-width:.8;opacity:.95;filter:drop-shadow(0 0 6px #bc9ae878)}#vkm-memory-art [data-art=cosmos] .vkm-turn{transition-timing-function:cubic-bezier(.15,.8,.25,1.1);transition-duration:.68s}#vkm-memory-art [data-art=cosmos] .vkm-card.is-open .vkm-turn,#vkm-memory-art [data-art=cosmos] .vkm-card.is-match .vkm-turn{transform:rotateY(180deg) rotateZ(-2deg)}#vkm-memory-art [data-art=cosmos] .vkm-front svg{filter:drop-shadow(0 0 10px #bd9dff66);color:#c3b3f4}#vkm-memory-art [data-art=cosmos] .vkm-id{display:none}
#vkm-memory-art [data-art=taller] .vkm-grid{gap:15px;padding:5px}#vkm-memory-art [data-art=taller] .vkm-card:nth-child(3n+1){rotate:-1.2deg}#vkm-memory-art [data-art=taller] .vkm-card:nth-child(3n+2){rotate:1.1deg}#vkm-memory-art [data-art=taller] .vkm-face{border-radius:5px;box-shadow:0 2px 0 #c6b69a,0 7px 9px #473b2420}#vkm-memory-art [data-art=taller] .vkm-back{background:repeating-linear-gradient(45deg,transparent 0 5px,#3e566b12 5px 6px),var(--back)}#vkm-memory-art [data-art=taller] .vkm-back:after{border:1px dashed #85745b66;border-radius:1px;inset:8px}#vkm-memory-art [data-art=taller] .vkm-back svg{stroke:#415267;stroke-width:1.7}#vkm-memory-art [data-art=taller] .vkm-front{background:#fffaf0}#vkm-memory-art [data-art=taller] .vkm-front svg{color:#354d61;filter:drop-shadow(2px 3px 0 #c7a47966)}#vkm-memory-art [data-art=taller] .vkm-label{font-family:Georgia,serif;font-size:13px}#vkm-memory-art [data-art=taller] .vkm-card.is-match{rotate:0deg}#vkm-memory-art [data-art=taller] .vkm-card.is-match .vkm-front{border-color:#a76538;box-shadow:0 3px 0 #ccb78f,0 5px 9px #6a573822}
#vkm-memory-art .vkm-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:20px}#vkm-memory-art .vkm-button{min-height:42px;padding:9px 15px;border-radius:22px;border:1px solid var(--edge);background:transparent;color:var(--text);font:500 12px/1.3 system-ui,sans-serif;white-space:nowrap}#vkm-memory-art .vkm-button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#vkm-memory-art .vkm-button:hover{border-color:var(--accent)}#vkm-memory-art .vkm-primary{background:var(--accent);border-color:var(--accent);color:var(--paper)}#vkm-memory-art [data-art=taller] .vkm-primary{background:#344b5b;border-color:#344b5b;color:#fffaf0;border-radius:5px}#vkm-memory-art [data-art=taller] .vkm-button{border-radius:5px}#vkm-memory-art .vkm-status{font-size:13px;line-height:1.5;min-height:40px;color:var(--muted);margin:18px 0 0}#vkm-memory-art .vkm-preview-button{border:0;padding:3px 0;min-height:30px;border-bottom:1px solid var(--edge);background:none;color:var(--muted);font:12px/1.5 system-ui,sans-serif;display:inline-block;margin-top:12px}#vkm-memory-art .vkm-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--edge);margin-top:17px;padding-top:12px;font-size:10px;color:var(--muted)}#vkm-memory-art .vkm-bottom span{max-width:42ch}#vkm-memory-art .vkm-cover{position:absolute;z-index:4;inset:0;border-radius:12px;background:color-mix(in srgb,var(--paper),transparent 15%);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;text-align:center;padding:25px}#vkm-memory-art .vkm-cover p{color:var(--muted);font-size:13px;line-height:1.55;max-width:30ch;margin:12px auto 20px}#vkm-memory-art .vkm-cover strong{font-weight:500;font-size:25px;letter-spacing:-.025em}#vkm-memory-art .vkm-cover .vkm-button{padding:12px 24px}#vkm-memory-art .vkm-win{background:color-mix(in srgb,var(--paper),transparent 6%);inset:10% 7%;border:1px solid var(--edge);border-radius:18px;box-shadow:0 16px 70px #0003}#vkm-memory-art .vkm-medal{display:block;font-size:33px;color:var(--accent);margin-bottom:12px}#vkm-memory-art .vkm-fx{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;z-index:6}#vkm-memory-art .vkm-paused .vkm-grid{filter:blur(6px);pointer-events:none}#vkm-memory-art .vkm-game [hidden]{display:none!important}#vkm-memory-art .vkm-game.vkm-enter .vkm-card{animation:vkm-deal .45s ease both;animation-delay:calc(var(--i)*35ms)}@keyframes vkm-deal{from{opacity:0;translate:0 13px;scale:.93}to{opacity:1;translate:0 0;scale:1}}@keyframes vkm-pair{0%,100%{translate:0 0;scale:1}35%{translate:0 -7px;scale:1.045}65%{translate:0 -2px;scale:1.01}}@keyframes vkm-wrong{0%,100%{translate:0 0}25%{translate:-3px 0}75%{translate:3px 0}}@media(max-width:480px){#vkm-memory-art .vkm-stage{min-height:790px}#vkm-memory-art .vkm-game{padding:22px 16px;border-radius:17px}#vkm-memory-art .vkm-game h2{font-size:27px}#vkm-memory-art .vkm-game[data-art=cosmos] h2{font-size:30px}#vkm-memory-art .vkm-game[data-art=taller] h2{font-size:31px}#vkm-memory-art .vkm-grid{gap:7px}#vkm-memory-art [data-art=taller] .vkm-grid{gap:9px}#vkm-memory-art .vkm-face{border-radius:8px}#vkm-memory-art .vkm-label{font-size:9px}#vkm-memory-art [data-art=taller] .vkm-label{font-size:10px}#vkm-memory-art .vkm-card{aspect-ratio:.72}#vkm-memory-art .vkm-back .vkm-id{font-size:7px;bottom:8px}#vkm-memory-art .vkm-board{min-height:230px}#vkm-memory-art .vkm-button{min-height:44px;padding:9px 12px}#vkm-memory-art .vkm-bottom{font-size:10px;align-items:flex-start}#vkm-memory-art .vkm-cover{padding:16px}#vkm-memory-art .vkm-win{inset:4% 3%}#vkm-memory-art .vkm-mast{gap:6px}#vkm-memory-art .vkm-brand{font-size:10px}#vkm-memory-art .vkm-tag{font-size:9px;letter-spacing:.025em}}@media(prefers-reduced-motion:reduce){html:not([data-vkp-motion="full"]) #vkm-memory-art *{animation:none!important;transition:none!important}html:not([data-vkp-motion="full"]) #vkm-memory-art .vkm-fx{display:none}}

#vkm-memory-art .vkm-stage{min-height:0;padding:0}
html[data-vkp-motion="reduced"] #vkm-memory-art *{animation:none!important;transition:none!important}html[data-vkp-motion="reduced"] #vkm-memory-art .vkm-fx{display:none}