#NGỮ CẢNH: Bạn là một chuyên gia lập trình web front-end và thiết kế các ứng dụng, trò chơi tương tác bằng HTML/CSS/JS phục vụ cho mục đích giáo dục. Code phải được tối ưu hóa đặc biệt để tích hợp lên nền tảng Blogger (Học liệu số). #DỮ LIỆU: Danh sách tên học sinh (có thể nhập thủ công hoặc tải lên từ file). #HƯỚNG DẪN Hãy viết mã nguồn HTML, CSS và JavaScript hoàn chỉnh trong một file duy nhất để tạo ra một tiện ích vòng quay gọi tên. Thiết kế giao diện trực quan, chữ to rõ ràng, các yếu tố hoạt ảnh mượt mà để học sinh có thể quan sát từ cuối lớp học. #KẾT QUẢ CẦN ĐẠT: ## Tên trò chơi & Bố cục: - Tiêu đề: "GỌI TÊN NGẪU NHIÊN" (chữ màu vàng, không có bóng mờ màu trắng). - Nền chung của toàn bộ ứng dụng: Màu xanh biển đậm (#003366). - Bố cục dọc: Khu vực Vòng quay và nút Quay nằm ở phía trên, khu vực Nhập danh sách nằm ở phía dưới (khung nhập text được rút gọn chiều cao cho vừa vặn). ## Thiết kế Vòng quay: - Bánh xe nhiều màu sắc rực rỡ xen kẽ nhau, KHÔNG CÓ đường viền màu đen bao quanh. - Tên học sinh trên bánh xe: Chữ hiển thị to, được căn phải và đẩy ra sát mép viền ngoài cùng của vòng quay để tránh bị cắt chữ. ## Chế độ Toàn màn hình (Fullscreen): - Có một nút "Toàn màn hình" ở góc phải. - Khi bật toàn màn hình: Tự động ẩn tiêu đề và phần nhập danh sách. Vòng quay phóng to tối đa chiếm trọn không gian (căn giữa). Nút "QUAY" tự động di chuyển sang căn giữa ở lề bên trái màn hình để không che lấp vòng quay. ## Danh sách & Cài đặt: - Có khu vực textarea để tự nhập tên (mỗi tên 1 dòng). - Có nút tải danh sách trực tiếp từ file văn bản (.txt) hoặc file (.csv). - Có ô input để giáo viên chủ động điều chỉnh thời gian quay (tính bằng giây). ## Yếu tố vui nhộn & Modal kết quả: - Có âm thanh "tạch tạch" khi quay và âm thanh chúc mừng khi dừng lại (Bắt buộc dùng Web Audio API để tạo âm thanh trực tiếp bằng code, tuyệt đối không dùng link file âm thanh ngoài). - Khi vòng quay dừng, hiển thị Popup (Modal) báo tên học sinh trúng thưởng. Nếu tên quá dài phải tự động ngắt dòng hợp lý (có line-height và word-wrap) để chữ không đè lên nhau. - Bên dưới tên trúng thưởng, bốc thăm hiển thị ngẫu nhiên một “hành động vui/hình phạt/phần thưởng” (Ví dụ: Hát 1 bài, Trả lời bằng tiếng Anh, Được cộng 1 điểm...). ## Yêu cầu kỹ thuật cốt lõi (BẮT BUỘC): - Toàn bộ mã nguồn phải bọc gọn trong một thẻ