/* styles omitted for brevity (same as previous) */
:root { --red:#e53935; --violet:#8e24aa; --yellow:#fdd835; --bg:#0f172a; --card:#111827; --text:#e5e7eb; --muted:#94a3b8; --accent:#00d4ff; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(135deg,#0b1023,#0f172a);color:var(--text)}
header,main,footer,.auth{max-width:1000px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid #1f2937;padding:16px;border-radius:12px;margin-top:12px}
#colorBox{width:260px;height:260px;border-radius:16px;margin:8px auto 12px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.buttons{display:inline-flex;gap:10px;margin:8px 0 14px}
button.guess{padding:10px 16px;border-radius:10px;border:1px solid #334155;background:#0b1220;color:var(--text)}
button.secondary{padding:8px 14px;border-radius:8px;background:#0e1628;color:var(--muted);border:1px dashed #334155}