.sf-art{aspect-ratio:1.35;isolation:isolate;min-width:0;position:relative}.sf-art-orbit{border:1px dashed #b7a2d449;border-radius:50%;position:absolute;inset:12% 8% 5%;transform:rotate(-13deg)}.sf-art-faces{direction:ltr;justify-content:center;align-items:center;display:flex;position:absolute;inset:18% 6% 1%}.sf-art-faces>div{width:45%;transform:rotate(calc((var(--sf-seat) - 1)*13deg)) translateY(calc((var(--sf-seat) - 1)*8px));filter:drop-shadow(0 10px 10px #21192c1f);flex:0 0 45%;margin-inline:-8%}.sf-art-faces>div:nth-child(2){z-index:2;transform:translateY(-9px)rotate(-7deg)}.sf-face{flex-shrink:0;width:150px;max-width:100%;height:auto;display:block}.sf-art .sf-face{width:100%}.sf-art-chat{z-index:3;background:var(--sf-paper,#fffdf8);color:var(--sf-ink,#30243f);border-radius:16px;gap:1px;padding:13px 22px;font-size:12px;display:grid;position:absolute;box-shadow:0 5px #21192c16}.sf-art-chat b{font-size:18px}.sf-art-chat-one{top:5%;right:1%;transform:rotate(7deg)}.sf-art-chat-one:after{content:"";background:inherit;width:14px;height:14px;position:absolute;bottom:-6px;left:16px;transform:rotate(45deg)}.sf-art-chat-two{background:#d7f46f;bottom:0;left:0;transform:rotate(-8deg)}.sf-art-chat-two:after{content:"";background:inherit;width:14px;height:14px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.sf-art-star{color:#d7f46f;font-size:43px;line-height:1;position:absolute;top:8%;left:5%;transform:rotate(9deg)}.sf-art-dot{border:3px solid #ffa98e;border-radius:50%;width:15px;height:15px;position:absolute;bottom:13%;right:2%}.game-art .sf-art{aspect-ratio:auto;--sf-paper:#fffdf8;--sf-ink:#30243f;background:#3d2b56;min-height:215px}.game-art .sf-art .sf-art-faces{inset:9% 22% 3%}.game-art .sf-art .sf-art-chat{padding:8px 13px}.game-art .sf-art .sf-art-chat-one{top:14%;right:11%}.game-art .sf-art .sf-art-chat-two{bottom:14%;left:9%}.game-art .sf-art .sf-art-chat b{font-size:15px}.game-art .sf-art .sf-art-chat span{font-size:10px}.game-art .sf-art .sf-art-star{top:18%;left:15%}.game-art .sf-art .sf-art-dot{bottom:15%;right:12%}@media (hover:hover) and (prefers-reduced-motion:no-preference){.game-card:hover .sf-art-faces>div:nth-child(2){transform:translateY(-16px)rotate(-4deg)}.sf-art-faces>div{transition:transform .25s}}@media (prefers-reduced-motion:reduce){.sf-art *{transition:none!important;animation:none!important}}