/* 안내 페이지 카드 그림 (MGW-DSN-031) — public/home.css 의 "카드 그림" 블록을 build-guide.mjs 가 그대로 뽑아 옴. 손으로 고치지 않는다(home.css 를 고치고 다시 만듦).
   home.css 전체를 걸면 .game·.card 가 글 페이지(doc.css)의 .game 과 부딪혀 그림 블록만 가져온다. */
/* 카드 그림 (그림 파일 없이 CSS로, 64px 기준 좌표를 zoom으로 키운다) */
.card-icon { --z: 1; flex: none; width: 64px; height: 64px; border-radius: 14px; position: relative; overflow: hidden; zoom: var(--z); }
.icon-2048 { background: #1f2638; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 6px; }
.icon-2048 i { border-radius: 6px; display: flex; align-items: center; justify-content: center; font-style: normal; font-weight: 800; font-size: 13px; }
.icon-2048 i:nth-child(1) { background: #e6f0f4; color: #24304a; }
.icon-2048 i:nth-child(2) { background: #6fd0c2; color: #10332f; }
.icon-2048 i:nth-child(3) { background: #5a5fe0; color: #fff; }
.icon-2048 i:nth-child(4) { background: linear-gradient(135deg, #ff7a6b, #f5b041); color: #1d2540; font-size: 9px; }
.icon-snake { background: #1f2638; }
.icon-snake i { position: absolute; width: 12px; height: 12px; border-radius: 4px; background: #3fc1ae; }
.icon-snake i:nth-child(1) { left: 12px; top: 40px; background: #1f8f86; }
.icon-snake i:nth-child(2) { left: 25px; top: 40px; }
.icon-snake i:nth-child(3) { left: 25px; top: 27px; }
.icon-snake i:nth-child(4) { left: 38px; top: 27px; background: #8ef0dc; }
.icon-snake b { position: absolute; left: 42px; top: 10px; width: 10px; height: 10px; border-radius: 50%; background: #ff7a6b; }
.icon-planet { background: #1f2638; }
.icon-planet b { position: absolute; left: 8px; right: 8px; top: 14px; bottom: 6px; border: 2px solid #4a5a8a; border-top: 0; border-radius: 0 0 18px 18px; background: #283252; }
.icon-planet i { position: absolute; z-index: 1; border-radius: 50%; }
.icon-planet i:nth-child(1) { width: 14px; height: 14px; left: 13px; bottom: 10px; background: radial-gradient(circle at 35% 32%, #ffd9cf 0 12%, #e2563f 38%, #b23a28); }
.icon-planet i:nth-child(2) { width: 22px; height: 22px; left: 28px; bottom: 9px; background: radial-gradient(circle at 35% 32%, #5cc46a 0 12%, #3d8de8 38%, #2a6cc0); }
.icon-planet i:nth-child(3) { width: 12px; height: 12px; left: 26px; top: 6px; background: radial-gradient(circle at 35% 32%, #fffbea 0 12%, #efe7c6 38%, #cfc39a); }
/* MGW-DEV-031: Bricks 카드 그림(다솜 DSN-005 2.9 card-bricks.svg 인라인) */
.icon-bricks svg { display: block; width: 64px; height: 64px; }