/* 번호 고르기 심리테스트 */
.nm-banner{ border:2px solid #1F1A2E; border-radius:22px; padding:16px 14px; text-align:center; box-shadow:4px 4px 0 #1F1A2E; margin:4px 0 14px; background:#FFF1C2; }
.nm-banner .nm-q{ font-weight:800; font-size:17px; line-height:1.45; color:#1F1A2E; word-break:keep-all; }
.nm-stage{ position:relative; border:2px solid #1F1A2E; border-radius:22px; overflow:hidden; box-shadow:4px 4px 0 #1F1A2E; background:#eee; line-height:0; }
.nm-stage img{ width:100%; height:auto; display:block; }
.nm-spot{ position:absolute; transform:translate(-50%,-50%); width:44px; height:44px; border-radius:50%; border:3px solid #1F1A2E; box-shadow:2px 2px 0 #1F1A2E; font:inherit; font-weight:900; font-size:20px; line-height:38px; padding:0; text-align:center; color:#1F1A2E; cursor:pointer; animation:nmPulse 1.8s ease-in-out infinite; }
.nm-spot:hover{ transform:translate(-50%,-50%) scale(1.12); }
.nm-spot:active{ transform:translate(-50%,-50%) scale(.95); }
.nm-spot.picked{ width:58px; height:58px; font-size:28px; line-height:52px; cursor:default; animation:none; box-shadow:0 0 0 6px rgba(217,58,28,.35),3px 3px 0 #1F1A2E; }
@keyframes nmPulse{ 0%,100%{ box-shadow:2px 2px 0 #1F1A2E,0 0 0 0 rgba(255,255,255,.7);} 50%{ box-shadow:2px 2px 0 #1F1A2E,0 0 0 8px rgba(255,255,255,0);} }
.nm-hint{ text-align:center; font-size:13px; color:#6b6478; margin:12px 0 0; }
.nm-result-emoji{ font-size:64px; line-height:1; text-align:center; margin-top:6px; }
.nm-picknum{ text-align:center; font-weight:800; color:#D93A1C; margin:6px 0 0; font-size:15px; }
#result-stage{ margin:14px 0 16px; }