:root { --bg:#0a1628; --surface:#132337; --accent:#7dd3fc; --text:#e0f2fe; --muted:#64748b; }
body { font-family:system-ui,sans-serif; background:var(--bg); color:var(--text); margin:0; text-align:center; }
header { padding:1rem; }
header p { color:var(--muted); }
main { max-width:520px; margin:0 auto; padding:1rem; }
#world { border-radius:12px; max-width:100%; background:#051018; }
.message { font-style:italic; color:var(--accent); margin:1rem 0; min-height:1.5rem; }
.sliders { text-align:left; margin:1rem 0; }
.sliders label { display:block; margin:.5rem 0; font-size:.9rem; }
input[type=range] { width:100%; accent-color:var(--accent); }
.btn { background:var(--accent); color:var(--bg); border:none; padding:.75rem 2rem; border-radius:999px; cursor:pointer; font-size:1rem; margin:.5rem; }
.select { background:var(--surface); color:var(--text); border:1px solid #334155; padding:.5rem; border-radius:8px; margin-top:.5rem; }