@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

body {
    font-family: 'Pretendard', sans-serif;
    background-color: #f8fafc;
    -webkit-tap-highlight-color: transparent;
    letter-spacing: -0.02em;
}

.screen { display: none; }
.screen.active { display: block; animation: fadeIn 0.3s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* 퀴즈 선택 하이라이트 */
.quiz-item { transition: all 0.2s ease; }
.quiz-item:has(input:checked) {
    background-color: #eef2ff !important;
    border-color: #6366f1 !important;
}
.quiz-item input:checked + div span:first-child {
    color: #4f46e5 !important;
}

/* 아이폰 입력창 최적화 */
input, textarea {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    font-size: 16px !important;
}

/* 버튼 클릭 효과 */
.btn-effect { transition: transform 0.1s; }
.btn-effect:active { transform: scale(0.9); }

#scrPlay.active { display: flex !important; flex-direction: column; align-items: center; justify-content: center; position: fixed; inset: 0; z-index: 100; background: #ffffff; }
#scrLogin.active { display: flex !important; flex-direction: column; align-items: center; justify-content: center; position: fixed; inset: 0; z-index: 200; background: #f8fafc; }