Argapura Siaga

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a responsive Indonesian-language educational decision-making quiz game titled “Argapura Siaga” / “Gunung Argapura: 4 Keputusan Menentukan.” It is a 2D web-style simulation rather than an action game. The player is addressed as Bapak/Ibu and acts as the head of a family living in the dense settlement of Desa Argapura, in KRB III, 3 km from an active volcano. The goal is to read emergency situations, choose the safest response quickly, learn from the explanation, and maximize a preparedness score.

Visual style: warm editorial dashboard with a cream/off-white paper background, dark navy text, burnt orange/rust accents, teal action buttons, muted green success states, and soft rounded cards with subtle shadows. Use a centered responsive shell with a header. At top left show an orange rounded-square brand mark containing a white triangle and the bold label “ARGAPURA SIAGA”; at top right show a pill reading “Simulasi edukasi • KRB III.” The footer says the simulation is for decision-making practice and that in a real emergency users should follow PVMBG, BPBD, and local government instructions.

Intro screen: display a large rounded hero card split into copy and an illustrated volcano settlement. The copy includes the orange uppercase eyebrow “SIMULASI KEPUTUSAN CEPAT,” the large headline “Gunung Argapura: 4 Keputusan Menentukan,” and this premise: “Selamat datang, Bapak/Ibu. Anda adalah kepala keluarga di permukiman padat Desa Argapura, tepat di KRB III, 3 km dari kawah gunung api aktif. Baca situasi, pilih satu tindakan, dan pelajari alasannya.” Below it show four statistic chips: “KRB III,” “10 soal,” “30 detik / pilihan,” and “4 skenario.” Include a teal “Mulai simulasi” button and a secondary “Cara bermain” button; the latter toggles explanatory text saying each choice is judged on action accuracy, safety priorities, and response speed.

The hero illustration is made from simple CSS/vector-like shapes: a sunset gradient sky in pale yellow and orange, a glowing circular sun, hazy drifting gray smoke, ash dots, a layered dark brown mountain with a volcano rim, a small glowing orange lava stream, and a foreground village of four simple cream houses with dark reddish roofs, doors, chimneys/smoke, several small colorful people silhouettes, and a dark green ground strip. Add a small dark translucent badge over the art reading “DENTUMAN AKTIF • 3D SIMULASI.” Animate smoke/ash/lava subtly. On starting, optionally play a low volcanic boom/noise using Web Audio, but the quiz must work without audio.

Quiz flow: there are exactly 10 sequential questions, grouped into four main scenarios plus two bonus questions. Every question has a 30-second countdown, a horizontal orange progress bar, a “Soal N / 10” label, a scenario kicker, a title, a context paragraph, and four answer buttons labeled A-D in a two-column grid on desktop and one column on mobile. The timer is a large circular badge at the upper right; it changes to a warning red/pink style at 8 seconds or less. Once an answer is selected, disable all choices, color the correct answer green and an incorrect selected answer red, show feedback, and reveal a “Lanjut” button (or “Lihat hasil” on the last question). If the timer reaches zero, automatically submit as unanswered and show “Waktu habis. Prioritaskan keselamatan dan ikuti instruksi resmi secepat mungkin.”

