숫자 맞히기

연한 하늘색 그라데이션 배경 한가운데에 모서리가 크게 둥글고 푸른 그림자가 드리운 흰색 카드가 놓여 있고, 카드 안에는 위에서부터 큼직한 숫자 이모지 하나, 맞혀야 할 수의 범위가 괄호로 붙은 진한 남색 굵은 제목 한 줄, 가로로 나란히 놓인 숫자 입력칸과 파란 그라데이션 버튼, 힌트 한 줄이 굵게 들어가는 카드 폭을 꽉 채우는 옅은 파란색 둥근 상자, 마지막으로 부른 수를 알려 주는 작은 회색 글씨 한 줄, 시도 횟수 한 줄이 가운데 정렬로 이어집니다.

입력칸은 남는 폭을 모두 차지하고 숫자가 크게 가운데로 들어가며 범위를 알려 주는 흐린 안내 문구가 있고 클릭하면 테두리가 파랗게 밝아지며, 오른쪽 버튼은 글자 폭만큼만 좁고 마우스를 올리면 살짝 위로 떠오릅니다.

힌트 상자는 높이가 넉넉히 고정되어 있어 문구가 바뀌어도 아래 줄이 밀리지 않습니다.

1부터 100 사이의 수를 넣고 버튼을 누르거나 엔터를 치면 정답보다 작을 때는 주황빛, 클 때는 파란빛, 맞았을 때는 초록빛으로 상자의 배경색과 글자색이 함께 바뀌고, 시도 횟수의 숫자만 진한 남색으로 강조됩니다.