/* v1 추출 때 JS가 나중에 만드는 요소라 빠졌던 규칙 (2026-10-27 브라우저에서 별도 수집) */
.main-content strong { color: rgb(0, 123, 255); }
@media (max-width: 767px){.main-content, .header-bar, .title-bar { padding: 5px; }}
.card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 600px; margin: 20px auto; position: relative; z-index: 3; }
.card-grid > :not(.background-overlay) { position: relative; z-index: 3; }
.card { background-color: rgb(153, 153, 153); height: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 50px; user-select: none; border-radius: 5px; color: white; transition: background-color 0.3s; z-index: 3; position: relative; }
.card > :not(.background-overlay) { position: relative; z-index: 3; }
.matched { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.celebrate .card { animation: 1s ease-in-out 0s infinite alternate none running celebration; }
@media (max-width: 767px){.card-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }}
@media (max-width: 767px){.card { font-size: 30px; height: 80px; }}