Use these exact question contents and answer logic:
1. Kicker “Skenario 1 • Tanda awal”; title “Sirene berbunyi saat malam hari”; context: “Anda mendengar sirene peringatan. Abu tipis mulai terlihat di udara dan grup warga ramai mengirim pesan yang belum terverifikasi. Keluarga sedang berkumpul di rumah.” Correct: “Tetap di rumah, menutup semua ventilasi, lalu memantau arahan resmi BPBD/PVMBG.” Explanation: “Langkah awal paling aman: lindungi pernapasan dan cari informasi dari sumber resmi.” Distractors: leave immediately by private vehicle without supplies; open doors/windows; spread an unverified message telling everyone to run toward the crater.
2. Same kicker; title “Menyiapkan perlindungan keluarga”; context: “Status gunung naik. Anda punya waktu beberapa menit sebelum menunggu instruksi evakuasi. Ada anak kecil dan anggota keluarga lanjut usia.” Correct: “Mengambil masker, kacamata, obat rutin, dokumen penting, air minum, dan senter.” Explanation: “Prioritaskan tas siaga yang ringkas dan kebutuhan paling penting.” Distractors: collect electronics and valuables; send the child out to see the ash direction; wait for all neighbors to finish packing.
3. Kicker “Skenario 2 • Abu vulkanik”; title “Abu pekat mulai turun”; context: “Angin membawa abu pekat ke permukiman. Jarak pandang menurun dan beberapa warga mulai batuk. Evakuasi belum diperintahkan.” Correct: “Masuk ke dalam bangunan, gunakan masker/kain lembap, dan tutup celah masuk abu.” Explanation: “Mengurangi paparan abu melindungi mata dan saluran pernapasan.” Distractors: stand outside under an umbrella to record; continuously spray the roof; drive quickly without lights.
4. Same kicker; title “Melindungi sumber air”; context: “Lapisan abu mulai menutupi halaman dan talang. Persediaan air bersih di rumah terbatas.” Correct: “Tutup wadah air dan lindungi sumur/tandon dari abu.” Explanation: “Air bersih harus dijaga agar tidak tercemar abu.” Distractors: leave gutters open for rain; mix well water with unfiltered river water; throw away all clean water.
5. Kicker “Skenario 3 • Evakuasi”; title “Perintah evakuasi diterima”; context: “BPBD mengumumkan evakuasi menuju titik kumpul di arah yang berlawanan dari kawah. Jalan utama mulai padat. Keluarga Anda lengkap.” Correct: “Ikuti rute resmi, berjalan tertib, dan bantu lansia/anak menuju titik kumpul.” Explanation: “Rute resmi dan ketertiban mengurangi risiko terpisah serta kemacetan.” Distractors: take a shortcut near a river; return for possessions after reaching the assembly point; split the family up.
6. Same kicker; title “Keluarga terpisah di kerumunan”; context: “Di titik kumpul, anak Anda tidak terlihat selama beberapa menit. Petugas mengatur warga agar tidak kembali ke zona merah.” Correct: “Laporkan segera ke petugas, sebutkan ciri dan lokasi terakhir anak.” Explanation: “Petugas dapat mengoordinasikan pencarian dengan aman dan terarah.” Distractors: break back into the settlement alone; wait silently; broadcast the child’s full identity to every group without coordination.
7. Kicker “Skenario 4 • Lahar”; title “Hujan deras setelah erupsi”; context: “Hujan deras turun di lereng. Terdengar suara gemuruh dari arah sungai. Sebagian warga ingin melihat apakah lahar sudah lewat.” Correct: “Menjauh dari sungai, jembatan, dan lembah; naik ke tempat lebih tinggi sesuai arahan.” Explanation: “Lahar dapat datang cepat melalui alur sungai, bahkan setelah erupsi.” Distractors: approach the bridge; shelter below the bridge; wait for a viral video.
8. Same kicker; title “Setelah berada di pengungsian”; context: “Di pengungsian, beberapa orang ingin pulang karena mendengar kabar erupsi mereda. Status resmi belum menyatakan aman.” Correct: “Tetap di pengungsian sampai ada pengumuman resmi boleh kembali.” Explanation: “Zona bahaya bisa berubah; kepulangan harus menunggu otoritas.” Distractors: return secretly; invite everyone to return; spread that everything is safe.
9. Kicker “Bonus • Pemulihan”; title “Membersihkan abu di sekitar rumah”; context: “Setelah status aman resmi, abu masih menumpuk di atap dan halaman. Anda ingin membantu lingkungan.” Correct: “Gunakan masker dan kacamata, basahi abu seperlunya, lalu bersihkan dengan hati-hati.” Explanation: “Perlindungan diri dan metode basah membantu mengurangi abu beterbangan.” Distractors: sweep dry ash hard; blow ash off with a fan; dump ash into drains.
10. Kicker “Bonus • Kesiapsiagaan”; title “Membangun kebiasaan siaga”; context: “Latihan hari ini selesai. Anda ingin keluarga lebih siap untuk kejadian berikutnya.” Correct: “Membuat rencana keluarga, titik temu, tas siaga, dan mengikuti latihan evakuasi.” Explanation: “Kesiapsiagaan yang dilatih membuat respons lebih cepat dan terarah.” Distractors: rely on one supposedly knowledgeable person; store emergency numbers on only one phone; wait for a disaster before learning routes.

Scoring: a correct response awards +10; incorrect or timed-out responses award 0. Track answered count and total time. After question 10 show a centered results card with the eyebrow “Simulasi selesai,” title “Warga siaga” for scores at least 80% or “Warga perlu lebih siap” below that, and a circular conic-gradient score ring displaying the numeric score out of 100. Show “X / 100 poin • Y% indeks kesiapsiagaan.” For high scores use: “Anda menunjukkan prioritas keselamatan yang kuat. Pertahankan kebiasaan mengecek informasi resmi dan melatih rute evakuasi.” For lower scores use: “Latihan ini menunjukkan beberapa keputusan perlu diperkuat. Ulangi simulasi, siapkan tas siaga, dan bahas rencana keluarga.” Include three insight panels: “Prioritas utama — Lindungi pernapasan, ikuti arahan resmi, dan jangan mendekati sungai atau kawah.”; “Siapkan keluarga — Tas siaga, kontak darurat, titik temu, dan rute evakuasi perlu dilatih.”; “Saat evakuasi — Bergerak tertib, tetap bersama keluarga, dan jangan kembali tanpa izin.” Add a centered “Ulangi simulasi” button. Ensure responsive behavior, accessible buttons, and preserve the Indonesian wording and safety-focused educational tone.